:root {
	--azul:  #2F3A41;
	--azul-claro: #667982;
	--bordo: #760038;
	--azul-gris: #EFF1F2;	
	--rosa-gris: #F1E5EB;	
}

.container-medida {
		margin: auto;
}

.margin-top {
	margin-top: 60px; 
}

.margin-top-100 {
	margin-top: 100px; 
}

.navbar-default {
	background-color: transparent!important;
	border: none!important; 
}

.idioma {
	background-color: var(--azul-gris);
	font-size: 0.9em!important; 
	padding: 10px 15px!important; 
	margin-top: 5px; 
}

.idioma:hover {
	background-color: var(--azul)!important; 
	color: white!important; 
}

.navbar {
	position: absolute;
	top: 10px; 
	z-index: 5; 
	width: 100%; 
}

#logo-nav {
	width: 150px; 
	margin-left: 30px; 
}

p {
	font-family: 'Be Vietnam', sans-serif;
	font-size: 16px; 
	font-weight: 300; 
	color: var(--azul);
	line-height: 1.6em; 
	margin-bottom: 20px; 
}	

h1, h2, h3, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700; 
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.1em; 
	line-height: 1.4em; 
}

h1, h2, h3 {
	color: white; 
	font-size: 2.2em;
}

h6 {
	font-size: 1.9em; 
	color: var(--azul);
}

a {
	cursor: pointer!important;
}

a:hover {
	text-decoration: none!important; 

}

.dos-lineas {
	letter-spacing: 0.08em!important; 
}

#novedades h2 {
	margin-bottom: 1px!important; 
}

h2, h3  {
	margin-bottom: 30px; 
}

.listado  {
	margin-left: -22px; 
}

.listado li {
	font-family: 'Be Vietnam', sans-serif;
	font-size: 16px; 
	font-weight: 300; 
	color: var(--azul);
	line-height: 1.6em; 
	font-style: oblique;
	margin-bottom: 10px; 
}

.fondo-gris {
	background-color: var(--azul-gris);
	padding: 50px 0; 
}

.fuente-blanca {
	color: white; 
}

nav a {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px; 
	font-weight: 500; 
	color: var(--azul)!important;
	text-transform: uppercase;
}

nav li {
	margin-left: 20px; 
}

.navbar-collapse {
	float: right;
	margin-top: 30px; 
}

.color-azul {
	color: var(--azul);
}

#dialog-confirm h3 {
	font-size: 1.5em!important; 
	color: var(--azul)!important; 
} 

#somos h3 {
 	color: var(--azul); 
 	padding-left: 20px; 
 }

h2 span, h1 span {
	font-weight: 300!important; 
	font-weight: lighter;
}

 #myCarousel h1, #myCarousel h2 {
 	max-width: 900px; 
 	text-shadow: 2px 2px 10px black;  
 }

h4 {
	font-family: 'EB Garamond', serif;
	font-size: 1.6em; 
	font-weight: bold;
	letter-spacing: 3px; 
}

h5 {
	font-family: 'Be Vietnam', sans-serif;
	color: white; 
	font-size: 1.6em;
	font-weight: 300; 
	line-height: 1.5em ; 
}

h5 span {
	font-style: italic;
}

.background-gris, .background-blanco {
	padding: 30px 0 10px 0; 
}

#novedades .background-gris, #vinos .background-gris {
	padding: 60px 0; 
}

#conoce {
	margin-bottom: 50px; 
}

.background-gris {

	background-color: var(--azul-gris); 
}
.quote {
	font-family: 'EB Garamond', serif;
	font-size: 1.3em;
	font-style: italic!important; 
}

.cita {
	font-family: 'EB Garamond', serif;
	font-size: 1.2em; 
}



.quote-gris {
 	padding: 20px 20px 0 20px; 
	background-color: var(--azul-gris);
	width: 55%;
 	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: right;
}

.link-interno {
	margin-top: 30px; 
	margin-bottom: 20px; 
	text-transform: uppercase;
}

.link-interno  a {
	font-family: 'Montserrat', sans-serif;
	color: var(--azul-claro);
	font-size: 1em; 
	font-weight: 700; 
	text-decoration: underline;
}

