@charset "utf-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; background-color:#5c86a4;}

a:hover { color:#FFFFFF; text-decoration:none;}
a:link { color:#FFFFFF; text-decoration:none;}
a:visited { color:#FFFFFF; text-decoration:none;} 

.contenedor{margin:auto; margin-top:20px; height:752px; width:1023px; background-color: #f1f1f1;}
.top{ float:left; margin-top:12px; height:5px; width:1023px; background-color:#2172ab;}
.contenido{ float:left; height:650px; width:1023px;}
.ladoizquierdo{ float:left;  width:394px; height:650px;}
.principal{ float:left;  width:383px; height:auto; margin-top:34px;}
.image1{ float:left;  width:380px; height:60px; background-image: url(images/titular.gif)}
.lineamenu{ float:left;  width:380px; height:47px; background-color:#3e3e3e}
.btn1{ float:left;  width:94px; height:33px; margin-top:14px; background-image:url(images/btninicio.gif); background-position:0 -33px;}
.btn1:hover{background-position:0 -33px;}
.btn2{ float:left; margin-left:1px;  width:94px; height:33px; margin-top:14px; background-image:url(images/btninfo.gif);}
.btn2:hover{background-position:0 -33px;}
.btn3{ float:left; margin-left:1px;  width:94px; height:33px; margin-top:14px; background-image:url(images/btncontact.gif);}
.btn3:hover{background-position:0 -33px;}
.btn4{ float:left; margin-left:1px;  width:94px; height:33px; margin-top:14px; background-image:url(images/btnlinks.gif);}
.btn4:hover{background-position:0 -33px;}
.indicador{ float:left;  width:380px; margin-top:2px; height:1px; background-image: url(images/indicador.gif);}
.bienvenida{ float:left;  width:285px; height:469px; margin-top:34px; margin-left:60px;}
.bienvenidafondotitulo{ float:left;  width:285px; height:29px; background-color:#b4b4b4;}
.bienvenidatitulo{ float:left;  width:285px; height:14px; text-align:center; font-size:16px; color:#FFFFFF; margin-top:5px; font-weight:bold;}
.bienvenidatext{ float:left;  width:285px; height:350px; text-align: justify; font-size:12px; color:#2f2f2f; margin-top:20px; font-weight: bolder; line-height:30px;}
.mailimage{ float:left;  width:46px; height:34px; background-image: url(images/mailimage.gif); margin-left:120px;}
.correofondo{ float:left; margin-top:10px;  width:285px; height:29px; background-color:#b4b4b4;}
.correo{ float:left;  width:285px; height:14px; text-align:center; font-size:12px; color: #333333; margin-top:6px; font-weight: normal;}
.ladoderecho{ float:left;  width:541px; height:649px; margin-left:38px;}
.titularderecho{ float:left;  width:541px; height:14px; text-align: left; font-size:16px; color: #333333; margin-top:6px; font-weight:bold;}
.menutop { float:left;  width:541px; margin-top:11px; height:35px; background-image: url(images/menu2top.gif);}
.text1menu2{ float:left; margin-left:20px;  width:122px; height:17px; text-align: left; font-size:12px; color:#FFFFFF; margin-top:6px; font-weight:bold;}
.text2menu2{ float:left; margin-left:20px;  width:100px; height:17px; text-align: left; font-size:12px; color:#FFFFFF; margin-top:6px; font-weight:bold;}
.fondocarpeta{ float:left;  width:541px; height:538px; background-image: url(images/fondocarpeta.jpg)}
.fondocontroles{ float:left; margin-top:10px; width:541px; height:35px; background-color:#b4b4b4;}
.btnanteior{ float:left; width:75px; height:19px; background-image:url(images/btnanterior.gif); margin-top:7px; margin-left:8px;}
.btnanteior:hover{background-position:0 -19px;}
.btninicio2{ float:left; width:75px; height:19px; background-image: url(images/btninicio2.gif); margin-top:7px; margin-left:150px;}
.btninicio2:hover{background-position:0 -19px;}
.btnsiguiente{ float:left; width:75px; height:19px; background-image: url(images/btnsiguiente2.gif); margin-top:7px; margin-left:150px;}
.btnsiguiente:hover{background-position:0 -19px;}
.footer1{ float:left; margin-top:15px; height:47px; width:1023px; background-color:#3e3e3e;}
.footer2{ float:left; height:23px; width:1023px; background-color:#333333;}








.textoidioma{float:left; width:47px; height:10px; margin-left:605px; font-size:10px; color: #c76a17; text-align:center;}
.costarica{float:left; width:24px; height:22px; margin-top:2px; background-repeat:no-repeat; background-image: url(images/cr.png);}
.canada{float:left; width:25px; height:23px; margin-left:10px; margin-top:3px; background-repeat:no-repeat; background-image: url(images/canada.png);}

.idioma{float:left; width:24px; height:28px; margin-top:2px; margin-left:600px; background-repeat:no-repeat; background-image:url(images/selector.png); background-position:center;}
.imagestop {float:left; width:654px; height:80px; margin-top:110px; margin-left:7px; background-repeat:no-repeat; background-image: url(images/imagestop.png);}
.fondomenu{float:left; width:668px; height:28px; margin-top:7px; background-repeat:no-repeat; background-image:url(images/fondomenu.jpg);}
.listamenu{ margin-top:5px; margin-left:10px; color:#FFFFFF; list-style:none; text-decoration:none; padding:0px; font-size:14px;}
.listamenu li { margin-right:30px; float:left; color:#FFFFFF;}
.listamenu li a:hover {color: #CCCCCC;}
.listaactiva{color:#FFFF00!important;}
.flechacontenedor{float:left; width:668px; height:10px; margin-top:3px;}
.flecha{float:left; margin-left:50px; width:46px; height:9px; margin-top:1px; background-image:url(images/flecha.jpg)}
.cajacontenido {float:left; margin-left:0x; width:520px; height: auto; margin-top:1px;}
.topcaja {float:left; width:520px; height:9px; margin-top:5px; background-image:url(images/topcajacontenido.jpg)}
.lineacaja {float:left; width:520px; height:253px; background-image: url(images/lineacajacontenido.jpg);}
.textocaja {float:left; width:490px; height:270px; margin-left:10px; text-align:justify; font-size:12px; color: #666666; font-weight:bolder;}
.buttomcajacontenido {float:left; width:520px; height:8px; background-image: url(images/buttomcajacontenido.jpg)}
.sistemasanitario {float:left; width:137px; height:270px; margin-top:5px; margin-left:9px; background-image: url(images/sistemassanitariosbox.jpg)}
.tel {float:left; width:128px; height:72px; margin-top:200px; margin-left:2px; text-align:center; font-size:12px; font-weight:bolder; color:#666666;}
.footer {float:left; width:668px; height:30px; margin-top:10px; background-image: url(images/lineafooter1.jpg);}
.derechos {float:left; width:300px; height:20px; margin-top:12px; margin-left:200px; font-size:11px; color:#FFFFFF;}
.flash { width:141px; float:right; height:357px; background-image:url(images/flash.jpg); background-repeat:no-repeat; margin-top:238px; margin-right:5px;}