/* Estilo principal WEB */

html,body{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background-color:#e9e9e9;
cursor:default;
}

a img{border:none}

a{color:#454545;text-decoration:none;}
a:hover{color:#999;}

#master{
position:relative;
width:998px;
height:auto;
margin:0 auto;
padding:0;
}


div#menu{
float:left;
position:absolute;
width:100%;
height:37px;
margin:0;
padding:0;
top:0;
left:0;
z-index:5 !important;
}

	div#menu ul{
	float:right;
	position:relative;
	width:756px;
	height:37px;
	margin:0;
	padding:0;
	background:url(../img/menu_bg.jpg) top left no-repeat;
	list-style-type:none;
	display:inline;
	}


	div#menu ul li{
	float:left;
	position:relative;
	width:95px;
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	display:inline;
	text-align:center;
	border-right:2px solid #ccc;
	}

	div#menu ul li#primero{margin:10px 0 0 35px;}
	
	div#menu ul li#ultimo{border-right:none;}
	
 	div#menu ul li a{
	font-size:15px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 1px #454545;
	font-weight:bold;
	text-align:center;
	}

 	div#menu ul li a:hover{text-shadow:1px 1px 1px #ccc;}
	
		
#logotipo{
float:left;
position:relative;
width:100%;
height:172px;
margin:0 0 0 0;
padding:0;
background:url(../img/cabecera_sup.jpg) top left no-repeat;
z-index:4 !important;
}


	#logotipo a#enlace_inicio{
	float:left;
	position:absolute;
	width:235px;
	height:112px;
	margin:0 0 0 0;
	padding:0;
	top:50px;
	left:58px;
	z-index:6 !important;
	}

	#logotipo div#datos{
	float:right;
	position:relative;
	width:70%;
	height:28px;
	margin:135px 80px 0 0;
	padding:0;
	color:#999;
	text-align:right;
	}



#header{
float:left;
position:relative;
width:100%;
height:140px;
margin:0 0 0 0;
padding:0;
background:url(../img/cabecera_inf.jpg) top left no-repeat;
}


#container{
float:left;
position:relative;
width:100%;
height:auto;
margin:0 0 0 0;
padding:0;
background:url(../img/content_bg.jpg) top left repeat-y;
}

#footer{
float:left;
position:relative;
width:100%;
height:138px;
margin:0 0 0 0;
padding:0;
background:url(../img/pie.jpg) top left no-repeat;
}


#footer{
float:left;
position:relative;
width:100%;
height:138px;
margin:0 0 0 0;
padding:0;
background:url(../img/pie.jpg) top left no-repeat;
}


	#footer div{
	float:left;
	position:relative;
	width:50%;
	margin:30px 0 0 0;
	padding:0;
	font-weight:bold;
	}
	
	
		#footer div#aviso p{text-align:left;padding-left:25px;color:#454545;}
		
		#footer div#copy p{text-align:right;padding-right:25px;color:#454545;}
		
	
		
		
/* --- SECCION INICIO -- */

div#seccion{
position:relative;
width:926px;
margin:15px auto 0 auto;
padding:0;
background:url(../img/seccion_bg.jpg) center bottom no-repeat #fff;
border:1px solid #ccc;
}		


div#seccion p{color:#454545;padding:0 8px 0 8px;margin:7px 0 0 0;line-height:16px;}		


div#ultimas_ofertas{
position:relative;
width:928px;
height:255px;
margin:20px auto 0 auto;
padding:0;
background-color:#fff;
border:1px solid #ccc;
}		


div#ultimas_ofertas p{color:#454545;padding:0 8px 0 8px;margin:7px 0 0 0;line-height:16px;}		



span.titulo{
float:left;
position:absolute;
padding:4px;
margin:0;
top:-15px;
left:10px;
background-color:#fff;
font-size:16px;
color:#74b42c;
font-weight:bold;
}


span#titulo_ofertas{
float:left;
position:absolute;
padding:4px;
margin:0;
top:-15px;
left:10px;
background-color:#fff;
font-size:16px;
color:#f4bf11;
font-weight:bold;
}


div.oferta{
float:left;
position:relative;
width:222px;
height:229px;
padding:0;
margin:14px 0 0 8px;
background:url(../img/oferta.jpg) top left no-repeat;
font-size:12px;
font-weight:bold;
}


	div.oferta div.foto{
	float:left;
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:15px 0 8px 0;
	}


	div.oferta div.foto img{
	height:120px !important;
	border:2px solid #FFFF66;
	}
	
	div.oferta p{
	float:left;
	position:relative;
	width:100%;
	margin:8px 0 0 0 !important;
	padding:0;
	color:#fff !important;
	}	

	div.oferta p.info{
	float:right;
	position:absolute;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	right:4px;
	bottom:15px;
	text-align:right;
	color:#fff !important;
	}	


	div.oferta p.info a{
	color:#f1e112 !important;
	}	
	
	div.oferta p.info a:hover{
	text-shadow:1px 1px 1px #454545;
	}	
	

