/*//////////////////////////////////////////////////////////////////////////////////////////////////////
© MELENIC GRAPHICSTUDIO . Todos los derechos reservados.
Prohibida la utilización, difusión o redistribución de este código sin previa autorización.
www.melenic.com
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
background: url("../img/bg-body.png") repeat-x;
}

img{border:none;}
.img-ilustra {
	padding:0 0 0 40px;
	float:right;
}

#flashcontent{
	display:inline-block;
	width:1030px;
	height:520px;
	margin-left:;
	overflow:hidden;
}

/*========================= H ============================*/
h1{font-size:1em;margin:0;padding:0; font-weight:normal;}
h2 {font-size:1em; margin:0 0 0 20px; padding:0; display:block; float:left;}
.lectura {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.25;
}
h2 a {color:#000; text-decoration:underline;}
h2 a:hover {color: #333;text-decoration:underline;}
h3{
	font-size:1.3em;
	margin:0; padding:0 0 0 33px;
	background:url(../img/bg-prod-nombre.gif) no-repeat 0 3px;
}
/*========================= END H ============================*/

#contenido {
	width:1030px;
	height:100%;
	margin:auto;
}

#cab{
padding:50px 0 0 0;
float:left;
width:1030px;
height:99px;
}

#flash {
	display:block;
	height:390px;
	width:1030px;
	float:left;
	text-align: center;
	}
	#nav01, #nav03{
	width:191px;height:285px;
	float:left;
	}
	#nav02{
	width:577px;height:375px;
	float:left;
	background: url(../img/bg-nav02.png) no-repeat;
		}
		.navTitulo{
	padding:79px 0 0 5px; text-align:left !important;
	float:left;
	font-size: 1.35em;
	font-weight: bold;
	width: 295px;
	display: block;
		}
		.navTexto{
	padding:100px 0 0 5px; text-align:left !important;
	float:left;
	font-size: 0.9em;
	width: 295px;
	display: block;
	line-height: 1.15;
		}
		
		#nav02Foto{
		position:relative;
		width:289px; height:376px;
		margin:0;
		z-indexindex:2;
		}
		
	#nav04{
	width:172px;
	height:67px;
	float:left;
	background: #fefefe url(../img/bg-nav.gif) no-repeat center;
	padding: 9px;
	}
	

#productos { 
background:url("../img/ico-flecha-inf.gif") no-repeat center top; 
width:1030px;
float:left; 
padding:35px 0 0 0;
}
#productConten {
width:617px;
float: left;
background:url("../img/bg-producto.gif") no-repeat 25px 0;
margin: 40px 0 0 0;
padding: 40px 0 0 40px;
}
#productExplica {
	width:600px;
	float:left;
	font-size:0.9em;
	line-height: 1.2;
	color:#666;
	margin: 15px 0 0 0;
	}
	#productExplica img {
	padding:0 0 0 12px;
	}
	#productExplica ul {
	font-weight:bold;
	color:#111;
	list-style-type: circle;
	}
#productImagen {
	float:right;
}
#productFotos {
width:600px;
float:left;
margin:0 0 20px 0;
	}
	#productFotos img {
	margin:3px 3px 0 0;
	padding:3px;
	float:left;
	background:url("../img/bg-producto-tb2.gif") no-repeat center top;
	}


#listadoConten {
	width:682px;
	float:right;
}

#menuombra {
	display:block;
	float:left;
	height:30px;
	width:1030px;
	text-align: center;
	margin: 2px 0 0 0;
	}
	#menuombra2 {
	display:block;
	float:left;
	margin:2px 0 0 0;
	padding:34px 0 0 0;
	width:960px;
	background: url("../img/menu-ombra.png") no-repeat 30px 0;
	text-align: center;
	}

#categorias {
	width:248px;
	float:left;
	}
	#catMenu{
	padding:0;
	margin:0;
	}



/*======================================================= LOCALIZA MAPA ==============================================*/

