body {font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 11px;line-height: 16px;color: #000066;background-image: url(fdo.jpg);margin: 0px;padding: 0px;height:100%;background-color: #f1f1f1;background-repeat:  repeat-x;text-align: left;}

form div {margin: 4px 0px;}
label {float: left;text-align: right;width: 100px;padding: 0px 10px 0px 0px;}
input {color: #484f9d;font-size: 11px;line-height: 16px;}
select, textarea {width: 250px;color: #484f9d;font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";font-size: 11px;line-height: 16px;}

html {height:100%;}
margin, form, fieldset{margin: 0cm 0cm 0cm 0cm;border: 0px none;}
p {white-space: normal;}
h1 {font-size: 18px;line-height: 24px;font-weight: bold;color: #484f9d;}
h2 {font-size: 13px;line-height: 15px;font-weight: bold;color: #484f9d;background-repeat: no-repeat;}
caption {display:none;}


/*estructura*/
#base {margin-top: 5px;width: 100%;}
#contenedor {margin-left:auto;margin-right:auto;width: 870px;}
#cabe1 {height: 123px;}
#cabe2 {height: 27px;margin-bottom: 6px;background-image: url(imgcab2.jpg);padding-top: 12px;padding-left: 12px;}
#cuerpo {height: 100%;overflow: hidden;}
#pie {font-size: 10px;line-height: 13px;height: 50px;padding-top: 6px;text-align: center;clear: both;color: #484f9d;}
#separa {height: 14px;background-image: url(punto.gif);}
#separa2 {height: 7px;background-image: url(punto.gif);}


/*columna izquierda*/
#coli {width: 207px;float: left;}
#conti {width: 100%;background-image: url(izq2.gif);}
.pta {height: 16px;width: 100%;background-repeat: no-repeat;}
.topi {background-image: url(izq1.gif);}
.piei {background-image: url(izq3.gif);}
.banner {padding: 15px;text-align: center;}
.img {margin-right: 10px;}
.imgbol {margin-right: 10px;margin-bottom: 5px;}


/*columna central*/
#contcentro {width: 444px;float: left;text-align: center;}
#contcentro2 {width: 650px;float: left;text-align: center;}
#centro {height: 200px;}
#cabc {height: 27px;background-image: url(cen1.gif);padding-top: 10px;padding-left: 8px;padding-right: 8px;}
#cabc2 {height: 27px;background-image: url(cen2.gif);padding-top: 10px;padding-left: 8px;padding-right: 8px;}
#home {height: 366px;}
.ancho {width: 100%;}
.colh {height: 365px;float: left;}
.bloqh {width: 198px;height: 106px;margin-top: 3px;}
.globo {width: 219px;height: 118px;float: left;}
.globo1 {background-image: url(globrojo.gif);}
.globo2 {background-image: url(globnaranja.gif);}
.globo3 {background-image: url(globamarillo.gif);}
.globo4 {background-image: url(globverde.gif);}
.globo5 {background-image: url(globazul.gif);}
.globo6 {background-image: url(globvioleta.gif);}

/*columna derecha*/
#cold {width: 207px;float: left;}
.bloq {height: 114px;background-repeat: no-repeat;padding: 8px 8px 0px;}
.uno {background-image: url(bloquno.gif);}
.unoh {background-image: url(bloqunoh.gif);}
.dos {background-image: url(bloqdos.gif);}
.pied {background-image: url(der3.gif);}

/*bloque boletin*/
.titboletin {font-size: 13px;line-height: 15px;font-weight: bold;color: #484f9d;text-decoration: none;}
#boletin {width: 100%;float: left;}
#cabb {height: 27px;background-image: url(bol1.gif);padding-top: 10px;padding-left: 8px;padding-right: 8px;}
#titb {width: 50%;text-align: left;float: left;}
#fechab {width: 50%;text-align: right;float: left;}
#contb {background-image: url(bol2.gif);padding-left: 8px;padding-right: 8px;text-align: left;}
#contb2 {background-image: url(centro2.gif);padding-left: 8px;padding-right: 8px;text-align: left;height: 150px;}
.pieb {width: 100%;height: 16px;background-image: url(bol3.gif);}
.pieb2 {width: 100%;height: 16px;background-image: url(bol4.gif);}

/*servicios relacionados*/
#cabsr {height: 27px;background-image: url(servrel1.gif);padding-top: 10px;padding-left: 8px;padding-right: 8px;}
#contsr {background-image: url(servrel2.gif);padding-left: 8px;padding-right: 8px;text-align: left;}
.piesr {width: 100%;height: 16px;background-image: url(servrel3.gif);margin-bottom:6px;}

#dos {background-color: #F6F6F6;}
.col {width: 40%;float: left;padding-right: 5%;padding-left: 5%;}
.cole1 {width: 85%;float: left;}
.cole2 {width: 10%;float: left;}

.coloferta {width: 50%;height: 200px;float: left;padding-bottom: 12px;}
#otraofer {background-color: #E8E8E8;padding: 6px;}
#barraoferta {height: 20px;background-color: #FF9900;margin-bottom: 6px;padding-left: 12px;}

/*atributos de texto*/
.txt18 {font-size: 18px;}
.txt12 {font-size: 11px;}
.txt10 {font-size: 10px;line-height: 12px;}
.caps {text-transform: uppercase;font-size: 9px;}
.bold {font-weight: bold;}
.blanco {color: #FFF;}
.negro {color: #000}
.gris {color: #666;text-decoration:none;}
.azul {color: #484f9d;text-decoration:none;}
.naranja {color: #FF9900;text-decoration:none;}
a:hover {COLOR : #999999;text-decoration:none;}
.line14 {line-height: 14px;}

/*padding y margin*/
.pad {padding: 6px;}
.padt {padding-top: 6px;}
.paddi{padding-right: 6px;padding-left: 6px;}
.padb {padding-bottom: 6px;}
.padb2 {padding-bottom: 3px;}
.pads {padding-top: 6px;}
.margd {margin-right: 6px;}
.pads {padding-top: 6px;}
.margb {margin-bottom: 6px;}
.alind {text-align: right;}
.alini {text-align: left;}
.alinc {text-align: center;}
.flot {float: left;}
.ancho50 {width: 50%;}

/*estilo botonera lateral*/
.listamapa{width: 300px;padding-left: 60px;}
.listamapa ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0px;}
.listamapa ul li a{font-size: 10px;line-height:10px;color: #999;text-decoration: none;text-transform: none;}
.listamapa ul li a:hover{color: #FF9900;}


/*estilo botonera lateral*/
.arrowlistmenu{width: 186px;margin-left: 8px;margin-right: 8px;}
.menuheader a{font-size: 11px;line-height:13px;COLOR: #484f9d;text-decoration: none;padding: 2px 0px 0px 3px;height:17px;border-bottom: 1px solid #ebebeb;display: block;cursor: pointer;}
.menuheader a:visited{color: #484f9d;}
.menuheader a:hover{color: #484f9d;background-color: #f5f5f5;}
.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0px;}
.arrowlistmenu ul li{padding-top: 0px;padding-bottom: 1px;}
.arrowlistmenu ul li a{font-size: 10px;line-height:10px;font-weight: bold;color: #999;text-decoration: none;text-transform: none;padding: 2px 3px 3px 10px;display:block;height:10px;}
.arrowlistmenu ul li a:hover{color: #FF9900;}
/*Estilo portfolio*/
.portfolio{ padding:0;}