/*

	Fondox Script - http://www.bensg.com/scripts/fondox/
	Autor: J. K. Benites (jackl007 - #jkbenites)
	Perú, 2014
	Ancho Minimo: 240;

*/


*{margin:0px;}

img{border:0px;}
strong{font-weight:bold;}
h1,h2,h3{margin-bottom: 8px;margin-left: 10px}
body{font-family:"MS Reference Sans Serif", Verdana;font-size: 0.8em;background-color: #223038}
article{display: inline-block;}



#cabecera{
	background:#223038;
	height: 40px;
	padding-top: 5px;
	top:0px;
	left:0px;
	width: 100%;
	position: relative;
}
#cabecera #logo{
	width: 200px;
	height: 35px;
	float:left;
	margin-left:5px;
}
#cabecera #logo img{
	max-width: 160px;
	height: auto;
}
#cabecera #menu{
	margin-top: -3px;
	margin-left: 10px;
	height: 40px;
	width: 40px;
	float:left;
}
#cabecera #menu img{
	max-width: 40px;
	height: auto;
}
#cabecera #menu-lateral{
  position: absolute;
  background-color: #777777;
  display: none;
  z-index: 10;
  width: 240px;
  top:  45px; 
  left: 0px;
}
#cabecera #menu-lateral .item{
	border:1px solid #5d5d5d;
	clear: both;
}

#cabecera #menu-lateral a{
	height: 20px;
	float:left;
	clear:left;
	font-size: 0.85em;
	padding-top:6px;
	text-transform: uppercase;
	margin-left: 10px;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
}
#cabecera #menu-lateral .sub{
	margin-left: 30px;
}
#cabecera #menu-lateral .menu-cat .menu-item{
	width: 238px;
	height: 25px;
	background-color: #223038;
	border:1px solid #1A2329;
}
#cabecera #menu-lateral .menu-cat .menu-item a{
	color: #fff;
}
#cabecera #menu-lateral .menu-ten .ten-item{
	width: 238px;
	height: 25px;
	border:1px solid #2c72b3;
	background-color: #3386c2;
}
#cabecera #menu-lateral .menu-ten .ten-item a{
	color: #fff;
}
#cabecera #buscar{
	margin-top: -3px;
	margin-left: 10px;
	height: 40px;
	width: 40px;
	float:left;
}
#cabecera #buscar img{
	max-width: 40px;
	height: auto;
}
#buscador{
	display: none;
	background-color: #223038; 
	width: 282px;
	height: 34px;
	padding-top: 5px;
	margin-left: 7px;
	margin: 0 auto;
}
#buscador .campo{
	width: 180px;
	height: 22px;
	padding-left: 3px;
}
#buscador .boton{
	width: 85px;
	font:normal 12px Verdana, Geneva, sans-serif;padding:5px;
	font-style:normal;
	color:#26343c;
	background:#dedede;
	border:1px solid #bbb;
	cursor:pointer;
	margin:0 auto;
}

#contenido{
	background:#fff; 
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both;
	padding: 10px 15px 20px 15px;
}
#contenido .barra{
	margin-top: 7px;
	margin-bottom: 5px;
	background:#e0e4e5;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 33px;
	margin-left: 0px;
}
#contenido .verde{
	background:#CCF2BB;
}
.cverde{
	color:green;
	font-weight: bold;
}
.crojo{
	color:red;
	font-weight: bold;
}
#contenido h2{
	font-weight: bold;
	font-size: 0.90em;
}
#contenido .info{
	/*padding-left: 10px;*/
	margin-bottom: 5px;
	font-size: 0.90em!important;
}


/* Galeria */

.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
.grid4 .col a img {
	width: 100%;
	border: 1px solid #bbb;
}		
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* reset cols to 3-column:  740px*/
@media screen and (max-width: 1400px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 740px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 440px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}
/*
#contenido .wallpaper{
	width:260px;
	width:330px;
	margin-left: 15px;
	margin-bottom: 8px;
	float:left;
}*/

/*
@media all and (orientation:portrait) {
	#contenido .wallpaper{
		width:300px; --330
		margin-left: 15px;
		margin-bottom: 8px;
		float:left;
	}
	#contenido .wallpaper * img{
		width: 300px;
		height: 188px; --207
	}
}
@media all and (orientation:landscape) {
	#contenido .wallpaper{
		width:260px;
		margin-left: 15px;
		margin-bottom: 8px;
		float:left;
	}
	#contenido .wallpaper * img{
		width: 260px;
		height: 163px;
	}
}
#contenido .wallpaper span{
	font-weight: bold;
	font-size: 0.85em;
}
*/


