* {padding: 0; margin: 0;}

body {font: 81.25%/150% Arial, Verdana, Helvetica, sans-serif; background-color: #d6d6d6; color: #505050; text-align: center; margin:0;}

#fondoext {width: 100%; background-color: #d6d6d6;}

#mediofondo {margin: 0 auto; width: 810px; text-align: left; }

#fondoint {width: 810px; background: transparent url("../img/bg_la.gif") repeat-y;}

#cabecera {height: 287px; position: relative; margin-left: 20px;}

#fondo {background: transparent url("../img/bg_cont.gif") no-repeat 100% 100%;}



#col_total {width: 730px; margin: 90px 0 0 60px; background-color: transparent; }



#left{margin-left: 1px; width: 410px; float: left;}

#right{margin-left: 389px; width: 280px;}

html>body #right{margin-left: 416px;}

#map {background-image:url(../img/home_desde.jpg); background-repeat:no-repeat; height:167px;}

#map h1 {font-size: 100%; padding: 18px 16px 0 0; margin: 0 0 0 0; float:right; color: #86703F;}

#map p {float:right; text-align:right; font-size: 85%; letter-spacing:.04em; word-spacing: -0.15em; line-height: 1.2em; width: 250px; margin: 16px 8px 0 0;}

html>body #map p {margin: 16px 20px 0 0;}

* html #map p { letter-spacing:.05em; }

#map a.ap, #map a:link.ap, #map a:visited.ap, #map a:hover.ap {color:#505050; text-decoration:none;}

#map a.cap, #map a:link.cap, #map a:visited.cap, #map a:hover.cap {color:#c00027; text-decoration:none; float:right; padding: 8px 0 0 0;}


#map1 {background-image:url(../img/home_gourmet.jpg); background-repeat:no-repeat; height:169px;}

#map1 h2 { font-size: 100%; padding: 18px 16px 0 0; margin: 0 0 0 0; float:right; color: #86703F;}

#map1 p {float:right; text-align:right; font-size: 85%; letter-spacing:.04em; word-spacing: -0.15em; line-height: 1.2em; width: 250px; margin: 16px 8px 0 0;}

html>body #map1 p {margin: 16px 20px 0 0; word-spacing: -0.05em;}

* html #map1 p { letter-spacing:.05em; }

#map1 a.ap, #map1 a:link.ap, #map1 a:visited.ap, #map1 a:hover.ap {color:#505050; text-decoration:none;}

#map1 a.cap, #map1 a:link.cap, #map1 a:visited.cap, #map1 a:hover.cap {color:#c00027; text-decoration:none; float:right; padding: 8px 0 0 0;}


#map2 {/*background-image:url(../img/home_sabor.jpg); background-repeat:no-repeat;*/ height:334px;}

#map2 h1 { font-size: 100%; padding: 18px 27px 0 0; margin: 0 0 0 0; float:right; color: #86703F;}

#map2 p {float:right; text-align:right; font-size: 85%; letter-spacing:.04em; word-spacing: -0.21em; line-height: 1.2em; width: 250px; margin: 18px 13px 0 0;}

html>body #map2 p {margin: 16px 30px 0 0; word-spacing: -0.05em;}

* html #map2 p { letter-spacing:.05em; }

#map2 a.ap, #map2 a:link.ap, #map2 a:visited.ap, #map2 a:hover.ap {color:#505050; text-decoration:none;}

#map2 a.cap, #map2 a:link.cap, #map2 a:visited.cap, #map2 a:hover.cap {color:#c00027; text-decoration:none; float:right; padding: 46px 0 0 0;}

#map3 {background-image:url(../img/home_sabor2.jpg); background-repeat:no-repeat; height:169px;}

#map3 h2 { font-size: 100%; padding: 18px 16px 0 0; margin: 0 0 0 0; float:right; color: #86703F;}

#map3 p {float:right; text-align:right; font-size: 85%; letter-spacing:.04em; word-spacing: -0.15em; line-height: 1.2em; width: 250px; margin: 16px 8px 0 0;}

html>body #map3 p {margin: 16px 30px 0 0; word-spacing: -0.05em;}

* html #map3 p { letter-spacing:.05em; }

#map3 a.ap, #map3 a:link.ap, #map3 a:visited.ap, #map3 a:hover.ap {color:#505050; text-decoration:none;}

#map3 a.cap, #map3 a:link.cap, #map3 a:visited.cap, #map3 a:hover.cap {color:#c00027; text-decoration:none; float:right; padding: 8px 0 0 0;}


#pie {width: 810px; background: transparent url("../img/foot.gif") no-repeat left bottom; padding: 0; margin:0;}

#op {width: 660px; padding: 5px 0 0 0; margin:0; height:14px;}

#op a.izqui {display:block; margin-left: 15px; padding:0 2px 0 18px; background: url(../img/arr.gif) no-repeat 0 5px; float:left; text-align:center; color:#515151;}

html>body #op a.izqui {margin-left: 25px; }

#op a.izqui:hover {color:#c00027;}

#op a.lang {float:right; margin-right: 20px; background:url(../img/ok_off.gif) no-repeat 0 5px; padding:0 10px 0 15px; color:#515151; font-weight: bold;}

#op a.lang:hover {background:url(../img/ok_on.gif) no-repeat 0 5px; padding:0 10px 0 15px; color:#c00027;}




#menu {margin: 0; padding: 0; width: 770px; height: 83px; position: absolute; top: 287px; left: 0; background: url('../img/menu.gif') top no-repeat; list-style: none;}

#menu li {height: 83px; position: absolute; top: 0; text-align: center; font-weight: bold; line-height: 40px;}

#menu a span {display: block; width: 100%; height: 100%; background: url('../img/menu.gif') no-repeat; position: absolute; top: 0; left: 0;}

#m01 {width: 163px; left: 0px;}
#m01 a span {background-position: 0 0;}
#m01 a:hover span {background-position: 0px -83px;}
body.empresa #m01 a span {background-position: 0px -166px;}

#m02 {width: 114px; left: 163px;}
#m02 a span {background-position: -163px 0;}
#m02 a:hover span {background-position: -163px -83px;}
body.productos #m02 a span {background-position: -163px -166px;}

#m03 {width: 105px; left: 277px;}
#m03 a span {background-position: -277px 0;}
#m03 a:hover span {background-position: -277px -83px;}
body.comprar #m03 a span {background-position: -277px -166px;}

#m04 {width: 105px; left: 382px;}
#m04 a span {background-position: -382px 0;}
#m04 a:hover span {background-position: -382px -83px;}
body.contacto #m04 a span {background-position: -382px -166px;}

#m05 {width: 105px; left: 487px;}
#m05 a span {background-position: -487px 0;}
#m05 a:hover span {background-position: -487px -83px;}
body.faq #m05 a span {background-position: -487px -166px;}

#m06 {width: 165px; left: 605px;}
#m06 a span {background-position: -605px 0;}
#m06 a:hover span {background-position: -605px -83px;}
body.club #m06 a span {background-position: -605px -166px;}

body.club #m06 a span {background-position: -571px -166px;}

#menu * {border-bottom: none !important;}

#menu a {display: block; height: 100%; position: relative; overflow: hidden; padding-left: 2px;}

.der {float:right; margin:0 30px 0 0;}

.der a:link, .der a:visited {color: #c00027;}

.der a:hover {color: #c00027; border-bottom: 1px solid #c00027;}

html>body .der {float:right; margin:10px 60px 0 0;}

.imder {float:right; margin:0 0 0 20px;}

.tel {margin-bottom:0; padding-bottom:0;}

#logopng {position: absolute; top: 0px;	left: 540px; width: 151px; height: 151px; color: #000000;}

ul#idiomas {position: absolute; top: 3px; left:0; width:120px; height: 20px;}
ul#idiomas li {float:left;display:block;margin:0 0 0 0;list-style:none;padding-left:5px;border-right:1px solid white;padding-right:5px;}
ul#idiomas li.no {border:none;}
ul#idiomas li a {color:#FFFFFF;}
ul#idiomas li a:hover {color:#c41035;}


.clearDiv {clear: both;}

.clearLeft {clear: left;}

a {text-decoration: none;}



#pie .rule {border-top: 1px solid #D9D9D9; margin: 0 35px 5px 35px;}

.marc_uno {text-align: right; font-size: 0.88em; float: right; padding: 90px 71px 0 0; width: 300px; color: #fff;}

.marc_uno p.org {font-size: 1.4em; color: #C54B8A;}

img.im_izq {margin: 0 10px 0 0;}

#marcado {float: left; font-size: 0.95em; width: 148px; margin: 0 0 0 45px; display: inline; background-color: transparent;}


.clearfix:after {content: "."; display: block; height: 0; clear: both;}

/* is it just me or does this NOT validate? */
/*.clearfix {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#iconos {float:left;padding:0px 0 0 0;}
#iconos ul {padding:100px 0 0 0;}
#iconos ul li {list-style:none;float:left;padding:0 6px 0 0;}
#iconos ul li a img {margin:0 0 0 0;border:none;}

#banner img {border:none;padding:10px 0 7px 0;}