/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.row {margin:0;}
.columna {padding: 0 0px;}
.columnas {max-width: 100%;}

.textopiefoto {
	text-align: right;
    font-size: 80%;
    margin: 6px 0;
    font-style: italic;
}


.blockFormSolicitud {
    
    padding-top: 50px;
    width: 80%;
    margin: 0 auto;
}

.blockFormSolicitud h1 {
	text-align:center;
	padding: 0 0%;
    color: #000;
    font-size: 58px;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 60px 0;
    display: inline-block;
	line-height: 58px;
    margin-bottom: 70px;
}


#pantalla1 h1,#pantalla3 h1 {
    font-size: 32px;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.cuerpoMax {
	font-size: 16px;
    padding: 30px;
}
.source {padding:40px;}
.source h1 {
	padding:40px 70px;
	text-align:center;width: 100%;
	padding: 0;
    text-align: left;
    border-bottom: 1px #777 solid;
    padding-bottom: 10px;
    margin-bottom: 33px;
}
.centerText h1 { max-width: 100%;
    margin: 50px;
	}

.botonesIndex {
	width:80%;margin:0 auto;cursor:pointer;	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.botonesIndex .col-1-3 {text-align:center;padding:30px 50px;}
.botonesIndex img {max-height:70px;max-width:70px;}
.botonesIndex h2 {
	font-weight:700;
	color: #333;
    text-align: center;
	width:100%
    font-size: 28px;
    line-height: 32px;
	
    margin: 22px 0;
	
    letter-spacing: 0px;
    display: inline-block;
	font-size:28px;
}


.botonesIndex .cuerpo {
    color: #444;
    font-size: 16px;
    font-family: "Barlow", Arial;
    line-height: 20px;
    text-align: left;
    padding-bottom: 10px;
    width: 100%;
    max-width: 700px;
    border-bottom: 1px none #ccc;
    letter-spacing: .5px;
}


.mensajeBoton {float: left;
	position: absolute;
	bottom: 166px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	/* text-align: center; */
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
	padding: 0px 10%;
	background-color: rgba(0,0,0,0);
	padding-bottom: 20px;
}
.box1 {    
	float: left;
    margin: 0px;
    text-align: center;
    padding: 0px;
    margin: 20px 0;
	width:100%;
    }
.box1 h2 {
	text-shadow: 1px 1px 6px #000;
    color: #FFF;
    text-align: center;
    font-size:80px;
    font-family: "Barlow Semi Condensed", Arial;
    font-weight: 700;
    line-height: 76px;
    margin: 15px 0;
    letter-spacing: 0px;
}
.box1 .cuerpo {
	text-shadow: 1px 1px 3px #000;
	color: #FFF;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    max-width: 100%;
	zzztext-shadow: #FC0 0px 0px 22px;
	letter-spacing: 0px;
}

.box1 img {
	filter: brightness(0.8);
}

.zerogrid .box1 .col-1-3 {
    width: 28%;
    margin: 15px;
}


.zerogrid-header{ width: 1349px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid { margin: 0 auto; width: 100%; }
.bottom .zerogrid { width: 80%; padding-bottom:40px; }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }


.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }


.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4 { width: 25% }
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}