.link-interno a:hover {
	color: white; 
}


#nosotros-01 {
	min-height: 600px; 
}

.cajon-mediano {
	position: absolute;
	left:  1px; 
	width: 350px; 
	z-index: 300;
}

.cajon-mediano-reves {
	position: absolute;
	right:  1px; 
	width: 350px; 
	z-index: 300;
}

.cajita-gris, .cajita-gris-reves {
	background-color: var(--azul-gris);
	width: 320px; 
}

.cajita-gris {
	padding: 30px 90px 30px 30px; 
}

.cajita-gris-reves {
	padding: 30px 30px 30px 90px; 
	
}

.cajita-gris-reves p {
		text-align: right;
}

.cajita-foto {
	max-width: 250px; 
	position: absolute;
	right:  1px;
}

.cajita-foto-reves {
	max-width: 250px; 
	position: absolute;
	left:  1px;
}

::-webkit-input-placeholder {
	color: var(--azul)!important;
}

::-ms-input-placeholder {
	color: var(--azul)!important;
}

::-moz-input-placeholder {
	color: var(--azul)!important;
	opacity: 1!important; 
}

:-moz-input-placeholder {
	color: var(--azul)!important;
	opacity: 1!important; 
}

footer {
	margin-top: 50px; 
	background-color:  var(--azul);
}

footer a {
	text-transform: uppercase;
}

footer a:hover {
	color: var(--rosa-gris); 

}

footer a, footer p {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px; 
	font-weight: 300!important; 
	color: white!important;
	font-weight: lighter;
}

footer p {
	margin-bottom:0; 
}

footer li {
	list-style: none; 
}

footer strong {
	text-transform: uppercase;
	font-weight: 500; 
	line-height: 3em; 
	}

footer .redes {
	margin-top: 20px; 
	font-size: 1.2em; 

}

footer .circle, footer .circle-fb, footer .circle-in {
	background-color: var(--azul-claro);
	float: left;
	width: 32px; 
	height: 32px; 
	border-radius: 50%; 
	margin-right: 10px; 
}

footer .circle-fb {
	padding: 5px 6px 5px 10px; 
}

footer .circle{
	padding: 5px 8px; 
}

footer .circle-in {
	font-size: 1.1em; 
	padding: 3px 7px 3px 8px;
}

footer .circle-ld {

	padding: 5px 8px;
}

footer .fab {
	color: var(--azul);
}

footer  {
 	background-image: url("../img/logo-agua.png");
  	background-repeat: no-repeat;
 	background-position: bottom-left; 
  	padding: 20px;
}

.navegacion-footer {
	margin-left: -40px; 
	margin-top: 10px; 
}

.img-footer {
	width: 600px; 
	position: absolute;
	left: 1px; 
	bottom: 1px; 
}

.carousel-indicators li {
	border-radius: 0!important; 
}

.carousel-indicators .active {
	width: 20px!important; 
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent!important; 
	border-bottom: 2px solid black!important;  
}

.second-row {
	max-width: 1500px; 
	margin: auto;
}

.relative {
	position: relative;
}

#somos .relative {
	min-height: 500px; 
	margin-top: 50px; 
}

.row {
	z-index: 400; 
}

.float-right {
	float: right;
}

.form-control {
	background-color: var(--azul-claro);
	border: none; 
	color: var(--azul)!important;
	font-size: 0.8em; 
}

#contacto-section .form-control {
	font-size: 1em; 
	background-color: var(--azul-gris);
}

form {
	color: var(--azul);
	font-family: 'Montserrat', sans-serif;
}

.enviar {
	padding: 8px 40px; 
	background-color: var(--azul-claro);
	border: none;
	color: var(--azul);
	text-transform: uppercase;
	transition:  all 0.5s;
}

.enviar:hover {
	background-color: white;
}

#contacto-section textarea  {
	height: 120px; 
}

#contacto-section .enviar {
	background-color: var(--bordo);
	color: white; 
}

#contacto-section .enviar:hover {
	background-color: var(--azul);
	color: white; 
}

