/*
-----------------------------------------------------------
Titulo:                        AFOCAT -- index
Autor:                        Francisco Medina fmedina@brahmaproducciones.com
Actualizado:        15 mayo 2007
Version:                2.0
-----------------------------------------------------------
*/
html, body {
background: #485CA5;
margin: 0px;
padding: 0px;
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#437AB8;
scrollbar-shadow-color:#437AB8;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#437AB8;
}
#container {
position: relative;
background: url(imgs/bkg-atdo.jpg) repeat-y center top;
width: 1000px;
margin: 0px auto;
}
#kbz,#menusup,#cinturon,#banner-seccion-x,#cont,#pie {
width: 1000px;
margin: 0px auto;
}
#kbz {
background: url(imgs/bkg-kbz.jpg) no-repeat center top;
height: 157px;
position: relative;
z-index: 5;
}
#logo {
height: 113px;
width: 189px;
position: absolute;
left: 19px;
top: 25px;
}
#nombre {
width: 700px;
position: absolute;
right: 50px;
top: 75px;
text-align: center;
}
#nombre .afocat {
color: #BB140C;
font: bold 140% sans-serif;
margin: 0px;
padding: 0px;
}
#nombre .region {
font: bold 120% sans-serif;
color: #000000;
letter-spacing: 0.1em;
margin: 0px;
padding: 0px;
}
#menusup {
background: url(imgs/bkg-atdo.jpg) repeat-y center top;
}
#menusup0 {
height: 200px;
width: 970px;
background: #1A317F;
margin: 0px auto;
}
#menu1 {
float: left;
height: 200px;
width: 320px;
}
#menu1 ul {
margin: 2px 0px 0px 70px;
padding: 0px;
}
#menu1 li {
margin: 0px;
padding: 0px;
list-style: none;
background: url(imgs/bkg-menu.gif) no-repeat 10px bottom;
}
#menu1 li.ultimo {
background: url(none);
}

#menu1 li a {
font: normal 100%/30px sans-serif;
color: #FFFFFF;
text-decoration: none;
margin-left: 5px;
padding-left: 40px;

}
#menu1 li a:hover {
color: #F12B07;
}
.quienes_somos #menu1 a.quienes_somos, .servicios #menu1 a.servicios, .noticias #menu1 a.noticias, .oficinas #menu1 a.oficinas,  .contactenos #menu1 a.contactenos{
background: url(imgs/dot-big.jpg) no-repeat 0px -2px;
}
#flash {
height: 200px;
width: 640px;
float: right;
background: #425695;
}
#cinturon {
position: absolute;
height: 125px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/cinturon1.png',sizingMethod='scale');
z-index: 30;
top: 314px;
right: 0px;
}
div>#cinturon {
background-image: url(imgs/cinturon1.png);
}
#banner-seccion-x {
height: 420px;
background: url(imgs/banner-secc-001.jpg) no-repeat 7px 35px;
clear: both;
}

#banner-seccion-x-1 {
height: 420px;
background: url(imgs/banner-secc-002.jpg) no-repeat 7px 35px;
clear: both;
}

#banner-seccion-x-2 {
height: 420px;
background: url(imgs/banner-secc-003.jpg) no-repeat 7px 35px;
clear: both;
}

#banner-seccion-x-3 {
height: 420px;
background: url(imgs/banner-secc-004.jpg) no-repeat 7px 35px;
clear: both;
}

