/* Estilo principal WEB */


/* 

-------------
   COLORES
-------------

Granate:  #660000 
Amarillo: #ffbc00
Gris:     #7b7275

Gris claro:#dee6ec

Color fuente: #993333

*/

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

body{
float:left;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
background:url(../img/patron_jpg.jpg) top left repeat #660000;
}


a{text-decoration:none;color:#ffbc00;}
a:hover{color:#999;}
a img{border:none;}

p.medio{float:left;position:relative;width:98%;}

div.izda{float:left;position:relative;width:55%;}
div.decha{float:right;position:relative;width:45%;}

#header{
position:relative;
width:984px;
height:29px;
margin:0 auto 0 auto;
padding:0;
background:url(../img/header_bg.png) top left no-repeat;
z-index:2 !important;
}


#master{
position:relative;
width:984px;
height:1735px;
margin:0 auto 0 auto;
padding:0;
border:2px solid #454545;
border-top:0;
background-color:#fff;
z-index:1 !important;
}


#footer{
position:relative;
width:984px;
height:150px;
margin:0 auto;
padding:0;
}

	#footer #papel{
	position:relative;
	width:938px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/papel.jpg) top center no-repeat;
	color:#666;
	font-weight:bold;
	}
	
	p#copy{
	float:left;
	position:relative;
	width:45%;
	margin:5px 0 0 15px;
	padding:0;
	text-align:left;
	font-weight:bold;
	}

	#footer #papel p a{color:#370000}
	#footer #papel p a:hover{color:#ffbc00}

	

	p#aviso{
	float:right;
	position:relative;
	width:45%;
	margin:5px 35px 0 0;
	padding:0;
	text-align:right;
	font-weight:bold;
	}
	
	#footer #sombra{
	position:relative;
	width:938px;
	height:51px;
	margin:0 auto;
	padding:0;
	background:url(../img/sombra_papel.png) top center no-repeat;
	}
/*---------------------------------------------------------------------------------*/


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

	a#enlace_inicio{
	float:right;
	position:relative;
	width:390px;
	height:111px;
	margin:0;
	padding:0;
	margin:32px 0 0 0;	
	}
	

#wrapper{
float:left;
position:relative;
width:591px;
height:1200px;
margin:0;
padding:0;
}	

	#menu{
	float:left;
	position:relative;
	width:100%;
	height:58px;
	margin:0;
	padding:0;
	}	


		#menu ul{
		float:left;
		position:relative;
		width:100%;
		margin:0 auto;
		padding:0;	
		}	

			#menu ul li{
			float:left;
			position:relative;
			margin:0;
			padding:0;
			height:23px;
			display:inline;
			margin:14px 0 0 9px;
			}	

			#menu ul li.imagen{
			margin:12px 0 0 6px;
			}	

			#menu ul li a{
			padding:2px 0 2px 0;
			font-size:14px;
			font-weight:bold;
				border-bottom:3px solid #fff;						
			}	
				#menu ul li a:hover{
				color:#454545;
				border-bottom:5px solid #660000;			
				}



			#menu ul li a#marcado{
			border-bottom:5px solid #660000;	
			color:#454545;		
			}	
				#menu ul li a#marcado:hover{
			border-bottom:3px solid #454545;			
				}

	#contenedor{
	float:left;
	position:relative;
	width:565px;
	margin:0 0 0 14px;
	padding:0;
	}	
				
	#contenedor p{font-weight:normal;color:#454545;}
				

	#sup_blog{
	float:left;
	position:relative;
	width:577px;
	height:41px;
	margin:12px 0 0 14px;
	padding:0;
	background:url(../img/blog.jpg) bottom left no-repeat;
	}	


	#blog{
	float:left;
	position:relative;
	width:565px;
	height:757px;
	margin:0 0 0 14px;
	padding:0;
	background:url(../img/rss.jpg) top right #370000 no-repeat;
	}	

#lateral{
float:left;
position:relative;
width:393px;
height:1200px;
margin:0;
padding:0;
}	



	#sup_novedades{
	float:left;
	position:relative;
	width:100%;
	height:41px;
	margin:-7px 0 0 0 !important;
	padding:0;
	background:url(../img/novedades.jpg) bottom left no-repeat;
	}	


	#novedades{
	float:left;
	position:relative;
	width:97%;
	height:527px;
	margin:0 0 0 0;
	padding:0;
	background:#370000;
	}	



	#sup_facebook{
	float:left;
	position:relative;
	width:100%;
	height:41px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/facebook.jpg) bottom left no-repeat;
	}	


	#facebook{
	float:left;
	position:relative;
	width:97%;
	height:335px;
	margin:0 0 0 0;
	padding:0;
	background:#7b7275;
	}	


	#sup_twitter{
	float:left;
	position:relative;
	width:100%;
	height:41px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/twitter.jpg) bottom left no-repeat;
	}	


	#twitter{
	float:left;
	position:relative;
	width:97%;
	height:370px;
	margin:0 0 0 0;
	padding:0;
	background:#dee6ec;
	}	


