@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.ninots #container {
	width: 901px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height:689px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.ninots #header {
	height:181px;
}

#header .panelcabecera{
	margin-top:49px;
	height:181px;
}

#header .logo{
	width:248px;
	height:72px;
	float:left;
}
#header .menutop{
	width:650px;
	height:42px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	text-align: right;
	vertical-align: middle;
	float:right;
	font-weight:bold;
}
#header .menutop a{
	color:#606060;
	text-decoration:none;
}

#header .menutop a:hover{
	color:#606060;
	text-decoration:underline;
}

#header .busqueda{
	float:right;
	width:650px;
	height:31px;
	text-align: right;
	vertical-align: middle;
}
#header .botones{
	border: 1px solid #ee2e24;
	height:28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
	background:#ee2e24;
}
#header .cajatexto{
	border: 1px solid #c0bebe;
	height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#606060;
	margin-right:3px;

}

#header .menumain{
	width:904px;
	height:47px;
	float:left;
	margin-top:13px;
/*	border: 1px solid #6d7fd1;*/
}

#header .menumain ul{
	margin:0px;
	list-style-type: none;
	padding:0px;

}

#header .menumain li{
	display:inline;
	float:left;
}

#header .menumain li a{

	text-decoration: none;
	color:#FFFFFF;
}
#header .menumain li a:hover{
	text-decoration: none;
	color:#FFFFFF;
}

.menu{ 
	width:122px;
	height:34px;
	padding-top:12px;
	border: 1px solid #6d7fd1;
	background-color:#6d7fd1;
	margin-right:5px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	text-align: center;
	vertical-align: middle;

	z-index: 1;
}

.menu_hover{ 
	width:122px;
	height:34px;
	padding-top:12px;
	border:1px solid #ee2e24;
	background-color:#ee2e24;
	margin-right:5px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;

}

.ninots #mainContent {
	width:901px;
	min-height:465px;
	background: #FFFFFF;
}

#mainContent .contenido{
	width:901px;
	min-height:465px;
	margin-top:4px;
}

#mainContent .panelizquierdo{
	width:718px;
	min-height:465px;
	float:left;
}

#mainContent .panelderecho{
	width:178px;
	min-height:465px;
	float:right;	
}



#mainContent .banne_central{
	float:left;
	width:718px;
	height:289px;
}

#mainContent .banner_bottom{
	float:left;
	width:718px;
	height:167px;
	margin-top:5px;
}

#mainContent .banner_derecho_superior{
	float:right;
	width:178px;
	height:227px;
}

#mainContent .banner_derecho_inferior{
	float:right;
	width:178px;
	height:230px;
	margin-top:4px;
}


#mainContent .panelcatalogo{
	/*width:718px;*/
	width:715px;
	min-height:551px;
	float:left;
	border: 1px solid #c0bebe;
}

#mainContent .menuizquierdo{
	margin-top:38px;
	width:205px;
	min-height:489px;
	float:left;
	border-right:1px solid #c0bebe;
}

#mainContent .menuizquierdo ul{
	margin-left:30px;
	margin-top:0px;
	padding:0px;
	list-style-type: none;
}

#mainContent .menuizquierdo li{
	margin-bottom:5px;
	background-color:#e31818;
	height:26px;
	width:154px;
}


#mainContent .menuizquierdo li a:hover{
	margin-bottom:5px;
	background-color:#87328c;
	height:26px;
	width:154px;

}


#mainContent .menuizquierdoseleccionado{
	margin-bottom:5px;
	background-color:#87328c;
	height:26px;
	width:154px;
}


#mainContent .listaproducto{
	margin-top:38px;
	width:508px;
	min-height:514px;
	float:left;
	/*border:1px solid #c0bebe;*/
}

