/* reset browser styles 

 #e31837

*/



html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {

 padding: 0;

 margin: 0;

 font-size: 100%;

 font-weight: normal;

}



ol {margin-left: 1.4em;list-style: decimal;}

ul {margin-left: 1.4em; list-style:square;}

img {border: 0;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {outline: none;}



/* end reset browser styles */







body {

	font: 12px Arial, Helvetica, sans-serif; 

	background:#000;  

	margin: 0; 

	padding: 0;

	text-align: left;

	color: #fff;

}



.clear { clear:both}

.clear-l { clear:left}

.clear-r { clear:right}

.float-l { float:left}

.float-r { float:right}





#cabezal {  height:115px; position:fixed; top:0; left:0; z-index:999; width:100%; background-color:#000}

#tophome{ background:url(../imagenes/top-home.jpg) top center no-repeat; height:93px; width:100%; }

#tophome2{ background:url(../imagenes/top.jpg) top center no-repeat; height:117px; width:100%; left:0 }

#logohome { background:url(../imagenes/lunas_home.gif) no-repeat top center; height:120px; width:100%; margin:100px auto 0}

#idioma { margin:40px auto 0; width:100%; text-align:center}

#idioma a{ font-family: 'Carme', sans-serif; font-size:15px; color:#fff; text-transform:uppercase; text-decoration:none}



#pie { background:url(../imagenes/bot-pie.jpg) no-repeat top center; padding:100px 0 0; text-align:center; font-size:11px; text-align:left; width:1050px; margin:0 auto }

#pie a{ color:#fff; text-decoration:none }



#acceso-home { width:450px; margin:50px auto 0; text-align:center}

#acceso { float:right; width:130px;  }

#acceso img { margin:15px 0}

#acceso-home span {  font-size:11px; color:#666;  }



a.link-home { width:205px; height:71px; display:block; position:absolute; top:0; left:50%; margin-left:-550px; margin-top:20px}



#container { width:1050px; margin:115px auto; *padding-top:115px;}







/* MENU-LEFT*/



#coleft { width:150px; float:left; position:fixed}





#menleft{ width:150px;  margin:20px 0 0}





#acc {width:150px; list-style:none; color:#fff; margin:0 }

#acc li { margin:10px 0 0; cursor:pointer;  }

#nested li { margin:3px 0 0}



#acc h3 {font-family: 'Carme', sans-serif; font-size:12px; color:#fff;   }

#acc h3:hover, #acc h3.active { color: #E51A38; }

#acc h3 a{color: #fff; text-decoration:none}

#acc h3 a:hover, #acc h3 a.active{color: #E51A38; }

#acc .acc-section {overflow:hidden; }

#acc .acc-content {padding:0;   }

#acc .acc-selected  {  color: #E51A38; }



#nested {list-style:none; margin-bottom:0px; padding:0; margin:0; }

#nested h3 {width:100%;  cursor:pointer;  margin:0;   color:#fff;  }

#nested h3:hover { background-image:inherit; color:#E51A38;}

#nested .acc-section {overflow:hidden;}

#nested .acc-content {color:#E51A38;  background:url(../imagenes/bg-li.jpg) no-repeat top left     }

#nested .acc-selected {color:#E51A38;  background:url(../imagenes/bg-li.jpg) no-repeat top left  }

#nested  h3 a{ color:#FFF; text-decoration:none; display: block; font-size:11px; line-height:17px; padding-left:20px}

#nested  h3 a:hover{ color:#E51A38;}

#nested  h3 a.active{ color:#E51A38;  background:url(../imagenes/bg-li.jpg) no-repeat top left }

/* FIN MENU-LEFT*/



.idioma { margin:40px 0 0}

.idioma a {font-family: 'Carme', sans-serif; font-size:12px; color:#fff; text-decoration:none}

.idioma a:hover, .idioma a.active {color:#E51A38; }



#coright { width:860px; float:right; position:relative}

#coright.contacto_old { background:url(../imagenes/bg-contacto.jpg) top left no-repeat #000}

#coright.contacto { background:url(../imagenes/bg-contacto.jpg) top left no-repeat #000; height:470px;}



#mujer1zz { background:url(../imagenes/mujer.png) no-repeat; width:225px; height:306px; position:absolute; bottom:-50px; right:0; z-index:9999999}

#mujer1 { width:225px; height:306px; position:absolute; bottom:-50px; right:0; z-index:9999999}



.contenido_consombre { color:#000; background:url(../imagenes/spacer.gif) repeat-y top left; position:relative }

.contenido { color:#000; position:relative }

/*.contenido.redeg { background:url(../imagenes/bg-red.png) repeat-y top left}*/

.contenido.mundo { padding:20px 0 0 30px}

.contenido.campanias { padding:20px 100px}



.fondo2 { background:url(../imagenes/fondo_02.gif)}

.fondo3 { background:url(../imagenes/fondo_03.gif)}

.quienes-somos { background:url(../imagenes/img-quienes-somos.jpg) no-repeat top left; padding:60px 0 20px 268px}

h1.tit { background:#E51837; font-family: 'Carme', cursive; font-size:50px; padding:5px 40px ; color:#fff}

h1.tit2 { font-family: 'Carme', cursive; font-size:25px;  color:#E51837; margin:10px 0; padding:0 !important}

h1.tit.deg {background:url(../imagenes/spacer.gif) repeat-y top left #E51837}



.contenido.quienes-somos p { margin:20px 40px; font-size:14px; line-height:17px;}

.vin1 { background:url(../imagenes/vin1.png) no-repeat; width:156px; height:30px; margin:0 auto }



.contenido.bodega { padding:20px 20px 20px  40px; height:430px; overflow:hidden}

.contenido.bodega h1 { text-align:right; margin-left:-40px}

.contenido.bodega img { border:1px solid #999; padding:5px; float:left; margin-right:10px}

.contenido.bodega p { margin:10px 0}



.contenido.propuesta {  padding:20px 0 20px 80px; height:430px; overflow:hidden}

.contenido.propuesta h1 { padding-left:80px; margin-left:-80px} 

.contenido.propuesta h1.tit2  { padding-left:80px; margin-left:inherit} 

.contenido.propuesta p {  font-size:12px}

.img-r {background:url(../imagenes/img-una-prop.jpg) no-repeat top right;}

.img-r.sanjuan {background:url(../imagenes/img-san-juan.jpg) no-repeat top right;}



#submenu {   }

#submenu a{font-family: 'Carme', sans-serif; font-size:12px; color:#E51837; text-decoration:none; margin-right:10px}

#submenu a:hover, #submenu a.active { color:#000}

#submenu hr{ width:470px; margin:5px 0}

hr.red1 { background:#E51837; border:none; height:1px} 

.w500 { width:500px; }

.marl-60 { margin-left:60px}



img.marc { border:5px solid #fff; -webkit-box-shadow:  0px 3px 5px 1px rgba(155, 155, 155, 1);  box-shadow:  0px 3px 5px 1px rgba(155, 155, 155, 1);}



.col45 { width:45%; float:left; }

.col45.mar-r45 { margin-right:45px}

.mar10 { margin-right:50px}

.col450 { width:450px; float:left}



.contenido.ubicacion { padding:20px 20px 20px  40px}

.contenido.ubicacion h1 { text-align:center; margin-left:-40px}

.contenido.ubicacion p { margin:10px 0}

.contenido.ubicacion  img { border:1px solid #999; padding:5px; float:left; margin-right:10px}



.contenido.winemaking {  padding:20px 0 20px 80px}

.contenido.winemaking h1 { padding-left:80px; margin-left:-80px; width:220px; margin-right:30px; float:left} 



.contenido.vinos { padding:0 30px 0 30px; margin:0}

#linea_consombre {background:url(../imagenes/spacer.gif) repeat-y top left #E51837; padding:10px 20px}

#linea {background:#E51837; padding:10px 20px}

#linea a{ margin-right:20px}

#linea .text{ float:right; width:550px; color:#000; margin:10px}



.col210 { width:210px; float:left; margin:20px 0}

hr.black { background:#000; border:none; height:1px}

.thumbs { position:relative}

.thumbs img { height:85px}

.thumbs ul { margin:0; padding:0}

.thumbs ul li { list-style:none; float:left; margin-left:3px}

.thumbs ul li ul {display:none; position:absolute; bottom:-120px; right:-156px;}

.thumbs ul li:hover ul { display:block}

.thumbs ul li ul li{ color:#E51837; font-family: 'Carme', sans-serif; font-size:12px; width:300px; }



.col450 { width:450px}

.contenido.vinos .col450 { float:right; margin:20px}

.contenido.vinos .col450 h1 {color:#E51837; font-family: 'Carme', sans-serif; font-size:20px;}

.color { background:url(../imagenes/bg-color.png) no-repeat top left #E31837; width:100px; float:left; padding:70px 10px; color:#FFF; font-size:11px; height:70px; margin-right:40px}

.aroma { background:url(../imagenes/bg-aroma.png) no-repeat top left #E31837; width:100px; float:left; padding:70px 10px; color:#FFF; font-size:11px; height:70px; margin-right:40px}

.sabor { background:url(../imagenes/bg-sabor.png) no-repeat top left #E31837; width:100px; float:left; padding:70px 10px; color:#FFF; font-size:11px; height:70px;}

a.descargar { color:#E51837; background:url(../imagenes/ic-desc.png) no-repeat top left; padding-left:20px; text-decoration:none}



.col760 { background:#000; margin: 0; padding:10px; width:780px }

.col760 img { border:none !important; margin:0 !important}

.col760 .text { background:#666; font-size:11px; color:#fff; width:230px; padding:10px; margin-left:5px}

.col760 h1 { background:#AE272D; font-family: 'Carme', sans-serif; font-size:12px; color:#fff; margin:0 !important; padding:10px; text-align:left !important}



table.degus { font-size:11px; color:#ccc; width:100%; padding:20px; line-height:15px; margin-top:-20px}

table.degus a{ color:#ccc; text-decoration:none; }



table.grilla{ width:100%}

table.grilla td { color:#7DB73F; font-family: 'Carme', sans-serif; font-size:12px; text-transform:uppercase;  padding:3px 0 3px 20px; border-right:5px #000 solid; border-bottom:1px solid #000; background:#585858}

table.grilla td.tits { color:#ccc; background:#666; }

table.grilla td.last { border-right:none}

table.grilla td.shadow{background: #303030; /* Old browsers */

background: -moz-linear-gradient(top,  #303030 0%, #545454 54%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(54%,#545454)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #303030 0%,#545454 54%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #303030 0%,#545454 54%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #303030 0%,#545454 54%); /* IE10+ */

background: linear-gradient(to bottom,  #303030 0%,#545454 54%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#545454',GradientType=0 ); /* IE6-9 */}



table.medios { background:#E51837}

table.medios td{ width:200px; padding-left:80px }



.col520 { width:520px; float:left}

.col240 { width:260px; float:left}

.col240 table.grilla { margin:3px 0 ; }

.col240 table.grilla td { text-transform:none}

.col240 a{color:#7DB73F; text-decoration:none}



#formulario { margin:50px 0 0 350px}

table.formu {}

table.formu td{ color:#fff; font-family: 'Carme', sans-serif; font-size:11px;}

table.formu input{ width:220px; border:1px solid #AE272D; height:20px; color:#fff; background:none; margin-left:20px}

table.formu textarea{ width:220px; border:1px solid #AE272D; height:70px; color:#fff; background:none; margin-left:20px}

table.formu input.enviar { width:96px; height:23px; border:none; float:right}



.proteccion a{ color:#AE272D; font-size:11px; text-decoration:none; font-family: 'Carme', sans-serif; }



#proteccion-float { position:absolute; top:-30px; left:20%; border:1px solid #AE272D; color:#fff; font-size:11px; padding:20px ; z-index:999; width:450px; line-height:15px; 

background-color: rgba(0, 0, 0, 0.8);}



a.close { float:right; color:#AE272D; text-decoration:none; font-size:14px; z-index:9999; cursor:pointer}





#scrollbar1 { width: 520px; margin: 20px 0 10px; }

#scrollbar1 .viewport { width: 480px; height: 300px; overflow: hidden; position: relative; }

#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

#scrollbar1 .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }

#scrollbar1 .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar1 .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }

#scrollbar1 .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }

#scrollbar1 .disable { display: none; }



#scrollbar2 { width: 400px; margin: 20px 0 10px; }

#scrollbar2 .viewport { width: 380px; height: 320px; overflow: hidden; position: relative; }

#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

#scrollbar2 .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }

#scrollbar2 .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar2 .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }

#scrollbar2 .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }

#scrollbar2 .disable { display: none; }



#scrollbar3 { width: 808px; margin: 10px 0 10px; }

#scrollbar3 .viewport { width: 765px; height: 380px; overflow: hidden; position: relative; }

#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

#scrollbar3 .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }

#scrollbar3 .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar3 .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }

#scrollbar3 .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }

#scrollbar3 .disable { display: none; }





.menu_head { font-family: 'Carme', sans-serif; font-size:12px; color:#fff; cursor:pointer; margin:10px 0 0 0  }



.menu_body {display:none; font-family: 'Carme', sans-serif; font-size:12px;}

.menu_body a{display:block; color:#fff; text-decoration:none; line-height:20px;}

.menu_body a:hover, .menu_body a:active {color:#E51A38;}





.noticias { width:95%; height:370px; overflow-y:auto; margin:10px}

.noticias h1 { font-family:Arial, Helvetica, sans-serif; color:#E41E39; text-align:left !important; margin-left:inherit !important; font-size:17px; line-height:20px}; 

.noticias h1.fecha { font-size:12px}

.noticias a { color:#000;  text-decoration:none !important}

.noticias a img { border:none !important; float:inherit !important; padding:0 !important; margin:0 5px 0 0 !important;}

.noticias hr { background-color:#CCC !important; height:1px; border:none}





#espumantes { background:url(../imagenes/bgespumantes.jpg) no-repeat; width:863px; height:571px; display:block; position:relative}

#espumantes a {    display: inline-block; margin: 60px 0 0 30px}

#espumantes a.esp2 {  height:380px; vertical-align:bottom}

#espumantes #video { position:absolute; top:220px; left:425px}

#espumantes a.fan { position:absolute; top:385px; left:395px; }