/* GENERALES ***************************************
****************************************************/


body{background-color:#FFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0}
*{margin:0; padding:0px}
.clear{overflow:hidden; width:100%; clear:both}
#contenedor{width:920px; margin-right:auto; margin-left:auto}

/* CABECERA *****************************************
****************************************************/

#cabecera{width:920px; background-image:url(../img/cabecera_bgx.jpg); background-repeat: repeat-x; background-position:top; padding-top:21px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#ffe598}
#menuTop{list-style-type:none; color:#7b7b7b; float:right; clear:both; display:block; height:18px}

#menuTop li{display:inline}
#menuTop li a{color:#7b7b7b; text-decoration:none; border-right-width:1px; border-right-style:solid; border-right-color:#7b7b7b; margin-right:5px; padding-right:5px; font-size:11px; line-height:11px}
#menuTop li a:hover{color:#000}

#zonaLogo{height:183px; float:left; width:920px; background-image:url(../img/cabecera_slogan.jpg); background-repeat:no-repeat; background-position:right center; clear:both}

#zonaLogo h1{display:block; float:left; height:160px; width:150px; background-image:url(../img/logo.jpg); background-repeat:no-repeat; background-position:left top}
#zonaLogo h1 a{display:block; float:left; height:160px; width:150px; text-indent:-9999px; outline:0}
#menu_h{display:block; background-color:#701224; height:26px; list-style-type:none; width:920px; clear:both; padding-top:9px; float:left}
#menu_h li{display:inline}
#menu_h li a{color:#FFF; text-decoration:none; font-family:"Times New Roman",Times,serif; font-size:18px; text-transform:uppercase; padding-right:10px; border-right-width:1px; border-right-style:solid; border-right-color:#FFF; line-height:18px; padding-left:10px}
#menu_h li a:hover{color:#FF9}


/* CUERPO *******************************************
****************************************************/

#cuerpo{background-image:url(../img/cuerpo_bgx.jpg); background-repeat: repeat-x; background-position:bottom; clear:both; float:left; width:920px; padding-top:5px; padding-bottom:10px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#003}

/* Columna izquierda */

#colIzq{float:left; width:200px; padding-left:10px; margin-right:6px}
#colIzq .banner{margin-bottom:5px}
ul#menu, ul#menu ul{list-style-type:none; margin:0; padding:0; width:198px}
ul#menu a{  display:block;   text-decoration:none}
ul#menu li{float:left; width:100%}
ul#menu li a{color:#fdfdd3; background-color:#701224; background-repeat:no-repeat; background-position:4px center; background-image:url(../img/misc_titulo_side.gif); padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:15px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dbd7d5; border-top-width:1px; border-right-width:1px; border-left-width:1px; border-right-style:solid; border-left-style:solid; border-right-color:#dbd7d5; border-left-color:#dbd7d5}
ul#menu li a:hover{background-color:#940d27}
ul#menu li ul li a{color:#000; padding-left:24px; background-color:#FFF; background-image:url(../img/misc_botones_side.gif); background-position:12px center}
ul#menu li ul li a:hover{background-color:#fdfdd3; background-image:url(../img/misc_botones_side.gif); background-position:12px center; background-repeat:no-repeat}

/* Columna Derecha */

#colDer{float:left; width:694px}
#colDer h2{font-size:24px; font-weight:normal; color:#FFF; background-color:#ffb913; line-height:24px; padding:5px}
#buscador{background-color:#c0c0c0; height:32px}
#buscador  form, #buscador label, #buscador input, #buscador select{float:left}
#buscador label{display:block; height:32px; font-weight:bold; background-image:url(../img/ico_buscar.gif); background-repeat:no-repeat; background-position:15px center; padding-left:40px; line-height:32px; padding-right:10px}
#buscador select{width:236px; height:21px; margin-top:5px; margin-right:10px}
#buscador input{padding-top:5px}
#buscador a{line-height:32px; font-weight:bold; color:#000; text-decoration:none; padding-left:10px}

/* Slide */

div#slide{
	width:693px;
	height:417px;
	overflow:hidden;
	position:relative;
	margin-bottom:5px
}
div#slide ul{position:absolute; top:0; list-style:none; padding:0; margin:0}
ul#tabs{z-index:2; width:170px; right:0px}
ul#tabs li{float:left}
ul#tabs li img{border:none; float:left}
ul#tabs li a{display:block; height:116px; outline:none; width:170px; position:relative; text-decoration:none; color:#ada7a4}
ul#tabs li a span{background-color:#FFF; display:block; position:absolute; right:10px; bottom:10px; line-height:22px; text-align:center; font-weight:bold; font-size:18px; width:22px; height:22px; border:1px solid #ada7a4}
ul#tabs li a:hover{}
ul#tabs li a.current{}
ul#tabs li a.current span{color:#FFF; border:1px solid #FFF; background-color:#701224}
ul#tabs li a.current:hover{text-decoration:none; cursor:default}
ul#output{width:523px; height:348px; position:relative; left:0px}
ul#output li{position:absolute; width:523px; height:348px}

