/* 
Bodegas y Viñedos de La Concepción S.A. - 2008
Design: Logos Comunicaciones
www.logoscomunicaciones.com
*/

body {
color: #fff;
font-family: "Arial", Tahoma, Verdana;
font-size:  0.69em;
text-align: center;
background-color: #0c0c0b;
margin: 0;
padding: 0px;
line-height: 14px;
}

a:link,a:visited{
text-decoration: underline;
line-height: 14px;
}

a:hover {
text-decoration: none;
}

img{
border: 0;
}

p{
text-align: justify;
line-height: 14px;
}

h1{
text-align: left;
font-size: 2.18em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}

h2{
text-align: left;
font-size: 1.82em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}

h3{
text-align: left;
font-size: 1.64em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}

h4{
text-align: left;
font-size: 1.3em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}


#wrapper{
overflow: hidden;
width: 1000px;
margin: auto;
}

#header{
background: url(../lib/bg_head.gif) no-repeat top;
padding-top: 12px;
height: 74px;
}
#header a.mail:link,a.mail:visited,a.mail:hover {
display: block;
float: right;
outline: none;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/ico_mail.gif) no-repeat center;
width: 40px;
height: 20px;
}

#menu{
background: url(../lib/bg_menu.gif) repeat-x;
padding-right: 8px;
padding-left: 12px;
height: 43px;
}

#container{
overflow: hidden;
background-color: #10100e;
padding-bottom: 60px;
}

#subMenu{
overflow: hidden;
float: left;
text-align: left;
font-family: "Georgia", Times New Roman;
background: #10100e url(../lib/bg_submenu.jpg) no-repeat top;
padding: 26px 0 40px 7px;
width: 218px;
}

#contentIn{
overflow: hidden;
float: left;
text-align: justify;
background: #10100e url(../lib/bg_content.jpg) no-repeat top;
padding: 26px 68px 0 36px;
width: 561px;
}
#contentIn a:link,a:visited{
color: #d2ba0b;
text-decoration: none;
line-height: 14px;
}
#contentIn a:hover {
text-decoration: underline;
}

#contentHome{
background: url(../lib/bg_home.jpg) no-repeat top;
height: 330px;
}

#banners{
float: left;
margin-top: 32px;
margin-left: 16px;
_margin-left: 10px;
width: 276px;
}

#info{
text-align: left;
background-color: #000;
padding-top: 12px;
padding-left: 23px;
height: 77px;
line-height: 16px;
}
.boxprod{
float: right;
color: #666;
font-size: 0.82em;
width: 420px; 
margin-right: 104px;
_margin-right: 50px;
}
.boxprod p{
float: left;
line-height: 30px;
width: 80px;
}


#boxLog{
float: right;
border: 1px dashed #544a04;
width: 240px;
margin-top: 45px;
padding: 10px;
}

#footer{
text-align: right;
background-color: #0c0c0b;
padding: 0 10px;
height: 32px;
}

#footer .logos{
float: right;
margin-left: 10px;
}

.txtItalic{
font-style: italic;
font-family: "Georgia", Times New Roman;
background: url(../lib/bg_italic_right.gif) no-repeat right bottom;
margin: 10px;
padding: 0 15px 0 0;
}

.txtItalic p{
background: url(../lib/bg_italic_left.gif) no-repeat left top;
padding-left: 20px;
}


.imgProd{
float: left;
border: solid 1px #89500a;
margin: 0 15px 15px 0;
}

.imgBanners{
border: solid 1px #89500a;
margin-bottom: 10px;
padding: 1px;
}


.descripProd{
z-index: 1000;
position: absolute;
/*top: 350px;*/
/*top: 70%;*/
left: 31%;
color: #fff;
background: url(../lib/bg_div_prod.png) repeat;
_background: #570d0f;
width: 454px;
height: 390px;
padding: 8px;
}
.descripProd .contentDesc{
background-color: #000;
width: 454px;
height: 390px;
}
.descripProd .contentDesc p{
text-align: justify;
margin: 15px 30px 16px 24px;
}
.descripProd .contentDesc img{
float: right;
margin-right: 24px;
margin-left: 40px;
}
.descripProd .contentDesc h3{
font-size: 1.64em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 20px;
margin-left: 24px;
}