.form-control, select, .enviar {
    border-radius: 0!important; 
}

.contenedor-texto-superior {
	margin-top: 50px; 
	padding: 35px 70px 35px 35px;
	background-color: var(--azul-gris);
	z-index: 6000; 
}

.contenedor-texto-superior-2 {
	margin-top: 120px; 
	padding: 35px 70px 35px 35px;
	background-color: var(--azul-gris);
	z-index: 6000; 
}

.contenedor-texto-superior h3, .contenedor-texto-superior p, .contenedor-texto-superior-2 h3, .contenedor-texto-superior-2 p  {
	color: var(--azul);
}

.imagen-base {
	width: 80%; 
	position: absolute;
	right: 1px; 
	top: 1px; 
}

.imagen-base-2 {
	width: 80%; 
	position: absolute;
	left: 1px; 
	top: 1px; 
}

.contenedor-texto {
	margin: 50px 0 60px 0; 
	padding: 35px 70px 35px 35px;

}

.contenedor-azul {
	background-color: var(--azul); 
	z-index: -50; 
	width: 900px; 
	min-height: 550px; 
	position: absolute;
	z-index: -300; 
	right: 2px; 
	margin-top: 50px; 

}

.container-blue {
	background-color: var(--azul); 
	padding: 35px 70px 30px 35px;
}

.container-blue p {
	color: white; 
}


.margen-abajo {
	margin-bottom: 40px; 
}

.padding-texto {
	padding-top: 30px; 
}

.clear {
	clear: both;
}

section  {
	margin-top: 30px; 
}

.margen-20-top {
	margin-top: 20px!important;
}

.margen-30-bottom {
	margin-bottom: 20px!important;
}

.navbar-default .navbar-toggle {
	border: none; 
	border-radius: 0!important; 
	background-color: white; 
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:  var(--azul); 
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: white; 
	border-radius: 0;
}


@media screen and (min-width: 990px) {
	footer {
		margin-top: 90px; 
	}
	header {
		margin-bottom: 60px; 
	}
	.columna-medida {
		width: 50%; 
		float: left;
	}
	.carousel-caption {
	left: 70px!important; 
	bottom: 100px; 
}

.view-mobile-somos {
	display: none; 
}

.no-padd {
	padding: 0!important; 
}

.foto-desbordada {	 
	background-image: url("../img/nosotros-08.jpg");
	background-position:center center;
  	background-repeat: no-repeat;
	background-size: 100%;
  	height: 510px; 
	padding: 0;
	width: 110%; 
}

.foto-desbordada-2 {	 
	background-image: url("../img/nosotros-09.jpg");
	background-position:center center;
  	background-repeat: no-repeat;
	background-size: 100%;
   	height: 510px; 
	padding: 0;
	width: 110%; 
	margin-left: -27px;
    margin-top: -18px;
}

.container-arriba {
	position: absolute;
    left: 30px;
    top: -50px;
    width: 100%;
	}

	.display-mobile {
		display: none;
	}

}



@media screen and (max-width: 1200px) {

	.columna-medida {
		width: 100%
		float: none;
	}

	.foto-desbordada, .foto-desbordada-2 {
		display: none;
	}

	.display-mobile {
		display: block;
		margin: 100px 0; 
	}

	.container-arriba {
		position: static;
	}

	.container-blue{
		padding: 30px; 
	}

}

@media screen and (max-width: 990px) {
	section .row {
		margin-bottom: 30px; 
	}
	.sin-padding {
		padding-left: 0px; 
		padding-right: 0px; 
	}
    .contenedor-azul {
	display: none;
	}
	.contenedor-texto {
		background-color: var(--azul); 
		margin: -100px 0 -30px 0!important; 
		padding: 35px 40px 35px 35px;

	}
	.carousel-caption {
	left: 30px!important; 
	bottom: 40px; 
	}
	.view-desktop-somos {
	display: none; 
	}
	.view-mobile-somos {
	width: 100%; 
}

.contenedor-texto-superior-2 {
	margin-top: 50px; 
}

.cajon-mediano, .cajon-mediano-reves, .imagen-base, .imagen-base-2 {
	width: 100%; 
	position: static;
}

.cajita-foto {
	max-width: 90%;
	position: static;
	margin: auto; 
	margin-top: -50px; 
}

.cajita-foto-reves {
	max-width: 90%;
	position: static;
	margin: auto; 
	margin-top: -50px; 
}

.cajita-gris, .cajita-gris-reves {
	padding: 35px 40px 60px 35px; 
	width: 100%; 
}

#somos h3 {
	padding-left: 40px; 
}