#mainContent .listaproducto ul{
	margin-top:0px;
	margin-left:25px;
	padding:0px;
	list-style-type: none;
	
	/*border:1px solid #c0bebe;*/
}
#mainContent .listaproducto li{
	width:140px;
	min-height:137px;
	float:left;
	margin-right:13px;
	margin-bottom:20px;
	
}
#mainContent .listaproductoimagen{
	width:140px;
	height:88x;
	border:1px solid #c0bebe;
}

#mainContent .navegacion {
	float:right;
	margin-right:35px;
	margin-bottom:20px;
	padding:0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
#mainContent .navegacion a{
	text-decoration:none;
	color:#000000;
}
#mainContent .navegacion a:hover{
	text-decoration:underline;
}



#mainContent .tituloproducto{
	padding:0px;
	margin-top:10px;
	color:#ee2e24;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}


#mainContent .detalleproducto{
	margin-top:38px;
	width:508px;
	min-height:514px;
	float:left;
	/*border:1px solid #c0bebe;*/
}

#mainContent .detalleproductocuadro{
	margin-top:0px;
	margin-left:25px;
	width:446px;
	min-height:500px;
	float:left;
	/*border:1px solid #c0bebe;*/
}

#mainContent .detalleproductoimagen{
	width:446px;
	height:279x;
	border:1px solid #c0bebe;
}


#mainContent .detalletituloproducto{
	padding:0px;
	margin-bottom:10px;
	color:#ee2e24;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#mainContent .detalletextoproducto{
	padding:0px;
	margin-top:10px;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#mainContent .detalletextocontenido{
	float:left;
	padding:0px;
	margin-top:10px;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
/*	overflow: scroll;*/
}

#mainContent .detalleimagencontenido{
	float:right;
	padding:0px;
	
}

#mainContent .cuadroparrafo{
	min-width:118px;
	background-color:#f15a22;
	color:#FFFFFF;
}


#mainContent .detalletextoparrafo{
	margin-top:10px;
	margin:10px;
	font-style: italic;
}

#mainContent .titulocuadro{
	color:#ffc50b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#mainContent .panelcontenido{
	float:left;
	padding:0px;
	margin-top:38px;
	margin-left:30px;
	width:664px;
	/*border: 1px solid #000000;*/
}

#mainContent .panelcontenido ul{
	float:left;
	padding:0px;
	list-style-type: none;
}
#mainContent .panelcontenido li{
	width:140px;
	min-height:137px;
	float:left;
	margin-right:13px;
	margin-bottom:20px;
}

#mainContent .botones{
	border: 1px solid #ee2e24;
	height:28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
	background:#ee2e24;
}
#mainContent .cajatexto{
	border: 1px solid #ee2e24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	background:#ee2e24;
	height:15px;
}

#mainContent .etiquetas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#e81a4b;
}

#mainContent .textojemplo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#606060;
}


#mainContent .panelnoticias{
	float:left;
	padding:0px;
	margin-top:38px;
	margin-left:30px;
	width:664px;
}

#mainContent .panelnoticias ul{
	float:left;
	padding:0px;
	margin:0px;
	list-style-type: none;
}

#mainContent .panelnoticias li{
	margin:0px;
	float:none;
	width:605px;
	min-height:100px;
	border-bottom-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color: #7e7d7d;
}


#mainContent .noticiatitulo{
	margin-bottom:10px;
	color:#ee2e24;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#mainContent .noticiabajada{
	margin-top:10px;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#mainContent .noticiatexto{
	float:left;
	padding:0px;
	margin-top:10px;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#mainContent .noticiadownload{
	float:left;
	padding:0px;
	color:#e81a4b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:605px;
	height:28px;
	font-weight:bold;
	text-align: right;
	vertical-align: middle;
	margin-top:5px;
	margin-bottom:10px;
}

#mainContent .noticiadownload a{
	text-decoration:none;
	color:#e81a4b;
}
#mainContent .noticiadownload a:hover{
	text-decoration:underline;
}


.ninots #footer {
	float:left;
	height:43px;
	width:901px;
	background:#ffffff;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	text-align: right;
	color:#6b6a6a;

}