@charset "UTF-8";
/* CSS Document */



html, body {margin:0}

.contenedor_banner{
overflow:visible;position:relative;margin-bottom:4em
}
.contenedor_personajes{
position:relative;z-index:1}

@media (max-width: 767px) and (min-width: 541px){
.contenedor_fondo img{width:150%!important;margin-left:-20%;margin-top:20%}	
}
@media (min-width: 768px){
.contenedor_fondo img{width:100%;min-height:60%!important;margin-top:5%;}	
}

.contenedor_fondo{position:absolute;z-index:0;height:100%;width:100%}


.contenedor_titulo_logo{
overflow:hidden;position:relative;z-index:10
}	
img.logo_gsd{width:20%;height:auto;float:left}	
img.titular{width:70%;height:auto;float:right}
img.personajes{width:100%;float:right}	

.caja_turnos{margin-top:-2.5em}
.desple{display:none}

@media (max-width:767px){.caja_turnos{margin-bottom:4em}}

.caja_turnos div.turno{font-size:1.2em!important;border-top: 3px solid #fff;padding:0.2em}
.caja_turnos a:last-of-type div.turno{border-bottom: 3px solid #fff}

.image img{width:100%;height:auto;margin-bottom:0.5em}	
.image{float:left;margin:2%;text-align: center;font-weight: 700;position:relative}
.image .titulo span.subtitulo {font-size:0.7em!important;font-weight: 400}
.image .titulo{font-size:1.5em;text-align: center}



.caja_redonda{-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;overflow:hidden;padding-top:100%;width:100%;position:absolute;top:0;left:0}


.cont_caja_redonda{position:relative;width:100%;padding-top:100%;margin-bottom:0.6em}

.marg_round .titulo{margin-bottom:2em}


.caja_redonda img{position:absolute;top:0;left:0}


.cont_container{  display: flex;
  flex-wrap: wrap;}
	
	
	@media  (max-width: 1099px){
	.banner_principal{}	
	.banner_principal a .txt{margin-right:1em!important;text-align:right}ç
		
	.cont_botones{
		float:none!important;display:inline-block}	
		
	.bod_home .centrador_botones{padding-top:3em}
			
		
		
	.bod_nohome .cont_botones{position:relative;
		bottom:-2.6em;margin:-0.5em auto}
		
	.centrador_botones{margin:0 auto;width:100%;height:2em;display:flex;justify-content: center;text-align:center}	.centrador_bread{text-align:center}		
	.centrador_banner h2.txt{margin-right:0!important}		
			
		
	}
	
	@media  (min-width: 1100px){
	.banner_principal{display:inline-block}
	.banner_principal a{display:flex;align-items: center;width:100%!important}
		
		.bod_home .centrador_botones{width:100% !important;text-align:left;display:block}
		

		
	.bod_nohome .cont_botones{
	 float:right;bottom:-6.85em;display:inline-block;
		
	}	
		
	.cont_botones{
	 position:relative;display:inline-block
		
	}		
	.centrador_bread{text-align:left}	
		
	}	

.cont_botones{padding:0.5em 0.2em 0.5em 1em;background:#fff;overflow:visible;z-index:4;
clear:both!important;webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;height:1.4em!important
}


.select_desple_usuario{position:relative}


.desple_usuario{position:absolute;top:1.4em;left:0;display:inline;padding:1em;background:#b2b2b2;overflow:visible;color:#fff;font-weight:500;
-webkit-border-radius: 15px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 15px;
-moz-border-radius-topleft: 0;
border-radius: 15px;
border-top-left-radius: 0;
width:auto
}

.item_menu_usuario{width:100%;padding:0.3em 0em;border-bottom:1px solid #fff;float:left;text-align:left;white-space: nowrap}

.item_menu_usuario:last-child{border-bottom:none!important}


.barra_menu_usuario{width:6px;height:15px;background:rgba(242,139,2, 0.4);position:absolute;top:0px;left:0;margin-top:-8px;display:none}


.centrador_banner{max-width:1400px;margin:0 auto;overflow:visible;width:100%;position:relative}	
		.centrador_bread{width:100%;display:inline-block}		
		
		.cont_banner_sup{overflow:visible}	


.contenedor_banner.fondo_banner{background-image: url( "../images/fondo.svg");background-repeat: no-repeat;background-size: cover;background-position:cover}



/*media_queries*/


@media (max-width: 767px){
	.logo{float:none;margin:2.3em auto 1.8em auto !important;}	
h1.txt{font-size:3em !important;line-height: 0.9em;float:none;text-align:center}	
	
h2.txt{font-size:3em !important;text-align:center!important}		
	
	
img.left.logo{margin:2em auto 2em auto!important;display:block}	
	
.contenedor_titulo_logo{width:95%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:90%;float:none;margin:-10px auto 0 auto}
.image{width:70%;height:auto;margin:0 auto!important;float:none!important}
	
.image.esco{padding-top:3em}		
.image.guada{padding-top:1.8em}
	.image.suertes{margin-top:-4.2em!important}	
		.image.suertes img{margin-bottom:-3em!important}
	.image.valle{margin-top:-1.2em!important}
		
.cont_logos a{margin:0 auto!important}	
}
@media (min-width: 768px){

.logo{float:left}.cont_logos a{margin:0 auto!important}

}
@media (max-width: 1024px) and (min-width: 768px){
.contenedor_titulo_logo{width:90%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:95%;float:none;margin:-10px auto 0 auto}
.image{width:29%;height:auto;}
		

}

@media (max-width: 1280px) and (min-width: 1025px){
.contenedor_titulo_logo{width:70%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:70%;float:none;margin:-10px auto 0 auto}
.image{width:29%;height:auto;}	
.dos{padding-top:3em}	
	
	
}


@media (min-width: 1281px){

.image{width:20%;height:auto;}
.dos{padding-top:3em}	
	

	
}

@media (max-width: 1580px) and (min-width: 1281px){
.contenedor_titulo_logo{width:46%;float:left;margin-left:5%;margin-top:3%}
.contenedor_personajes{width:42%;float:right;margin-right:6%}
}

@media (min-width: 1580px){
.contenedor_titulo_logo{width:36%;float:left;margin-left:10%;margin-top:3%}
.contenedor_personajes{width:40%;float:right;margin-right:13%}
}



@media (max-width: 1280px){

.center_botones{text-align: center !important}	
	
}

@media (min-width: 1281px){

.center_botones{text-align: left}	
	
}

	.users_boton{font-size:1em;margin-right:1em;position:relative}
	.users_boton img{height:1em;width:auto}

.center_botones{width:100%}
/**/