/* -------------------------------------- todo a CERO -------------------------------------------------------- */

HTML , body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;

font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
list-style: none;
}

caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

strong{
font-weight:bold;
}


/*  --------------------------------------- divs ------------------------------------------------*/

#general {
	margin: 0px auto 0px auto;
	width:1000px;
}
#cabecera {
	width:1000px;
	height:95px;/* 190 */
	background-image: url(img/cabecera_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#botonera {
	padding-left:65px;
	height:38px;
	text-align:center;
}

#cuerpo {
	width:1000px;/* 1000 */
	padding:0px 0px 20px 0px;
}

#faldon {
	height:40px;/* 130 */
	width:100%;
	text-align:center;
	background:#e7062e;
	clear:both;
	color:#FFFFFF;
	padding-top:10px;
}
#faldon a{
	color:#FFFFFF;
	text-decoration: underline;
}

#faldon a:hover{
	color:#7C0318;
	text-decoration: underline;
}

#idiomas {
	padding-top: 30px;
	float:right;
	width:auto;
	color:#FFFFFF;
	font-weight: bold;
}

#idiomas a{
	color: #FFFFFF;
	text-decoration: none;
}

#idiomas a:hover{
	color:#AD0321;
	text-decoration: none;	
}

#buscador {
	width:220px;
	float:right;
}

.buscador_text{
	height:18px;
	margin-left:10px;
	font-size: 10px;
	height:15px;
	width: 150px;
}

.buscador_boton{
	border: 0px;
	background:url(img/buscador.png) no-repeat;
	height:19px;
	width:19px;
	cursor: pointer;
}

#menu_ar {
	width:1000px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px solid #DEDFDE;
	margin-bottom: 15px;
	float: left;
}

#menu_izq {
	float:left;
	width:180px;/* 200 */
	padding-right:20px;

}

#menu_der {
	float:right;
	width:215px;/* 235 */
	padding-left:20px;	
}

#menu {
	float:left;
	height:30px;
	width:590px;
	margin-top:28px;
	margin-left:240px;
	color:#FFFFFF;
}

#menu a{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin:0px 7px 0px 7px;
}

#menu a:hover{
	color:#e7062e;
}

#contenido {
	float:left;
	width:545px;/* 565 */
	background-color:#FFFFFF;
	padding: 0px 10px 0px 10px;
}

#contenedor_ficha{
	float:left;
	padding: 20px;
	margin: 0px;
	font-size:100%;
	border: 1px solid #7C7F68;
	width: 520px;
}


#contenido strong{
	color:#333333;
}

#paginacion {
	display:inline;
	float:left;
	width:540px;
}

#paginacion ul li {
      display: inline;
      width:565px;
}

#paginacion ul li {
        display: inline;
        padding: 2px 7px; /*Separar el texto*/
        margin:5px; /* Separar los botones */
        background-color:#E4E4E4; /* Color de fondo */
}
#paginacion ul li:hover {
        background-color:#CCCCCC; /* Color de fondo sobre el boton */
}
#paginacion ul {
        text-align: center;
}

#producto {
	background: url(img/producto_bg.png);
	float:left;
	width:260px;
	height:300px;
	margin-bottom:30px;
}

#producto_cabecera {
	float:left;
	width:240px;
	height:34px;
	font-size:14px;
	font-weight:bold;
	color:#ad0021;
	margin:15px 10px 10px 10px;
}

#producto_foto {
	float:left;
	width:120px;
	margin-left:10px;
}

.fto{
	border:1px solid #CCCCCC;
	padding: 2px;
}

#producto_contenido {
	float:left;
	width:116px;
	margin-right:10px;
}

#producto_pie {
	float:left;
	width:240px;
	margin:10px;
}


.contenedor_mando{
	float:left;
	padding: 20px;
	margin: 20px 0px 0px 0px;
	font-size:100%;
	border: 1px solid #7C7F68;
	width: 520px;
}


.cuadro_gris {
	border: 1px solid #F3F3F3;
	background-color:#FFFFFF;
}



