* {
	border:0 none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:140%;
	margin:0;
	padding:0;
}
h1 {color:#f68c0e; font-family:Verdana, Geneva, sans-serif; font-size:140%;}
h2 {
	color:#252425;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:120%;
}
h3 {
	color:#E1E1E0;
	font-size:120%;
}
h4 {
	color:#f68c0e;
	font-size:110%;
}


a {
color:#f68c0e;
border-bottom: dotted #f68c0e 1px;
text-decoration:none;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e1e1e0;
	background-image: url(images/fh_mejor_precio_web.png);
	background-repeat: repeat-x;
	background-color: #3c3b3c;
	text-align:center;
}
#contenedor {
	width: 1100px;
	height: 100%;
	overflow:hidden;
	margin: 0 auto;
display:block;
}
	
#top {
background:transparent url(images/logo_mejor_precio_web.png) no-repeat scroll 30px 37px;
height:111px;
margin:auto;
width:1000px;
}


 
.lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 500px;
            background: transparent;
            padding: 45px;
			padding-left: 280px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: right;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("lava1.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("lava1.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #1C1C1C;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	border:0;
                    }
                        .lavaLampWithImage li a:hover  {
	border: none;
	color:#f68c0e;
	display:compact;
	
	}
						.lavaLampWithImage li a:visited {
                            border: none;
						
                        }




#container {
margin-left:auto;
margin-right:auto;
width:1000px;
}
#cuerpo {width: 1000px;

}
#cuerpo #titulo {
width:280px;
}


/* COL CENTRO */

#h_c_c {
width: 300px;
margin-left: 90px;
margin-right: 100px;
}

/* COL IZQ */

#1h_c_l {
	width: 20%;
	top:172px;
	left:129px;
	position:absolute
}
#h_c_l{
	width:291px;
	position:absolute;
	top:168px;
	padding-left:30px;
	padding-right:1em;
	padding-bottom:4em;
	margin-left:0;
	margin-right:0;
	left:auto;
	height: 579px;
}
#h_c_l li {
	list-style-image:url(images/cafe_mejor-precio-web.png) ;
	}


#h_c_l2{
	width:20.2em;
	position:absolute;
	top:290px;
	padding-left:100px;
	padding-right:1%;
	margin-left:0;
	margin-right:0;
	left:0px;
	height: auto;
}
/* COL DER */

#h_c_r2 {
	width:60%;
	position:absolute;
	top:172px;
	right:64px;
}
#h_c_r
{
	background-image:url(images/separacion_oferta_mejor_precio_web.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:left;
	float:right;
	width:400px;
	padding-left:50px;
	padding-right:0px;
	position:relative;
	top: 30px;
}
#h_c_r ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;	
}

#h_c_r li {
	list-style-image:url(images/tick-oferta-mejor-precio-web.png);}

#clear { clear:both;
line-height:0;}
#cuadros {width:800px;
position:relative;
margin:0 auto;
margin-bottom:50px;
margin-top:150px;}
#seccion1 {width: 33%;
float:left;
height:305px;
background-position:left;
position:relative;
}
#cuadroizq {
	padding-left:40px;
	padding-right:50px;
	padding-top:7px;
	padding-bottom:40px;
	text-align:left}
	
#seccion2 {width: 34%; float: left;
height:305px;
background-position:center;
}
#cuadrocent {
	padding-left:50px;
	padding-right:50px;
	padding-top:7px;
	padding-bottom:40px;
	text-align:left}
.activo {
	background-image:url(images/cuadro1-mejor-precio-web.png);
	background-repeat:no-repeat;
}
.inactivo {
	background-image:url(images/cuadro2-mejor-precio-web.png);
	background-repeat:no-repeat;
}
#seccion3 {width: 33%;
float:right;
height:305px;
background-position:right}
#cuadrodcha {
	padding-left:57px;
	padding-right:36px;
	padding-top:7px;
	padding-bottom:40px;
	text-align:left}
#pie {background-image:url(images/pie_mejor_precio_web.png) ;
background-repeat:repeat-x;
position:relative;
margin-bottom:0px;
width: 100%;
height: 183px;
bottom: 0;
clear:both;
float:left;
margin-top:30px;
}
#pie_wrap {
height:150px;
margin-top:20px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
width:940px;
}


#pie_wrap li a {
	display:block;
	line-height:200%;
	text-transform:uppercase;
	border-bottom:none;
	font-size:80%;}
#pie_wrap li a:hover {
	color:#252425;
	background-color:#f68c0e}

	
	
.pie_col {
display:inline;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:20px;
width:170px;
}
.pie_col1 {
	background-image: url(images/separacion_pie_mejor_precio_web.png);
	background-repeat:no-repeat;
	background-position:left;
display:inline;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:20px;
width:170px;

}
#content {
margin:0 auto;
text-align:left;
width:1000px;
margin-bottom:150px;
line-height:160%;
}
#content a:hover {
	display:compact;
	background-color:#f68c0e;
	color:#3c3b3c;
	padding:2px;}

#noticias {
	width:795px;
	margin:0 auto;
	margin-bottom:60px;
	text-align: left;
	margin-top: 20px;
}
#noticias a:hover {
	display:compact;
	background-color:#f68c0e;
	color:#3c3b3c;
	padding:2px;}
#empresa {width:800px;
margin:0 auto;
margin-bottom:60px;
margin-top:40px;}

#empresa a:hover {
	display:compact;
	background-color:#f68c0e;
	color:#3c3b3c;
	padding:2px;}
#sep-empresa {width:800px;
margin:0 auto;
background-image:url(images/separacion_empresa_mejor_precio-web.png);
height:20px;}

#content {
	margin:0 auto;
	text-align:left;
	width:800px;
	margin-bottom:100px;
	line-height:160%;}
	
#oferta {
	position:absolute;
	top: 89px;
	left: 355px;
	
}

#oferta a {border-bottom:none;
}

.dcha {float:right}