#localizaConten{
	float:left;
	width:1030px;
	padding:15px 0 75px 0;
	text-align: center;
	}

#mapConten{
	background:url("../img/bg-localiza01.png") no-repeat;
	padding:2px 0 0 0;
	width: 902px;
	height: 464px;
	margin: 0 auto;
	}
	#mapOmbra{
	background:url("../img/bg-localiza-ombra.png") no-repeat;
	width: 902px;
	height: 47px;
	margin: auto;
	}
	.linkMap a{
	background:url("../img/bg-maplink.gif") no-repeat 0 2px;
	float:left;
	display:block;
	margin:12px 0 0 15px;
	padding:0 0 0 15px;
	font-size:.85em;
	color:#000;
	}
	.linkMap a:hover{
	color:#FFF;
	}
	
/*==================================================== END LOCALIZA MAPA ==============================================*/

/*================================================================= BASE ===================*/
#base{
	float:left;
	background:#000;
	margin-top:30px;
	height:100px;
	display:block;
	width:100%;
	}
	#base p{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:24px 30px 0 0;
	float:left;
	font-size:.9em; font-weight:normal; line-height:1.2;
	color:#FFF;
	background:#000;
	}
	#base a{
	text-decoration:none;
	color:#FFF;
	}
	a#mail{
	color:#fff;
	padding:0 0 5px 26px; 
	background:url("../img/ico-mail.gif") no-repeat 0 1px; 
	}
	a#mail:hover{
	color:#0CF; 
	}
	a#diseno{
	font-size:.7em;
	color:#999;
	padding:0 80px 0 0;
	background:url("../img/ico-diseno.gif") no-repeat 60px 0; 
	}
	a#diseno:hover{
	color:#FFF;
	}
/*============================================================== END BASE ===================*/		
	
#explica{
padding:0 0 0 30px;
}
#tituloCat{
	margin:0 0 1px 0;
	height:40px;
	width:1030px;
	}
	.tituloCat01{
	background:url(../img/bg-prod-black.gif);
	float:left;
	height:40px;
	width:238px;
	line-height:40px;
	font-size:0.8em;
	color:#FFF;
	padding:0 0 0 10px;
	}
	.tituloCat02{
	display:block;
	float:left;
	height:40px;
	width:627px;
	line-height:40px;
	font-size:1.1em;
	color:#FFF;
	padding:0 0 0 30px;
	background-color: #7F7F7F;
	}
	.tituloCat03{
	width:120px;
	height:40px;
	float:left;
	display:block;
	line-height:40px;
	background:#7f7f7f url("../img/bg-titulo02-final.gif") no-repeat top right;
	text-align: right;
	color: #CCCCCC;
	padding: 0 5px 0 0;
	font-size: 90%;
	}

/*============================================================== PRODUCTOS ===================*/

#listadoConten {
	width:625px;
	float:left;
	margin:30px 0 0 30px;
	}
	.infop {
	background:url("../img/ico-info.gif") no-repeat;
	font-size:.9em; line-height:1.5;
	color:#666;
	text-indent:23px;
	}
	.ombraproduct{
	background: url("../img/bg-ombraproduct.jpg") no-repeat 20px 0;
	margin-top:30px;
	height:21px;
	width:625px;
	}

#productos{
	padding:30px 0 0 0;
	display:inline;
	width: 1030px;
	margin: 10px 0 0 0;
	}