.boxes  { cursor: pointer; margin: 0; padding: 16px 18px 0px}
.boxesBorder { background-color: #fff; cursor: pointer; margin: 0; padding: 16px 8px; border: solid 1px #ccc }
.titBox      { color: #333; font-size: 22px; font-weight: 400; margin-top: 5px; margin-bottom: 8px }
.boxes img { width: 100% }
.barraSlogan   { font-size: 14px; font-weight: bold; margin-top: 5px; margin-right: 29px; margin-left: 29px; float: left; vertical-align: middle }
	
	.sloganText     { color: #000; font-size: 30px; line-height: 30px; visibility: visible; padding: 20px; position: absolute; top: 6%; right: 6%; width: 40%; float: right; text-shadow: 2px 2px 4px #FFF }
.cuerpoHome { font-size: 96%; line-height: 138%; margin: 30px 30px 15px }

.ajusteDirBottom {margin-left:42px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.zerogrid{width:768px;}
				.columnaCuerpo {padding:30px;}
}

/*se aplica en pantallas de ancho menor a 767px*/
@media only screen and (max-width: 767px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.sloganText     {  top: 0; }
	.zerogrid{width:100%;}
	.centerText {text-align:center;}

}



@media only screen and (min-width: 800px) and (max-width: 960px) {

	.titularHome   { font-size: 111%; margin: 20px 20px 8px }
	.cuerpoHome   { font-size: 71%; line-height: 138%; margin: 0 20px 15px }
	.zerogrid{width:100%;}
			.columnaCuerpo   { padding: 30px; float: left }
}

.hiddenDesktop {display:none;}



Z.topHeader {
	width:100%;
}
 
Z.topHeader nav {
	width:90%;
	max-width:1000px;
	margin:20px auto;
	background:#024959;
}
 
.menu_bar {
	display:none;
}

.menu_bar_zona {
	display:none;
}
 
Z.topHeader nav ul {
	overflow:hidden;
	list-style:none;
}
 
Z.topHeader nav ul li {
	float:left;
}
 
Z.topHeader nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}
 
Z.topHeader nav ul li span {
	margin-right:10px;
}
 
Z.topHeader nav ul li a:hover {
	background:#037E8C;
}
 
Zsection {
	padding:20px;
}

.navMobile {display:none;}
.navMobileZona {display:none;}
.topHeader .row                       { margin-top:15px }
.topHeader img  {  margin: 0 30px; max-width: 170px;margin-top:2px; }

.sidebarmenuH ul {padding-left:0;}

.rightPhone {float:left !important; width:60%}
.leftPhone {float:right !important;}
	#photo .topHeader {
    height: 48px;
}




@media only screen and (max-width: 1320px) {
.box1 h2 {
    font-size: 50px;
    line-height: 50px;
	}
}

@media only screen and (max-width: 1170px) {
.mensajeBoton {
    bottom: 40px;
	}
.box1 h2 {
    font-size: 48px;
}
.box1 .cuerpo {
    font-size: 23px;
	line-height: 28px;}
	
.botonesIndex {
    width: 90%;
	}
.botonesIndex .col-1-3 {
    text-align: center;
    padding: 30px 30px;
}
.botonesIndex h2 {
	font-size: 24px;
    line-height: 28px;
    margin: 8px 0;
	margin-bottom: 12px;
}
.botonesIndex .col-1-3 {padding:20px;}
.botonesIndex img {
    margin-bottom: 8px;
	}
}

@media only screen and (max-width: 850px) {
.box1 h2 {
    font-size: 43px;
    line-height: 45px;
	}
.box1 .cuerpo {	
    font-size: 17px;
    line-height: 24px;  
}
.mensajeBoton {
	bottom: 47px;
	}
	.botonesIndex .col-1-3 {padding:24px;}
	.botonesIndex img {max-height:80px;max-width:80px;}
	}

@media only screen and (max-width: 799px) {
.mensajeBoton {
    bottom: 166px;
	}
.topHeader .row { margin-top:-5px }
	.centerText h1 { max-width: 100%;
    margin: 10px;
	}
.box1 .cuerpo {	
    font-size: 19px;
    line-height: 23px;  
}
.box1 h2 {
    font-size: 34px;
    line-height: 30px;
	}
	
	.rightPhone {float:left !important; width:100%}
	.login-bar        { top:-20px;right:56px; }
	#menuPhoto li {width: 31%;}
.rightPhone {float:right !important;}
.leftPhone {float:left !important;}
				
	.hiddenDesktop {display:inline-block;position: relative;z-index: 750;}
	h1  { font-size: 28px; text-align: left;line-height: 29px; }
	.centerText h1 {text-align:center;}
	h2  { line-height: 34px; text-align: left }

.col-2-4  { padding-top: 60px; padding-bottom: 0px; border-bottom: 0px solid #ccc }
	.idiomas   { padding: 6px 0; position:relative; width: 100%;top:-8px; }
	.padding20   { display: inline-block; margin-top: 0px; margin-left: 0px; padding: 0; border: solid 0pt #ccc }

	nav {display:none;}
	.ZZZtopHeader  {height:auto;}
	.topHeader .logo {margin-top:10px;}
	.topHeader img {
margin: 0;width:100%;max-width:170px;margin-left: 16px;;
}
	#photo .topHeader {
    height: 80px;
}

.bt-menu img { width: 24px ; float:left;}

	.columnaCuerpo {padding:0;}
	.menus {margin: 0;}

.topHeader .navMobile {
		display:block;
		width:100%;
		left:-100%;
		margin:0;
		position: absolute;
		top:100px;
		z-index:10001;
	}
	
	.topHeader       {height:72px }
 	.navMobileZona {display:block;
		width:100%;
		left:-110%;
		margin:0;
		position: absolute;
		background:#000;
		z-index:10000;
	}
	
	.topHeader .navMobile ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
 	
	.menu_bar  { text-align: right; display: block; position: absolute; right:20px; bottom: 30px; }
	.menu_bar_zona  { float:left; display: block;  margin-top: -30px; }
 
 	#panel_01  { padding: 0 25px 20px 25px }
	h3  { margin-top: -15px; margin-bottom: 33px }
	.menuArea {margin-left: 24px;}

 .idiomas {padding:0}
 
	#wowslider-container1 .ws-title{
	
	bottom: 0px;
	left: 0px; 
	margin-right: 0px;
	padding:5px 5px;
	font-size: 12px;
	line-height: 13px;

}
	.barraSlogan {float: none;}
	.bottom .zerogrid .row {text-align:center;}
	.bottom ul  {  margin-left: -40px }
	.ajusteDirBottom {margin:0;}
	.titularHome { font-size: 196%; }
	.cuerpoHome  { font-size: 96% ;line-height:138%;margin-bottom:30px;}
	.hiddenPhone {display:none;}

	.menu {display:none;}
	.cuerpo {font-size:16px;line-height:22px;}
	.rightCol {padding:0;margin: 20px;}
	#imagenes img {
float: left;
max-width: 100%;
max-height: 100%;
}
	.sloganText      { font-size: 16px; font-weight: bold; line-height: 16px; top: -10px }
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{
	width:100%;
	
	}
	.botonesIndex .col-1-3 {width:50%;}
	.mensajeBoton {
    bottom: 56px;
}
	
	
	.columnas {
   -moz-column-count: 1;
   -moz-column-gap: 2em;
   -moz-column-rule: 1px solid #ccf;
   -webkit-column-count: 1;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #ccf;
   
}

.margin0 ul {margin-left:-21px;}
.row {padding:10px;}
	.ml { margin: 0 }
	.mr { margin: 0 }
	.sidebarmenuH {display:none;}
	.topHeader {border	:0;}
}
@media only screen and (max-width: 900px) {
.box1 .cuerpo {	
    font-size: 15px;
    line-height: 19px;  
}
.box1 h2 {
    font-size: 23px;
    line-height: 25px;
	}

#wowslider-container1 .ws-title {
    bottom: 0px;
    left: 0px;
    margin-right: 0px;
    padding: 5px 5px;
    font-size: 72px;
    line-height: 55px;
}
	
}


@media only screen and (max-width: 650px) {
.box1 .cuerpo {	
    font-size: 15px;
    line-height: 19px;  
}
.box1 h2 {
    font-size: 23px;
    line-height: 25px;
	}

#wowslider-container1 .ws-title {
    bottom: 0px;
    left: 0px;
    margin-right: 0px;
    padding: 5px 5px;
    font-size: 52px;
    line-height: 42px;
}
	
}

@media only screen and (max-width: 500px) {
	
.source {
    padding: 25px;
}
	
#wowslider-container1 .ws-title{
	font-size: 33px;
	line-height: 31px;

}
.blockFormSolicitud h1 {
    text-align: center;
    padding: 0 0%;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 0;
    display: inline-block;
    line-height: 31px;
    margin-bottom: 0px;
}
.cuerpoMax {
    font-size: 16px;
    padding: 30px 0;
}
	.cuerpoMax img {margin:0 !important;}
	
.box1 .cuerpo {	
    display:none;  
}
.box1 {    
    margin: 5px 0;
    }
.mensajeBoton {
	bottom: 22%;
	padding: 0 30px;
	}
.box1 h2 {
    font-size: 23px;
    line-height: 23px;
	}
.botonesIndex .col-1-3 {width:100%;}
}