/*normalización de la css*/ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,fieldset, input, p, blockquote, th, td {margin: 0;padding: 0; font-weight:normal}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img, img a {border: 0;}
caption, th {text-align: left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block;}
article { float:left;}

/* enlaces */
a:link, a:visited, .link{color:#a9081b; text-decoration:none;}
a:hover, .link:hover{text-decoration:underline;cursor: pointer}

/*titulos*/
h1{font-size:21px; border-bottom:1px solid #cdcdcd; margin-bottom:20px;color:#a9081b; font-weight:bold; padding-bottom:5px;}
h2{color:#a9081b; font-weight:bold; font-size:17px; margin-bottom:5px; text-transform:uppercase}
h3{color:#555; font-weight:normal; font-size:16px; margin-bottom:5px; font-weight:bold;}

/*parrafos*/
p{margin-bottom:15px}

/*clases objeto*/
.marginTop20{margin-top:20px;}
.font15{font-size: 15px;}
.salto{border-top:1px solid #cdcdcd; margin-top:20px;padding:10px 0 0;float: left; text-align: right;width: 100%;clear:both;}

/*__________________________________________________CONTENEDORES*/
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#555; background:#F4E3E7; background:url(../imagenes/bg_body.png) no-repeat center 0 #fff}
.container{width:950px;margin: 20px auto 0;background:#fff; overflow:hidden;box-shadow: 0 0 5px 0px #999; }
footer{clear:both;width:950px; margin:0 auto; text-align:center; padding:20px 0}
.content_main{float:right;width:699px;border-left:1px dashed #cdcdcd; padding:0 25px 50px 25px; min-height: 500px}
.content_main.total{float:left;width:900px;border:none;}
.content_main article{width:100%;}
.content_main article img{float:left; margin-right:20px}
.content_main article ul li{ list-style-type:disc; margin-bottom:10px; list-style-position:inside;}
.content_main article ul li ul{margin:10px 0 0 20px;}
.content_main article ul li ul li{list-style-type:square;}
.content_main article ul.lista_img{float: left;width: 68%;}

/*__________________________________________________CABECERA*/
header .logo{cursor:pointer;}

/*__________________________________________________MENU SUPERIOR*/
nav{background:#A9081B;color: #404040;float: left;font-size: 17px;margin:10px 0 20px;width: 100%;}
nav ul li{float:left;padding: 13px 0;position:relative;float:left;z-index:100}
nav ul li:hover{cursor:pointer;}
nav ul li span, nav ul li a:link, nav ul li a:visited{ border-left:1px solid #fff; padding:0 22px;color:#fff; }
nav ul li:first-child span{border:none;color:#fff}
nav ul li a:hover{text-decoration:none;color:#F4DAC3}
nav ul li.active a:link, nav ul li.active a:visited, nav ul li.active span{ font-weight:bold;}
nav ul li.multiple a{background:url("../imagenes/arrow_right.png") no-repeat right 8px;margin-right:17px}
nav ul li.multiple.plegar a{background:url("../imagenes/arrow_down.png") no-repeat right 10px;margin-right:17px}


/*segundo nivel*/
nav ul li ul{position:absolute;display:none; top:45px; background:#fff;border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; width:100%;font-size: 15px;}
nav ul li ul li{border-top:1px dotted #cdcece;width:100%;padding:0}
nav ul li ul li:first-child{border:none}
nav ul li ul li:hover{background:#efefef;}
nav ul li ul li a:link, nav ul li ul li a:visited{border:none;padding:10px 15px; display:block;color:#666;margin: 0 }
nav ul li.active ul li a:link, nav ul li.active ul li a:visited{font-weight:normal;}
nav ul li.multiple ul li a, nav ul li.multiple.plegar ul li a{ background:none; margin: 0}


/*__________________________________________________SLIDER*/
#featured{width:890px;position:relative;border:5px solid #A9081B;height:280px;overflow:hidden;background:#fff;z-index:10; margin:0 0 20px;}
#featured ul.ui-tabs-nav{border-left: 5px solid #A9081B;height: 280px;float:right;list-style: none outside none;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0 1px;  width: 248px;z-index: 100;}
#featured ul.ui-tabs-nav li{font-size:14px;color:#666;padding:1px 0 1px 0px; float:left; width:248px; margin:0; list-style-type: none}
#featured ul.ui-tabs-nav li img{float:left;background:#fff;width: 100px; height:100%; margin:0; border-right: 1px solid #fff;}
#featured ul.ui-tabs-nav li span{  color: #FFFFFF;    display: block;float: left;font-size: 17px;font-weight: bold;line-height: 18px;padding: 10px;width: 126px;}
#featured li.ui-tabs-nav-item a{display:block;height:91px;text-decoration:none;color:#333;background:#AA8888;line-height:20px;outline:none;}
#featured li.ui-tabs-nav-item a:hover{background:#8c6e6e}
#featured li.ui-tabs-selected,#featured li.ui-tabs-active{}
#featured ul.ui-tabs-nav li.ui-tabs-selected a,#featured ul.ui-tabs-nav li.ui-tabs-active a{background:#A9081B}
#featured .ui-tabs-panel{width:635px;height:280px;background:#999;position:relative; float:left}
#featured .ui-tabs-panel img{width:100%;height:280px}
#featured .ui-tabs-panel .info{position:absolute;bottom:0;left:0;height:90px;background:url(../imagenes/transparent-bg.png);width:100%}
#featured .ui-tabs-panel .info a.hideshow{position:absolute;font-size:11px;color:#f0f0f0;right:10px;top:-20px;line-height:20px;outline:none;background:#333;margin:0}
#featured .info h2{color:#fff;font-weight:bold;overflow:hidden;margin:0;padding:10px 5px 3px}
#featured .info p{line-height:17px;color:#f0f0f0;margin:0 5px}
#featured .info a{text-decoration:none;color:#fff}
#featured .info a:hover{text-decoration:underline}
#featured .ui-tabs-hide{display:none}

/*__________________________________________________LIGHTBOX*/
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;z-index:1000!important;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float: left;font-size: 14px; font-weight: bold;text-align: center;width: 100%; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
#overlay{background-color: #000000;opacity: 0.5; filter:alpha(opacity=50);}

/*__________________________________________________MENU LATERAL*/

aside{float:left; width:160px; margin:10px 20px;}
aside ul li{border-bottom:1px dotted #cdcdcd; padding:5px 0}
aside ul li.active a{ font-weight:bold;}
.listado_vinos:link, .listado_vinos:visited{margin-top:7px; float:right; font-weight:normal;font-size:14px}
.banner { background: none repeat scroll 0 0 #ff9500; display: block;border: 2px solid #cdcdcd;margin-top: 50px;padding:10px  5px;text-align: center;}
.banner span{ font-size: 14px;color: white;font-style: italic;display: block;font-weight: bold;}
.banner:hover{text-decoration: none;}
.banner img{width: 99%; margin-bottom: 5px; border: 1px solid #e39464}
.banner span.title{font-size: 16px;padding-bottom: 10px;}


/*__________________________________________________FORMULARIO*/
form{width:600px; background:#eee; padding:25px 25px 10px; margin:25px auto; overflow:hidden; border:1px solid #cdcdcd;}
.line_form{float:left; width:100%; margin-bottom:15px;}
label{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; display:inline-block;}
input, select, textarea{border:1px solid #cdcdcd; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666;padding:3px; float:left}
input[type=button]{background:#A9081B; color:#fff; cursor:pointer; float:right;padding:3px 20px;}

/*contacto*/
#formulario_contacto label{width:135px; float:left;}
#formulario_contacto .mensaje label{width:100%; margin-bottom:10px;}
#formulario_contacto textarea{width:100%;}
#formulario_contacto .nombre input{width:150px;}
#formulario_contacto .apellidos input{width:250px;}
#formulario_contacto .telefono input{width:120px;}
#formulario_contacto .documento input{width:120px;}
#formulario_contacto .email input{width:250px;}
#formulario_contacto .error{color:#A9081B; font-size:13px; margin-left:15px}
#formulario_contacto #secciones_content{width:290px;}
#formulario_contacto #tipo_cata_content,#formulario_contacto #tipo_vino_content{width:150px;margin-left:15px}
#formulario_contacto #tipo_cata_content .error,#formulario_contacto #tipo_vino_content .error,#formulario_contacto #secciones_content .error{margin:0}
#formulario_contacto #tipo_cata_content, #formulario_contacto #tipo_vino_content{display:none;}
.confirmacion{border:1px solid #cdcdcd; background:#F4EBED; padding:25px 0;width:100%; text-align:center;}

/*__________________________________________________LISTADOS CAJAS*/
.item{border-bottom: 1px solid #EEEEEE;float: left;padding: 20px 10px;width: 650px;}
.item .imagen{float:left; width:125px;border:1px solid #cdcdcd; position:relative;margin-right:23px}
.item .imagen a{background: url("../imagenes/ico_ampliar.png") no-repeat scroll right bottom #fff; float: left;padding: 14px 0;}
.item .imagen a img{width:125px; margin:0;}
.item .imagen .ampliar{position:absolute;bottom:0; right:0; cursor:pointer;}
.item .descripcion{float:left; width:500px;}

.content_main.total .item{width:858px}
.content_main.total .item .imagen img{width:100%; height: 100px;}
.content_main.total .item .descripcion{width:705px}


/*__________________________________________________LISTADOS VINOS*/
.content_main article ul.lista_vinos {float: left; margin-left: 0;width:420px;}
.content_main article ul.lista_vinos.segunda {float:right;}
.content_main article ul.lista_vinos .li_denominacion, 
.content_main article ul.lista_vinos .li_denominacion li{list-style-type:none}
.content_main article ul.lista_vinos span{display:block}

.content_main article ul.lista_vinos .li_head {background-color: #A9081B;margin-bottom: 10px;padding: 3px 0; float: left;width: 100%}
.content_main article ul.lista_vinos .li_head span{float:left;font-size:16px;color:#fff;padding-left: 10px;}
.content_main article ul.lista_vinos .li_head a:link,
.content_main article ul.lista_vinos .li_head a:visited{float:right;color: white; padding-right: 10px; font-size: 14px; font-weight: bold;}
.content_main article ul.lista_vinos span.bodegas {border-bottom: 1px dotted #444444;font-weight: bold;margin-bottom: 12px;padding-bottom: 1px;float:none;}
.content_main article ul.lista_vinos .lista_bodegas{margin-bottom:10px}
.content_main article ul.lista_vinos .lista_bodegas li{list-style-type:disc; margin-bottom:10px}


/*__________________________________________________PESTAÑAS*/
.content_tabs{border-bottom: 1px solid #cdcdcd;float:left;width: 100%;}
.content_tabs .tab{float:left;padding:10px;border:1px solid #cdcdcd; border-bottom: none; margin-left: 10px;cursor:pointer;color: #a9081b}
.content_tabs .tab.active, .content_tabs .tab.active:hover{background: #f5f5f5}
.content_tabs .tab:hover{background:#f4dac3;}

/*__________________________________________________FOOTER*/
footer{ border-top:1px solid #dedede}
footer ul li{display:inline;padding:0 10px; border-left:1px solid #cdcdcd; line-height:12px;}
footer ul li:first-child{border:none;}