body { font-family: helvetica; font-size: 12px; background-color: #808080; color: #666666; }

.main { margin-left: auto; margin-right: auto; background-color: #808080; width: 1024px; }

.header { margin-left: auto; margin-right: auto; width: 960px; height: 242px;  background-image: url(pics/header.jpg); background-repeat: no-repeat; }
.header .contact-header { position: absolute; top: 20px; left: 1090px; font-weight: bold; }
.header .contact-header a { font-weight: bold; color: #FFFFFF; text-decoration: none; }

.container { margin-left: auto; margin-right: auto; width: 960px; }

.container .featured { float: left; width: 517px; }
.container .featured .featured-red { background-image: url(pics/background-home.gif); background-repeat: repeat-x; width: 517px; }
.container .featured .featured-red span { margin-left: 30px; color: #FFFFFF; font-size: 16px; font-weight: bold; }
.container .featured .featured-red .featured-title { padding: 10px 10px 0px 10px; }
.container .featured .featured-red .featured-title a { color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; }
.container .featured .featured-red .featured-content { padding: 0px 10px 10px 10px; }
.container .featured .featured-red .featured-content a { color: #FFFFFF; text-decoration: none; }
.container .featured .featured-red .featured-more { text-align: right; }
.container .featured .featured-red .featured-more a { color: #FFFFFF; }
.container .featured .featured-red .separator { float: left; padding: 40px 0px 40px 0px; }

.container .featured .featured-red .banner-container { margin: 0px; padding: 10px; }
.container .featured .featured-red .banner-container .banner-item { float: left; text-align: right; }
.container .featured .featured-red .banner-container .banner-item a { text-decoration: none; }
.container .featured .featured-red .banner-container .banner-item a img { border-right-style: solid; border-right-width: 2px; border-right-color: #6E0000; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #6E0000; }
.container .featured .featured-red .banner-container .banner-item a strong { font-size: 10px; color: #FFFFFF; }
.container .featured .featured-red .banner-container .banner-separator { float: left; margin: 0px 10px 0px 10px; padding: 0px; }
.container .featured .featured-red .banner-container .banner-separator span { margin: 0px; padding: 0px; }

#featured-recipes { float: left; width: 220px; padding: 10px; background-image: url(pics/recetas.png); background-repeat: no-repeat; background-position: 20px 10px; }
#featured-cocktails { float: left; width: 220px; padding: 10px; background-image: url(pics/cocteles.png); background-repeat: no-repeat; background-position: 20px 10px; }
#featured-opinions { float: left; width: 220px; padding: 10px; background-image: url(pics/opiniones.png); background-repeat: no-repeat; background-position: 20px 10px; }
#featured-news { float: left; width: 220px; padding: 10px; background-image: url(pics/noticias.png); background-repeat: no-repeat; background-position: 20px 10px; }

#home-content { padding: 10px; }
#home-content p { padding: 0px; margin: 0px; }
#home-content a { color: #EA3C35; text-decoration: none; font-size: 16px; }

.container .programs { float: left; padding: 10px; width: 420px; }
.container .programs .programs-title { color: #EA3C35; font-weight: bold; font-size: 14px; padding: 10px 10px 0px 10px; }
.container .programs .programs-content { padding: 10px 10px 0px 10px; }
.container .programs li { list-style-image: url(pics/bullet-home.png); padding: 5px; }
.container .programs li a { color: #333333; font-style: italic; font-weight: bold; }

.footer { margin-left: auto; margin-right: auto; width: 960px; background-color: #BFBFBF; }
.footer .footer-address { text-align: center; color: #FFFFFF; }
.footer .footer-address a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.footer ul { margin: 0px; padding: 0px 0px 0px 60px; }
.footer ul li.menu-item-clear { clear: both; list-style-type: none; }
.footer ul li.menu-item-pipe { color: #FFFFFF; float: left; padding: 2px; list-style-type: none; }
.footer ul li.menu-item { float: left; padding: 5px; list-style-type: none; }
.footer ul li.menu-item a { color: #FFFFFF; }

#creditos { color: #000; font-size: 12px; text-align: center; padding: 80px 0px 10px 0px; }
#creditos a { color: #000; font-size: 9px; font-weight: bold; text-decoration: none; }
#creditos a:hover { color: #000; font-size: 9px; font-weight: bold; text-decoration: underline; }