.cajon-mediano-reves h3 {
	padding-right: 40px; 
}

form {
	 margin-top: 20px; 
	}

.quote-gris  {
	width: 80%; 
	}
	.display-mobile {
	display: block;
	margin: 0; 
	}


}

@media screen and (max-width: 765px) {



	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background-color: white; 
		margin-top: 0px; 
	}
	
	  h1, h2, h3 {
       font-size: 1.8em; 
    }  

h5 {
	   font-size: 1.3em; 
	}

p {
	font-size: 1.1em; 
	}

	#conoce {
		margin-bottom: 10px;
	}

	.navbar-brand {
		padding: 0; 
	}

}


@media screen and (min-width: 678px) {
	.view-mobile {
		display: none; 
	}
}

@media screen and (max-width: 677px) {
	.view-desktop {
		display: none; 
	}
	.contenedor-texto-superior-2 {
	margin-top: 0; 
	}
}

.preview-vino {
	margin-top: -190px; 
}

.img-pre-vino {
	width: 100px; 
}

.img-vino-ficha {
	width: 150px; 
}

.cuadrado-gris-vino	{
	width: 100%; 
	height: 200px; 
	background-color: var(--azul-gris); 
}

.border-abajo {
	border-bottom: 8px solid var(--azul-gris);
	position: relative;
	margin-bottom: 20px; 
}

.border-abajo p {
	margin-bottom: 90px; 
}

.mas-info {
	padding: 7px; 
	color: white; 
	background-color: var(--bordo);
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	bottom: 20px; 
	font-size: 0.9em; 
	transition: all 0.7s; 
}

.mas-info:hover {
	background-color: var(--azul);
	color: white; 

}

#novedades .mas-info, #vinos .mas-info, #ficha-vino .mas-info {
	position: static;
}

#vinos .mas-info,  #ficha-vino .mas-info {
	padding-left: 10px;
	padding-right: 10px; 
}

#ficha-vino .mas-info {
	float: right;
}

.foto-link {
	transition: all 0.7s; 
	cursor: pointer;
}

.foto-link:hover {
	opacity: 0.5; 
}

.italic {
	font-style: italic;
	font-weight: 300; 
	font-weight: lighter;
	text-shadow: 2px 2px 10px black;  
}

.italic-bold {
	font-style: italic;
	font-weight: 700!important; 
	font-weight: lighter;
	text-shadow: 2px 2px 10px black;  
}


#terminos-condiciones {
	background-color: var(--azul-gris);
}

#impressum h1 {

	padding-top: 20px; 
}

#impressum h3 {
	color: var(--azul);
	text-transform: uppercase;
	font-family: 'Be Vietnam', sans-serif;
	font-size: 1.6em;
	line-height: 1em; 
	margin-bottom: 0.5em!important; 

}

#impressum a {
	color: var(--azul)!important; 
	font-weight: 600; 
}

.mapa {
	font-size: 1em; 
}

#distribuidores h3 {
	font-size: 1.7em; 
}

#distribuidores h4 {
	font-size: 1.5em; 
		letter-spacing: 1px; 
}

#distribuidores a {
	color: var(--azul)!important;
}

#contacto-distribuidores footer {
	margin-top: 0!important; 
}

.ficha li {
	margin-bottom: 10px; 
}
.ficha {

	 font-family: 'Be Vietnam', sans-serif;
	font-size: 1.1em;
	color: var(--azul);
	list-style: none; 
	margin-left: -40px; 
}
.formFooter.f6.branding21 {
    display: none!important; 
}
.branding {
    display: none !important;
}
form {
    display: none;
}