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

body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; background-color:#FBFBFB}
h2 { font-family:Open Sans Condensed; font-weight:bold; font-size:14px; color:#5c5c5c; margin:0px; padding:0px;}
h3 { font-family:Open Sans Condensed; font-weight:bold; font-size:23px; color:#043149; margin:0px; padding:0px;}
h4 { font-family:Open Sans; font-weight:normal; font-size:15px; color:#043149; margin:0px; padding:0px;}
h5 { font-family:Open Sans Condensed; font-weight:bold; font-size:19px; color:#043149; margin:0px; padding:0px;}
a { text-decoration:none; cursor:pointer}
::selection {background: #043149; color:#FFF}
::-moz-selection {background: #043149; color:#FFF}

#fondo {width:100%; height:100%; background-image:url(img/fondo.jpg); background-repeat:repeat-x; position:absolute;}
#contenedor1 {width:1000px; height:725px; margin:auto;}
#header1 {height:90px; width:100%;}

#logo {background-image:url(img/logo.png); width:444px; height:78px; float:left; margin:5px 30px; cursor:pointer}
#info-head { color:#494949; width:420px; float:left; margin-left:47px; margin-top:20px;}

#info-head b {font-size:18px; color:#000}
#info-head span {color:#000}
#info-head a {color:#000; text-decoration:none;}
#contenedor2 {height: 700px; width:100%;}
#contenedor-fondo {background-image:url(img/fondo-home.png); width:983px; height:635px; margin:auto; z-index:1;}
#contenedor-seccion { background-color:#CCCCCC; width:983px; height:40px; margin:auto;}
#menu {width:983px; height:48px; background-image:url(img/fondo-up.png)}
#menu2 {margin-left:11px; padding-top:8px; z-index:900;}
#contenedor3 {width:983px; height: 900px; background-image:url(img/fondo-down.png); padding-top:4px; background-repeat:no-repeat;}

#izq2 {width:656px; height: 570px;float:left; margin-left:10px; z-index:10; background-image:none}
#textos1 {width:600px; height:100px; margin:auto; margin-top:25px; text-align:center;}
#textos1 img {margin:auto; margin-bottom:10px;}
#textos1 h4 {margin-bottom:-2px;}
#textos2 {width:290px; height:150px; margin-left:335px; margin-top:60px; text-align:center;}
#textos3 {background-color: transparent; width:280px; margin-left:370px; margin-top: 270px;font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px;}
#textos3 b {font-size:16px; color:#043149; line-height:20px;}
#textos3 .items {margin-left: 5px;}
#textos3 .items p { margin:0px; padding:0px; color:#043149; font-weight:bold;}
#der {width:306px; height:580px;float:left; z-index:10;}
#anotarme {background-image:url(img/anotarme.png); width:306px; height:75px;}
#anotarme #textos-nota {text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:11px;}
#anotarme #textos-nota #anotarmeEn {font-size:17px; color:#FFFFFF; line-height:8px;}
#anotarme #textos-nota #charla {font-size:31px; color:#294069}
#estilo-form {color:#043149; width:90%; height:485px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#estilo-form .titulares {width:100%; height:18px;}
#estilo-form .entrada1 {width:100%; height:22px; margin-bottom:3px; border:2px solid #84a7ce}
#estilo-form .entrada2 {width:20%; height:22px; margin-bottom:3px; border:2px solid #84a7ce; background-color:#e0ebf7; float:left;}
#estilo-form .entrada3 {width:74%; height:22px; margin-bottom:3px; border:2px solid #84a7ce; background-color:#e0ebf7; float:right;}
#estilo-form select {width:100%; height:27px; margin-bottom:3px; border:2px solid #84a7ce}
#estilo-form .titulares2 {width:100%; height:18px; margin-top:10px;}
#estilo-form .titulares2_chico {width:100%; height:12px; margin-top:10px;}
#estilo-form #cont-check {width:300px; height:30px; margin-left:-5px;}
#estilo-form #cont-check #ch1 {width:109px; height:25px; float:left;}
#estilo-form #cont-check #ch2 {width:94	px; height:25px; float:left;}
#estilo-form #cont-check #ch3 {width:94px; height:25px; float:left;}
#estilo-form .chequealo {width:19px; height:25px; float:left;}
#estilo-form .cheque-txt1 {font-size:9px;  float:left; padding-top:4px; width:90px;}
#estilo-form .cheque-txt2 {font-size:9px;  float:left; padding-top:4px; width:70px;}
#estilo-form .cheque-txt3 {font-size:9px;  float:left; padding-top:4px; width:80px;}
#estilo-form textarea {width:97%; height:84px; margin-bottom:3px; border:2px solid #84a7ce; resize: none; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; }
#estilo-form #botones {width:170px; height:30px; float:left;}
#estilo-form #valid { width:105px; height:30px; text-align:right; float:left; font-size:11px; padding-top:4px;}
#estilo-form .enviar {background-image:url(img/enviar.png); width:77px; height:24px; border:none; cursor:pointer}
#estilo-form .enviar:hover { background-position:bottom;}
#estilo-form .borrar {background-image:url(img/borrar.png); width:77px; height:24px; border:none; cursor:pointer}
#estilo-form .borrar:hover { background-position:bottom;}

#reco-desp {width:983px; height:50px; background-image:url(img/fondo-azul.png); display:none; z-index:950; position:relative;}
#reco-desp .entradaRec {width:200px; height:22px; border:2px solid #84a7ce; margin-left:30px; margin-top:13px; padding-left:5px; float:left; background-color:#5e6d88; color:#FFF;}
#reco-desp .enviarRec { background-image:url(img/botRec.jpg); width:200px; height:30px; margin-left:35px;margin-top:13px; font-weight:bold; font-size:14px; color:#FFF; cursor:pointer; border:none}
#reco-desp .enviarRec:hover { background-position:bottom; color:#FFF}

#legales {
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#043149;
	background-position: top;
	clear: both;
	vertical-align: top;
}
#legales a { color:#043149; text-decoration:underline}
#legales a:hover { text-decoration:none}

#b0 {background-image:url(img/b0.png); width:49px; height:40px; float:left; text-align:center; cursor:pointer}
#b0:hover { background-position:bottom;}
#b1 {background-image:url(img/b1.png); width:139px; height:40px; float:left; text-align:center; cursor:pointer}
#b1:hover { background-position:bottom;}
#b2 {background-image:url(img/b2.png); width:137px; height:40px; float:left; text-align:center; cursor:pointer}
#b2:hover { background-position:bottom;}
#b3 {background-image:url(img/b3.png); width:205px; height:40px; float:left; text-align:center; cursor:pointer}
#b3:hover { background-position:bottom;}
#b4 {background-image:url(img/b4.png); width:182px; height:40px; float:left; text-align:center; cursor:pointer}
#b4:hover { background-position:bottom;}
#b5 {background-image:url(img/b5.png); width:170px; height:40px; float:left; text-align:center; cursor:pointer}
#b5:hover { background-position:bottom;}
#b6 {background-image:url(img/b6.png); width:80px; height:40px; float:left; text-align:center; cursor:pointer}
#b1 h2, #b2 h2, #b3 h2, #b4 h2, #b5 h2 { margin-top:10px;}
.activo { color:#043149; font-family:Open Sans Condensed; font-weight:bold; font-size:14px; margin:0px; padding:0px;}
.sec6 h2 {color: #1ba353}

#tw {background-image:url(img/tw.png); width:24px; height:24px; float:left; margin:8px 6px 0px 13px; cursor:pointer}
#fb {background-image:url(img/fb.png); width:24px; height:24px; float:left; margin:8px 0px; cursor:pointer}

#tit-int {width:100%; text-align:left; margin-top:10px; padding-left:25px;}
#cont-txt {width:92%; text-align:center; margin:auto;}
#cont-txt img { float:left; padding-right:20px;}
#cont-txt p {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; padding-right:0px; line-height:19px;}

#linea1 {width:92%; height:1px; margin:auto; margin-top:4px; background-color:#b3d0e2}
#linea2 {width:92%; height:1px; margin:auto; margin-bottom:15px; background-color:#FFFFFF}

#dire1 {float:left; margin-right:5px;}
#dire2 {float:left; width:20px; height:20px; background-image:url(img/maps.jpg)}
#aver1 {margin-right:5px;font-size:14px; text-align:right; font-family:Arial, Helvetica, sans-serif;  }
#mitexto {
   width: 286px; 
   height: 324px;
   margin-top: 255px;
   margin-left: 346px;
   background-color: transparent;
   line-height:10px;
}

/*  botones  */

.boton_res {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 8.5px 17px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.boton_res:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.boton_res:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   
   .boton_com {
   border-top: 1px solid #97f7b9;
   background: #8ed665;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c67), to(#8ed665));
   background: -webkit-linear-gradient(top, #3e9c67, #8ed665);
   background: -moz-linear-gradient(top, #3e9c67, #8ed665);
   background: -ms-linear-gradient(top, #3e9c67, #8ed665);
   background: -o-linear-gradient(top, #3e9c67, #8ed665);
   padding: 8.5px 17px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.boton_com:hover {
   border-top-color: #6a92ad;
   background: #6a92ad;
   color: #ccc;
   }
.boton_com:active {
   border-top-color: #1b5c41;
   background: #1b5c41;
   }