.descripProd .contentDesc h4{
color: #646464;
text-align: left;
font-size: 1.3em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 20px;
margin-left: 24px;
}

.descripProd .contentDesc a.closeWin:link,a.closeWin:visited {
display: block;
float: right;
text-indent: -9000px;
text-decoration: none;
outline: none;
background: url(../lib/btn_close2.gif) no-repeat top;
margin: 6px 6px 0 0;
_margin: 6px 3px 0 0;
width: 32px;
height: 32px;
}

.descripProd .contentDesc a.closeWin:hover {
background-position: bottom;
}


/*
.descripProd{
position: absolute;
color: #000;
background-color: #fff;
border: solid 1px #723b0b;
width: 328px;
margin-top: 10px;
*margin-top: 0;
margin-left: 105px;
*margin-left: 0;
}

.descripProd p{
padding: 14px 24px;
}

.descripProd img{
float: right;
margin-left: 14px;
margin-bottom: 14px;
}


.descripProd h3{
font-size: 1.64em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin-left: 20px;
}

.descripProd h4{
color: #646464;
text-align: left;
font-size: 1.3em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin-left: 20px;
}
*/



.noProd{
display: block;
float: left;
text-decoration: none;
margin: 0 15px 15px 0;
}

.error{
float: left;
color: #f00;
font-size: 0.82em;
line-height: 24px;
margin: 10px;
width: 90px;
}

.boxBot{
float: left;
text-align: center;
width: 150px;
margin-top: 20px;
margin-right: 20px;
}

.boxInfoBot{
float: left;
width: 390px;
margin-top: 20px;
}



.titEt{
text-align: left;
font-size: 2.18em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}


.subtitEt{
text-align: left;
font-size: 1.64em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
margin: 0;
}



.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

.bold{
font-weight: 700;
}

.italic{
font-style: italic;
}

.small{
font-size: 0.82em;
}

/* COLORES */

.color1{
color: #fff;
}

.color2{
color: #000;
}

.color3{
color: #666;
}

.color4{
color: #d2ba0b;
}

.color5{
color: #9f9f9f;
}

.color6{
color: #f00;
}



/* COLORES */


/* LINKS */


a.link2:link,a.link2:visited {
text-decoration: none;
line-height: 14px;
}
a.link2:hover {
text-decoration: underline;
}

a.link3:link,a.link3:visited {
text-decoration: none;
line-height: 14px;
}
a.link3:hover {
text-decoration: none;
}

a.linkSmall:link,a.linkSmall:visited {
font-size: 0.82em;
text-decoration: none;
line-height: 14px;
}
a.linkSmall:hover {
text-decoration: underline;
}

a.linkLang:link,a.linkLang:visited {
display: block;
float: right;
color: #fff;
font-size: 0.82em;
text-decoration: none;
background-color: #000;
margin-top: 6px;
padding-top: 9px;
width:86px;
height: 22px;
}

a.linkLang:hover {
color: #b3b3b3;
text-decoration: none;
}

a.linkBanner:link,a.linkBanner:visited {
display: block;
text-align: center;
text-decoration: none;
border: solid 1px #723b0b;
margin-bottom: 6px;
padding: 1px;
}

a.linkBanner:hover {
text-decoration: none;
border: solid 1px #c03807;
}

a.linkProd:link,a.linkProd:visited {
display: block;
float: left;
text-decoration: none;
border: solid 1px #723b0b;
margin: 0 15px 15px 0;
}

a.linkProd:hover {
text-decoration: none;
border: solid 1px #c03807;
}