#contenido .barra-pag{
	margin-top: 5px;
	padding-top: 15px;
	width: 100%;
	margin: 0 auto;
	border-top:1px solid #bbb;
}
#contenido .pag{
	height: 20px;
	margin: 0 auto;
	text-align: center;
	width: 138px;
	font-weight: bold;
	font-size: 0.85em;

}
#contenido .bSiguiente{
	float:right;
	height: 20px;
	margin-right:5px;
	width:40px;
	font-size:1.3em;
	text-align: center;
}
#contenido .bAnterior{
	float:left;
	height: 20px;
	margin-left:10px;
	width:40px;
	font-size:1.3em;
	text-align: center;
}
#contenido .bSiguiente a{
	color: black;
	text-decoration: none;
}
#contenido .bAnterior a{
	color: black;
	text-decoration: none;
}
#contenido .bSiguiente a:hover{
	color: black;
	text-decoration: none;
}
#contenido .bAnterior a:hover{
	color: black;
	text-decoration: none;
}


#contenido #wallpaper{
	--width: 260px;
	--height: 165px;
	width: 330px;
	height: 210px;
	padding-left: 15px;
	margin-bottom: 8px;
	float: left;
}
#contenido h2{
	font-size: 1em;
}
#contenido .bloque .resolucion{
	width: 90px;
	height: 20px;
	padding-left: 10px;
	float:left;
}
#contenido .bloque{
	padding-left: 10px;
	padding-top: 3px;
	margin-bottom: 5px;
}
#contenido .bloque .enl{
	margin-left:10px;
	height:18px;
	display: block;
	text-decoration: none;
}

#contenido .data-wallpaper{
	width: 250px;
	height: 182px;
	margin-left: 15px;
	float: left;
	margin-bottom: 7px;
}
#contenido .data-wallpaper .titulo{
	font-weight: bold;
}
#contenido .data-wallpaper .contenido{
	margin-bottom: 5px;
}
#contenido .compacto{
	height: 85px;
	margin-right: 12px;
}
#contenido .botones-sociales{
	height: 35px;
	width:265px;
	display: block;
	padding-top: 3px;	
	margin:0 auto;
	padding-left: 10px;
}
#contenido .botones-sociales a{
	background: #F8F8F8 url("img/movil_sociales.png") no-repeat 0 0;
	text-align: center;
	padding: 0px;
	margin-right:10px; 
}
#contenido .botones-sociales .facebook{
	background-position: 0 0;
	width: 30px;height: 30px;
	display: inline-block;
}
#contenido .botones-sociales .twitter{
	background-position: -30px 0;
	width: 30px;height: 30px;
	display: inline-block;
}
#contenido .botones-sociales .googleplus{
	background-position: -60px 0;
	width: 30px;height: 30px;
	display: inline-block;
}
#contenido .botones-sociales .whatsapp{
	background-position: -90px 0;
	width: 30px;height: 30px;
	display: inline-block;
}
#contenido .botones-sociales .email{
	background-position: -120px 0;
	width: 30px;height: 30px;
	display: inline-block;
}
#contenido .botones-sociales .imprimir{
	background-position: -150px 0;
	width: 30px;height: 30px;
	display: inline-block;
}

#page{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	text-align: left;
	padding-top: 15px;
	background-color: #fff;
	color: black;
}
#page h2{
	text-align: left;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
}
#page h3{
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 3px;
}
#page p{
	font-size: 14px;
	text-align: justify;
	margin-bottom: 12px;
}
#page p small{
	font-size: 12px;
}
#page * ul{
	margin: 0px;
	padding: 0px;
}
#page * li{
	font-size: 13px;
	list-style-type: square;
	margin-left: 40px;
	margin-top: 2px;
}
#page a, #page a:hover{
	color:black;
	text-decoration: underline;
}
#page .contacto{
	font-size:13px;margin-top:10px;
}


#pie{
	clear:both;
	padding-top: 5px;
	height: 40px;	
}
#pie small{
	margin-top: 2px;
}
#pie .barra span{
	margin: 0 auto;
	text-align: center;
	display: block;
}
#pie .barra span a{
	text-decoration: none;
}
#pie .barra span a:hover{
	text-decoration: underline;
}
#pie .barra{
	margin-top: 3px;
	margin-bottom: 5px;
	background:#e0e4e5;
	text-align: center;
	padding-bottom: 4px;
	padding-top: 3px;
	margin-left: 0px;
}
.publicidad{
	width: 100%;
	margin-top:6px;
	margin-bottom: 6px;
}
.abajo{	clear:both;}