/* --- SECCION PRODUCTOS -- */

ul#familias{
position:relative;
width:896px;
height:auto;
margin:12px auto 0 auto;
padding:0;
}

	ul#familias li{
	float:left;
	position:relative;
	width:100%;
	height:20px;
	margin:4px 0 0 0;
	padding:0;
	list-style-type:none;
	}


		ul#familias li span.numero{
		float:left;
		position:relative;
		width:21px;
		height:20px;
		margin:0;
		padding:0;
		color:#fff;
		text-align:center;		
		}

			ul#familias li span.numero strong{		
			float:left;
			position:relative;
			width:21px;
			margin:2px 0 0 1px !important;
			}

		ul#familias li span.familia {
		float:left;
		position:relative;
		width:498px;
		height:19px;
		margin:0 0 0 15px;
		padding:0;
		}

			ul#familias li span.familia a{
			float:left;
			position:relative;
			width:498px;
			margin:2px 0 0 5px !important;
			padding:0;
			}

		ul#familias li span.color {
		float:left;
		position:relative;
		width:360px;
		height:20px;
		margin:0 0 0 0;
		padding:0;
		background:url(../img/pico.png) top right no-repeat;			
		}
		
		/* ---------------- FAMILIAS ---------------------*/
		
		ul#familias li#uno span.numero{background-color:#339933;}
		ul#familias li#uno span.familia{border-bottom:1px solid #339933;} 
		ul#familias li#uno span.color{background-color:#339933;}
		
		ul#familias li#dos span.numero{background-color:#99ccff;}
		ul#familias li#dos span.familia{border-bottom:1px solid #99ccff;} 
		ul#familias li#dos span.color{background-color:#99ccff;}
		
		ul#familias li#tres span.numero{background-color:#ffcc66;}
		ul#familias li#tres span.familia{border-bottom:1px solid #ffcc66;} 
		ul#familias li#tres span.color{background-color:#ffcc66;}
		

		ul#familias li#cuatro span.numero{background-color:#66cc66;}
		ul#familias li#cuatro span.familia{border-bottom:1px solid #66cc66;} 
		ul#familias li#cuatro span.color{background-color:#66cc66;}
		
		ul#familias li#cinco span.numero{background-color:#cc9933;}
		ul#familias li#cinco span.familia{border-bottom:1px solid #cc9933;} 
		ul#familias li#cinco span.color{background-color:#cc9933;}

		ul#familias li#seis span.numero{background-color:#66ccff;}
		ul#familias li#seis span.familia{border-bottom:1px solid #66ccff;} 
		ul#familias li#seis span.color{background-color:#66ccff;}

		ul#familias li#siete span.numero{background-color:#ff6666;}
		ul#familias li#siete span.familia{border-bottom:1px solid #ff6666;} 
		ul#familias li#siete span.color{background-color:#ff6666;}

		ul#familias li#ocho span.numero{background-color:#ffcc33;}
		ul#familias li#ocho span.familia{border-bottom:1px solid #ffcc33;} 
		ul#familias li#ocho span.color{background-color:#ffcc33;}

		ul#familias li#nueve span.numero{background-color:#ffccff;}
		ul#familias li#nueve span.familia{border-bottom:1px solid #ffccff;} 
		ul#familias li#nueve span.color{background-color:#ffccff;}


		ul#familias li#diez span.numero{background-color:#6699ff;}
		ul#familias li#diez span.familia{border-bottom:1px solid #6699ff;} 
		ul#familias li#diez span.color{background-color:#6699ff;}

		ul#familias li#once span.numero{background-color:#cc6699;}
		ul#familias li#once span.familia{border-bottom:1px solid #cc6699;} 
		ul#familias li#once span.color{background-color:#cc6699;}


		ul#familias li#doce span.numero{background-color:#99cc99;}
		ul#familias li#doce span.familia{border-bottom:1px solid #99cc99;} 
		ul#familias li#doce span.color{background-color:#99cc99;}


		ul#familias li#trece span.numero{background-color:#cc9966;}
		ul#familias li#trece span.familia{border-bottom:1px solid #cc9966;} 
		ul#familias li#trece span.color{background-color:#cc9966;}


		ul#familias li#catorce span.numero{background-color:#cc3399;}
		ul#familias li#catorce span.familia{border-bottom:1px solid #cc3399;} 
		ul#familias li#catorce span.color{background-color:#cc3399;}

		ul#familias li#quince span.numero{background-color:#00cccc;}
		ul#familias li#quince span.familia{border-bottom:1px solid #00cccc;} 
		ul#familias li#quince span.color{background-color:#00cccc;}

		ul#familias li#dieciseis span.numero{background-color:#cc99cc;}
		ul#familias li#dieciseis span.familia{border-bottom:1px solid #cc99cc;} 
		ul#familias li#dieciseis span.color{background-color:#cc99cc;}


		ul#familias li#diecisiete span.numero{background-color:#669966;}
		ul#familias li#diecisiete span.familia{border-bottom:1px solid #669966;} 
		ul#familias li#diecisiete span.color{background-color:#669966;}

		ul#familias li#dieciocho span.numero{background-color:#cc66cc;}
		ul#familias li#dieciocho span.familia{border-bottom:1px solid #cc66cc;} 
		ul#familias li#dieciocho span.color{background-color:#cc66cc;}


		ul#familias li#diecinueve span.numero{background-color:#ff9900;}
		ul#familias li#diecinueve span.familia{border-bottom:1px solid #ff9900;} 
		ul#familias li#diecinueve span.color{background-color:#ff9900;}