a.linkClose:link,a.linkClose:visited {
display: block;
float: right;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/btn_close.gif) no-repeat bottom;
margin: 1px 1px 0 0;
width: 17px;
height: 17px;
}

a.linkClose:hover {
text-decoration: none;
background: url(../lib/btn_close.gif) no-repeat top;
}

a.linkSubtitle:link,a.linkSubtitle:visited {
color: #7e7007;
font-size: 1.3em;
font-family: "Georgia", Times New Roman;
font-weight: lighter;
line-height: 24px;
text-decoration: none;
}

a.linkSubtitle:hover {
color: #7e7007 !important;
text-decoration: none !important;
}


a.catavirtual:link,a.catavirtual:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/viva_una_cata_virtual.jpg) no-repeat top;
margin-bottom: 6px;
width: 273px;
height: 82px;
}

a.catavirtual:hover {
background: url(../lib/viva_una_cata_virtual.jpg) no-repeat bottom;
border: solid 1px #c03807;
}

a.etiqueta:link,a.etiqueta:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/haga_su_propia_etiqueta.jpg) no-repeat top;
margin-bottom: 6px;
width: 273px;
height: 82px;
}

a.etiqueta:hover {
background: url(../lib/haga_su_propia_etiqueta.jpg) no-repeat bottom;
border: solid 1px #c03807;
}

a.clubvino:link,a.clubvino:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/unase_al_club_vino.jpg) no-repeat top;
width: 273px;
height: 82px;
}

a.clubvino:hover {
background: url(../lib/unase_al_club_vino.jpg) no-repeat bottom;
border: solid 1px #c03807;
}

a.catavirtualThumb:link,a.catavirtualThumb:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/viva_una_cata_virtual_thumb.jpg) no-repeat top;
margin-bottom: 6px;
width: 212px;
height: 63px;
}

a.catavirtualThumb:hover {
background: url(../lib/viva_una_cata_virtual_thumb.jpg) no-repeat bottom;
border: solid 1px #c03807;
}

a.etiquetaThumb:link,a.etiquetaThumb:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/haga_su_propia_etiqueta_thumb.jpg) no-repeat top;
margin-bottom: 6px;
width: 212px;
height: 63px;
}

a.etiquetaThumb:hover {
background: url(../lib/haga_su_propia_etiqueta_thumb.jpg) no-repeat bottom;
border: solid 1px #c03807;
}

a.clubvinoThumb:link,a.clubvinoThumb:visited {
display: block;
float: right;
clear: both;
text-indent: -9000px;
text-decoration: none;
border: solid 1px #723b0b;
background: url(../lib/unase_al_club_vino_thumb.jpg) no-repeat top;
width: 212px;
height: 63px;
}

a.clubvinoThumb:hover {
background: url(../lib/unase_al_club_vino_thumb.jpg) no-repeat bottom;
border: solid 1px #c03807;
}



a.logoConcepcion:link,a.logoConcepcion:visited,a.logoConcepcion:hover {
display: block;
float: left;
text-decoration: none;
width: 86px;
height: 52px;
margin-right: 60px;
}

a.logoRujero:link,a.logoRujero:visited,a.logoRujero:hover {
display: block;
float: left;
text-decoration: none;
width: 93px;
height: 47px;
}

/*
a.logoConcepcion:link,a.logoConcepcion:visited {
display: block;
float: left;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo_laconcepcion.gif) no-repeat top;
width: 86px;
height: 52px;
margin-right: 60px;
}

a.logoConcepcion:hover {
background: url(../lib/logo_laconcepcion.gif) no-repeat bottom;
}

a.logoRujero:link,a.logoRujero:visited {
display: block;
float: left;
text-indent: -9000px;
text-decoration: none;
background: url(../lib/logo_rujero.gif) no-repeat top;
width: 93px;
height: 47px;
}

a.logoRujero:hover {
background: url(../lib/logo_rujero.gif) no-repeat bottom;
}
*/

