/* ----- pagina con color fondo y ubicabion ----- */
body {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
border: none;
background-color: #545369;
font-family: arial, Lucida, Verdana, sans-serif;
color: #000000;
font-size: 15px;
font-style: normal;
text-align: center;
float: center;
}

h1 {
font-weight : bold;
background-color: #ffffff;
text-transform: uppercase;
font-variant:small-caps;
font-size: 18px;
color: #000000;
text-align: left;
float: left;
height: 33px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
width:456px;
}

h1:first-letter {
font-size: 33px;
font-style:normal;
margin-right:1px;
}

h2 {
font-weight : bold;
font-size: 15px;
text-transform:uppercase;
font-style:italic;
text-align: left;
color: #ae7431;
margin: 6px 0px 1px 0px;
padding: 0px;
}

h3 { 
font-size: 12px;
font-style: bold;
text-align: left;
color: #000000;
margin: 1px 0px 1px 10px;
text-transform:uppercase;
}

p {
text-align: justify;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

div#site {
width: 800px;
height: 570px;
border: none;
text-align: center;
float: center;
margin: 10px auto 0px auto;
padding: 3px 0px 0px 3px;
background-color: #cbcbcb;
}

a#logo, div#header, ul#menu, div#scroll {
background-color: #ffffff;
margin: 0px 3px 3px 0px;
}

a#logo, div#header {
padding: 10px;
}

ul#menu {
padding: 3px 0px 0px 3px;
}

a#logo {width:172px; float: left; }
ul#menu {width:189px; float: left; }
div#header {width:582px; float: left; }
a#logo, div#header {height:100px;}
ul#menu {height:441px; }

a#logo, div#header, div#logo, div#vina2, a#start1, a#start2 {
background-repeat: no-repeat;
background-position: center;
}
a#logo {background-image: url(../images/logo.gif);}
div#header {background-image: url(../images/header.gif);}

/* ----- pagina inicial ----- */

div#logo, div#vina1, div#vina2, div#vina3, a#start1, a#start2, div#teaser {
 background-color: #ffffff;
 float: left;
}

div#logo, div#teaser {
 width: 797px;
}

div#vina1, div#vina3 {
 background-repeat: no-repeat;
}

div#vina1, div#vina2, div#vina3 {
 height: 160px;
}

div#vina1, div#vina3 {
 width: 293px;
}

a#start1, a#start2 {
 height: 26px;
 padding: 0px 0px 60px 0px;
 text-align: center;
font-size: 10px;
font-style: bold;
 color: #000000;
 text-align: middle;
 text-decoration: none;
 display: block;
}

a#start1 {
 background-image: url(../images/en.gif);
 margin: 0px 0px 3px 0px;
 width: 398px;
}

a#start2 {
 background-image: url(../images/es.gif);
 margin: 0px 3px 3px 0px;
 width: 399px;
}

a#start1:hover, a#start2:hover {
 color: #ae7431;
}

a#start1:hover {background-image: url(../images/en-over.gif);}
a#start2:hover {background-image: url(../images/es-over.gif);}

div#logo {
 height: 260px;
 background-image: url(../images/logo-inicio.gif);
 margin: 0px 3px 0px 0px;
}

div#vina1 {
 background-image: url(../images/casajardin2.jpg);
 background-position: right;
 margin: 0px 0px 0px 0px;
}

div#vina2 {
 background-image: url(../images/vina.jpg);
 padding: 0px 3px 0px 3px;
 margin: 0px;
 width: 205px;
}

div#vina3 {
 background-image: url(../images/papahijo.jpg);
 background-position: left;
 margin: 0px 3px 0px 0px;
}

div#teaser {
 height: 60px;
 margin: 0px 3px 0px 0px;
font-family: Calibri, Lucida, sans-serif;
font-size: 17px;
font-style: italic;
}

/* ----- generales del contenido ----- */

div#scroll {
width: 592px;
height: 411px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
z-index:100;
float: left;
overflow-y:auto;
overflow-x:hidden;
}

div#scroll div.content {
width: 550px;
padding: 10px 10px 10px 2px;
float: left;
text-align: left;
font-style: normal;
display: block;
}

div#scroll div.fair, div#scroll div.premio, div#scroll div.product, div#scroll div.contact {
background-repeat: no-repeat;
height: 393px;
float: left;
}

/* ----- cambio idioma y version en pdf ----- */

div#formato {
background-color: #ffffff;
float: left;
height: 33px;
text-align: right;
width: 140px;
}

