@charset "utf-8";

/* Estilos generales */

* { }
body { margin:0; background-image: url(../img/bg.gif); background-color:#ffffff;padding:0; background-repeat: repeat-x; background-position: center top;}
h1{ font-size: 18px; margin:0px;}
h3 { margin:0px; color: #78d234; font-size: 16px; padding:0px;}
h4 { color: #78d234; }
.txtnormal { font: Verdana, Arial, Helvetica, sans-serif;color: #555555; font-size:12px;}

div#contents { width: 976px;  margin:0 auto; *height: 1314px;}


/* Resets */

img a { border:0px; }

/* Cabecera */

#header { height: 145px; font-family: Arial, Verdana, sans-serif; }
.logo { float: left; width:378px; height:60px; padding-top: 2px;}
.contacto { padding-top: 10px; float: right; }
.login { margin-left: 450px; padding-top: 30px; font-size: 10px; }	
.login a {color: #fff; text-decoration: none;}
.login a:hover {color:#77d235;  }
.login img { margin-left: 5px; margin-right:5px; border:0px;}

.menu { color: #def4cd; padding-top: 2px; height: 28px; margin-top: 32px;}
.menu a { font-weight: bold; color: #ffffff; text-decoration:none;}
.menu a:hover { color: #09101c; } 
.menuizq { float: left; letter-spacing: 0.025em; }
.menudcha { float: right; }

.submenu { font-weight: bold; color: #b9b9b9; font-size: 12px; padding-top: 8px;}
.submenu a { text-decoration: none; color: #898886;} 
.submenu a:hover { color: #09101c; }


/* Cuerpo */

.banner { width: 976px; height: 431px;  margin-top: 30px;}

.ventajas {color: #ffffff; margin-top: 30px;}
.ventajas p { margin: 0px; padding:0px;}
.ventajas a {  font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: underline;	}
.ventajas a:hover { color: #09101c;}
.ventajas img { margin-left: 10px;margin-right:5px; border:0px;}
.ventajas img a { text-decoration: none; }
.c1, .c2, .c3 { width: 280px; padding-left: 20px; padding-right: 20px; height: 120px;}
.c1 { float: left; border-right: 1px dotted #ffffff;}
.c2 { float: right;  }
.c3 { margin-left: 326px; border-right: 1px dotted #ffffff;}


.acceso { height: 30px; font-size: 12px;  padding-top: 40px; text-align: right; }
.acceso form { margin: 0px;} 
.acceso label { padding-left: 10px; padding-right: 10px; font-size: 11px; font-weight: bold;}
.campos { border: 1px solid #cccccc; padding-left: 4px;}
.recordar {  font-size: 11px; font-weight: bold; color: #000000;}
.recordar a { text-decoration: none; font-size: 12px; color: #000000;}
.campos a:hover { background: #000000; }

#sidebar { float: left; margin-top: 20px; height: 250px; _height: 220px;}
.sidebar-a { width: 625px; float: left;  }

.certificamos { float: left; padding-top: 5px; }
	.titulo {height: 31px; }
	.cuerpo {  height: 160px; font-size: 12px; height: 160px; }
	.cuerpo p { margin: 1px;}
	.cuerpo a { color: #78d234; text-decoration: none;  font-weight: bold;}
	.cuerpo a:hover {  color: #000000;border-bottom: 1px dotted #aaaaaa; }
	.estilotxt { color: #777777; line-height: 1.3;}

.sidebar-b { margin-left: 32px; width: 316px;float: right; }
.foto { float: left; margin-top: 22px;}
.texto { float: right; margin-top: 20px; margin-right: 20px; width: 160px;}

.validaciones { clear:left; height: 40px; font-size: 11px; color: #777777;}
.validador { float: left; padding-left: 2px; height: 30px; padding-top: 10px; width: 440px;}
.etiqueta { float: left;}
.etiqueta2 { padding-top: 10px; float: left;}
.logotipos { float: right;}
.redes { float: right; padding-right: 6px; width: 250px; height: 34px; }
.plataformas { float:left;padding-top: 20px; _padding-top: 20px; height: 73px;}

.parc1 { height: 129px;}







/* Pie de pagina */

#footer { background-color: #e7e7e7;padding-top: 10px; height: 646px; width: 100%; float: left; border-top: 1px solid #dddddd;font-family: Arial, Verdana, sans-serif;}

.area1 { float: left; width: 315px; border: 1px solid #78d234;}
.area3 { float: right; width: 315px; border: 1px solid #78d234;}
.area2 { margin-left: 330px; width: 315px; border: 1px solid #78d234;}
.areatit {text-align: center; border: 1px solid #78d234; background-color: #78d234; margin:4px; font-size: 13px; font-weight: bold; color: #fff; height: 25px; padding-top: 5px;}
.areacuerpo { padding-left: 8px; padding-top: 4px; height: 160px; }
.mapa { height: 400px;}
.areacuerpo ul { list-style: none; margin:0px; padding: 0px; font-size: 13px; color: #888888;}
.areacuerpo li { margin-bottom: 2px;}
.areacuerpo a { font-size: 13px; color: #888888; text-decoration: none;}
.areacuerpo a:hover { color: #444444; font-weight: bold;}
.areacuerpo img { padding-right: 8px;}

.redes-sociales { margin-left: 360px;margin-top:10px; font-size: 10px; color: #333333; width: 280px;}
.siguenos { margin-top: 5px;float: left;}
.logosbn { float: right; text-align:right;}
.idioma { color: #ffffff; font-size: 11px;}
.logosfooter { clear:left;}
#contenedores { font-family: Arial, Helvetica, sans-serif;width:990px; margin: auto;}