body{font: 12px/21px Helvetica, Verdana, Arial, sans-serif; line-height:1.50em; color:#fff; background: #000 url(../img/pdp_fondo.jpg) no-repeat center top;}

/*CONTENEDOR*/
div#container{ margin: 0 auto; width: 860px; overflow:hidden;}

/*CABECERA*/
div#cabecera{ float:left;width:860; height:152px; position:relative;}
div#cabecera div.logo{float:left; width:131px; height:138px; margin-top:14px; display:inline;}
div#cabecera div.breacrumbs{float:left; width:640px; height:20px; position:absolute; top:120px; left: 174px;}

/*MENU*/
ul#menu{ float:right; width:672px;height:28px; margin-top:78px; display:inline;}
ul#menu li{float:left; height:28px; margin-left:40px; display:inline;}
ul#menu li a{ display:block; height:28px; float:left; background-image:url(../img/pdp_texto_menu.png); background-repeat:no-repeat; cursor:pointer; text-indent:-9999px;}
ul#menu li a.active{background-position-y:-28px !important;}

ul#menu li a.pisco{width:138px; background-position:-15px 0;}
ul#menu li a.pisco:hover{background-position:-15px -28px;}
ul#menu li a.productos{width:72px; background-position:-164px 0;}
ul#menu li a.productos:hover{background-position:-164px -28px;}
ul#menu li a.noticias{width:61px; background-position:-247px 0;}
ul#menu li a.noticias:hover{background-position:-247px -28px;}
ul#menu li a.club{width:136px; background-position:-320px 0;}
ul#menu li a.club:hover{background-position:-320px -28px;}
ul#menu li a.recetas{width:58px; background-position:-468px 0;}
ul#menu li a.recetas:hover{background-position:-468px -28px;}

/*Sub MENU*/
ul#sub-menu{float:left; width:640px; height:20px;}
ul#sub-menu li {float:left; background: url(../img/pdp_submenu_line.png) no-repeat right 2px; }
ul#sub-menu li.last{background:none;}
ul#sub-menu li a{float:left; color:#fff; font: 1.0em Helvetica, Verdana, Arial, sans-serif; text-decoration:none; padding:0 10px; display:inline;}
ul#sub-menu li a:hover{color:#ACA082;}
ul#sub-menu li a.active{color:#ACA082;}

/*BASE*/
div#base{float:left; width:860px; overflow:hidden;}
div#base div.banner{float:left; width:484px; height:332px; margin-top:20px; text-align:center;}
div#base div.bienvenida{float:right; width:293px;  margin: 20px 47px 30px 0;}
div#base div.bienvenida p{float:left; width:273px; text-align:center; margin-left:10px; display:inline; font-size:14px;}

/*CONTENIDO*/
div#base div#contenido{float:left; width:860px; color:#fff; min-height:400px; /*border:1px solid #5C5C5C; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  margin: 20px 0 ; background: url(../img/pdp_fondo_contenido.png) repeat left top;*/ }
div#base div#contenido h1{ float:left; width:800px; height:30px; color:#C9AB68; font: 18px/21px Helvetica, Verdana, Arial, sans-serif; text-transform:uppercase; margin: 20px 0 10px 30px}
div#base div#contenido h1 span { background: url(../img/pdp_linea_titulo.png) left 2px no-repeat; padding: 0 0 0 134px;}
div#base div#contenido h1 span span { background: url(../img/pdp_linea_titulo.png) right -16px no-repeat; padding: 0 134px 0 0;}

div#base div#contenido div.content{float:left; width:800px; min-height:300px; margin-left:30px; display:inline;}
div#base div#contenido div.content h2.titulo{float:left; font-size:20px; color:#C9AB68; margin-bottom:10px; margin-left:10px; display:inline;}
div#base div#contenido div.content div.content-left{float:left; min-height:200px; margin-right:20px; margin-bottom:20px; display:inline;}
div#base div#contenido div.content div.content-left h2{float:left; font-size:17px; color:#C9AB68; margin-bottom:10px; display:inline;}
div#base div#contenido div.content div.content-left p{margin-bottom:10px; text-align:justify;}
div#base div#contenido div.content div.content-left p a{float:left; margin:8px 15px 15px 0; display:inline;}
div#base div#contenido div.content div.content-left div.video{float:left; width:400px; height:240px; padding:3px; border: 1px solid #2B2B2B; display:inline;}
div#mediaplayer{float:left; width:400px; height:240px; padding:3px; border: 1px solid #2B2B2B; display:inline;}

div#recetas{float:left; width:770px;}
div#recetas h2{float:left; font-size:17px; color:#C9AB68;margin-bottom:10px; display:inline;}
div#recetas div.descrip{float:left; margin-right:20px; display:inline;}
div#recetas div.descrip h2{float:left; margin-bottom:10px; font-size: 15px; display:inline;}
div#recetas div.descrip ul {float:left; width:400px; margin: 0 0 10px 20px;}
div#recetas div.imagen{float:left; display:inline;}
div#recetas div.descrip p{float:left; margin:4px 0; display:inline;}
div#recetas div.divisor{float:left; width:720px; height:11px; background: url(../img/pdp_divisor.png) no-repeat center top; margin: 20px 0; display:inline;}

div#variedad{float:left; width:770px;}



div#proceso{float:left; width:770px;}
div#proceso div {float:left; width:750px;}
div#proceso div img{float:left; padding:4px; margin-right:15px; display:inline;}
div#proceso div h2{float:left; width:540px; font-size:17px; color:#C9AB68; margin-bottom:10px; display:inline;}
div#proceso div p{float:left; width:540px; display:inline;}
div#proceso div.divisor{float:left; width:750px; height:16px; background: url(../img/pdp_horizontal_divisor.png) no-repeat center top; margin:20px 0; display:inline;}


div#base div#contenido div.content div.content-right{float:left; min-height:200px; margin-bottom:20px; display:inline;}
div#base div#contenido div.content div.content-right h2.title{float:left; font-size:17px; color:#C9AB68;margin-bottom:10px; display:inline;}
div#base div#contenido div.content div.content-right p{margin-bottom:10px; text-align:justify;}
div#base div#contenido div.content div.content-right a.boton{float:left; background: #424242; padding:4px 14px; color:#fff; text-decoration:none; display:inline;}
div#base div#contenido div.content div.content-right a.boton:hover{background:#C9AB68; color:#000;}
div#base div#contenido div.content div.content-right div.detalle{float:left; width:780px;}

div#base div#contenido div.content-bottom{float:left; width:800px; min-height:40px; margin: 20px 0; display:inline; }
div#base div#contenido div.content-bottom div.carousel{float:left; width:750px; height:80px; padding-left: 50px; display:inline;}

ul#menu-recetas{float:left; width:618px; height:92px;}
ul#menu-recetas li{float:left; width:186px; height:92px; margin-right:20px; display:inline;}
ul#menu-recetas li.clasica{background: url(../img/receta_clasica.png) no-repeat top left;}
ul#menu-recetas li.practica{background: url(../img/receta_practica.png) no-repeat top left;}
ul#menu-recetas li.creativa{background: url(../img/receta_creativa.png) no-repeat top left;}
ul#menu-recetas li a{float:left; width:154px; height:74px;padding:18px 0 0 32px; color:#EADBC8; font-weight:bold; text-decoration:none;}
ul#menu-recetas li a:hover{color:#C9AB68}

div#noticias{float:left; width:260px; padding-right:20px; display:inline;}

div.formulario{display:none;}
a.boton{float:left; background: #424242; padding:4px 14px; color:#fff; text-decoration:none; display:inline;}
a.boton:hover{background:#C9AB68; color:#000;}

a.vermas{float:left; background: #C9AB68; padding:4px 14px; color:#000; text-decoration:none; display:inline;}
a.vermas:hover{background:#424242; color:#ff;}

ul#lista-noticias{float:left; width:240px;}
ul#lista-noticias li{float:left; margin-bottom:10px; color:#fff; display:inline;}
ul#lista-noticias li img{float:left; margin-right:8px; margin-top:6px; display:inline;}
ul#lista-noticias li a{color:#D8C68E; text-decoration:none; }
ul#lista-noticias li a:hover{color:#D3A771; text-decoration:underline;}

/*PIE*/
div#pie{float:left; text-align:center; width:860px; margin-top:15px; margin-bottom:30px; display:inline; }
ul#menu-pie{float:left; margin-left: 18px; display:inline; }
ul#menu-pie li{float:left; background: url(../img/pdp_menupie_line.png) no-repeat left 2px; line-height: 18px; height:18px; font-size:11px; padding:0 15px; display:inline; }
ul#menu-pie li.first{background:none;}
ul#menu-pie li a{height:18px; line-height:18px; color:#fff; text-decoration:none; display:inline;}
ul#menu-pie li a:hover{color:#CE9310;}
ul#menu-pie li a.facebook{float:left; background: url(../img/pdp_social_icons.png) no-repeat 0 -19px; padding-left: 16px;}
ul#menu-pie li a.facebook:hover{color:#316BAC;}
ul#menu-pie li a.twitter{float:left; background: url(../img/pdp_social_icons.png) no-repeat 0 0; padding-left: 16px;}
ul#menu-pie li a.twitter:hover{color:#18C7E1;}
ul#menu-pie li div.fb-like{float:left; width:110px; margin-left:8px; display:inline; }
ul#menu-pie li div.fb-like iframe {width: 116px !important;}
div#pie p{float:left; width:860px; font-size:11px; text-align:center;}

div#pie div.footer{float:left; width:860px; height:40px; margin-top:10px; background: url(../img/pdp_footer_image.png) no-repeat center top; display:inline;}

p.font{font-size: 1.3em;}

form#contacto {float:left; background: #202020; border: 1px solid #2B2B2B; padding: 16px; margin-left:14px; display:inline;}
form#contacto div {float:left; overflow:hidden; margin-bottom:6px; display:inline;}
form#contacto div label {float:left; color: #D8C68E; font-weight: normal; margin: 4px 10px 0 2px; display: inline; text-align:right; }
form#contacto div input, select, textarea{background:#8D8D8D; border: 1px solid #5B5954; padding: 4px; color: #000; margin:0; display:inline;}
form#contacto div span.error{float:left; margin-left:93px; font-size:11px; color:red; display:inline;}
form#contacto div input.button {height: 25px; margin-left:93px; background: #E9B11A; color: #000; text-transform: uppercase; text-align:center; border: none;  float: left; cursor: pointer; outline: none; font-size: 12px; display: inline;}
form#contacto div input.button:hover {background: #E6871E; color:#fff;}

ul#info{float:left; }
ul#info li span{color:#C9AB68;}

/**Carousel **/
.jcarousel-skin-tango{float:left; width:700px;}
.jcarousel-skin-tango .jcarousel-container-horizontal{background:none; padding:0px 0px 0px 0px;  width:700px; min-height:100px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 700px; height: 100px; }
.jcarousel-skin-tango .jcarousel-item {width: 120px; height: 80px; border:1px solid #D3A771;}
.jcarousel-skin-tango .jcarousel-item a {}
.jcarousel-skin-tango .jcarousel-item a:hover {}
.jcarousel-skin-tango .jcarousel-item a img{float:left; width:120px; height:80px;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin-left: 0; margin-right: 22px; }
.jcarousel-skin-tango .jcarousel-item-firsh{margin-left: 0; margin-right: 20px; }
.jcarousel-skin-tango .jcarousel-item-placeholder{background: #fff; color: #000; } 

/**Horizontal Buttons **/
.jcarousel-skin-tango .jcarousel-next-horizontal { background:url(../img/button2.png) 0 0 no-repeat; height:60px; width:31px; position:absolute; top:12px; right:-34px; z-index:2; cursor:pointer; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background:url(../img/button2.png) 0 -60px no-repeat;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { top: 12px; right: -34px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {background:url(../img/button1.png) 0 0 no-repeat; height:60px; width:31px; position:absolute; top:12px; left:-34px; z-index:2;  cursor:pointer; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background:url(../img/button1.png) 0 -60px no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {top: 12px; left: -34px;}

/**ScrollPane **/
.jScrollPaneContainer {position: relative; float:left; margin:20px 0 35px 10px; display:inline; overflow: hidden; z-index: 1; padding-right: 10px;  }  
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0;background-color:#202020; height:100%; }
.jScrollPaneDrag{position:absolute; background-color: #C9AB68; cursor:pointer; overflow:hidden; } 
.scroll-pane{padding:0;}
.scroll-pane p{-moz-border-radius:6px; -webkit-border-radius:6px; background:#232323; padding:12px; color:#CCC; font-size:14px; line-height:16px; }
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover {/*background-color: #f60;*/ } 
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp {background: url(../img/basic_arrow_up.png) repeat-x scroll 0 0 transparent; } 
a.jScrollArrowUp:hover {background-position: 0 -15px; }
a.jScrollArrowDown {background: url(../img/basic_arrow_down.png) repeat-x scroll 0 0 transparent; }
a.jScrollArrowDown:hover {background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px; } 



.red {background-color:red;}
.blue{background-color:blue;}
.yellow{background-color:yellow;}
.orange{background-color:orange;}
.green{background-color:green;}


span.info{float:left; width:522px; color:#000; background-color:#F2E07C; height:28px; line-height:28px; margin-top: 10px; margin-left: 14px; padding-left: 20px; display:inline;}