/* LINKS */

/* LISTADOS */


#menu ul {
margin: 0;
padding: 0;
_float:left;
width: 840px;
list-style: none;
}

#menu ul li {
float: left;
}

#menu ul li a {
display: block;
float: left;
text-decoration: none;
line-height: 20px;
padding: 10px;
height: 23px;
}

#menu ul li a:hover{
display:block;
background-color: #aa8a01;
}

#menu ul li.acti a {
display:block;
background: transparent url(../lib/arrow_active.gif) no-repeat 50% top;
}

#menu ul li a span {
cursor: pointer;
display: block;
float: left;
text-indent: -1000em;
}

#menu ul li#btn_1 a span {
display: block;
float: left;
background: url(../lib/btn/inicio.gif) no-repeat 50%;
width: 30px;
}

#menu ul li#btn_2 a span {
display: block;
background: url(../lib/btn/quienes_somos.gif) no-repeat 50% 2px;
width: 80px;
}

#menu ul li#btn_7 a span {
display: block;
background: url(../lib/btn/conozca_nuestros_vinos.gif) no-repeat 50%;
width: 121px;
}

#menu ul li#btn_8 a span {
display: block;
background: url(../lib/btn/conozca_nuestros_singanis.gif) no-repeat 50% 5px;
width: 137px;
}

#menu ul li#btn_9 a span {
display: block;
background: url(../lib/btn/club_vino.gif) no-repeat 50% 1px;
width: 153px;
}

#menu ul li#btn_10 a span {
display: block;
background: url(../lib/btn/donde_comprar.gif) no-repeat 50%;
width: 81px;
}

#menu ul li#btn_11 a span {
display: block;
background: url(../lib/btn/contactenos.gif) no-repeat 50% 4px;
width: 63px;
}



/* SUB MENU */

ul#listSubmenu{
margin: 5px 0 80px 0;
padding: 0;
list-style: none;
}

ul#listSubmenu li{
padding: 5px 0;
list-style: none;
line-height: 0;
}

ul#listSubmenu li a{
display: block;
color: #fff;
text-decoration: none;
line-height: 14px;
padding-left: 10px;
}
ul#listSubmenu li a:hover{
color: #dbd013;
text-decoration: none;
}

ul#listSubmenu li .active{
display: block;
color: #dbd013;
background: url(../lib/bullet_01.gif) no-repeat left;
padding-left: 10px;
}


/* GALERÍA */
ul#galProd {
margin: 0;
padding: 0;
list-style: none;
}
ul#galProd li{
float: left;
display: block;
text-align: center;
background: url(../lib/bg_box_prod.gif) no-repeat;
width: 110px;
height: 152px;
margin: 15px;
*margin: 13px;
padding: 9px 0;
}

ul#galProd li a.divClose:link,a.divClose:visited {
display: block;
color: #fff;
font-size: 0.82em;
font-family: "Georgia", Times New Roman;
text-align: left;
text-decoration: none;
line-height: 9px;
background: url(../lib/link_prod.gif) no-repeat right top;
height: 18px;
margin-top: 7px;
margin-left: 10px;
padding-right: 36px;
}

ul#galProd li a.divClose:hover {
color: #999;
text-decoration: none;
background-position: right bottom;
}


/* LIST CLAS */
ul#listClas{
list-style: none;
margin: 0;
margin-left: 120px;
padding: 0;
}

ul#listClas li{
float: left;
font-size: 1.09em;
font-family: "Georgia", Times New Roman;
text-align: center;
margin: 0 15px;
}

ul#listClas li a{
float: left;
display: block;
color: #8c8785 !important;
text-decoration: none !important;
line-height: 26px !important;
width: 65px;
height: 26px;
}
ul#listClas li a:hover{
color: #fff !important;
text-decoration: none !important;
}

ul#listClas li .actClas{
color: #fff !important;
background: url(../lib/act_vinos.gif) no-repeat;
}