div#descarga{
float:left;
position:relative;
width:100%;
margin:25px auto 0 auto !important;
padding:0;
}

div#descarga span{
float:left;
position:relative;
margin:8px 0 0 0;
padding:0;
}


div#descarga span a{
float:left;
position:relative;
margin:-3px 0 0 0;
}


/* --- SECCION SITACION -- */
div#map{
position:relative;
width:600px;
margin:20px auto 0 auto;
}

	iframe#mapita{
	float:left;
	position:relative;
	width:100%;
	height:450px;
	border:4px solid  #FFFFCC;
	}
	
	
	p.enlace{
	margin:15px 0 0 0 !important;
	text-align:center;
	}
	
	
	
/* --- SECCION CONTACTO -- */
div#datos_contacto{
float:left;
position:relative;
width:475px;
margin:25px 0 0 12px;
padding:0 0 0 0;
}

form#mi_formu{
float:left;
position:relative;
width:400px;
height:380px;
margin:18px 0 0 0;
padding:0 0 0 0;
color:#006633;
}

 form#mi_formu strong{color:#78b42e;}

 form#mi_formu label{
float:left;
position:relative;
width:90%;
margin:12px 0 0 0;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#78b42e;
}


 form#mi_formu input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#e8e8e8;
border:1px solid #e8e8e8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
}


form#mi_formu input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
color:#454545;
border:1px solid #f1e112;
}



	 form#mi_formu input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:55px;
	height:27px;
	background:#78b42e;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #78b42e;
	text-shadow:1px 1px 1px #454545;
	}
	
	 form#mi_formu input#boton_enviar:hover{background:#999;border:1px solid #999;}

p#correito{position:absolute;top:135px;left:230px;width:175px;}

	
	
/* --- SECCION CATALOGO -- */
	
div#catalogo{
float:left;
position:relative;
width:478px;
height:290px;
margin:15px 0 0 25px;
padding:0;
}	


div#texto_cat{
float:left;
position:relative;
margin:125px 0 0 10px;
padding:0;
}	


/* --- SECCION OFERTAS -- */

div.super_oferta{
float:left;
position:relative;
width:926px;
height:auto;
margin:35px 0 0 35px;
padding:0 0 15px 0;
border:1px solid #ccc;
background-color:#fff;
color:#454545;
background:url(../img/oferta_bg.jpg) center bottom no-repeat #fff;
}

	

	div.super_oferta div.foto{
	float:left;
	position:relative;
	width:190px;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	}


	div.super_oferta div.texto{
	float:left;
	position:relative;
	width:700px;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	}

	div.super_oferta p{
	float:left;
	position:relative;
	width:100%;
	margin:5px 0 0 0;
	padding:2px;
	}


	div.super_oferta p.titulo{
	margin:12px 0 0 0;
	color:#f29c15;
	}


	span.pegata{
	float:right;
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:0;
	margin:-20px -20px 0 0;
	}
	
	
	/* LOGIN */
	p.error{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#990000 !important;
	}
	

	p.ok{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#009933 !important;
	}
	
/* ---- LOGIN ----*/
form#login{
float:left;
position:relative;
width:250px;
margin:30px 0 0 50px;
padding:0 0 0 0;
color:#006633;
}

 form#login strong{color:#78b42e;}

 form#login label{
float:left;
position:relative;
width:90%;
margin:12px 0 0 0;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#78b42e;
}


 form#login input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#e8e8e8;
border:1px solid #e8e8e8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
}


form#login input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
color:#454545;
border:1px solid #f1e112;
}



	 form#login input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:55px;
	height:27px;
	background:#78b42e;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #78b42e;
	text-shadow:1px 1px 1px #454545;
	}
	
	 form#login input#boton_enviar:hover{background:#999;border:1px solid #999;}
	
	
div#condiciones{
position:relative;
width:926px;
height:350px;
margin:15px auto 0 auto;
padding:0;
background:url(../img/oferta_bg.jpg)center bottom no-repeat #fff;
border:1px solid #ccc;
}		
	
div#condiciones p{color:#454545;padding:0 8px 0 8px;margin:7px 0 0 0;line-height:16px;}		
	
ul#services{
width:85%;
list-style:circle;
}

	ul#services li{
	margin:8px 0 0 0;
	}

	
		ul#services ul{
		width:60%;
		margin:0 0 0 0;		
		padding:8px 0 0 15px;
		margin-left:0;
		list-style-type:disc;
		}