/* CSS Estyles by Khiustin Tornés / www.hipixels.com */

/*Generales*/
* {
   padding: 0px;
   margin: 0px;
   }

body {
   /*text-align: left;*/
   background:#83001e url(images/bg_body_2.gif) 60px 0px repeat-x;
   color: #fff;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   }
   
a {
   outline: 0px;
   color: #fff;
   } 

#outer {
   width: 1000px;
   margin-left: 78px;
   margin-right: auto;
   background-color: transparent;
   position: relative;
   }

#inner {
   top:0;
   left: 0;
   width: 1000px;
   position: absolute;
   margin-top: 10px;
   height: auto;
   }

img {
   border: 0;
   }

ul {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
   font-size: 11px;
   line-height: 26px;
   color: #a71720;
   padding-right: 10px;
   }
   
ul a {
   display: block;
   line-height: 26px;
   color: #a71720;
   text-decoration: none;
   }
   
ul a:active, a:hover {
   display: block;
   line-height: 26px;
   color: #fff;
   text-decoration: none;
   }

li.subcat-nav {
   width: 180px;
   /*padding-right: 3px;*/
}

li.subcat-nav a{
   letter-spacing: 1px;
   font-size: 10px;
   color: #CC6600; 
   }
   
li.subcat-nav a:hover{
   letter-spacing: 1px;
   font-size: 10px;
   color: #fff;
   }
   
   
ul.lista-comun {
   display: block;
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left;
   font-size: 10px;
   line-height: 12px;
   color: #a71720;
   padding-left: 10px;
   }
   
ul.lista-comun li{
   font-size: 10px;
   color: #fff; 
}
   
strong.capital {
   font-size: 14px;
   }
   
.contenedor-seccion-subseccion {
   position: absolute;
   top: 25px;
   left:40px;
   width: 300px;
   height: 40px;
   z-index: 5;
   }
   
.contenedor-seccion-subseccion .seccion{
   text-align: left;
   color: #fff;
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 1.1em;   
   }

.contenedor-seccion-subseccion .subseccion{
   text-align: left;
   color: #fff;
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 1.4em;
   letter-spacing: 1px;
}

.contenedor-seccion-subseccion .seccion-carta{
   text-align: left;
   color: #fff;
   font-family: "Times New Roman", Times, Georgia, serif;
   font-size: 1.1em; 
   width: 250px;
   letter-spacing: 1px;
   }

/*Cabecera*/
#header {
   width: 1000px;
   height: 64px;
   background-color: transparent;
   float:left;
   }

.logo {
   width: 208px;
   padding-left: 150px;
   }

/*sidebar*/
#sidebar {
   width: 208px;
   height: 64px;
   float: left;
   padding-top: 20px;
   }

/*Contentido General*/
#content {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   }

/*Contenido-Vinos-Productos*/
#content-product {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#product {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_vinos_productos.jpg) 5px 0px no-repeat;
   }
   
.wine-botles { height: 507px; position: relative; width: 792px; }
.wine-botles ul.bottles-container { overflow: hidden; position: absolute; right: -5px; top: 140px; width: auto; }
.wine-botles ul.bottles-container li { display: block; float: left; }
.wine-botles ul.bottles-container li h3 { font-size: 1em; height: 45px; line-height: 1.3em; text-align: center; text-transform: uppercase;} 
.wine-botles ul.bottles-container li a:hover { opacity: .6; } 


/*Contenido-VInos-Origen*/
#content-origen {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#origen {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_origen_vinos.jpg) 5px 0px no-repeat;
   }

#nuestros-vinos {
   width: 250px;
   height: 200px;
   position: absolute;
   top: 55px;
   right: 20px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }

/*Contenido-Vinos-Marcas*/
#content-marcas {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#marcas {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_marcas_vinos.jpg) 5px 0px no-repeat;
   }

#marcas #logo-ducado-marca {
height: 66px;
left: 73px;
position: absolute;
top: 125px;
width: 283px;
}

#marcas #logo-montanera-marca {
height: 66px;
left: 131px;
position: absolute;
top: 245px;
width: 158px;
}

   
/*Contenido-Vinos-Climatología*/
#content-climatologia {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#climatologia {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_climat_vinos.jpg) 5px 0px no-repeat;
   }

#climatologia .txt-climatologia {
   width: 250px;
   height: 150px;
   position: absolute;
   top: 40px;
   right: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }


