@charset "utf-8";
/* Elementos generales y hacks para explorer */

* { 
margin : 0; 
padding : 0; 
} 

pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
 
 
 body {   
text-align:center;/*CENTRA EL CONTENEDOR EN EL CENTRO EN EL EXPLORER*/
font-size: 62.5%; /*Bueno para controlar <em>*/
}  
ul,li{list-style-type:none}

ul.enlaces{
text-align:right;
margin-right:40px;
margin-top:10px;}

/*h1 lo usamos para el texto en general*/

h1 { 
text-decoration : none; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif;  
font-size : 1em!important;font-size:0.85em; 
text-align:left;
color:#53504A;
line-height:18px;
margin:0px;
display: inline; 
} 

/*h2 lo usamos para RESALTAR textos de interes, .*/
h2 { 
text-decoration : bold; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; 
font-size : 1.3em!important;font-size:0.85em; 
text-align:left;
color:white;
line-height:18px;
margin:0px;
display: inline; 
padding-left:5px;
 
} 

/*h3 lo usamos como letra EN NEGRO*/
h3 { 
text-decoration : none; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; 
font-size : 1.1em!important;font-size:0.85em;  
color : #4E4E4C;
display: inline;
} 

/*h4 texto gris pequeño: fechas por ejemplo.*/
h4 { 
text-decoration : none; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif;  
font-size : 0.9em; 
color : #4F4F4F;
display: inline;
} 

/*h5 texto rojo.*/
h5 { 
text-decoration : none; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; 
font-size : 1.1em; 
color : red;
display: inline;
} 

/*h6 texto tachado.*/
h6{ 
text-decoration : none; 
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; 
font-size : 1em; 
color : red;
display: inline;
} 

p.tachado{
font-size : 1em!important;
 
text-decoration:line-through;
display: inline;
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; }

p.oferta{
font-size : 1.6em!important;
color:white;
padding-left:3px;
padding-right:3px;
text-decoration:none;
background:red;
display: inline;
font-family : "Trebuchet MS",Trebuchet,"Trebuchet MS",Trebuchet,verdana,Helvetica,sans-serif; }

SELECT{ 
font-family: verdana; 
font-size: 1em!important;font-size:0.85em;  
color: #4E4E4C; 
background-color:white;} 

img{
border:0px;
 
}

img.catalogo{
border:0px;
float:rigth;
display:inline;
}

table.alertas_efefef{
background-color:red;
color:white;
width:570px;
}

table.alertas_pedidoOk{
background-color:#409F4E;
color:white;}

a { 
text-decoration : none; 
font-family : verdana; 
font-size : 0.9em!important;
color : #028BFF;
text-decoration:underline; 
 
} 

 

a.realizar_pedido{
background:url(images/realizar_pedido.jpg) no-repeat;
 display:block;
 overflow:hidden;
text-indent:-999.9em;
z-index:99;
width:492px;
height:250px}

 a.realizar_pedido:hover{
background:url(images/realizar_pedido2.jpg) no-repeat;
 
 }
 
 /*es el mismo de arriba pero mas pequeño para insertar en el lado derecho*/
 a.realizar_pedido_a{
background:url(images/realizar_pedido_a.jpg) no-repeat;
 display:block;
 overflow:hidden;
text-indent:-999.9em;
z-index:99;
width:400px;
height:200px}

 a.realizar_pedido_a:hover{
background:url(images/realizar_pedido2_a.jpg) no-repeat;
 
 }



p { 
text-decoration : none; 
font-family : verdana; 
font-size : 1em!important;font-size:0.85em;  
text-align:left;
color:#53504A;
line-height:18px;
margin:0px;
 
}
 
p.eslogan { 
text-decoration : none; 
font-family : verdana; 
font-size : 0.8em; 
text-align:left;
color:#53504A;
line-height:14px;
margin:0px;
display: inline; 
 }

	p.titulo {
	text-decoration : none; 
	font-family : verdana; 
	font-size : 1em!important;font-size:0.85em; 
	text-align:left;
	color:#53504A;
	line-height:14px;
	margin:0px;
	 
	}
	
 	p.titulo2 {
	text-decoration : none; 
	font-family : verdana; 
	font-size : 1em!important;font-size:0.85em; 
	text-align:left;
	color:#E42722;
	line-height:14px;
	margin:0px;

	}
	
 		p.eslogan_titulo {
		text-decoration : none; 
		font-family : verdana; 
		font-size : 1em!important;font-size:0.85em; 
		text-align:left;
		 
		line-height:14px;
		margin:0px;

		}
		
		p.leer_mas {
		text-decoration : none; 
		font-family : verdana; 
		font-size : 1em!important;font-size:0.85em;  
		text-align:left;
		 
		line-height:14px;
		margin:0px;

		}

