@import url(http://fonts.googleapis.com/css?family=Open+Sans:700italic,400,300,700);
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}
/* (default) */
html { font-size: 100%; letter-spacing:0.05em }

			/* (640px) */
			@media (min-width: 40em) { 
			  html { font-size: 112%; }
			}
			/* (1024px) */
			@media (min-width: 64em) { 
			 html { font-size: 120%; }
                         .containerVino {
			  margin: 0 auto;
			  max-width: 60em;
			  width: 90%;
			  height:auto;
			 }
			 .container {
			  margin: 0 auto;
			  /*max-width: 60em;
			  width: 90%;*/
			  height:auto;
			 }
			}
			
			@media (min-width: 50em) {
			  .column {
				float: left;
				padding-left: 1em;
				padding-right: 1em;
				/*padding-top: 2em;*/
                          }
                          .column.thirth{ 
                            padding-top: 2em;
                            min-height:133px;
                            border-right: 5px solid white; 
                            margin-top: 2em;
                            margin-bottom: 2em;
                            }
			  .column.full { width: 100%; }
			  .column.two-thirds { width: 66.7%; }
			  .column.half { width: 50%; }
			  .column.third { width: 33.3%; }
			  .column.fourth { width: 24.95%; }
                          .column.fifth { min-width:237px;width: 19.95%; margin-top:2em; margin-bottom:2em;}
                          .column.fifth.info2{ border-right: 5px solid white;}
                          .column.fifth2 { width: 39.95%; margin-top:2em; margin-bottom:2em; }
			  .column.flow-opposite { float: right; }  /*utilizar para mostrar a la derecha, pero mostrar primero en móvil */ 
			  
			  .column_sp {
				float:left;
				padding:0;
				margin:0; 
			  }
			  .column_sp.third { width: 33.3%; }
			  
			  .inicio.column.third{ width: 33%; }
			  .inicio.column.third:nth-child(2){ width: 34%; }
			}
a{
	text-decoration:none;
}
object {
	width: 100%;
}

.column.third img{
	display:block;
	clear:both;
}
/* MENÚ  */
/* Definimos un ancho fluido y una altura fija para nuestro menú */
header{
    background: #86b88a;
    height:60px;
    position: relative;
    width: 100%;
	z-index:9999;
}

#stripes{
    background: url(../img/stripes.png) no-repeat 0 0;
    display: block;
    float: left;
    margin: 6px 10px 0;
    width: 55px;
    height: 50px;
    text-indent: -9999px
}

/* Nuestro nav con id #menu lo flotaremos a la derecha*/
#menu{ /*float: right;*/}

 
    /* Quitamos estilos por defecto de el tag UL */
    #menu ul{
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 14px;
    }
 
        /* Centramos y ponemos los textos en mayuscula */
        #menu li{
            display: block;
            float: left;
            text-transform: uppercase;
            text-align: center;
        }
        #menu .idiomas{ float: right; }
        #menu li .idioma{
            float: left;
            width: 25%;
        }
 
        
        
            /* Damos estilo a nuestros enlaces */
            #menu li a{
                display: block;
                color: #fff;
                text-decoration: none;
                height: 60px;
                line-height: 60px;
                padding: 0 15px;
            }
            
            #menu li .idioma{
                padding: 10px 5px 0px 5px;
            }
            
            #menu li a:hover{
                background: #cce4ce;
                color: black;
                transition:.2s;
            }
 

 
/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile{
    display: none;
    float: right;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 0;
    top:0;
    opacity: .6;
	font-size:.8em;
	padding-top:1em;
	color: black;
	z-index:9999;
}

 
    /* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
    #nav-mobile.nav-active{
        opacity: 1;
		color: white;
    }		@media only screen and (max-width: 54.2em) {
				header {
					background: none;
					height:0;
					margin-top:-120px;
				}
				#title {
					width:100%;
					height:500px;
					background:url(../img/top_2.jpg) 50% no-repeat;
				}
				#stripes {
					display: none;
				}
				/* mostramos #nav-mobile */
				#nav-mobile{ display: block; }
			 
				/* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo */
				#menu{
					width: 100%;
					float: none;
					padding-top: 60px;
					position: fixed;
				}
			 
					/* Convertimos nuestra lista de enlaces en un menú horizontal */
					#menu ul{
						box-shadow: 0 1px 2px rgba(0,0,0,.5);
						max-height: 0;
						overflow: hidden;
						margin-top:-60px;
					}
						/* estilos para los LI del menu */
						#menu li{
							background: #86b88a;
							border-bottom: 1px solid #85b288;
							float: none;
						}
						#menu li:first-child {
							padding-top:60px;
						}
							/* Quitamos el borde del ultimo item del menú */
							#menu li:last-child{ border-bottom: 0;}
			 
							#menu li a{
								padding: 15px 0;
								height: auto;
								line-height: normal;
							}
							#menu li a:hover{background:#cee4ce}
                                            #menu .idiomas{
                                                height:47px;
                                                width: 100%;
                                            }
                                            #menu .divIdiomas{
                                                    left: 25%;
                                                    position: relative;
                                            }
                                            
			 
					/* Agregamos una animación al despligue del menú */
					#menu ul.open-menu{
						max-height: 400px;
						transition: max-height .3s;
					}
                                       
		}