/*Contenido-Vinos-Viticultura*/
#content-viticultura {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#viticultura {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_viticult_vinos.jpg) 5px 0px no-repeat;
   }

#txt-viticultura {
   width: 250px;
   height: 250px;
   position: absolute;
   bottom: 30px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   
   }

/*Contenido-Vinos-Edafología*/
#content-edafologia {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#edafologia {
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_edaf_vinos.jpg) 5px 0px no-repeat;
   }

#edafologia-txt {
   width: 250px;
   height: 400px;
   position: absolute;
   bottom: 10px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/*Contenido-Vinos-Crianza y Envejecimiento*/
#content-crianza {
   width: 792px;
   height: 507px;
   float: left;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
   #crianza {
   width: 792px;
   height: 507px;
   margin: 0 auto;
   float: right;
   position: absolute;
   background: transparent url(images/bg_crianza_vinos.jpg) 5px 0px no-repeat;
   }

#crianza-txt {
   width: 250px;
   height: 400px;
   position: absolute;
   top: 40px;
   right: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/**********CONTENIDO IBÉRICOS*****************/

/*CONTENIDO IBÉRICOS GENERAL*/

#content-ibericos {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos.jpg) 5px 0px no-repeat;
   }

#ibericos .txt-ibericos {
   width: 780px;
   height: 25px;
   position: absolute;
   top: 100px;
   left: 0;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.3em;
   color: #efefef;
   text-align: center;
   }
   
#categoria-btn-01 {
   width: 194x;
   height: 86px;
   position: absolute;
   top: 147px;
   left: 88px;
   background: transparent url(images/btn_platino_off.png) top left no-repeat;
   }
   
#categoria-btn-01 a{
   background: transparent url(images/btn_platino_off.png) top left no-repeat;
   }
   
#categoria-btn-01 a:hover{
   background: transparent url(images/btn_platino_off.png) top left no-repeat;
   }
   
#categoria-btn-02 {
   width: 132x;
   height: 86px;
   position: absolute;
   top: 147px;
   left: 343px;
   background: transparent url(images/btn_oro_off.png) top left no-repeat;
   }
   
#categoria-btn-02 a{
   background: transparent url(images/btn_oro_off.png) top left no-repeat;
   }
   
#categoria-btn-02 a:hover{
   background: transparent url(images/btn_oro_off.png) top left no-repeat;
   }
   
#categoria-btn-03 {
   width: 132x;
   height: 86px;
   position: absolute;
   top: 147px;
   right: 96px;
   background: transparent url(images/btn_plata_off.png) top left no-repeat;
   }
   
#categoria-btn-03 a{
   background: transparent url(images/btn_plata_off.png) top left no-repeat;
   }
   
#categoria-btn-03 a:hover{
   background: transparent url(images/btn_plata_off.png) top left no-repeat;
   }
   
/*CONTENIDO IBÉRICOS ORIGEN*/

#content-ibericos-origen {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-origen {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_origen.jpg) 5px 0px no-repeat;
   }

#ibericos-origen .txt-ibericos-origen {
   width: 310px;
   height: 387px;
   position: absolute;
   top: 110px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/*CONTENIDO IBÉRICOS HISTORIA*/

#content-ibericos-historia {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-historia {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_historia.jpg) 5px 0px no-repeat;
   }

#ibericos-historia .txt-ibericos-historia {
   width: 365px;
   height: 387px;
   position: absolute;
   top: 25px;
   right: 30px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/* CONTENIDO IBÉRICOS ELABORACION */

#content-ibericos-elaboracion {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-elaboracion {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_elaboracion.jpg) 5px 0px no-repeat;
   }

#ibericos-elaboracion .txt-ibericos-elaboracion {
   width: 465px;
   height: 387px;
   position: absolute;
   top: 65px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/* CONTENIDO IBÉRICOS CARACTERÍSTICAS */

#content-ibericos-caracteristicas {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-caracteristicas {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_caracteristicas.jpg) 5px 0px no-repeat;
   }

#ibericos-caracteristicas .txt-ibericos-caracteristicas {
   width: 350px;
   height: 387px;
   position: absolute;
   top: 85px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.1em;
   color: #efefef;
   }
   
/* CONTENIDO IBÉRICOS SALUD */

#content-ibericos-salud {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-salud {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_salud.jpg) 5px 0px no-repeat;
   }

#ibericos-salud .txt-ibericos-salud {
   width: 286px;
   height: 387px;
   position: absolute;
   top: 350px;
   right: 59px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.2em;
   color: #efefef;
   }
   
