@charset "utf-8";

	html, body {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Helvetica, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif, "Apple Color Emoji";
		font-display: swap;
}	 

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	/* ELIMINA EL BLOQUEO AZUL EN IPAD */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	margin: 0;
	background-color: #8A8469;
	
}

.clearfloat {
  clear: both;
	
}

.clearfloat-10 {
  clear: both;
	height: 10px;
}

.responsive-img{
	width: 100%;
	height: auto;
	display:block;
	margin:auto;
}

footer{
		width: 100%;
	background-color: #333333;

}

.pie_creditos{
	width: 100%;
	background-color: #CC7800;
}
.pie_creditos p{
color: #333333;
	text-align: center;
}

.fuente-grande{
	font-size: 1.5em;
	color: #DDA400;
	text-align: center;
}


.banner-coloring{
	width: 100%;
	height: auto;
	display:block;
	margin:auto;
}
/* DESK *************************************************************************/


.container-indiv{
	max-width: 1000px;
	display:block;
	margin:auto;
	background-color: #797979;

}

.container-indiv p{
	font-size: 1em;
}

.juego-main{
	width: 1000px;
	height: 100%;
	margin:auto;
	display: block;
	
}

.juego{
	width: 730px;
	height: auto;
	float: left;
}

.espacio-horizontal-150{
	width: 730px;
	height: auto;
	min-height: 150px;
	padding: 1%;

	
}
.espacio-horizontal-150 a{
	font-size: 1.1em;
	margin-bottom: -1em;
	color: #F4B807;
	font-weight: bold;
	background-color: #333333;
	padding: 1%;
		border-radius: 10px 10px 10px 10px;

}
.espacio-horizontal-150 h1{
	font-size: 1.2em;
	text-align: left;
	color: #ffffff;
}

.container-indiv p{
	color: #ffffff;
}

.indiv-contenido{
	width: auto;
		background-color: #686867;
	padding: 1%;

}

.indiv-contenido h2{
	color: #ffffff;
	font-size: 1.1em;
}

.indiv-contenido a{
	color: #ffffff;
}

.indiv-img{
float: left;
width: 50%;
height: auto;
margin-right: 1%;
}

.zocalo-img{
float: left;
width: 50%;
height: auto;
margin-right: 1%;
}

.articulo1-indiv{
	width: 100%;
	height: auto;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	background-color: #924242;
	margin-bottom: 2%;
}


.articulo1-indiv a{
	color: #F7B206;
	font-size: 1em;
	font-weight: bold;

}


.articulo4-indiv{
	width: 100%;
	height: auto;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	background-color: #597590;
	margin-bottom: 2%;
}

.articulo4-indiv img{
	width: 40%;
	height: auto;
	padding-right: 2%;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
	float: left;
}

/* Desk ADSENSE++++++++++++++++++ */

.ads-mobile-menu-1{
	display: none;
}

.ads-mobile-menu-2{
	display: none;
}

.publicidad-responsive-inferior{
	width: 730px;
	height: auto;
	background-color: #FFFFFF;
	
	}


.publicidad-responsive-derecha{
    width: 120px;
    min-height: 517px;
    float: right;
    margin-left: 150px;
   
}

/* Mobile++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width : 500px){
	
main{
	width: 100%;
}
	
h1{
	font-size: 1.3em; 
	margin-top: 5px;
	margin-bottom: 5px;
}
	
aside{
	display: none;
}
	
.publicidad-responsive-derecha{
		display: none;
	}
	
.juego-main{
	width: 100%;
	height: 100%;
	margin:auto;
	display: block;
	
}

#animation_container{
margin:auto;
display: block;
}

.juego{
	width: 100%;
	height: auto;
}


.espacio-horizontal-150{
	width: 100%;
	min-height: 150px;
}

.publicidad-responsive-inferior{
	width: auto;
	height: auto;
}


.articulo1-indiv img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}

.articulo4-indiv img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}


.juego{
	overflow: hidden;
}
/* Mobile ADSENSE++++++++++++++++++ */
.indiv-main-ad-desk{
	display: none;
}
	
.indiv-main-ad-tablet{
	display: none;
}
	
.indiv-main-ad-mobile{
	display: inline-block;
	width: 100%;
	height: auto;
}
	
.ads-desk-aside1{
	display: none;
}
	
.ads-mobile-menu-1{
	display: inline-block;
	width: 100%;
	height: auto;
}	
	
#_preload_div_ {
    max-width: 100vw !important;
    overflow: hidden;
}
	
@media(max-width:731px){
	#_preload_div_,#animation_container{	
		min-height:  216px;
		background: #797979 !important;
	}
	#_preload_div_ img{
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
	
	}
	#_preload_div_{
		background: #fff !important;
	}
}


@media(max-width:500px){
	#_preload_div_,#animation_container{
		height: auto !important;
		min-height: 216px;
	}
	
}

@media(width:428px){
	#_preload_div_,#animation_container{		
		min-height: 216px;
	}
	
}


@media(width:414px){
	#_preload_div_,#animation_container{		
		min-height: 209px;
	}
	
}

@media(width:390px){
	#_preload_div_,#animation_container{		
		min-height: 197px;
	}
	
}

@media(max-width:375px){
#_preload_div_,#animation_container{
min-height: 188px;
	}
}

@media(width:320px){
#_preload_div_,#animation_container{		
min-height:160px;
}
}
}

/* TABLET +++++++++++++++++++++++++++++++++++++++++++++++++ **********************************************/

@media (min-width: 501px)and (max-width: 799px) {
	
	
main{
	width: 100%;
	}
	
	h1{
	font-size: 1.3em; 
	margin-top: 10px;
	margin-bottom: 10px;
	
}
	
	aside{
	 display: none;
	}

.publicidad-responsive-derecha{
		display: none;
	}
	
.juego-main{
	width: 100%;
	height: 100%;
	margin:auto;
	display: block;
	
}

	#animation_container{
		margin:auto;
	display: block;
	}

.juego{
	width: 100%;
	height: auto;
	
	
}


.espacio-horizontal-150{
	width: 100%;
min-height: 150px;

}

.publicidad-responsive-inferior{
	width: auto;
	height: auto;
	
	}
	
.articulo4-indiv img{
	width: 70%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}

/* Tablet ADSENSE++++++++++++++++++ */
	
.indiv-main-ad-desk{
	display: none;
}
	
.indiv-main-ad-tablet{
	display: inline-block;
	width: 100%;
		height: auto;

}

.indiv-main-ad-mobile{
	display: none;
}	
}