div#sizing {
font-size: 9px;
font-weight: bold;
background-color: #ffffff;
float: left;
height: 30px;
text-align: center;
padding: 3px 0px 0px 0px;
width: 60px;
}

a#small, a#normal , a#wide{
width: 18px;
}

a#small:hover, a#normal:hover , a#wide:hover{
background-color: #545369;
}

div#formato a img{
margin: 8px 3px 3px 3px;
border: none;
}

a#normal img{
background-color: #e7e8f2;
}

div#formato a img:hover {
border: 1px #000 solid;
margin-top: 6px;
background-color: #000;
}

/* ----- menu ----- */

ul#menu, 
ul#menu li.aktnav {
list-style: none;
}

ul#menu li a {
font-family: "Times New Roman", serif;
font-size: 20px;
font-style: normal;
text-align: left;
color: #000000;
text-decoration: none;
display: block;
width: 142px;
height: 34px;
margin: 2px 0px 0px 0px;
padding: 12px 0px 0px 42px;
background-image: url(../images/colcho.gif);
background-repeat: no-repeat;
background-position: left;
background-color: #e7e8f2;
}

ul#menu li a:hover {
background-color: #cbcbcb;
}

ul#menu li.aktnav {
margin: 2px 0px 0px 0px;
}

ul#menu li.aktnav a {
background-color: #545369;
}

/* ----- inicial por idioma ----- */

div#scroll div.bienvenido {
background-image: url(../images/content/bienvenidos.jpg);
background-position: center;
background-repeat: no-repeat;
width: 580px;
height:330px;
}

/* ----- productos y contacto ----- */

ul {
list-style-type:square;
margin: 5px 0px 5px 22px;
padding: 0px;
font-size: 12px;
font-style: normal;
}

div.product1 {
text-align: left;
width: 280px;
float: left;
margin: 0px;
}

div.product1 a {
text-decoration: none;
margin-bottom: 3px;
height:14px;
font-size: 13px;
font-style: normal;
color: #000000;
}

div.product1 a img {
border: none;
margin-right: 2px;
}

div.product1 a:hover {
font-size: 12px;
font-style: bold;
}

div.contact1 {
margin: 48px 0px 0px 5px;
width: 270px;
float: left;
text-align: left;
}

div.product1 {
margin: 0px 0px 0px 5px;
float: left;
}

div#scroll div.product, div#scroll div.contact {
background-position: center;
width: 278px;
margin: 0px;
padding: 0px;
float: left;
}

div#scroll div.product {background-image: url(../images/content/botellas.jpg);}
div#scroll div.contact {background-image: url(../images/content/contact.jpg);}

/* ----- pdf ----- */

object#PDF1 {
float:left;
 margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
 background-color: #ffffff;
 width: 598px;
 height:440px;}
object#PDF1 embed {
 width: 585px;
 height:427px;}
object#PDF2  {
float:left;
 margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
 background-color: #ffffff;
width: 598px;
 height:407px;}
object#PDF2 embed {
width: 585px;
 height:393px;
}

/* ----- galeria ----- */

div#gal {width: 540px; float: left; margin: 0px 0px 0px 0px;}
div#gal a img {float: left; height: 90px; width: 120px; margin: 0px; padding: 0px 3px 3px 0px; border: none; }

/* ----- distribudores ----- */

div#mundo {
background-image: url(../images/content/mapa-mundial.gif);
background-repeat: no-repeat;
background-position: center;
height: 270px;
width: 535px;
}

div#distrib {
width: 55px;
padding: 2px 4px 3px 0px;
float: left;
font-size: 10px;
font-style: bold;
color: #000000;
text-align: center;
text-decoration: none;
}

/* ----- fair chile y premio empresa ----- */

div#scroll div.fair p, div#scroll div.premio p {
float: left;
text-align: left;
width: 300px;
padding-top: 10px;
}

div#scroll div.fair {
background-image: url(../images/content/fair-chile.jpg);
width: 580px;
background-position: center;
}

div#scroll div.premio {
background-image: url(../images/content/premio.jpg);
width: 580px;
background-position: center;
}

/* ----- familia ----- */

div#scroll div.familia1, div#scroll div.familia2 {
margin: 15px 0px 0px 0px;
background-repeat: no-repeat;
width: 89px;
height:360px;
float:left;
}

div#scroll div.familia {
font-size:14px;
text-align:justify;
margin: 15px 5px 0px 5px;
width:375px;
height:360px;
float: left;
}

div.familia div {
width:315px;
}

div#scroll div.familia1 {
background-image: url(../images/content/familia1.gif);
}

div#scroll div.familia2 {
background-image: url(../images/content/familia2.gif);
}