/*---------------------------------------------------------------------------------*/

img#entrada{float:right;margin:10px 0 0 0;}


ul#productos li{
margin:15px 0 0 0;
list-style:circle;
}


ul#productos li strong{
color:#454545;
}


div.mapa{float:left;position:relative;width:100%;margin:0 0 0 0;}

div.datos{float:left;position:relative;width:30%;margin:100px 0 0 10px;font-weight:bold;}

div.datos p{border-left:1px solid #dee6ec;padding-left:3px;}

iframe.peque{float:left;position:relative;border:5px solid #ccc;}

div#mapa_gijon iframe{margin-top:15px;}



/*---------------------------------------------------------------------------------*/


/* Contacto */

form#mi_formu{
float:left;
position:relative;
width:50%;
margin:0 0 0 0;
padding:0 0 0 0;
color:#454545;
}

 form#mi_formu strong{color:#454545;}
 form#mi_formu a{color:#454545;}

 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:#454545;
}


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


 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;
}



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

img#correito{float:right;position:relative;margin:50px 50px 0 0;}

/*---------------------------------------------------------------------------------*/
/*Blog*/
div.mininoticia{
position:relative;
width:96%;
margin:8px auto 0 auto;
padding:1%;
border-bottom:1px dashed #7b7275;
}

div.mininoticia p{
line-height:10px;
}

div.mininoticia p.titulo{
color:#993333;
font-size:13px;
font-weight:bold;
}

#blog_boton{float:left;position:absolute;width:66px;bottom:10px;left:10px;z-index:5 !important;}
a#visita_blog{float:right;position:absolute;bottom:10px;right:10px;}

/*Twitter*/
.twtr-hd{display:none;}

/*Facebook*/
div#fotos{
position:relative;
width:85%;
height:auto;
margin:12px auto 0 auto;
padding:0;
}


div#sin_fotos{
position:relative;
width:323px;
height:285px;
margin:12px auto 0 auto;
padding:0;
background:url(../img/facebook_back.jpg) top left no-repeat;
}


a#visita_perfil{float:right;position:absolute;width:150px;bottom:10px;right:10px;z-index:5 !important;text-align:right;}

.FB_profile_pic{margin:2px 0 0 2px !important;}
.FBConnectButton{margin:130px 0 0 0 !important;}

#facebook_boton{float:left;position:absolute;width:66px;bottom:10px;left:10px;z-index:5 !important;}

/* NOVEDADES */

div.articulo{
float:left;
position:relative;
width:95%;
margin:15px 0 0 5px;
padding:0 0 15px 0;
border-bottom:1px dashed #7b7275;
}


div#primer{
margin:30px 0 0 5px;
}



	div.articulo div.borde{
	float:left;
	position:relative;
	width:131px;
	height:131px;
	margin:5px 0 0 5px;
	padding:0;
	background-color:#ccc;
	}


		div.articulo div.borde img{
		position:relative;
		width:115px;
		height:115px;
		margin:7px 0 0 7px;
		padding:0;
		border:1px solid #660000;
		}


	div.articulo p{
	float:left;
	position:relative;
	width:215px;
	margin:5px 0 0 10px;
	padding:0;
	
	}
	
	div.articulo p.nombre{margin-top:5px;color:#993333;}
	
	
	div.articulo p.descripcion{margin-top:15px;color:#fff;font-weight:normal;}
	div.articulo p.referencia{color:#fff;}
	div.articulo p.mas{float:right;position:absolute;right:0;bottom:15px;text-align:right;text-decoration:underline;color:#ffbc00;}
	div.articulo p.mas a:hover{text-align:right;text-decoration:underline;color:#dee6ec;}


/* CATALOGO */
div.volver{
float:left;
position:relative;
width:100%;
margin:25px 0 0 8px;
padding:0;
}

	div.volver span{
	float:left;
	position:relative;
	width:23px;
	height:20px;
	margin:0;
	padding:0;
	background:url(../img/volver.jpg) top left no-repeat;
	}



	div.volver a{
	float:left;
	position:relative;
	width:300px;
	margin:2px 0 0 25px;
	padding:0;
	font-size:12px;
	font-weight:bold;	
	color:#993333;	
	}
	div.volver a:hover{
	color:#454545;	
	text-decoration:underline;
	}
	


a.min_cat{float:left;position:relative;width:265px;margin:10px 0 0 20px;padding:0;}
a.izda{margin-left:7px;}

a.min_cat:hover img{
opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	
}

h3{color:#993333;margin-left:8px;font-weight:bold;}