/* 
    Document   : estilos
    Created on : 20/09/2010, 12:42:47 PM
    Author     : william
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*********** DEFAULT CSS TAGS *********/

html {  margin: 0; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top; background-color: #b7b8bc;}
body {  padding-top: 0;  background-image: url(../images/bg_front.jpg); background-position: top; background-repeat: no-repeat;  margin: 0;
        font-family: 'Droid Sans', serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        text-shadow: none;
        text-decoration: none;
        text-transform: none;
        letter-spacing: 0em;
        word-spacing: 0em;
        line-height: 1.3em;
}
h3 {font-family: 'Droid Sans', serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    color: #962423;
    margin: 10px 0 10px 0;

}
.backimg {
    background: url(../image/video.png) no-repeat center;
}
#lista li h3 {
    font-size: 14px;
    font-weight: 500;
    color: #0786A9;
    margin: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

#lista li a:hover  h3 {
    text-decoration: none;
    color: #952524;
    margin-left: 10px;
}
#lista a {z-index: 1000;}

ul li {list-style:none; padding-left:-15px;}

a { text-decoration: none; color:#c04;}
#sesion a:hover img{opacity: 1;}
#sesion a:hover h4{color: #c04;}
#sesion .registro, h4{vertical-align: top;}
#sesion .registro h4{
    vertical-align: top;
    display: inline;
    color: #002C44;
    padding-top: 0px;
    margin-top:0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#sesion img {
    opacity: 0.8;
    padding-top:3px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

#usuario a:hover h4{color: #c04;}
#usuario .registro, h4{vertical-align: top;}
#usuario .registro h4{
    vertical-align: top;
    display: inline;
    color: #002C44;
    padding-top: 0px;
    margin-top:0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#usuario {text-align: right;}

img {border-style: none;}
.features .feat h1 { padding-left: 25px; font-size: 16px; font-weight: 700;}
.features .feat p { padding-left: 25px; font-size: 12px; font-weight: 400;}

.principal {  height:451px; }
.video {  padding: 0 0 0 0; margin-bottom: 38px;}
.vid_ini {width:220px; height:150px; display:block; background:transparent;}
.logos {  padding: 0 0 0 0; margin-bottom: 38px; background-image: url(../images/trans.png) }
h1{
    margin-top:-15px;

    margin-bottom: 1px;
    padding: 0px;
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    font-style: normal;
    font-weight:  bold;
    color: #0786A9;

}
h2 {
    font-family: 'Droid Sans', serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    color: #002C44;
    line-height: 1.3;
}
h4 {margin:10px 0px 0px 0px;
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    font-style: normal;
    font-weight:  bold;
    color: #0786A9;

}
h5 {
    padding-top:8px;
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    font-style: normal;
    font-weight:  bold;
    color: #ffffff;

}

input {
    width:200px;
}

/*#menu { text-align: right; height: 20px; }
#menu li { display: inline; font-size: 10px; }
#menu li a { float: left; padding: 0 5px 0 0; margin: 0 5px 0 0; color: #000; border-right: 1px solid #8c8c8c; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #c04; }
#menu li a.current { font-weight: bold; color: #fff; }
*/
#header {}
#logo {}
#sesion {text-align:right; margin-top:40px; height:120px;}
#contenido {}

#entrar {
    margin-top:87px;
}


.features {
    background-image: url(../images/footer.png);
    background-position: center;
    background-repeat: no-repeat;
    height:254px;

}
.feat {
    padding-top:35px;
}

.footer {
    margin:0 0 0 0;
    padding: 9px 49px 9px 46px;
    background-color:#002C44;
    color:#ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height:25px;



}

.footer a {
    color:#ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-decoration:none;
}

.footer label {
    color:#ffffff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-decoration:none;
    padding-left: 140px;

}
.cien {width:100%;}

#slider {
    position: relative;
    height:322px;
    width: 540px;
    /*See the "style-pack" below for image*/
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position: relative;
    top:0px;
    left:0px;
    display:none;

}


/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-style: none;
    height:28px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    font-family: 'Droid Sans', serif;

    background: url(blue_.png) no-repeat -420px 0;
    font-size:12px;
    font-weight:  bolder;
    display:block;
    height: 28px;
    line-height:28px;
    width: 130px;
    text-align:center;
    text-decoration:none;
    color:#002C44;
    padding:0px;
    margin:0px;
    position:relative;

}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#0786A9 !important;
    font-weight: bolder;
    font-size:11px;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s             { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover   { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l             { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover   { background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl            { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover  { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


.panes div {
    display:none;
    padding:15px 10px;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-top:0;
    height:160px;
    font-size:14px;
    background-color:#CACACA;

}

.regis_btn { padding:0 0 0 0px ; width:70px; margin:20px 0 0 70px; float:left; text-align: right;}
.iniciar_sesion { width:142px; margin: 0 0 0 15px; padding: 0 0 15px 0; float:left; text-align: right;}

.shadow {
    -moz-box-shadow: 0px 0px 10px #5A5655;
    -webkit-box-shadow: 0px 0px 10px #5A5655;
    box-shadow: 0px 0px 1px #5A5655;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=136, Color='#5A5655')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=136, Color='#5A5655');
}

.espacio_vert {
    height:30px;

}

.scroll {
    overflow: auto;
    max-height: 400px;
    height:400px;
}

label {

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.tab1 {
    background: url(../images/tab1.png) no-repeat 45px 50px;



}
.tab2 {
    background: url(../images/tab2.png) no-repeat 45px 50px;
}
.tab3 {
    background: url(../images/tab3.png) no-repeat 45px 50px;
}
.tab4 {
    background: url(../images/tab4.png) no-repeat 45px 50px;
}
.tab5 {
    background: url(../images/tab5.png) no-repeat 45px 50px;
}
.tab6 {
    background: url(../images/tab6.png) no-repeat 45px 50px;
}
.tab7 {
    background: url(../images/tab7.png) no-repeat 45px 50px;
}
.panes p {
    padding-right:240px;
}

.centrado{ margin-left:auto; margin-right:auto; width:780px;}

.inicio{  background: url(../images/trans.png) top ; height:350px;}
.iniciologo {width:376px; height:129px; margin-top:20px;}
.sangria {padding-left:40px;}
.opcioninicio {margin-right:44px;}
.parrafo {
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    color: #002C44;
}
.barra_titulo { background: url(../images/barra_titulo_bg.jpg) top repeat-x; height: 32px; }
.trans{  background: url(../images/trans.png) top ;}
.vid ul { list-style:none; padding-left:0px; margin-left:0px; }
.vid ul li { list-style:none; padding-left:0px; margin-left:0px;  display: block; margin-bottom: 15px;}

.vid li img {float: left; margin-right: 5px;}
.vid li p {
    color: #002C44;
    margin-top:0px;
    margin-bottom:25px;
    padding-top:0px;
    padding-bottom: 0px;
    font-family: 'Droid Sans', serif;
    font-size: 12px;
    font-style: normal;
    font-weight:  400;
    display: block;

}
.trans ul {

    padding:15px;
}