#afiliados {
margin: 0px 0px 0px 35px;
padding: 120px 0px 0px;
width: 200px;
}
#afiliados h2 {
font: bold 100% sans-serif;
color: #FFFFFF;
margin: 0px 0px 40px;
padding: 0px;
}
#afiliados p {
color: #FFFFFF;
font: bold 80% sans-serif;
}
#afiliados .dato {
background: #FFFFFF;
font-size: 70%;
font-weight: bold;
color: #000000;
}
#cont {
position: relative;
height:auto;
}
#submenu {
float: left;
width: 330px;
position: relative;
}
#submenu0 {
top: -35px;
position: absolute;
width: 232px;
left: 40px;
}
#submenu ul {
margin: 30px 0px 0px;
padding: 0px 0px 22px;
clip: rect(auto,auto,auto,50px);
background: url(imgs/bkg-submenu.jpg) repeat-y 25px 0px;
}
#submenu li {
margin: 0px;
padding: 0px;
list-style: none;
border-bottom: 1px solid #000000;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#submenu li a {
color: #000000;
font: 110%/35px Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 35px;
}
#submenu li a:hover {
color: #D22D27;
}
#submenu img.auto {
}
#cont.quienes li a.quienes, #cont.objetivos li a.objetivos, #cont.mision li a.mision, #cont.legal li a.legal
{
background: url(imgs/dot-small.jpg) no-repeat 3px 0px;
}
#cont.alo li a.alo, #cont.requisitos li a.requisitos, #cont.aportes li a.aportes, #cont.coberturas li a.coberturas, #cont.pasos li a.pasos, #cont.reembolso li a.reembolso, #cont.gastos li a.gastos, #cont.indemnizacion li a.indemnizacion, #cont.objetivos li a.objetivos,#cont.marco li a.marco,#cont.mision li a.mision {
background: url(imgs/dot-small.jpg) no-repeat 3px 0px;
}
#txt {
width: 640px;
font: 110%/30px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
float: right;
}
#txt h1 {
position: absolute;
left: 360px;
top: -60px;
color: #1F3171;
text-transform: uppercase;
font-family: sans-serif;
font-weight: bold;
font: 130%/normal sans-serif;
}
#txt p {
font: 80%/normal sans-serif;
color: #000000;
margin: 0px 0px 20px;
padding: 0px;
text-align: justify;
}
#txt-col-i {
float: left;
width: 270px;
}
#txt-col-d {
width: 270px;
float: right;
margin-right: 40px;
}
#pie {
background: url(imgs/bkg-pie.jpg) no-repeat center top;
position: relative;
color: #FFFFFF;
font-family: sans-serif;
font-weight: bold;
padding: 0px;
height: 50px;
}
#pie .dir {
position: absolute;
left: 5px;
bottom: 5px;
}
#pie .evol {
position: absolute;
right: 5px;
bottom: 5px;
}
#pie p {
font: normal 70% Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
margin: 0px;
padding: 0px;
}
#pie a {
color: #FFFFFF;
text-decoration: none;
}
#pie  a:hover {
text-decoration: underline;
}

#txt-col-u {
float: left;
width: 540px;
height: auto;
background: #FFFFFF;
}
#txt-col-u-1 {
float: left;
width: 540px;
height: 1000px;
background: #FFFFFF;
}
.style1 {
font-size: 100%
}
.negrito {
font-weight: bold;
}

.intro {
font: normal 90% Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
top:0;
word-spacing: 2px;
text-align: justify;


}
boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:80px;
        height:19px;
       }
.formbutton{
cursor:pointer;
border:outset 0px #ccc;
background:#999;
color:#ffffff;
font-weight:bold;
padding: 1px 2px;
background:url(imgs/boton.gif) repeat-x left top;
width:100px;
height:25px;
}
.titcajaconte {
margin: 1px 0px;
padding: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
text-align: left;
color: #3366CC;
text-decoration:none;
}
.rcajaconte   {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
    text-align:justify;

}
.lcajaconte {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        text-decoration:none;
        font-weight: bold;
}
.enlacemas {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        text-decoration:none;
        font-weight: bold;
}
#contenedorconte {
        padding: 2px 2px 2px 2px;
        text-align:justify;
        width: 500;
        height: auto;
        border-bottom: 1px solid #0099CC;
        }
table.tab {
        text-align: left;
         font-size: 12pt;
        }
img.le {
        text-align: center;
        padding: 4px;
        border: solid 1px #cccccc;
        margin: 2px;


        }
.ter {
   font-family: Arial Black;
   color:#CA220F;
   font-size: 14pt;
        }
.ter_azul {
   font-family: Arial Black;
   color:#0B6AC1;
   font-size: 15pt;
        }
.ter_azul_a {
   font-family: Arial Black;
   color:#0B6AC1;
   font-size: 10pt;
   text-align: left;
        }
.ter_negro {
   font-family: Arial Black;
   color:#000000;
   font-size: 14pt;

        }
.ter_blanco {

   color:#ffffff;
   font-weight:bold;

        }
.afo_r {

   color:#DD0000;
   font-weight:bold;

        }
#txt .cob {
        text-align: left;
         font-size: 9pt;
         color: #0E243F;
         padding:0px;
         font-weight:bold;
        }
.intro .cob {
        text-align: left;
         font-size: 9pt;
         color: #0E243F;
         padding:0px;

        }
table, td  .tsito{
        text-align: left;
         font-size: 9pt;
         border:1px solid #010D16;
        }
.pestana {
        width:181px;
        height:30px;
        border:2px solid #133359;
        background-color:#20599F;
        color: #ffffff;
        font-size: 14pt;
         font-weight:bold;
         text-align: center;
         padding:3px;
        }
.enro{
        text-align: left;

        }

#fconsulta{
           padding: 10px;
           color: #FFFFFF;
           font: bold 80% sans-serif;
}
#resultado{
        text-align: center;
        font: bold 80% sans-serif;
        font-size: 16pt;
}
#dcierras{
        text-align: center;
}