/* CONTENIDO IBÉRICOS CONSUMO */

#content-ibericos-consumo {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#ibericos-consumo {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: absolute;
   background: transparent url(images/bg_ibericos_consumo.jpg) 5px 0px no-repeat;
   }

#ibericos-consumo .txt-ibericos-consumo {
   width: 330px;
   height: 387px;
   position: absolute;
   top: 80px;
   left: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.2em;
   color: #efefef;
   }
   
#ibericos-consumo .txt-ibericos-consumo-pasos {
   width: 320px;
   height: 387px;
   position: absolute;
   top: 90px;
   right: 40px;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
   font-size: 1.1em;
   line-height: 1.2em;
   color: #efefef;
   }
   
/*Contenido-Contacto-Comprar*/
#content-contact-shadow, #content-comprar-shadow {
   width: 792px;
   height: 507px;
   float: right;
   position: relative;
   background: transparent url(images/bg_content.png) top left no-repeat;
   }
   
#content-contact {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: relative;
   background: transparent url(images/bg_contact.jpg) 5px 0px no-repeat;
   }
   
#content-comprar {
   margin: 0 auto;
   width: 792px;
   height: 507px;
   float: left;
   position: relative;
   background: transparent url(images/bg_comprar.jpg) 5px 0px no-repeat;
   }
   
.intro {
   width: 360px;
   height: 200px;
   position: absolute;
   right: 23px;
   top: 30px;
   font-family: "Trebuchet MS", Verdana, Arial, "Sans Serif";
   font-size: 11px;
   }
   
.intro-comprar {
   width: 260px;
   height: 120px;
   position: absolute;
   right: 23px;
   top: 380px;
   font-family: "Trebuchet MS", Verdana, Arial, "Sans Serif";
   font-size: 11px;
   line-height: 15px;
   }

   
/****** FORMULARIO ******/

.intro-contacto {
   width: 360px;
   height: 120px;
   position: absolute;
   right: 26px;
   top: 30px;
   font-family: "Trebuchet MS", Verdana, Arial, "Sans Serif";
   font-size: 11px;
   }
   
#adress {
   width: 245px;
   height: 130px;
   position: absolute;
   left: 40px;
   top: 405px;
   font-family: "Trebuchet MS", Verdana, Arial, "Sans Serif";
   font-size: 11px;
   }
   
   
#formulario {
   width: 460px;
   margin: 30px auto;
   height: 270px;
   position: absolute;
   bottom: 60px;
   right: 20px;
}

input, textarea, select{
	font-family: Georgia, Verdana, Arial, Helvetica;	
	font-size: 11px;
    color: #666;
	border: 1px solid #dcdcdc;
	height: 18px;
	margin-bottom: 10px;
	background: #fff url(images/input.gif) top left repeat-x;
	padding: 2px;
}

label {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   vertical-align: top;
   text-align: left;
   width: 80px;
   margin: 0px 0px 0px 14px;
   float: left;
}

.boton {
    text-align: center;
	margin-left: 94px;
	padding: 4px 2px 4px 2px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	width: 80px;
	float: left;
	height: 25px;	
	background: #83001e url(images/submit_bg.gif) top left repeat-x;	
}

.mensaje {
   height: 95px;
}  

/**footer**/
#footer {
   width: 1000px;
   height: 25px;
   }

#footer .copyright {
   width: auto;
   padding-left: 212px;
   float: left;
   height: 15px;
   }
   
#footer .copyright p{
   text-align: left;
   color: #000;
   font-size: 10px;
   }
   
#footer .copyright p.addon{
   text-align: left;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   }
   
#footer .idioms {
   width: 160px;
   height: 15px;
   float: right;
   padding-right: 0px;
   }
   
#footer .idioms ul {
   display: block;
   float: right;
   margin: 0;
   padding: 0;
   list-style: none;
   width: auto;
   }
   
#footer .idioms ul li.active {
text-align: right;
   float: left;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #e7d7a5;
   padding-right: 5px;
   }
   
#footer .idioms ul li.active a{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e7d7a5;
   text-decoration: underline;
   padding-right: 5px;
   }
   
#footer .idioms ul li.active a:hover{
   color: #d40e0e;
   text-decoration: none;
   padding-right: 5px;
   }
   
.selected {
   display: block;
   }
   
.logo-chamber { height: 78px; position: absolute; right: 20px; top: 20px; width: 79px; }
.logo-chamber a:hover { opacity: .8; }