/**********************INICIO ESTILOS BASE**************************/ body{margin: 0; padding: 0;background: url(../img/fondopergamino.jpg) repeat top; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;background-color:#e2d4a7;/*background: url(../img/lineas.jpg) repeat-x top; */ scrollbar-face-color:#808080;scrollbar-highlight-color:#C0C0C0;scrollbar-3dlight-color:#7A7980;scrollbar-darkshadow-color:#000000;scrollbar-shadow-color:#000000;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#C0C0C0;} li{list-style:none;} h1{font-size:1em;display:none;} h1 span {display:none;} h2{font-size:0.7em; font-weight: bold;margin: 0;padding:0;} h3{font-size:1em;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;} a:link { text-decoration:none; color: #FFFFFF;} a:visited { text-decoration: none; color: #FFFFFF;} a:hover, a:active { text-decoration: underline; color: #FFFFFF;} /**********************FIN ESTILOS BASE**************************/ /**********************INICIO HEADER**************************/ #fondonav {margin:2.2em 0 0 0;padding:0;width:100%;height:1.8em;float:left;background-color:#771009;z-index:2;position:relative;} #nav{background-color: #771009; width:58em; height:0.8em; display: block;margin: 0 auto 1em auto; padding:0; position:relative; top:0px;z-index:3;} #nav ul{margin:0.5em 0;padding:0px; list-style:none;background-color: #771009;} /* html #nav ul {margin : 0;} /* IE6 Only */ #nav li{float:left; padding-left:34px; list-style-type: none;background: url(../img/puntoblanco.png) no-repeat 15px 60%;} #nav li.first{padding-left:0.2em; background: none;} #nav a {color:#FFFFFF;padding:12px 0 0 0; z-index:1;} /**********************FIN HEADER**************************/ /**********************INICIO CONTENT**************************/ #content {width: 58em;padding:0;margin: 3em auto auto auto; color:#000000; z-index:1; position:relative;} #content ul{margin:0;padding:0; float:left;} #content li{float:left;} #columna1{width:17em;padding:0; float: left; position:relative;} #columna2{width:18em;padding:0;float: left;} #columna3{width:22.6em;padding:0; margin: 0;float: right; } #columna4{width:38em;padding:0; margin:2em 0 0 0;float: right; } #columna1 p{margin:1.9em 0 2.4em 0;padding:1.6em 0 0.9em 0;font-size:0.9em;font-weight:bold;font-family:"Times New Roman", Times, serif;text-align:justify;border-top: 1px solid #771009;border-bottom: 1px solid #771009; float:left;line-height:1.2em;} #columna1 span{margin:1.2em 5em auto auto;padding:0;font-size:0.8em;font-weight:normal; float:right;} #columna1 span.img{margin:1.2em 0 auto auto;padding:0;font-size:0.8em;font-weight:normal;font-family:"Times New Roman", sTime, serif; float:right;} #columna1 span.img img{ float:left; bottom: 0em; position: relative;} #columna1 img{float:left;border:none;} /**********************INICIO NAV BOTELLAS PEQUEÑAS**************************/ #columna1 ul{margin:0; padding:0 0 0 0; border:none;} #columna1 li{margin: 0;padding:0 0 0 1.3em; } * html #columna1 li {margin : 0;padding:0;} /* IE6 Only */ #columna1 li.first {margin:0;padding:0 0 0 0;} * html #columna1 li.first {margin : 0;padding:0;} /* IE6 Only */ #seleccion {width:17em;padding:0;margin:0;float: left; display: inline;} * html #seleccion {width:25em;padding:0;margin:0;float: right; display: inline;} /* IE6 Only */ #pagocuvee2, #pagotempranillo2, #pagoseleccion2, #pagochardonay2, #pagovendimia2, #riberasenda2, #riberacarrasca2, #moscatel2, #moscateltardia2, #opus112, #pagochardonaybarrica2, #aceitearbequina2, #aceitetrufa2 {width:1.2em; height:7.8em; overflow:visible;} #pagocuvee2 a, #pagotempranillo2 a, #pagoseleccion2 a, #pagochardonay2 a, #pagovendimia2 a, #riberasenda2 a, #riberacarrasca2 a, #moscatel2 a, #moscateltardia2 a, #opus112 a, #pagochardonaybarrica2 a, #aceitearbequina2 a, #aceitetrufa2 a {margin:0; background-repeat: no-repeat;text-decoration: none;display: block; width:4em; height:10em;} #pagocuvee2 a span, #pagotempranillo2 a span, #pagoseleccion2 a span, #pagochardonay2 a span, #pagovendimia2 a span, #riberasenda2 a span, #riberacarrasca2 a span, #moscatel2 a span, #moscateltardia2 a span, #opus112 a span, #pagochardonaybarrica2 a span, #aceitearbequina2 a span, #aceitetrufa2 a span{ width:2em;position: absolute; left:0.5em; bottom:0em; color:#000000;display:none;font-size:0.9em;font-family:"Times New Roman", Times, serif; font-weight:bold;} #pagocuvee2 a:hover span, #pagotempranillo2 a:hover span, #pagoseleccion2 a:hover span, #pagochardonay2 a:hover span, #pagovendimia2 a:hover span, #riberasenda2 a:hover span, #riberacarrasca2 a:hover span, #moscatel2 a:hover span, #moscateltardia2 a:hover span, #opus112 a:hover span, #pagochardonaybarrica2 a:hover span, #aceitearbequina2 a:hover span, #aceitetrufa2 a:hover span {position: absolute; bottom:-1.6em; color:#000000;display: block; width:20em;} #pagocuvee2 a {background-image: url(../img/vinos/mini/cuvee_mini1.png); } #pagocuvee2 a:hover {background-image: url(../img/vinos/mini/cuvee_mini2.png); } #pagotempranillo2 a {background-image: url(../img/vinos/mini/tempranillo_mini1.png);} #pagotempranillo2 a:hover {background-image: url(../img/vinos/mini/tempranillo_mini2.png); } #pagoseleccion2 a {background-image: url(../img/vinos/mini/seleccion_fam1.png);} #pagoseleccion2 a:hover {background-image: url(../img/vinos/mini/seleccion_fam2.png); } #pagochardonay2 a {background-image: url(../img/vinos/mini/chardonnay_mini1.png);} #pagochardonay2 a:hover {background-image: url(../img/vinos/mini/chardonnay_mini2.png); } #pagochardonaybarrica2 a {background-image: url(../img/vinos/mini/chardonnayb_mini1.png);} #pagochardonaybarrica2 a:hover {background-image: url(../img/vinos/mini/chardonnayb_mini2.png); } #pagovendimia2 a {background-image: url(../img/vinos/mini/vendimia_mini1.png);} #pagovendimia2 a:hover {background-image: url(../img/vinos/mini/vendimia_mini2.png); } #opus112 a {background-image: url(../img/vinos/mini/opus11_mini1.png);} #opus112 a:hover {background-image: url(../img/vinos/mini/opus11_mini2.png);} #riberacarrasca2 a {background-image: url(../img/vinos/mini/carrasca_mini1.png);} #riberacarrasca2 a:hover {background-image: url(../img/vinos/mini/carrasca_mini2.png); } #riberasenda2 a {background-image: url(../img/vinos/mini/senda_mini1.png);} #riberasenda2 a:hover {background-image: url(../img/vinos/mini/senda_mini2.png); } #moscatel2 a {background-image: url(../img/vinos/mini/moscatel2004_1.png);} #moscatel2 a:hover {background-image: url(../img/vinos/mini/moscatel2004_2.png); } #moscateltardia2 a {background-image: url(../img/vinos/mini/moscatel1.png);} #moscateltardia2 a:hover {background-image: url(../img/vinos/mini/moscatel2.png); } #aceitearbequina2 a {background-image: url(../img/vinos/mini/aceite-arbequina1.png);} #aceitearbequina2 a:hover {background-image: url(../img/vinos/mini/aceite-arbequina2.png); } #aceitetrufa2 a {background-image: url(../img/vinos/mini/aceite-arbequina1.png);} #aceitetrufa2 a:hover {background-image: url(../img/vinos/mini/aceite-arbequina2.png); } /**********************FIN NAV BOTELLAS PEQUEÑAS**************************/ #columna2 img{margin: 2.7em auto auto 4.6em;} #columna3{margin-top: 1.2em;padding: 1.2em 0.4em 0.4em 0;} #columna3 dl {margin:0; padding:0; display: inline;} #columna3 dt{margin:0;padding:0;width:10em;font-size:1.3em;font-family:"Times New Roman", Times, serif; font-weight:bold;} #columna3 dt span{width:19.3em;padding:0 0 0.3em 0;margin:0 0 0.4em 0;float:left;font-size:0.9em;font-family:"Times New Roman", Times, serif; font-weight:bold;border-bottom: 1px solid #771009;} #columna3 dd{margin: 0.4em 0 0 0; padding:0 0 1em 0;height: 25.8em; overflow-y:scroll;font-size:0.8em;letter-spacing:-1px;line-height:1.3em;text-align:justify; clear:left;} #columna3 p {margin:0 1em 0.2em 0;padding:0;} #columna3 p span {color:#771009; font-weight:bold;} #columna4 dl {margin:0; padding:0; display: inline;} #columna4 dt{margin:0;padding:0;width:10em;font-size:1.2em;font-family:"Times New Roman", Times, serif; font-weight:bold;} #columna4 dd{margin: 0; padding:0;font-size:0.8em;letter-spacing:-1px;line-height:1.3em;text-align:justify;} #pago{width:38em;padding:0; margin: 0;float: right; margin: 2em 0 0 0; padding:0;} #pago dt {width:31.7em;float:left;border-bottom: 1px solid #771009;} #pago dt span{ float:right; margin: 0 7.6em 0 0;} #pago dd {width:21em; padding-top:0.6em;float:right;} #pago ul {position: absolute;top: 10.6em;} #ribera { float: left;} #moscatel { float:right;} #ribera, #moscatel{width:18em;padding:0;margin: 4em 0 0 0;} #ribera dt, #moscatel dt{width:15em;float:left;border-bottom: 1px solid #771009;} #ribera dt span{float:right; margin: 0 1em 0 0;} #moscatel dt span{float:right; margin: 0 4.2em 0 0;} #ribera dd, #moscatel dd {width:12em; margin: 0 0 0 0;padding:0.6em 0 0 0 ;float:right;} #ribera ul ,#moscatel ul{position: absolute;top: 26em;} #pagocuvee, #pagotempranillo, #pagoseleccion, #pagochardonay, #pagovendimia, #riberasenda, #riberacarrasca, #moscatel2004, #moscatelfb2004, #opus11, #pagochardonaybarrica {width:4em; height:14em; overflow:visible;} #pagocuvee a span, #pagotempranillo a span, #pagoseleccion a span, #pagochardonay a span, #pagovendimia a span, #riberasenda a span, #riberacarrasca a span, #moscatel2004 a span, #moscatelfb2004 a span, #pagochardonaybarrica a span, #opus11 a span {position: absolute; left:0.5em; bottom:0em; color:#000000;display:none;font-size:0.9em;font-family:"Times New Roman", Times, serif; font-weight:bold;} #pagocuvee a, #pagotempranillo a, #pagoseleccion a, #pagochardonay a, #pagovendimia a, #riberasenda a, #riberacarrasca a , #moscatel2004 a , #moscatelfb2004 a, #pagochardonaybarrica a , #opus11 a {background-repeat: no-repeat;text-decoration: none;display: block; width: 100%;width:10em; height:16em; } #pagocuvee a:hover span, #pagotempranillo a:hover span, #pagoseleccion a:hover span, #pagochardonay a:hover span, #pagovendimia a:hover span, #pagochardonaybarrica a:hover span, #opus11:hover a span{ position: absolute; bottom:0; color:#000000;display: block;} #riberasenda a:hover span, #riberacarrasca a:hover span { position: absolute; bottom:-2.4em; color:#000000;display: block;} #moscatel2004 a:hover span, #moscatelfb2004 a:hover span{ position: absolute; bottom:0; color:#000000;display: block;} #pagocuvee a {background-image: url(../img/vinos/cuvee_especial_index1.png); } #pagocuvee a:hover {background-image: url(../img/vinos/cuvee_especial_index2.png); } #pagotempranillo a {background-image: url(../img/vinos/tempranillo_index1.png);} #pagotempranillo a:hover {background-image: url(../img/vinos/tempranillo_index2.png); } #pagoseleccion a {background-image: url(../img/vinos/seleccion_familia_index1.png); } #pagoseleccion a:hover {background-image: url(../img/vinos/seleccion_familia_index2.png); } #pagochardonay a {background-image: url(../img/vinos/chardonay_index1.png);} #pagochardonay a:hover {background-image: url(../img/vinos/chardonay_index2.png); } #pagovendimia a {background-image: url(../img/vinos/vendimia_selecionada_index1.png);} #pagovendimia a:hover {background-image: url(../img/vinos/vendimia_selecionada_index2.png); } #opus11 a {background-image: url(../img/vinos/opus11_index1.png);} #opus11 a:hover {background-image: url(../img/vinos/opus_index2.png); } #pagochardonaybarrica a {background-image: url(../img/vinos/chardonaybarrica_index1.png);} #pagochardonaybarrica a:hover {background-image: url(../img/vinos/chardonaybarrica_index2.png); } #riberacarrasca a {background-image: url(../img/vinos/senda_olivos_car_index1.png);} #riberacarrasca a:hover {background-image: url(../img/vinos/senda_olivos_car_index2.png); } #riberasenda a {background-image: url(../img/vinos/senda_olivos_vend_index1.png);} #riberasenda a:hover {background-image: url(../img/vinos/senda_olivos_vend_index2.png); } #moscatel2004 a {background-image: url(../img/vinos/moscatel_index1.png);} #moscatel2004 a:hover {background-image: url(../img/vinos/moscatel_index2.png); } #moscatelfb2004 a {background-image: url(../img/vinos/moscatel2_index1.png);} #moscatelfb2004 a:hover {background-image: url(../img/vinos/moscatel2_index2.png); } /**********************FIN CONTENT**************************/ /**********************INICIO BOTELLAS DE FONDO**************************/ #botellachardonnay, #botellacuvee, #botellatempranillo, #botellavendimia, #botellaseleccion, #botellacarrasca, #botellasenda, #botellamoscatel2004, #botellamoscatel2004bis , #botellaopus11, #botellachardonaybarrica, #botellaarbequina, #botellatrufa { position: absolute; top: 44px; width: 160px; left: 346px; height: 700px; z-index: 0; } #botellachardonnay {background: url(../img/vinos/big/chardonnay.png) top left no-repeat; } #botellachardonaybarrica {background: url(../img/vinos/big/chardonnay-barrica.png) top left no-repeat; } #botellacuvee {background: url(../img/vinos/big/cuvee-especial.png) top left no-repeat; } #botellatempranillo {background: url(../img/vinos/big/tempranillo.png) top left no-repeat; } #botellavendimia {background: url(../img/vinos/big/vendimia-seleccionada.png) top left no-repeat; } #botellaseleccion {background: url(../img/vinos/big/seleccion-familia.png) top left no-repeat; } #botellacarrasca {background: url(../img/vinos/big/senda-olivos-carrasca.png) top left no-repeat; } #botellasenda {background: url(../img/vinos/big/senda-olivos-vendimia.png) top left no-repeat; } #botellamoscatel2004 {background: url(../img/vinos/big/moscatel2004.png) top left no-repeat; } #botellamoscatel2004bis {background: url(../img/vinos/big/moscatel2004_bis.png) top left no-repeat; } #botellaopus11 {background: url(../img/vinos/big/opus11.png) top left no-repeat; } #botellaarbequina {background: url(../img/vinos/big/aceite-arbequina.png) top left no-repeat; } #botellatrufa {background: url(../img/vinos/big/aceite-trufa.png) top left no-repeat; } /**********************FINAL BOTELLAS DE FONDO**************************/ /**********************INICIO LINKS**************************/ #links1{float:left;border-top: 1px solid #771009;margin:0.4em 0 0.4em 0;padding:0.8em 0 0 0 ;} #links1 ul{margin:0;padding:0; float:left;} #links1 li{margin:1em 0 0 0;padding:0; float:left;width:9.8em;font-size:1.2em;font-family:"Times New Roman", Times, serif;border-bottom: 1px solid #771009;} #links1 li.first{margin:0;padding:1.1em 0 0 0; float:left;width:17.4em;letter-spacing:1px;font-size:1.3em; font-weight:bold;} #links1 li.right{margin:1.3em 0;padding:0; float:right;width:9.7em;font-size:1em; font-weight:bold;border-bottom: 1px solid #666666;} #links1 li.right2{margin:0;padding:0; float:right;width:9.7em;font-size:1em; font-weight:bold;border-bottom: 1px solid #666666;} #links1 li a {color:#000000; clear:left;} #links1 li.right a,#links1 li.right2 a {color: #666666;} #links1 li a:hover {text-decoration:none;color:#990000;} #links1 li.pdf a{background: url(../img/pdf.png) no-repeat 55% 0; padding:0 5.5em 0 0;} /**********************FIN LINKS**************************/ /**********************INICIO ESTILOS FOOTER**************************/ #footer {width: 58em;padding:0.2em 0;margin: 0 auto auto auto;clear:left; position: relative;} #footer li{float:left;} #textlinks {width: 58em;padding:0; margin:auto; clear:left;} #textlinks ul{margin: 1em auto auto 7.4em;padding:0;} #textlinks a {padding-left:2.8em; background: url(../img/punto.png) no-repeat 0 60%; } #textlinks a.first{background-image:none; padding-left:0;} #textlinks li{margin: 0 0 0 1.4em;} #imagelinks li {margin: 0 0 0 2em;} #textlinks li a, #imagelinks li a, #imagelinks li {color: #333333; font-size:0.6em; border:0;} #imagelinks {width: 58em;padding:0; margin:1.8em 0 0 0;padding:0; float:left;} #imagelinks ul{margin: 0.8em auto auto 14.5em;padding:0;} #imagelinks img {border: 0;} #copyright {margin:10px 0 20px 0;padding:0; clear:left; width:935px;clear: left;} #copyright span {color:#999999; font-size:8px;right:0; margin-bottom:20px; clear:right;} /**********************FIN ESTILOS FOOTER**************************/