/* CSS Carnes Eransus */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	margin:0px;
	padding:0px;
	color:#000;
	font:90% Tahoma, Arial, Verdana;
	background-color:#f0f0f0;	
	
}
h1 { color:#333; margin:17px 0 0 3px; width:159px; height:109px;}
h2 { 
	font:normal 130% Arial, Helvetica, sans-serif; 
	color:#fff;
	text-align:right;
	margin:18px 15px 0 0;
}

h5 { font:bold 100% Arial, Helvetica, sans-serif; margin:15px 0 10px 12px; color:#333;}

p {
	margin:0px 0 10px;
	font:90% Tahoma, Arial, Verdana;
	line-height:130%;
}

a{ color:#333; text-decoration:none;}
a:link{	color:#333;}
a:active{ color:#817d38;}
a:focus{ color:#817d38;}
a:hover { color:#817d38;}

img { border-style:none;}
.clear {clear: both; font:0.01em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block; color:#fff; clear:both;}


/*-- Estilos para la Home --*/

#contenedor {
	width:953px;
	margin:0px auto 0;
	color:#333;
	background: url(../img/fondo.gif) center top repeat-y;
	padding:0 11px 0 12px;
}

#head, #head-p { 
	border-top:6px solid #c1be73;
	padding:0px 0px 0px 20px;
	float:left; 
	width:216px; 
	background: url(../img/fondo-home.gif) 1px 0px no-repeat;
	min-height:630px;
}
#head-p {background: url(../img/fondo-home2.gif) right 0px no-repeat;}
	#head ul, #head-p ul{ margin:19px 0 25px 0px; width:100%; }
	#head ul li, #head-p ul li {
		margin:1px 0 3px;
		font:bold 110% Arial, Helvetica, sans-serif;
		color:#666;
		list-style:none;
		padding:0px 0 4px 15px;
	}
	#head ul li a, #head-p ul li a {color:#000; display:block; padding:5px; width:173px;background-color:#d8d6a9;}
	#head ul li a:hover, #head-p ul li a:hover { color:#000; background-color:#c1be73; }
	
	#head .current, #head-p .current {color:#fff; background-color:#000; display:block; padding:5px 5px 6px; margin:0 0 5px 15px;}
	#head .current2, #head-p .current2 {color:#fff; background-color:#000; display:block; padding:5px 5px 6px; width:190px;}
	
	#head-p ol { margin:5px 0 0; height:170px;}
	#head-p ol li { font-size:80%; font-weight:normal; padding:0px 10px; color:#989206; line-height:130%;}
	#head-p ol li a {color:#666; display: inline; padding:0px; width: auto;background-color:#fff;}
	#head-p ol li a:hover { color:#000; background-color:#fff; }
	
	.titulo { color:#989206; font:125% Arial, Helvetica, sans-serif; }
	.TITaddress {color:#817d38; font:bold 100% Arial, Helvetica, sans-serif; text-transform:uppercase; margin:5px 0 5px 15px;}
	address { font:normal 75% Tahoma, Arial, Helvetica, sans-serif; color:#333; border-bottom:1px dotted #999; padding-bottom:8px; margin:0 30px 6px 15px; line-height:140%;}
	p a{ margin:5px 0 5px 15px; color:#333;}
	.botton { background:url(../img/boton-gris.gif) left top no-repeat; width:179px; height:25px; margin-left:13px; padding-top:7px; font:bold 90% Arial, Helvetica, sans-serif; }
	.ped { margin-top:15px; margin-bottom:5px;}

#contenido {
	width:717px;
	float:right;
	border-top:6px solid #c1be73;
	background-color:#000;
	padding-top:1px;
}
	.img-home {
		width:717px;
		height:369px;
		overflow:hidden;
	}
	
	#destacados { width:100%; clear:both; font:normal 90% Arial, Helvetica, sans-serif;}
		.destacado-1 { background:url(../img/d-chuletillas-cordero.jpg) left 55px no-repeat; width:410px; float:left; margin:15px 0 12px 20px;}
			.destacado-1 h3 { color:#c1be73; font:normal 120% Arial, Helvetica, sans-serif; margin-left:10px;}
			.destacado-1 h3 span{ display:block; color:#fff; font-size:140%;}
			.destacado-1 p { margin:15px 0 0 220px; color:#fff; line-height:140%; font:normal 90% Arial, Helvetica, sans-serif;}
			.bot{
				color:#eee; 
				margin:10px 0px 0 220px;
				width:170px; 
				
			}
			.bot a {
				display:block;				
				padding:4px 0px 0 0;
				height:32px; 
				color:#eee; 
				font:bold 120% Arial, Helvetica, sans-serif; 
				margin:0px; 
				/*background:url(../img/boton-gris-osc.gif) left top no-repeat;*/
			}
			.bot a:hover { /*background:url(../img/boton-verde.gif) left top no-repeat;*/ color:#000; font:bold 120% Arial, Helvetica, sans-serif; }
		
		.destacado-2{ background: url(../img/fondo-pedidos.gif) left top no-repeat; width:212px; height:147px; padding:50px 10px; float:left; margin:0 0 0 40px; color:#c1be73; text-align:center; }
		.destacado-2 h3 { color:#c1be73; text-align:center; font:normal 140% Arial, Helvetica, sans-serif;}
		.destacado-2 p { color:#ccc; margin-top:15px; line-height:150%!important; font:normal 100% Arial, Helvetica, sans-serif;}
		.destacado-2 p a { color:#c1be73; }
		.destacado-2 p a:hover { text-decoration:underline;}
		

/*---- Paginas interior ---------- */

#contenido-int {
	width:717px;
	float:right;
	border-top:6px solid #c1be73;
	background:#fff url(../img/fondo-negro.gif) left top repeat-x;
	padding-top:1px;
}
	.carnicerias, .prod, .cont, .serv, .pedido, .ubic, .acc {
		background: url(../img/tienda-inigo-arista.jpg) left top no-repeat;
		margin:0 25px;
		height:300px; 
}

	.serv { background:#000 url(../img/expositor-quesos.jpg) left bottom no-repeat; }
	.cont { background:#000 url(../img/contacto.jpg) left bottom no-repeat; }
	.pedido { background:#000 url(../img/comprar.jpg) left bottom no-repeat; }
	.prod { background:#000 url(../img/expositor-cordero.jpg) left bottom no-repeat; }
	.ubic { background:#000 none;}
	.acc { background:#000 url(../img/home-img-04.jpg) left 88px no-repeat;}
	
	.txt { margin:25px 0px 10px 25px; width:95%; clear:both;}
		.txt p { font-size:80%; line-height:160%; color:#313131!important;}
		.margen { margin-right:30px;}
		
		.ancho { width:420px; padding-left:10px; border-right:1px dotted #999; padding-right:20px; float:left; margin:20px 0px 10px 25px;}
		.ancho p{ font:80%!important; line-height:140%;}
		
		.ancho2 { float:left; width:486px; border:1px solid #ccc; padding:5px; font-size:80%; color:#666;}			
		.texto3 { float:left; width:270px; margin:0px 0px 0px 20px; font-size:100%; color:#666;}
		.texto3 img { float:left; margin:5px 10px 0 0;}
		.texto3 li { background:url(../img/ico-fl-verde.gif) left top no-repeat; font-size:80%; list-style-type:none; padding:0px 0 7px 20px; line-height:140%;}
		.border { border-left:1px dotted #ccc; padding-left:50px; margin-left:40px; min-height:200px;}
		
		#destacados-int { float:right; width:210px; margin-top:20px;}
		.destacado { float:right; width:180px; margin:3px 25px 0px 0px; font-size:85%; color:#666;}
		.destacado h4 { font:normal 90% Arial, Helvetica, sans-serif; color:#999; padding:0px; margin:0px;}
		.destacado h4 span { font-size:150%; display:block; color:#989206;}
		.destacado img { float:left; margin-right:10px;}
		.destacdo p { margin-bottom:0px;}
		
		.senda ul { margin-top:5px;}
		.senda li{ list-style-type:none; display:inline; font-size:75%; color:#999;}
		.senda li a:hover { color:#333; text-decoration:underline;}
		h3 { font:normal 160% Arial, Helvetica, sans-serif; color:#000; margin:8px 0 5px; }
		h4 { margin:10px 0; font:110% Arial, Helvetica, sans-serif; color:#989206;}
				
		p.tit { font:italic 140% Georgia, Times, serif; color:#989206; }
	
		.productos { background:url(../img/fondo-productos.gif) left top no-repeat; width:204px; height:238px; float:left; padding:0 0 0 5px; margin-right:18px; margin-bottom:10px;}
			.productos h4 { font:normal 130% Arial, Helvetica, sans-serif; color:#000; margin:2px 0 5px 7px;}
				h4 a { color:#000;}
			.productos p { margin:0 7px; font-size:75%; color:#666;}
			.productos img:hover { opacity:0.6;  /* para IE */ filter:alpha(opacity=60);  }
						
			dl { width:80%; margin-left:25px;}
			dt { color:#000; font:normal 110% Arial, Helvetica, sans-serif; margin-bottom:0px; background:url(../img/ico-fl-verde.gif) left 2px no-repeat; padding-left:20px;}
			dd { color:#666; font-size:80%; line-height:150%; margin:0 0 10px 20px;}
	
	.list { margin:0px 20px 10px;}
	.list li { list-style-type:none; background: url(../img/flecha-ne.gif) left 7px no-repeat; padding-left:7px; font-size:90%; line-height:150%;}

.carniceria { width:186px; border:1px solid #ccc; float:left; margin:0 25px 8px 0; padding:8px; height:245px;}
.flickr { background:url(../img/ico-flickr.gif) left 5px no-repeat; padding-left: 9px;}
.flickr a{ color: #06C;}

#map { width:675px; height:300px; border:1px solid #ccc;margin:0px 0px 10px 25px;}

.borde { border-top:1px dotted #999; padding-top:8px;}
.verde {color:#989206;}
.compartir {
	width:225px;
	height:30px;
	margin-left:395px;
}
.compartir p { float:left; margin-right:10px;}
.flotar { float:left; width:70px;}

/*--- Estilos jquery home --- */

#horinaja, .mapa {
	margin:0 0px 0px 25px;
	width:665px;
	height:300px; 
	overflow:hidden;
	border-bottom:8px solid #c1be73;
}
#demo{display:block;width:665px;height:300px;}
#horinaja img { width:665px; height:300px;} 

/*-- google maps --*/
#content { font: 100% Arial, Helvetica, sans-serif;}
#content h1 { font:bold 110% Arial, Helvetica, sans-serif!important; margin-top:0px;}
#content p { color:#666; font:90% Arial, Helvetica, sans-serif!important; margin:3px 0 0 3px;}


/* -- Formulario -- */

/*estilos de formulario */

#formulario { font-size:100%; }
#formulario h3{ display:block; margin:0px 0px 10px 0px; }
.form { width:80%; margin:0px auto 0; padding-top:10px;}
.col1 { width:210px; float:right; font-size:95%; margin-right:10px; color:#666!important; border-left:1px dotted #999; padding-left:20px;}
.col1 h4{ font-size:150%; margin-top:0px;}
.col2 { width:380px; float:left; background-color:#ededed; padding:0 20px 20px; }

	.col2 table { width:97%; border-style:none; margin:0px 0 10px;}
		th { text-align:left;}
		th label { margin:0px; padding:0px;}
		td { border:1px solid #ccc; background-color:#fff;}
		td input {
		border-style:none;
		padding:0px 3px;
		color:#666;
		font:100% Tahoma, Arial, Verdana;
		background: none; 
		width:100%;
		margin:0 0 3px 0px;
		}
		caption { display:none; height:0px;}
		.width { width:20%;}
		.top { margin-top:15px;}

.col3 { width:390px; float:left; padding:0px 0px 0px 20px; color:#666;}
.col3 a { color:#666; }

label { display:block; line-height:120%; margin:0 0 2px 0px; font-size:90%;}
input, textarea{
	border-style:none;
	border:1px solid #ccc;
	padding:1px 3px;
	color:#666;
	font:90% Tahoma, Arial, Verdana;
	width:100%;
	background-color:#fff;
	margin:0 0 4px 0px;	
	list-style-type:none
}
textarea{height:120px;	margin-bottom:10px;	}

.boton{
	width:150px;
	color:#fff;
	background-color:#000;
	border:1px solid #000;
	display:block;
	margin:20px auto 0;
	cursor:pointer;
	padding:3px 0;
	font-weight:bold;
}

.boton:hover{background-color:#666;	color:#fff;	border:1px solid #333;}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
.checkk {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
	font-size:90%; 
	background-color:#eee;
}
.checklabel { font-size:75%;}
#formulario a {	color:#000;	border-bottom:1px dashed #000;text-decoration:none;}
#formulario a:hover {border-bottom:1px solid #000;}

.gracias {
	width:80%;
	padding:20px;
	height:200px;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
}
.gracias a { display:block;	margin:10px 0; text-decoration:underline; color:#666; font:bold 110% Arial, Helvetica, sans-serif;}
.gracias a:hover { color:#000;}

/* -- Pie -- */

#pie {
	background:url(../img/fondo-pie.gif) 4px top no-repeat;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#666;
	padding:8px 13px 8px 15px;
	width:954px;
	margin:0px auto;
}
	#pie ul { float:right; }
	#pie li { display:inline; list-style:none; padding-bottom:3px; font:normal 90% Tahoma, Arial, Verdana; color:#333;}
	#pie a{ color:#666;}
	#pie a:hover{ text-decoration:underline; color:#000;}
	#pie p{ float:left; font:normal 90% tahoma, Arial, Helvetica, sans-serif; }