/* Columna Banners */
	
#contenedorColumnas .columnaBanners{float:left; width:224px}
#contenedorColumnas .columnaBanners .banner{margin-bottom:5px; border:1px solid #dbd7d5}
#contenedorColumnas .productosDestacados{float:left; width:461px; border:1px solid #dbd7d5; margin-right:5px}


/* Productos Destacados */

.productosDestacados .producto{
	float:left;
	width:215px;
	_display:inline;
	margin:7px
}
.productosDestacados .producto img{border:1px solid #dbd7d5}
.productosDestacados .producto h3{font-size:11px; line-height:11px; font-weight:bold; color:#09243c; display:block; padding-left:15px; padding-top:8px; padding-bottom:8px; background-image:url(../img/misc_fle_1.gif); background-repeat:no-repeat; background-position:3px center}
.productosDestacados  .producto  a{color:#09243C; text-decoration:none}
.productosDestacados .producto a:hover{text-decoration:underline}
.productosDestacados .producto .precio{float:left; width:77px; font-size:17px; line-height:30px; color:#ba0e0e; height:30px; background-repeat:no-repeat; padding-left:55px; background-position:left center}
.productosDestacados .producto .precio.xsoloalmes{background-image:url(../img/xsoloalmes.gif)}
.productosDestacados .producto .precio.xsolo{background-image:url(../img/xsolo.gif)}
.productosDestacados .producto .comprarAhora{float:right}


/*Aviso de Promocion */

#contenedorColumnas .avisoPromocion{background-color:#ddebf9; border:1px solid #b8c2ca; clear:both; margin:10px; padding:5px}
#contenedorColumnas .avisoPromocion h3{font-size:22px; color:#701224; font-weight:normal}
#contenedorColumnas .avisoPromocion h3 a{color:#701224; text-decoration:none}
#contenedorColumnas .avisoPromocion h3 a:hover{text-decoration:underline}
#contenedorColumnas .avisoPromocion p{font-size:14px; color:#000}


/* PIE *****************************************
************************************************/

#pie{clear:both; background-color:#FFF; margin-top:2px; width:920px; margin-right:auto; margin-left:auto; background-image:url(../img/footer_bg.gif); background-repeat:no-repeat; background-position:center top; float:left; height:40px; padding-top:70px; color:#9e9e9e}
#pie a{color:#9e9e9e}
#pie .legales{float:left; padding-top:7px}
#pie .legales a:hover{color:#000; text-decoration:none}
#pie .contacto{float:right; color:#701224; font-size:20px; letter-spacing:-1px}
#pie .contacto a{color:#701224; text-decoration:underline}
#pie .contacto a:hover{color:#400B15; text-decoration:none}
.fotoNoticia {
	text-align: left;
	float: left;
	padding: 2px;
	border: 1px solid #d6d1c6;
	margin-right: 5px;
	margin-bottom: 5px;
}
.fotoNoticiaR {
	text-align: right;
	float: right;
	padding: 2px;
	border: 1px solid #d6d1c6;
	margin-bottom: 5px;
	margin-left: 5px;
}