/* LIST CLAS */
ul#listOpt{
list-style: none;
margin: 0;
padding: 0;
}

ul#listOpt li{
float: left;
font-size: 1.09em;
font-family: "Georgia", Times New Roman;
text-align: center;
margin-right: 5px;
}

ul#listOpt li a{
float: left;
display: block;
color: #8c8785 !important;
text-decoration: none !important;
line-height: 30px !important;
width: 112px;
height: 30px;
}
ul#listOpt li a:hover{
color: #fff !important;
text-decoration: none !important;
}

ul#listOpt li .actOpt{
color: #fff !important;
background: url(../lib/act_box.gif) no-repeat;
}



/* LISTADOS */




/* FORMULARIO */

#formContacto fieldset{
float: left;
border: none;
width: 450px;
line-height: 0;
}

#formContacto label{
float: left;
color: #d2ba0b;
padding: 5px;
width: 110px;
}

#formContacto input{
color: #737373;
font-size:  1em;
border: solid 1px #ababab;
padding: 4px;
}

#formContacto textarea{
color: #737373;
font-size:  1em;
font-family: "Arial", Tahoma, Verdana;
border: solid 1px #ababab;
padding: 3px;
}

#formContacto .button{
cursor: pointer;
color: #000;
font-size:  0.92em;
text-align: center;
border: none;
background: url(../lib/bg_btn_log.gif) no-repeat;
width: 65px;
height: 29px;
}

#formContacto p{
clear: both;
color: #d2ba0b;
margin: 10px 0px;
padding: 5px 0;
*padding: 0;
}


.boxError{
display: block;
color: #fff;
font-size: 0.82em;
text-align: left;
line-height: 13px;
background: url(../lib/box_txt_error.gif) no-repeat;
width: 120px;
height: 18px;
margin: -15px 0 -20px 120px;
*margin: -4px 0 0 124px;
padding-top: 7px;
padding-left: 5px;
}

/* FORMULARIO USUARIOS*/

#formLog fieldset{
float: left;
border: none;
width: 260px;
line-height: 0;
}

#formLog label{
float: left;
color: #a89509;
padding: 5px;
width: 60px;
}

#formLog input{
float: left;
color: #737373;
font-size:  1em;
padding: 4px;
}

#formLog .button{
cursor: pointer;
color: #000;
font-size:  0.92em;
text-align: center;
border: none;
background: url(../lib/bg_btn_log.gif) no-repeat;
width: 65px;
height: 29px;
}

#formLog p{
float: left;
margin: 5px 0px;
}



/* FORMULARIO BOX */

#formB fieldset{
float: left;
border: none;
width: 390px;
line-height: 0;
}

#formB label{
float: left;
color: #d0c513;
text-align: left;
padding: 5px 0;
width: 52px;
}

#formB .inputA{
float: left;
color: #737373;
font-size:  1em;
height: 15px;
padding: 4px;
}

#formB .inputB{
float: left;
color: #737373;
font-size:  1em;
height: 28px;
padding: 4px;
}


#formB .button{
cursor: pointer;
color: #fff;
font-size:  0.92em;
font-weight: 700;
text-align: center;
border: none;
background: url(../lib/bg_btn_02.gif) no-repeat;
width: 73px;
height: 27px;
}

#formB p{
clear: both;
margin: 10px 0px;
padding: 10px 0;
_padding: 0;
}




.boxMess{
float: left;
border: solid 1px #d0c513;
background-color: #000;
margin: 10px 0;
padding: 10px 8px;
}



.smallDate{
color: #fff;
font-size: 0.82em;
font-family: "Georgia", Times New Roman;
}


a.linkList:link,a.linkList:visited {
display: block;
float: right;
/* color: #4c4c4c;*/
font-size: 0.92em;
line-height: 10px;
text-decoration: none;
margin-top: 8px;
padding-left: 18px;
}
a.linkList:hover {
background-position: left bottom;
}