.sombra_inf {
	height:20px;
	background-image: url(img/sombra_inf.jpg);
	background-repeat: repeat-x;
	background-position: top;
	clear:both;
}

.pestana_der {
	float:right;
	width:35px;
}

.caja_pestanera {
	width:215px;
}

.cuadro_fondogris {
	background-color:#f3f3f3;
	padding-bottom:10px;
	padding-top:10px;
	font-size:85%;
	border: 1px solid #F3F3F3;
}

.esp_abajo {
	padding-bottom:10px;
}

span.esp_abajo_rj {
	color: #ff0000;
	font-weight: bold;
}


.disponibilidad{
	clear:both;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}



/*  --------------------------------------- GENERAL ------------------------------------------------*/




body {
	background-color: #FFFFFF;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:71%;
	color:#666666;
}

a {
	color:#E6062D;
	text-decoration: none;
}

a:hover {
	color:#AD0421;
	text-decoration: none;
}

h1{
	display:none;
}

h2 {
	clear:both;
	font-size:12px;
	color:#4D0A10;
	background-image: url(img/tit_subra.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:55px;
	padding-left:20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:10px;
}

h2.h2especial{
	clear:both;
	font-size:12px;
	color:#999999;
	background-image: url(img/tit_subra2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:45px;
	text-transform: uppercase;
	font-weight: bold;
}




h3 {
	clear:both;
	font-size:11px;
	color:#AD0321;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:10px;
	padding-left:25px;
	background-image: url(img/tik1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*  --------------------------------------- CLASES ------------------------------------------------*/

a.lk {
	color:#AD0421;
	text-decoration: none;
}

a.lk:hover {
	color:#E6062D;
	text-decoration: underline;
}

.lista_botonera li{
	width:128px;
	height:37px;
	list-style-type: none;
	display: inline;
	text-align:center;
	font-size:110%;
}

.lista_botonera li a{
	width:128px;
	height:27px;/* 37 */
	padding-top:10px;
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	font-size:110%;
}

.lista_botonera li a:hover{
	width:128px;
	height:27px;/* 37 */
	padding-top:10px;
	float:left;
	display:block;
	background-image: url(img/boton_fondo.gif);
	background-repeat: no-repeat;
	color:#AD0321;
	text-decoration: none;
	font-size:110%;
}

.lista_botonerax {
	background-image: url(img/boton_fondo_x.gif);
	background-repeat: no-repeat;
	font-size:110%;
}

.max{text-transform: uppercase;}

.gr {
	font-size:18px;
}

.rojo {
	color:#E6062D;
}

.rojo_oscuro {
	color:#AD0421;
}

.gris {
	color:#cccccc;
}

.lista_productos {
	padding-left:25px;
	padding-top:8px;
	padding-bottom:5px;
	background-image: url(img/tik1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	min-height:20px;
	height:auto !important;
	height:20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	color:#000000;
	background-color: #F7F3F7;
}

.lista_productos a{
	color:#000000;
	text-decoration: none;
	display: block;
}

.lista_productos a:hover{
	color:#AD0321;
	text-decoration: none;
}


.lista_productos_primer {
	padding-left:25px;
	padding-top:8px;
	padding-bottom:5px;
	background-image: url(img/tik1.gif);
	background-repeat: no-repeat;
	background-position: left center;
  	min-height:20px;
  	height:auto !important;
  	height:20px;
  	background-color: #F7F3F7;
}

.lista_productos_primer a{
	color:#000000;
	text-decoration: none;
	display: block;
}

.lista_productos_primer a:hover{
	color:#AD0321;
	text-decoration: none;
}

.esp_todo {
	padding:10px;
}

.caja_pag {
	width:40px;
	color: #666666;
	font-size: 10px;
}

.caja_100 {
	width:100%;
}

.caja_carrito {
	width:39px;
	float:left;
}

.caja_carrito2 {
	margin-top:6px;
	width:80px;
	height:11px;
	background-color:#FFFFFF;
	font-size:100%;
	float:left;
}

.caja_carrito2bus {
	margin-top:6px;
	width:138px;
	height:11px;
	background-color:#f3f3f3;
	font-size:100%;
	float:left;
}

.caja_carrito3 {
	margin-top:6px;
	width:58px;
	height:11px;
	background-color:#FFFFFF;
	color:#E6062D;
	font-size:100%;
	float:left;

}

.caja_carrito2b {
	margin-top:6px;
	width:90px;
	height:11px;
	background-color:#FFFFFF;
	font-size:100%;
	float:left;
}

.caja_carrito3b {
	margin-top:6px;
	width:48px;
	height:11px;
	background-color:#FFFFFF;
	color:#E6062D;
	font-size:100%;
	float:left;

}

.formu_areatext {
	width:90px;
	float:left;
	margin-right:10px;
	height:15px;
	font-size: 10px;
}

.formu_areatext_max {
	width:155px;
	float:left;
	margin-right:10px;
	height:15px;
	font-size:11px;
}

.comentario_max {
	width:484px;
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.caja_min {
	width:45px;
	height:15px;
	color:#E6062D;
	font-size:11px;
}

.caja_und {
	width:20px;
	height:13px;
	color:#E6062D;
	font-size:11px;
	text-align: center;
}

.marquee {
	float:right;
	position:absolute;
	padding-top:10px;
}

.parrafo_bot {
	height:23px;
}

.caja_form {
	float:left;
	font-size:80%;
}

.caja_sep {
	margin-bottom:10px;
	margin-top:10px;
	height:2px;
	background-image: url(/img/sep.gif);
	background-repeat: repeat-x;
	width:100%;
}

.bot_largo {
	background-image: url(/img/bot_max.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:20px;
	margin-left:7px;
	padding-left:25px;
	padding-top:5px;

}

.bot_largo a{
	color:#666666;
}

.bot_largo a:hover{
	color:#E6062D;
}

.bot_largo2 {
	background-image: url(/img/bot_max.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:20px;
	margin-left:7px;
	padding-left:25px;
	font-family: arial;
	font-size: 11px;
	color:#444444;

}

.bot_largo3 {
	background-color: #737373;
	height:20px;
	margin-left:7px;
	font-family: arial;
	font-size: 11px;
	color:#ffffff;
	width: 100px;

}

a.a_bot_largo3 {
	background-color: #737373;
	margin-left:7px;
	padding: 2px 0px;
	width: 100px;
	font-family: arial;
	font-size: 11px;
	color:#ffffff;
	text-align: center;
	display: block;
	border: 1px solid #444444;
}

a.a_bot_largo3:hover {
	background-color: #504f4f;
	}
	

.bot_pq {
	background-image: url(/img/bot_max.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height:20px;
	margin-left:7px;
	padding-left:5px;
	font-family: arial;
	font-size: 11px;
	color:#444444;
	width: 80px;

}

.sin_bot {
	height:20px;
	font-family: arial;
	font-size: 9px;
	color:#ffffff;
	border:none;
	background-color: #999999;
	cursor:pointer;
	letter-spacing: 1px;
	width: 34px;

}

.caja_raya_izq {
	clear:both;
	margin-bottom:20px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2E2E2;
}

.caja_raya_der {
	margin-bottom:20px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E2E2E2;
}

.caja_inf {
	float:left;
	height:23px;
	
}

.caja_sep100 {
	clear:both;
	width:545px;
	height:12px;
	background-image: url(/img/sep_max.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:25px;
	padding-top:15px;
}

.cajin {
	width:280px;
	height:15px;
	font-size: 10px;
}

.cajin_text {
	width:380px;
	font-size: 11px;
}


UL.col2 
{ 
	padding: 0px; 
	float: left; 
	margin: 15px 0px; 
	width: 100%; 
} 

UL.col2 LI 
{
	width: 46%;
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-image: url(/img/fondo_recetas.gif);
	background-repeat: repeat-y;
	background-position: left center;
	margin-bottom:5px;
} 

UL.col2 LI a{
	display:block;
	color:#999999;
}

UL.col2 LI a:hover{
	color:#E6062D;
}

.mapas_loca{
	float:left;
	padding: 2px;
	border: 1px solid #E2E2E2;
	width:340px;
	margin-bottom:10px;
	margin-right:10px;
}

.foto_der {
	margin-left:10px;
	padding:2px;
	border: 1px solid #E2E2E2;
	float:right;
}

.foto_izq {
	margin-right:10px;
	padding:2px;
	border: 1px solid #E2E2E2;
	float:left;	
	margin-bottom:10px;
}


.mapa_web li
{
	padding: 3px 10px 3px 10px;
	padding-left:10px;
	padding-right:10px;
	background-image: url(/img/fondo_recetas.gif);
	background-repeat: repeat-y;
	background-position: left center;
	margin-bottom:5px;
	text-transform: uppercase;
	border-top: 1px solid #ffffff;
} 

.mapa_web li a{
	display:block;
	color:#AD0321;
}

.mapa_web li a:hover{
	color:#E6062D;
}


.mapa_web li li a{
	display:block;
	color:#666666;
	text-transform: uppercase;
	font-size: 95%;	
}


.mapa_web li li a:hover{
	display:block;
	color:#E6062D;

}


.mapa_web li li li a{
	display:block;
	color:#999999;
	text-transform: capitalize;
}


.mapa_web li li li a:hover{
	display:block;
	color:#E6062D;

}

.caja_der {
	clear:both;
	float:right;
}

.caja_col {
	float:left;
	width:auto;
}


.txtbl {
	font-size:11px;
	color:#ffffff;
	text-align: center;
	font-weight: normal;
	font-family: arial;
	padding-top:5px;
}



/* ----------------------------------------- caja redondeada------------------------------------------------------- */

/* Este es el contenedor al que le pondremos bordes redondos */
div.round{
	color:#ffffff;
	height:auto;
	background-color: #AD0021;
}

/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido{
	margin:0px 10px;
	text-align:center;
	font-size:140%;
	font-weight: bold;
	padding-bottom: 5px;
}


/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top, span.bottom{   
	width:100%;   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */   
	display:block;}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top {   background:url(img/lc.gif) top left no-repeat; }
span.bottom{   
	background:url(img/lc.gif) bottom left no-repeat;}
span.top span, span.bottom span{
	width:6px; /* De acuerdo al tamaño de la imagen GIF */   
	height:6px; /* De acuerdo al tamaño de la imagen GIF */   
	float:right;   
	font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
	}
span.top span{   background:url(img/rc.gif) top right no-repeat;}
span.bottom span{   background:url(img/rc.gif) bottom right no-repeat;}

/* -----------------------------------------otro------------------------- */
div.round2{
	height:auto;
	background-color: #999999;
}

/* En este contenedor va todo lo que queremos mostrar. No le damos margen vertical puesto ese lo generarán los span del borde */
div.contenido2{
	color:#ffffff;
	margin:0px;
	text-align:center;
	font-size:80%;
}

div.contenido2 a{
	color:#ffffff;
	text-decoration: none;	
}

div.contenido2 a:hover{
	color:#AD0321;
	text-decoration: none;	
}


/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top2, span.bottom2{   
	width:100%;   height:6px; /* El alto debe ser la mitad de alto de la imagen GIF */   
	display:block;}
/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top2 {   background:url(img/rc.gif) top right no-repeat; }
span.bottom2{   
	background:url(img/rc.gif) bottom right no-repeat;}
span.top2 span, span.bottom2 span{
	width:6px; /* De acuerdo al tamaño de la imagen GIF */   
	height:6px; /* De acuerdo al tamaño de la imagen GIF */   
	float:right;   
	font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
	}
span.top2 span{   background:url(img/lc.gif) top left no-repeat;}
span.bottom2 span{   background:url(img/lc.gif) bottom left no-repeat;}


/* ----------------------------------------- ampliar------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}