/*  ESTILOS GENERALES  */

body {
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
.contenedor{
	margin: 0 auto;
	margin-top:10px;
	width:85%;
	max-width:1100px;
}
a{
	text-decoration:none;
	color:#999;
	border:none;
}
.pie{
	font-size:0.75rem;
	border-top:#960 solid 1px;
	text-align:right;
	padding-top:15px;
	margin-top:15px;
	margin-bottom:15px;
}
.cierre{
	clear:both;
}
/*--------------------banda superior------------------------------*/
.bandasup{
	margin: 0 auto;
	/*background-color:#dedede;     eliminar*/
}
.imglogo{
	width:100%;
	max-width:112px;
	float:left;
}
.logo{
	float:left;
	width:12%;
	/*border: blue 1px solid;     eliminar*/
}
.lanay{
	font-size:2.6rem;
	margin-top:15px;
	padding-left:3%;
	float:left;
	display:block;
	width:83%;
	/*border: red 1px solid;     eliminar*/
}
.lanaycel{
	display:none;
}
.lanaycelangosto{
		display:none;
	}
/*--------------------menu------------------------------*/
.menu{
	font-size:0.75rem;
	color:#999;
	width:100%;
	height:30px;
	border:#960 solid 1px;
	border-left:none;
	border-right:none;
	margin-top:5px;
}
.menucontraido{
	font-size:0.75rem;
	color:#999;
	width:100%;
	height:20px;   /*  30 altura -10 padding   */
	padding-top:10px;
	margin-top:5px;
	border:#960 solid 1px;
	border-left:none;
	border-right:none;	
	text-align:center;
	float:none;
	display:none;
}
.menudesplegado{
	display:none;
	font-size:0.75rem;
	color:#999;
	width:100%;
	height:20px;   /*  30 altura -10 padding   */
	text-align:center;
	float:none;
}
.menucontraido a:hover{
		color:#FAAD45;
	}
.menudesplegado a:hover{
		color:#FAAD45;
	}
.celdamenu{
	float:left;
	width:13%;         /* antes 11.8%*/   
	padding-top:8px;
	text-align:center;
}
.celdamenu a:hover{
	color:#FAAD45;
}
.celdamenucorta{
	float:left;
	width:13%;          /* antes 10%  , 13%  agrego cuadernillos a 10%*/
	padding-top:8px;
	text-align:center;
}
.celdamenucorta a:hover{
	color:#FAAD45;
}
.celdamenumuycorta{
	float:left;
	width:7%;                      /* antes 5% , 13% agrego cuadernillos a 7%  */
	padding-top:8px;
	text-align:center;
}
.celdamenumuycorta a:hover{
	color:#FAAD45;
}
.celdamenularga{
	float:left;
	width:15%;                  /* antes 13% agrego cuadernillos a 15% */
	padding-top:8px;
	text-align:center;
}
.celdamenularga a:hover{
	color:#FAAD45;
}
/********************************** submenu*/ 
.celdamenulargasubmenu{          
	text-align: center;
	padding-top: 10px;
	display:none;
	position:absolute;
	z-index:1000;
}
.itemsubmenu{
	height: 20px;
	padding-top:8px;
	background-color: #ffffff ;
	border:#960 solid 1px;
	border-top:none;
	opacity: 1;
}
/**********************************  fin submenu*/
.celdamenuizq{
	float:left;
	width:8%;
	padding-top:8px;
	text-align:center;
}
.celdamenuizq a:hover{
	color:#FAAD45;
}
.celdamenuder{
	float:left;
	width:12%;               /* antes 9%  */
	padding-top:8px;
	text-align:right;
}
.celdamenuder a:hover{
	color:#FAAD45;
}
.separador{
	float:left;
	width:1%px;
	height:30px;
	background-image:url(../imagenes/separador.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}
#ultima{
	margin-bottom:0px;    /*--en menu horizontal sin margen-------------*/ 
}



@media screen AND (max-width:840px ) {   /*antes 800*/
	.contenedor{
		width:95%;
	}	
	.lanay{
		margin-top:10px;
		font-size:1.7rem;
	}
	/*--------------------menu------------------------------*/
	.menu{
		font-size:0.65rem;
	}
	
	
} /*fin media 800 **************************************************************************************************/

@media screen AND (max-width:610px ) {     /*pasar a 360 al poner on-line*/
	.contenedor{
		width:98%;
	}	
	.lanay{
		display:none;
	}
	.lanaycel{
		margin-top:0px;
		margin-left:5%;
		font-size:1.3rem;
		float:left;	
		display:block;
		width:80%;
		/*border: red 1px solid;     eliminar*/
		
	}
	.lanaycelancho{
		float:left;
		font-size:0.8rem;
		text-align:right;
		/*border: black 1px solid;*/
		width:52%;
		padding-top:25px;
		display:block;
	}
	.lanaycelangosto{
		display:none;
	}
	
	/*--------------------menu------------------------------*/
	
	.celdamenu{
		float:none;
		width:100%;
		font-size:0.75rem;
	}
	.celdamenucorta{
		float:none;
		width:100%;
		font-size:0.75rem;
	}
	.celdamenumuycorta{
		float:none;
		width:100%;
		font-size:0.75rem;
	}
	.celdamenularga{
		float:none;
		width:100%;
		font-size:0.75rem;
	}
	.separador{
		display:none;
	}
	.menu{
		display:none;
	}
	.menucontraido{
		display:block;
	}
	.menudesplegado{
	height:auto;   
	}
	#ultima{
		margin-bottom:10px;
	}
	.vermenu{
		height:20px;
		width: 100%;
	}
	/*--------------------menu fotos---------------------------*/
	.fotomenu{
Success!
		display:none;
	}
	.fotoseparador{
		display:none;
	}
}/*fin media 610 */

@media screen AND (max-width:470px ) {
	.lanaycelancho{
		display:none;
	}
	.lanaycelangosto{
		float:left;
		font-size:0.6rem;
		text-align:right;
		/*border: black 1px solid;*/
		width:38%;
		padding-top:15px;
		display: block;
	}
}/*fin media 470 */