/* CSS Carnes Eransus */

/* Estilos especificos del web */

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

body {
	margin:0px;
	padding:0px;
	color:#000;
	font:90% Tahoma, Arial, Verdana;
	background:#fff url(../img/fondo.jpg) center top repeat-x;	
	
}
h1 { color:#333;}
h2 { 
	font:normal 160% Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:5px 0;
}
h3 { 
	font: italic 120% Georgia, "Times New Roman", Times, serif; 
	color:#9d0d15; 
	margin:10px 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:#ccc; text-decoration:none;}
a:link{	color:#ccc;}
a:visited{ color:#ccc;}
a:active{ color:#a6a15d;}
a:focus{ color:#a6a15d;}
a:hover { color:#a6a15d;}

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:907px;
	margin:10px auto 0;
	color:#333;
}

#head { background-color:#fff; padding:12px 12px 0; }

#head .col{ float:left; width:232px; background: url(../img/fondo-foto-home.gif) 216px top no-repeat;}
#head .col ul{ margin:14px 0 0 0px; width:100%; }
#head .col li {
	margin:0px 0 3px;
	font:bold 100% Arial, Helvetica, sans-serif;
	color:#666;
	list-style:none;
	padding:0px 0 3px 18px;
}
#head .col li a {color:#fff; display:block; background-color:#812828; padding:5px;}
#head .col li a:hover { color:#666; background-color:#ccc; }

#head .col .current {color:#fff; display:block; background-color:#000; padding:5px; margin:0 0 6px 18px;}

.img-home {
	width:651px;
	float:right;
	text-align:right;
	font:normal 90% Tahoma, Arial, Helvetica, sans-serif;
}

#destacados { width:100%; padding:0px 0 5px; clear:both; font:normal 85% Tahoma, Arial, Helvetica, sans-serif;}
.col-a h2 {
	color:#333;
	font:normal 140% Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
}

.video { float:left; width:244px;  text-align:center; }
.video a { color:#000; font:bold 100% Arial, Helvetica, sans-serif; display:block; margin-top:10px;}
.video a:hover, .col-a a:hover{ text-decoration:underline;}


.destacado-1 {
	background:#dbdbdb url(../img/fondo-destac-gr.jpg) left top no-repeat;
	/*background:url(../img/pollos-asados.jpg) left 40px no-repeat; */
	float:left;
	width:209px;
	padding:10px 18px; 
	margin-right:30px;}
.destacado-1 img { margin:5px 0; border:1px solid #fff;}
.destacado-1 li { background: url(../img/ico-fle-ne.gif) left 4px no-repeat; padding:0 0px 2px 10px; list-style:none; line-height:130%; font:100% Tahoma, Arial, Helvetica, sans-serif;}
.destacado-1 a, .destacado-2 a{ color:#333;}
.destacado-1 a:hover, .destacado-2 a:hover{ text-decoration:underline;}
.destacado-2 {
	margin:10px 0 0 25px;
	float:left;
	width:260px;}
.destacado-2 img { border:1px solid #ccc; padding:3px; margin:5px 0;}
.destacado-2 p { line-height:130%; font-size:100%;}


.col-b{ background: url(../img/plano-detalle.jpg) 40px 40px no-repeat; width:270px; padding:0 0 5px 40px; float:right; margin:10px 0 0 20px; color:#333; border-left:1px dotted #999; }

.col-b h2, .col-c h2 { color:#812828; font:normal 160% Georgia, "Times New Roman", Times, serif; margin-bottom:15px; display:block;}
.col-b h2 a { color:#812828;}
.col-b h2 a:hover { color:#000;}

.col-b li, .col-c li { list-style:none; float:left; margin:0 10px 10px 0;}
.col-b p { margin:8px 0 0 100px;}
.col-b img, .col-c img { margin-top:20px;}
.col-c a { color:#000; font-weight:bold;}
.col-c a:hover { text-decoration:underline;}


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

#contenido {
	width:601px;
	padding:0px 20px 0 30px;
	float:right;
	height:399px;
}
.pedro-eransus { background:url(../img/carniceria-pedro-eransus.jpg) left top no-repeat;}
.ubicacion { background:url(../img/carniceria-eransus.jpg) left top no-repeat;}
.asados { background:url(../img/asados-gr.jpg) left top no-repeat;}
.productos { background:url(../img/cerdo.jpg) left top no-repeat;}
.contacto { background:url(../img/embutidos.jpg) left top no-repeat;}

.contenido { margin:15px 20px;}
.contenido .tit { font: italic 130% Georgia, "Times New Roman", Times, serif; color:#666;}
.contenido .texto { width:510px; float:left; margin-top:20px;}
.contenido .texto p { line-height:150%;}

.texto li { list-style-type:none; background:url(../img/ico-fle-ne.gif) left 5px no-repeat; padding-left:10px; font:90% tahoma, Arial, Helvetica, sans-serif; line-height:150%;}
.contenido .fotos { float:right; margin-top:20px; width:300px;}
.fotos li { float:left; margin:5px; list-style-type:none;}
.fotos li img{ padding:3px; border:1px solid #ccc;}

.col-c { width:270px; padding:0px 0 5px 30px; float:right; margin:20px 0 0 20px; color:#333; border-left:1px dotted #999; height:330px;}
.col-c p { margin:8px 0 0 0px;}

.iframe {width:500px; height:330px; padding:3px; border:1px solid #ccc;}

.contenido .texto2 { float:right; margin-top:20px; width:280px; border-left:1px dotted #999; padding-left:30px;}

.grupo { width:231px; background-color:#000; float:left; margin:10px 30px 10px 20px; border-bottom:5px solid #ccc;}
.grupo ul { background-color:#e5e5e5; padding:5px 10px 10px; min-height:100px;}
.grupo li { list-style-type:none; background:url(../img/ico-fle-ne.gif) left 7px no-repeat; padding-left:10px; font:90% tahoma, Arial, Helvetica, sans-serif; line-height:150%;}
.grupo img { margin:3px;}
.grupo p.tit { font: italic 130% Georgia, "Times New Roman", Times, serif; color:#999; padding:0px; margin:0px 0 8px 15px;}
.grupo .height { min-height:195px;}
/* -- Formulario -- */

/*estilos de formulario */

#formulario { width:90%; font-size:90%; }
#formulario h3{ display:block; margin:0px 0px 10px 0px; }
label { display:block; line-height:120%; margin:0 0 2px 30px;}

input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:1px;
	color:#000;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:85%;
	background-color:#eee;
	margin:0 0 3px 30px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:80px;
	color:#666;
	background-color:#e5e5e5;
	border:1px solid #ccc;
	display:block;
	margin:20px 0px 8px 180px;
	cursor:pointer;
	padding:2px 0;
}

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

#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-color:#e3cfcf;
	height:40px;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#333;
	padding:8px 0 8px 8px;
	/*line-height:100%;*/
	clear:both;
}
#pie ul { margin:0px 100px 0 10px; float:left; }
#pie li { display:inline; list-style:none; padding-bottom:3px; font:normal 90% Tahoma, Arial, Verdana;}
#pie a{ color:#333;}
#pie a:hover{ text-decoration:underline; color:#fff;}

#pie address{ float:right; font:normal 90% tahoma, Arial, Helvetica, sans-serif; margin-right:10px; text-align:right;}