p.enlaces { 
text-decoration : none; 
font-family : verdana; 
font-size : 1em!important;font-size:0.85em;  
text-align:left;
color:#53504A;
line-height:14px;
margin:0px;
padding-top:15px;
 
}

p.leyes{
text-decoration : none; 
font-family : verdana; 
font-size : 0.8em!important;font-size:0.85em;  
text-align:left;
color:#53504A;
line-height:14px;
margin:0px;
padding-top:15px;}



/*Cuando queramos alinear un div en la derecha o la izquierda del contenedor podremos como clase : derecha o izquierda .*/
.derecha {
    float: right;
}

.izquierda {
    float: left;
}

#eslogan_top{
position : relative; 
 
width : 968px;
text-align:right;
margin-right : auto; 
margin-left : auto; 

}

#contenedor_index{
position : relative; 
 
width : 968px;
 
background-color:#FFFFFF;
border : 1px solid #4E4E4C; 
margin-top : 3px; 
margin-right : auto; 
margin-left : auto; 

}

	#top { text-align:left;
	background-color:red;
	position:relative;
	width:968px;
	height:232px;
	border-bottom:1px solid white;
	float:left; 
	margin-bottom:60px;
	 
	} 

		#logo{
		float:left;
		position:relative;
		margin-right : auto; 
		margin-left : auto; 
		background-color:#FC9934;
		width:968px;
		height:105px;
		 
		}
		
		#menu_superior{
		float:middle;
		position:relative;
		margin-right :200px; 
		margin-left : auto; 
		background-color:#FC9934;
		 
		 
		}

		#texto_top{
		position:relative;
		float:right;
		margin-right : auto; 
		margin-left : auto; 
		border-bottom:1px solid white;
		width: 560px;
		height:128px;
		overflow:hidden; 
		visibility:hidden;
		}
	 
 
	#cuerpo_index{
	 
	position:relative;
	margin-right : auto; 
	margin-left : auto; 
	margin-bottom:15px;
	 
	}

		#cuerpo_img{
		position:relative;
		margin-right : auto; 
		margin-left : auto; 
		margin-bottom:5px;
		}

		#cuerpo_izq{
		width:584px;
		float:left;  
		padding-left:20px;
		padding-right:10px;
		text-align:left;
		border-right:1px solid #E6E7E7;
		}

		#cuerpo_drcha{
		margin-left: 604px; 
		padding-left:30px;
		padding-right:5px;
		position:relative;
		 
	 
		 
		}
		
		#cuerpo_izq2{
		width:484px;
		float:left;  
		padding-left:20px;
		padding-right:10px;
		text-align:left;
		border-right:1px solid #E6E7E7;
		}

		#cuerpo_drcha2{
		margin-left: 484px; 
		padding-left:64px;
		padding-right:5px;
	 
		 
		}
		
		.noticia_novedad {
		text-decoration : none; 
		font-family : verdana; 
		font-size : 1.1em; 
		text-align:left;
		color:#53504A;
		line-height:14px;
		 
		 

		}
 
		.muestras {
		margin-top:10px;
		}

	#pie { 
	position : relative; 
	text-align :center; 
	border-top: gray 1px;
	margin-top:10px; 
	margin-right : auto; 
	margin-left : auto;
	clear:both;
	} 

	#datos_pie{
	position : relative; 
	width : 968px;
	text-align:left;
	margin-right : auto; 
	margin-left : auto; 

	}

		#pie_img{
		 
		background-image: url(images/pie_contacto.jpg) ;
		background-repeat:no-repeat;
		height:177px; 
		}

		#pie_mails{
		position:absolute;
		top:44%;
 
		width : 968px;
		text-align:center;
		margin-right : auto; 
		margin-left : auto; 
		z-index:5;
 
		
		
		}
		
		#pie_diseno_web{
		position:absolute;
		top:56%;
		left:55%;
		width:400px;
		text-align:center;
		margin-right : auto; 
		margin-left : auto; 
		z-index:5;
 
		 
		}