html{height:100%; margin:0px; padding:0px;}
body{height:100%; margin:0px; padding:0px; font-family:arial;}
#cabecera{position:fixed; top:0px; left:0px; width:100%; height:183px; z-index:2; background-color: #FFFFFF;}
#contcab{float:left; width:100%;  margin-left:0px; height:30px; background-color:#5780D5 }
.contcab{width:33.33% ; height:30px; color:#FFFFFF; line-height: 30px; font-size: 16pt; float:left; text-align:center;}
.contcab img{height: calc(100% - 10px); margin-top:5px;}
#logo{float:left; height:120px; width:100%;}
#logo img{float:left; height:100%;}
#menu{float:left; width:calc(100% - 235px); height:30px; line-height: 30px; border-top:3px solid #5780D5; background-color: #FFFFFF;}
.menu{float:left; text-align: center; width:25%; font-size:14pt; color:#065397; cursor:pointer;}
.menu:hover{color: #1088F5; font-size:16pt;}
.menuact{float:left; text-align: center; width:25%; font-size:14pt; color:#5780D5; cursor:pointer;}
#separador{float:left; width:235px; height:142px; margin-top:-72.5px;}
#separador img{height:100%;}
#cuerpo{float:left; width:100%; margin-top:183px; z-index:1; min-height:calc(100% - 264px); }
#banner{float:left; width:100%; margin:0px; height:auto; }
#banner2{float:left; width:100%; margin:0px; height:auto; }
#banner img{width:100%;}
#banner2 img{width:100%;}
.imgtextr{float:right; width:20%; margin:0px;}
.caja30porc{float:left; width:calc(33.33% - 6px); margin:3px; }
.titcaja{width:100%; color:#FFFFFF; font-weight:bold; font-size:17pt; text-align:center; height:40px; line-height:40px;}
#titredes{background-color:#5780D5}
#tithora{background-color:#5780D5;}
#titmapa{background-color:#5780D5;}
.detcaja{width:100%; height:330px;background-color:#FFFFFF;}
.red{ float:left; width:100%; height:110px; line-height:110px; cursor:pointer;}
.imgred{float:left; width:40px; height:110px; margin-left:10px;}
.imgred img{ margin-top:35px; width:40px;}
.detred{float:left; width:calc(100% - 60px);  height:110px; line-height:110px; margin-left:10px; font-size:20pt; font-weight:bold; color:#665E5B;}
.dia{float:left; width:40%; height:40px; margin:3px; font-weight:bold; border-radius:10px; background-color:#CBDCE4; text-align:center; line-height: 40px; color:#5780D5;}
.horadia{float:left; width:calc(30% - 20px); color:#5780D5; margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#CBDCE4;  height:40px; line-height: 40px; text-align: center; border-radius:10px;}
.txtdia{float:left; width:20px; text-align:center; color:#5780D5; height:40px; margin-top:3px; margin-bottom:3px; line-height: 40px;}
.diaR{float:left; width:40%; height:40px; margin:3px; border-radius:10px; background-color:#5780D5; text-align:center; font-weight:bold; line-height: 40px; color:#ffffff;}
.horadiaR{float:left; width:calc(60% - 15px); margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#5780D5; font-weight:bold; height:40px; color:#ffffff; line-height: 40px; text-align: center; border-radius:10px;}
#mapa{width:100%; height:330px;}
#pie{ float:left; width:100%; height:80px; background-color:#CBDCE4; }
#banergr{width:100%; height:auto; float:left;}
#banerch{width:100%; height:auto; float:left; display:none;}
.titulo{width:100%; height:40px; line-height:40px; float:left; background-color:#5780D5; color:#FFFFFF; font-size:17pt; font-weight:bold; text-indent: 10px;}
.subtitulo{width:100%; height:30px; line-height:30px; float:left; background-color:#5780D5; color:#FFFFFF; font-size:14pt; font-weight:bold; text-align:center;}
.formcont{float:left; margin:5px; width:calc(100% - 10px); font-size:1em;}
input{width:100%; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 3px 3px #A4D7F9;}
select{width:100%; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 3px 3px #A4D7F9;}
textarea{width:100%; height:200px; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 3px 3px #A4D7F9;}
.btform {width:150px; height:40px; border:2px solid #5780D5; margin-top:15px; background-color:#A4D7F9; color:#5780D5; text-align:center;  font-size:15pt; line-height:40px; margin-left:calc(50% - 75px); cursor:pointer; float:left; border-radius:5px;}
#formulario{color:#5780D5; font-weight:bold;}
#caja100{width:100%; height:auto; float:left;}
.contesp{display:inline-block; width:270px; height:45px; line-height:45px; border:4px solid #5780D5; margin:10px; border-radius:10px; text-align:center; font-size:14pt; color:#5780D5; cursor:pointer;}

.caja60{float:left; width:60%; margin-left:20%;}
#imgnosotros{float:left; width:300px; margin:15px; border-radius:10px}
#textonos{font-size:14pt; color:#000066;}
#mapa2{width:100%; height:500px;}
.preloader {background: url(img/carga.gif) no-repeat center #F4FBFA; width: 100%;	height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}


@media only screen and (max-width: 1400px) {
	#cabecera{position:fixed; top:0px; left:0px; width:100%; height:123px; z-index:2; background-color: #FFFFFF;}
	#contcab{float:left; width:100%;  margin-left:0px; height:20px; background-color:#5780D5 }
	.contcab{width:33.33% ; height:20px; color:#FFFFFF; line-height: 20px; font-size: 12pt; float:left; text-align:center;}
	.contcab img{height: calc(100% - 4px); margin-top:2px;}
	#cabeceraint{float:left; width:100%;}
	.letras{float:left; margin-left:10px; height:30px; width:auto; line-height: 30px; font-size:8pt;}
	#logo{float:left; height:80px; width:100%;}
	#logo img{float:left; height:100%;}
	#menu{float:left; width:calc(100% - 235px); height:20px; line-height: 20px; border-top:3px solid #5780D5; background-color: #FFFFFF;}
	.menu{float:left; text-align: center; width:25%; font-size:12pt; color:#065397; cursor:pointer;}
	.menu:hover{color: #1088F5; font-size:13pt;}
	.menuact{float:left; text-align: center; width:25%; font-size:12pt; color:#5780D5; cursor:pointer;}
	#separador{float:left; width:235px; height:142px; margin-top:-72.5px;}
	#separador img{height:100%;}

	#cuerpo{float:left; width:100%; margin-top:123px; z-index:1; min-height:calc(100% - 264px); }
	.caja30porc{float:left; width:calc(33.33% - 6px); margin:3px; }
	.titcaja{width:100%; color:#FFFFFF; font-weight:bold; font-size:13pt; text-align:center; height:25px; line-height:25px;}
	.detcaja{width:100%; height:200px;background-color:#FFFFFF;}
	.red{ float:left; width:100%; height:80px; line-height:80px; }
	.imgred{float:left; width:40px; height:80px; margin-left:10px;}
	.imgred img{ margin-top:25px; width:30px;}
	.detred{float:left; width:calc(100% - 60px);  height:80px; line-height:80px; margin-left:10px; font-size:12pt; font-weight:bold; color:#665E5B;}
	.dia{float:left; width:40%; height:22px; margin:3px; font-weight:bold; border-radius:10px; background-color:#CBDCE4; text-align:center; line-height: 22px; color:#5780D5;}
	.horadia{float:left; width:calc(30% - 20px); color:#5780D5; margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#CBDCE4;  height:22px; line-height: 22px; text-align: center; border-radius:10px;}
	.txtdia{float:left; width:20px; text-align:center; color:#5780D5; height:22px; margin-top:3px; margin-bottom:3px; line-height: 22px;}
	.diaR{float:left; width:27%; height:27px; margin:3px; border-radius:10px; background-color:#5780D5; text-align:center; font-weight:bold; line-height: 22px; color:#ffffff;}
	.horadiaR{float:left; width:calc(60% - 15px); margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#5780D5; font-weight:bold; height:22px; color:#ffffff; line-height: 22px; text-align: center; border-radius:10px;}
	#mapa{width:100%; height:200px;}

	.titulo{width:100%; height:30px; line-height:30px; float:left; background-color:#5780D5; color:#FFFFFF; font-size:14pt; font-weight:bold; text-indent: 10px;}
	.subtitulo{width:100%; height:20px; line-height:20px; float:left; background-color:#5780D5; color:#FFFFFF; font-size:12pt; font-weight:bold; text-align:center;}
	#textonos{font-size:12pt; color:#000066;}
	.contesp{display:inline-block; width:140px; height:auto; margin:5px;}
	.descesp{width:100%; text-align:center; font-weight:bold; font-size:8pt; color:#5780D5;}

	.formcont{float:left; margin:2px; width:calc(100% - 4px); font-size:0.7em;}
	input{width:100%; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 2px 2px #A4D7F9;}
	select{width:100%; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 2px 2px #A4D7F9;}
	textarea{width:100%; height:150px; border-radius:5px; border:1px solid #7bc6b4;  box-shadow: 3px 3px #A4D7F9;}
	.btform {width:100px; height:25px; border:2px solid #5780D5; margin-top:15px; background-color:#A4D7F9; color:#5780D5; text-align:center;  font-size:12pt; line-height:25px; margin-left:calc(50% - 50px); cursor:pointer; float:left; border-radius:5px;}
	#formulario{color:#5780D5; font-weight:bold;}
	#mapa2{width:100%; height:330px;}

}
@media only screen and (max-width: 1000px) {
	#cuerpo{float:left; width:100%; margin-top:120px;}
	#menu{float:left; width:calc(100% - 235px);}
	#cabecera{height:120px;}
	#logo{float:left; height:55px; width:100%;}
	#separador{float:left;  height:100px; margin-top:-50px;}
	.caja30porc{float:left; width:calc(50% - 6px); margin:3px; }
	#prmapa{width:100%;}
	#detmapaint{height:440px;}
	#mapa{width:100%; height:440px;}
}

@media only screen and (orientation: portrait) {
	#cabecera{position:fixed; top:0px; left:0px; width:100%; height:143px; z-index:2; background-color: #FFFFFF;}
	#contcab{float:left; width:100%;  margin-left:0px; height:20px; background-color:#5780D5 }
	.contcab{width:25% ; height:20px; color:#FFFFFF; line-height: 20px; font-size: 8pt; float:left; text-align:center;}
	#cabmail{width:50% ;}
	.contcab img{height: calc(100% - 10px); margin-top:5px;}
	#cabeceraint{float:left; width:100%;}
	.letras{float:left; margin-left:10px; height:30px; width:auto; line-height: 30px; font-size:8pt;}
	#logo{float:left; height:80px; width:100%;}
	#logo img{float:left; height:100%;}
	#menu{float:left; width:100%; height:30px; line-height: 30px; border-top:3px solid #5780D5; background-color: #FFFFFF;}
	.menu{float:left; text-align: center; width:25%; font-size:12pt; color:#065397; cursor:pointer;}
	.menu:hover{color: #1088F5; font-size:13pt;}
	.menuact{float:left; text-align: center; width:25%; font-size:12pt; color:#5780D5; cursor:pointer;}
	#separador{float:left; width:235px; height:142px; margin-top:-72.5px; display:none;}
	#separador img{height:100%;}
	#cuerpo{float:left; width:100%; margin-top:143px; z-index:1; min-height:calc(100% - 224px); }
	#banner{float:left; width:100%; margin:0px; height:auto; }
	#banner img{width:100%;}
	.imgtextr{float:right; width:20%; margin:0px;}
	.caja30porc{float:left; width:calc(100% - 6px); margin:3px; }
	.titcaja{width:100%; color:#FFFFFF; font-weight:bold; font-size:17pt; text-align:center; height:40px; line-height:40px;}
	#titredes{background-color:#5780D5}
	#tithora{background-color:#5780D5;}
	#titmapa{background-color:#5780D5;}
	.detcaja{width:100%; height:330px;background-color:#FFFFFF;}
	#detredes{height:150px;}
	.red{ float:left; width:100%; height:50px; line-height:50px; }
	.imgred{float:left; width:40px; height:50px; margin-left:10px;}
	.imgred img{ margin-top:5px; width:40px;}
	.detred{float:left; width:calc(100% - 60px);  height:50px; line-height:50px; margin-left:10px; font-size:12pt; font-weight:bold; color:#665E5B;}
	.dia{float:left; width:40%; height:40px; margin:3px; font-weight:bold; border-radius:10px; background-color:#CBDCE4; text-align:center; line-height: 40px; color:#5780D5;}
	.horadia{float:left; width:calc(30% - 20px); color:#5780D5; margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#CBDCE4;  height:40px; line-height: 40px; text-align: center; border-radius:10px;}
	.txtdia{float:left; width:20px; text-align:center; color:#5780D5; height:40px; margin-top:3px; margin-bottom:3px; line-height: 40px;}
	.diaR{float:left; width:40%; height:40px; margin:3px; border-radius:10px; background-color:#5780D5; text-align:center; font-weight:bold; line-height: 40px; color:#ffffff;}
	.horadiaR{float:left; width:calc(60% - 15px); margin-left:5px; margin-top:3px; margin-bottom:3px;  background-color:#5780D5; font-weight:bold; height:40px; color:#ffffff; line-height: 40px; text-align: center; border-radius:10px;}
	#mapa{width:100%; height:440px;}
	#pie{ float:left; width:100%; height:160px; background-color:#CBDCE4;}
	#banergr{width:100%; height:auto; float:left; display:none;}
	#banerch{width:100%; height:auto; float:left; display:block;}
	.caja60{float:left; width:calc(100% - 10px); margin-left:5px;}
	#imgnosotros{float:left; width:calc(100% - 30px); margin:15px;   border-radius:10px}
	.contesp{display:inline-block; width:calc(40% - 10px); height:auto; margin:5px;}
	#desarrollo{width:100%;}
	#w3c{width:100%; text-align:center;}
	#w3c p{width:100%; text-align:center;}
}