body {background: #693470 url(../../assets2/img-restaurantesbox/bk.gif) repeat-x; font-family: Arial, sans-serif; font-size: 15px; margin: 0; padding: 0;}
.book {background: #a14daa url(http://www.restaurantesbox.com/assets2/img-restaurantesbox/bk_book.gif) repeat-x;}

/* Reset */
a img {border: none;}
h1, h2, h3, h4, h5, p, ol, ul {margin: 0; padding: 0;}
a {color: #FFF; outline: none;}

/* Structure */
#container {margin: 0 auto; width: 1100px;}
#header {}
#contents {padding: 0 0 30px 0;}
#footer {background: #551c5e; color: #FFF; clear: both; font-size: 12px; padding: 50px 20px; text-align: center;}

/* Header */
#header ul {float: right; font-size: 14px; list-style: none; margin: 30px 100px 0 0;}
#header ul li {color: #FFF; display: block; float: left; padding: 20px 0 0 30px;}
#header ul li a {text-decoration: none;}
#header ul li.ihave {padding-top: 0;}
#header ul li.ihave a {background: url(../../assets2/img-restaurantesbox/yatengo.png) no-repeat; display: block; float: left; height: 47px; text-indent: -3000px; width: 302px;}
#header ul li.ihave a:hover {background-position: 0px -49px;}

/* Contents Main Home */
#contents h1 {background: url(http://www.restaurantesbox.com/assets2/img-restaurantesbox/h1.gif) no-repeat; color: #3a3a3a; font-weight: normal; font-size: 22px; height: 48px; margin: 5px 0 40px 0; padding: 15px 0 0 0; text-align: center;}
#contents .badge {background: url(http://www.restaurantesbox.com/assets2/img-restaurantesbox/finales2012.png) no-repeat; display: block; float: right; height: 130px; margin: -30px 90px 10px 0; width: 129px;}
#contents .type {background: url(http://www.restaurantesbox.com/assets2/img-restaurantesbox/llum.png) no-repeat; display: block; float:left; height: 253px; margin: 0 1px 50px 0; width: 216px;}
#contents .type.last {margin: 0 0 0px 0;}
#contents .type a.text {text-decoration: none; margin-left: 5px; font-size: 18px; font-weight: bold;}


/* Que es */
.textpage #contents #text {background: #d7b9da; color: #380f3e; margin: 0 20px 40px 20px; padding: 30px; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
.textpage #contents .quees, .textpage #contents .comofunciona {display: block; float: left; width: 550px;}
.textpage h1 {margin: 5px 0 20px 20px !important; text-align: center !important; font-weight: bold; width: 510px;}
.textpage p {margin: 0 0 20px 0;}
.textpage ol {margin-left: 20px;}
.textpage ol li {padding: 0 0 13px 0;}
.textpage #contents .comofunciona p.small {font-size: 13px; margin: 10px 0px;}
.textpage #contents .comofunciona p.small a {color: #380f3e; text-decoration: underline;}

/* Como funciona */
.textpage #contents .reserve #text{background: #d7b9da; color: #380f3e; margin: 0 20px 40px 20px; padding: 30px; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
.textpage #contents .reserve #text ol {margin-bottom: 20px;}
.textpage #contents .reserve a {color: #380f3e;}

/* Contents List */
#contents h2 {color: #FFF; font-size: 24px; margin: 20px 0 0px 0px; padding: 10px 20px 25px 0px;}
#contents a.back {float: right; font-size: 14px; padding: 20px 5px 0;}

#contents .filter-offers {background: #3c133d; color: #FFF; display: block; padding: 10px; margin-bottom: 10px; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow: hidden;}
#contents .filter-offers span{padding: 0 5px;}
#contents .filter-offers select{background: #FFF; padding: 4px; width: 300px;}

 .item {background: #97649d; color: #FFF; height: 160px; margin: 0 0 10px 0;}
 .item img {float: left; margin: 10px;}
 .item h3 {background: url(../../assets2/img-restaurantesbox/separa.gif) repeat-y top right; float: left; display: block; color: #FFF; font-size: 13px; font-weight: normal; height: 135px; padding: 10px 10px 15px 10px; width: 180px;}
 .item h3 b {display: block; font-weight: bold; font-size: 14px; }
 .item h3 a {display: block; font-size: 12px; text-decoration: none; line-height: 20px;}
 .item a.map {background: url(../../assets2/img-restaurantesbox/icos.gif) no-repeat; padding: 0 0 0 20px;}
 .item a.moreinfo {background: url(../../assets2/img-restaurantesbox/icos.gif) 0px -22px no-repeat; padding: 0 0 0 20px;}
 .item .info {background:  display: block; float: left; font-size: 13px; height: 99px; padding:10px 20px 15px 20px; width: 610px !important;}
 .item .info h4 {margin-bottom: 10px; font-size: 13px;}
 .item p.reserve {margin: 10px 0 20px 0; height: 50px; padding-top: 10px; border-top: 1px dotted #cca9d0;}
 .item p.reserve strong {display: block; float: right; padding: 10px 0 0 0;}
 .item a.reservar {background: url(../../assets2/img-restaurantesbox/reservar.png) no-repeat; color: #000; font-size: 16px; font-weight: bold; float: right; display: block; height: 38px; margin: 0px 10px 0 20px; padding: 7px 0 0 0; text-decoration: none; text-align: center; width: 158px;}
 .item a.reservar:hover {background-position: 0 -46px;}

/* Footer */
#footer a {color: #efd8f2; text-decoration: none; padding: 0 10px;}
#footer a.twitter {background: url(../../assets2/img-restaurantesbox/twitter.png) no-repeat; margin-left: 10px; padding: 0 10px 4px 20px;}
#footer a.facebook {background: url(../../assets2/img-restaurantesbox/facebook.png) no-repeat; margin-left: 10px; padding: 0 10px 4px 20px;}