/* FIN MENÚ */
#title{
	width:100%;
	height:500px;
	background:url(../img/top.jpg) 50% no-repeat;
}
#logo {
	width:658px;
	height:500px;
	margin:0 auto;
}
	@media only screen and (max-width: 54.2em) {
		#logo {
			max-width:90%;
		}
		object {
			max-width:100%;
		}
		#title {
			margin-top:120px;
		}
                #title_about {
			margin-top:120px;
		}
	}
	
#premios{
	padding-top:2em;
}
.palma{
	font-size:80%;
	color:grey;
	font-family: 'Open Sans', sans-serif;
}
#inicio {
	width:100%;
}
#inicio .column {
	height:400px;
	padding:0px;
}
#inicio .border-inside {
	padding: 1em;
	height: 100%;
	border: 1px solid white;
}
.entradilla {padding:2em;}
.entradilla p {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .1em;
	line-height: 14pt;
	font-size: 11pt;
	text-align: center;
	max-width: 960px;
	margin:0 auto;
	padding:.3em;
}
.entradilla h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-style:italic;
	letter-spacing: .2em;
	line-height: 20pt;
	font-size: 16pt;
	text-align: center;
	clear: both;
	display: block;
	border-bottom: 1px solid;
	padding-bottom: 1em;
	margin-bottom:1em;
	width: 50%;
	margin: 0 auto;
}
	@media only screen and (max-width: 54.2em) {
		.entradilla h2 {
			letter-spacing:normal;
			width: 90%;
		}
	}
.localiza {
	padding: 2em;
	width:100%;
	height:600px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:.1em;
	text-align: center;
	background: url(../img/localiza_2.jpg) 50% no-repeat;
}
.localiza h2 {
	clear: both;
	display: block;
	padding: 1em;
	border-bottom: 1px solid white;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 1em;
}
.localiza p {
	max-width: 960px;
	font-size:11pt;
	line-height:14pt;
	margin: 0 auto;
}
.localiza h3 {
	width: 50%;
	border-top: 1px solid white;
	margin: 0 auto;
	margin-top: 1em;
	padding:1em;
	letter-spacing:.3em;
}
	@media only screen and (max-width: 54.2em) {
		.localiza h3 {
			font-size: 12pt;
			width: 90%;
			letter-spacing:.1em;
		}
		.localiza h2 {
			padding: 0;
		}
	}
footer {
	background-color: #244334;
	margin-top: -22px;
	color: white;
	font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
footer a {
	text-decoration: none;
	color: rgba(255,255,255,.8);
}
footer ul {
	padding: 0;
}
footer ul li {
	display: inline;
	list-style: none;
	padding: 7px;
}

footer p {
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.logo_footer {
	/*padding: 1em;*/
	border-right: 5px solid white;
}
	@media only screen and (max-width: 54.2em) {
		.logo_footer {
			border: 0;
			padding-left: 50px;
		}
		.info {
			text-align: center;
		}
                .info2 {
			text-align: center;
		}
                .fifth2{
			/*text-align: center;*/
		}
                .column.fifth2 {
                    width: 100%;
                    margin-top: 2em;
                    margin-bottom: 2em;
                }
                
	}
	
.boton {
	width:250px;
	margin: 0 auto;
}

.boton a {
	padding: 1em;
	color: #d65b4a;
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;
	border-radius: 8px;
	border: 2px solid #d65b4a;
	font-size:80%;
	transition: .3s ease;
}
.boton a:hover {
	background-color: #d65b4a;	
	transition: .3s ease;
	color: white; 
}

.rb-overlay {
    overflow-y: scroll;
}