.producto{
	width:585px;
	height:111px;
	color:#333;
	margin: 25px 0 0 0;
	}
	.producto p{
	float:right;
	width:430px;
	padding:0; margin:8px 0 0 8px;
	color:#444;
	font-size:.9em;
	line-height:1.2;
	text-indent:0;
	background-image:none;
	}
	.producto p a{color:#444;text-decoration:none;}
	.producto p a:hover{color:#222; text-decoration:underline;}
	
	.productoFoto{
	width:123px;
	height:101px;
	background: url("../img/bg-prod-tb.gif") no-repeat;
	padding:10px 0 0 10px;
	float:left;
	}
	.productoNombre{
		margin:3px 0 0 0;
		padding:0 0 0 27px;
		float:right;
		width:410px;
		height:28px;
		line-height:28px;
		background:url("../img/bg-prod-arrow.gif") #e0e0e0 repeat-y 0 28px;
		}
		#productoNombreDestac{
		margin:3px 0 0 0;
		padding:0 0 0 27px;
		float:right;
		width:410px;
		height:28px;
		line-height:28px;
		background:url("../img/bg-prod-arrowDestac.gif") #7ce4ff repeat-y 0 28px;
		}
	
	
	#productoNav{
	width:712px;
	float:right;
	margin:40px 28px 0 0;
	padding:0 0 0 10px;
	background:#000 url("../img/bg-navprod-01.gif") no-repeat;
	;
	color:#FFF;
	height:40px;
	line-height: 39px;
	}
	#productoNavLeft{
	padding:8px 0 0 0;
	height:32px;
	float:left;
	color:#FFF;
	}
	#productoNavRight{
	width:425px; height:32px;
	padding:8px 7px 0 0;
	float:right;
	background:#000 url("../img/bg-navprod-02.gif") no-repeat top right;
	color:#FFF;
	}
	.NavTx{
	font-size:0.8em;
	padding:0 10px 0 10px;
	height:20px;
	line-height:26px;
	float: right;
	}
	.NavTx2{
	font-size:0.8em; font-weight:normal;
	padding:0 0 0 4px;
	height:20px;
	line-height:26px;
	float:left;
	}
/*=========================================================  BOTONS  ====================*/
	a#next2{ 
	width:40px;
	height:24px;
	display:block;
	background: url("../img/btn-next2.gif") no-repeat;
	float:right;
	}
	a#next2:hover{ 
	background: url("../img/btn-next2.gif") no-repeat 0 -24px;
	}
	a#next{ 
	width:24px;
	height:24px;
	display:block;
	background: url("../img/btn-next.gif") no-repeat;
	float:right;
	}
	a#next:hover{ 
	background: url("../img/btn-next.gif") no-repeat 0 -24px;
	}
	
	a#prev2{ 
	width:40px;
	height:24px;
	display:block;
	background: url("../img/btn-prev2.gif") no-repeat;
	float:right;
	}
	a#prev2:hover{ 
	background: url("../img/btn-prev2.gif") no-repeat 0 -24px;
	}
	a#prev{ 
	width:24px;
	height:24px;
	display:block;
	background: url("../img/btn-prev.gif") no-repeat;
	float:right;
	}
	a#prev:hover{ 
	background: url("../img/btn-prev.gif") no-repeat 0 -24px;
	}
	
	a#atras{ 
	width:40px;
	height:24px;
	display:block;
	background: url("../img/btn-prev2.gif") no-repeat 0 -24px;
	float:left;
	}
	a#atras:hover{ 
	background: url("../img/btn-prev2.gif") no-repeat;
	}
	
	a#categoria{
	text-decoration:none;
	margin:12px 0 0 0;
	color:#FFF; 
	width:120px;
	height:22px; line-height:22px;
	padding:0 0 0 8px;
 	font-size:.8em;
	display:block;
	background: url("../img/btn-categoria.gif") no-repeat;
	float:left;
	}
	a#categoria:hover{
	color:#3CF;  
	background:url("../img/btn-categoria.gif") no-repeat 0 -22px;
	}
	

.titolForm{display:block; margin:50px 0 0 0; font-size:1.1em; color:;}
.formPrivate{display:block; margin:30px 0 70px 0;}
.inputsPrivate{margin:0 20px 0 5px; border:1px solid #000; padding:3px;}
.spanPrivate{ font-size:.9em;}

.marquesina{width:1030px; height:100px; background:url('../img/marquesina-bg.png') no-repeat; display:block; padding:10px 0 0 0;}