@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {margin:0; padding:0; }
.row {width:100%; max-width:1280px; margin:0 auto;}
a {transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; }

.main-header {display:block; width:100%; background:#fff; padding:0;}

.main-header .nav {background:#fff; border:none; padding:1em 0; border-radius:0; font-family: 'Lato'; margin:0;}
.main-header .nav a {background:#fff; border:none; font-weight:300; font-size:1.1em; padding:0.3em; border: solid 1px #fff;}
.main-header .nav ul li {padding:0 1em;}
.main-header .nav ul li .fb-icon {position:absolute; top:0; left:0;}
.main-header .nav a:hover {border:solid 1px #9d9fa1;}
.main-header .nav .facebo:hover {border:solid 1px #fff;}


.main-content {display:block; margin:2em 0;}
.main-content .content {background:rgba(255,255,255,0.9); padding:4em 2em;}
.main-content .content h2 {color:#58585b; font-family:'Lato'; text-align:center; font-weight:700; font-size:1.8em;}
.main-content .content h2 span {font-weight:300; display:block; width:100%; font-size:1.4rem; color:#896f3f;}

.main-content .head-historia {border:solid 1px #ccc; display:block; width:100%; height:180px; background:transparent url('../images/historia-bg.jpg') center center no-repeat; background-size:cover; margin:1em 0;}
.main-content .head-viniedo {border:solid 1px #ccc; display:block; width:100%; height:180px; background:transparent url('../images/viniedos-bg.jpg') center center no-repeat; background-size:cover; margin:1em 0;}
.main-content .head-vinos {border:solid 1px #ccc; display:block; width:100%; height:180px; background:transparent url('../images/vinos-bg.jpg') center center no-repeat; background-size:cover; margin:1em 0;}
.main-content .head-enologos {border:solid 1px #ccc; display:block; width:100%; height:200px; background:transparent url('../images/head-enologos.jpg') center center no-repeat; background-size:cover; margin:1em 0;}


.main-content .content p, .remodal p {font-family:'Lato'; font-size:1.1em; font-weight:300; line-height:1.9em; text-align:left; text-shadow: 0px 1px 3px rgba(150, 150, 150, 0.6);}

.main-content .content .vino1 {display:block; width:100%; height:670px; margin-bottom:-565px; background: url('../images/rana.png') center center no-repeat;}
.main-content .content .vino2 {display:block; width:100%; height:670px; margin-bottom:-56px; background: url('../images/seleccion.png') center center no-repeat;}
.main-content .content .vino3 {display:block; width:100%; height:670px; margin-bottom:-56px; background: url('../images/uro.png') center center no-repeat;}
.main-content .content .vino4 {display:block; width:100%; height:670px; margin-bottom:-56px; background: url('../images/reserva2011.png') center center no-repeat;}

.contact-image {display:block; width:100%; height:350px; background: transparent url('../images/contact-bg.png') center center no-repeat; background-size:cover;}

.calificacion-1 {display:block; width:310px; height:200px; position:absolute; left:50%; margin-left:-155px; background: transparent url('../images/calificacion-1.png') center center no-repeat; top:120px;}
.calificacion-2 {display:block; width:310px; height:200px; position:absolute; left:50%; margin-left:-155px; background: transparent url('../images/calificacion-2.png') center center no-repeat; top:120px;}
.calificacion-3 {display:block; width:310px; height:200px; position:absolute; left:50%; margin-left:-155px; background: transparent url('../images/calificacion-3.png') center center no-repeat; top:120px;}



.nav button.hamburger {font-size:2em;}

.logo {position:absolute; top:-24px; left:0;}

.footer {display:block; width:100%; padding:1em; background-color:#fff;}
.footer a, .footer .disclaimer {font-family:'Lato'; font-weight:300; font-size:0.95em; color:#000; padding:0; margin:0;}
.footer .disclaimer span {font-weight:700; display:block;}
.footer .disclaimer {background: url('../images/logo-footer.png') center right no-repeat;}

.footer a {display:block; width:100%;}

@media screen and (max-width: 480px) {
     .logo img {height:auto; width:120px; margin-left:-60px; left:50%; position:absolute;}
     body {height:100%;}
}

@media screen and (max-width: 1024px) {
        .main-header .nav {padding:0;}
        .nav:not(.nocollapse):not(.small-tablet):not(.mobile)>ul[aria-expanded=true] {width:100%;}
        .logo {display:block; width:200px; left:50%; margin-left: -100px; z-index:25;}
}