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

body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.4em; 
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: top;
}

#home { background-image: url(../images/templatemo_body.png) }
#subpage { background-image: url(../images/templatemo_body_subpage.png) }

a, a:link, a:visited { color: #5fb42b; font-weight: normal; text-decoration: none }
a:hover {
	text-decoration: underline;
	text-align: center;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	color: #333;
}
img {
	border: none;
	text-align: center;
}
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#5fb42b; }
cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #5fb42b; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 {
	font-size: 24px;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.divider { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccc }


/* Bloques utilizados en el Header */

#banner_superior {
	float: none;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
}

/* Bloques utilizados en el Menú */

/* Diseño del menú para pantallas grandes */

#cinta_cine {
	float: none;
	width: 100%;
	height:auto;
	margin-top:-4px;
	padding: 0 0 0 0;
}

#fondo_menu {
	float:none;
	width: 100%;
	height: 46px;
	margin-top: -4px;
	background: #303030;
}

#caja_centrar {
	float: none;
	width:850px;
	margin-left:auto;
	margin-right:auto;
}

#amarillo {
	float:none;
	width: 100%;
	height:20px;
	background-color:#FFFF00;
}

/* Diseño del menú para pantallas pequeñas tipo celulares */

@media all and (max-width: 480px) {
    #fondo_menu { display:none; }
	#cinta_cine { display:none; }
}
/* Diseño del contenido principal */

#fondo {
	float:none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #F1F2E3;
}

#contenido_principal {
	float: none;
	width: 70%;
	margin-top: -4px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;
	background-color: #F1F2E3;
	text-align: center;
}

@media all and (max-width: 480px) {
    #contenido_principal { width:100%; }
}

#contenido_principal h2 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}

#contenido_principal p {
	color: #333;
	text-align: justify;
	}
	
#caja_centrar_3 {
	float: none;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

.col2 { 
    float:left;
	margin: 2px 2px 2px 2px;
}

.un_sexto {
	width:180px;
	margin-left:auto;
	margin-right:auto;
}

.un_quinto {
	width:185px;
	height:250px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.sorpresa {
	position: relative; /*Para poder ubicar la info dentro de la caja*/
	width:185px;
	height:250px;
	max-width: 185px;
	max-height:250px;
}
.sorpresa img { border:2px solid black;
}

.info {
position: absolute; /*Info sobre la imagen*/
top: 5%;
left: 10%; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 5px;
color: white;
background: black;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
}
.sorpresa:hover .info {
filter: alpha(opacity=100);
opacity: 1; /*Al hacer hover sobre la caja hacemos visible los datos*/
z-index:5;
}

.siguiente {clear: both }

/* Para el FOOTER */

#templatemo_footer_wrapper { 
	width: 100%;
	background: #303030 url(../images/templatemo_footer.png) repeat-x top;
	height:auto;
}

#templatemo_footer_2 {
	width: 940px;
	padding: 40px 0 20px 0;
	margin-left:auto;
	margin-right:auto;
	color: #999
}

#templatemo_footer_2 a { 
	color: #ccc; 
}

#templatemo_footer_2 h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: left;
}

#templatemo_footer_2 h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}


.footer_list { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.footer_list li { 
	margin: 0 0 5px; 
	padding: 0 0 5px; 
	border-bottom: 1px solid #4e4e4e; 
}

.footer_list li a { 
	color: #686868; 
}

.footer_social_button { 
	clear: both; 
	margin-bottom: 10px; 
}

#caja_centrar_2 {
	float: none;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.col { 
	float: left; 
	margin: 0 20px 20px 0; 
}

.one_fourth {
	width: 220px;
	text-align: left;
}

.one_fourth_b { 
	width: 170px; 
}

.no_margin_right { 
	  margin-right: 0; 
}

@media all and (max-width: 480px) {
    #prueba {visibility:hidden; display:none; }
	#tweet {visibility:hidden; display:none; }
    #patrocinadores {visibility:hidden; display:none; }
	#caja_centrar_3 {visibility:hidden; display:none; }
	#caja_resenas_superior {visibility:hidden; display:none;}

	.col {float:none; margin:0;}
	#templatemo_footer_2 {
	width:100%;
	padding: 20px 0 20px 0;
	margin-left:auto;
	margin-right:auto;
	color: #999
}
#caja_centrar_2 {
	float: none;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.info {visibility:hidden; display:none; }
}

#caja_resenas {
	float:none;
	width:46%;
	margin:2%;
}

#caja_resenas_superior {
	float:none;
}

#caja_resenas_inferior {
	float:none;	
}