@charset "utf-8";
/* CSS Document */


.deb {
	border: 1px dashed blue;
}

body {
	background-color: black;
	color: white;
}
a, a:hover, a:visited {
	color: white;
	text-decoration: none;
}

/*				HEADER
*/
header {
	text-align: center;
	background-image: url(../images/img_banner_bg_granreserva.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 40px;
	padding-bottom: 60px;
}
header div:nth-child(3) { /*imgen del texto*/
	padding-top: 237px;
	padding-right: 55px;
	text-align: right;
}
header div:nth-child(4) { /*contenedor de imagenes copa y botella*/
	text-align: left;
}
header div:nth-child(4) img { /*alineacion vertical*/
	vertical-align: bottom;
}
header div:nth-child(4) img:last-child { /*acomodo de la botella*/
	margin-top: -145px;
}


/*select*/
.selectm8{
color: white !important;
font-size: 16px;
background-image: url(../images/icn-gran-reserva-flecha.png);
background-repeat: no-repeat;
background-position: right;
background-color: transparent;
width: 80px;
background-size: 50%;
position:absolute; right:5%; top:48px;
z-index: 999999;
border: 2px solid white !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.label-select{

position:absolute; right:5%; top:25px;
z-index: 999999;
}

.premios-trad{
	color: black !important;
	text-align: center;
	vertical-align: middle;
	margin-top: 16px;
	font-family: "Trajan-Regular";
	font-weight: bolder;
	font-size: 11px;
}





section#about {
	padding-top: 100px;
	padding-bottom: 150px;
	background-color: white;
	font-family: "Trajan-Regular";
	font-size: 15px;
}
section#about div {
	color: black;
	width: 50%;
	max-width: 970px;
	text-align: center;
	margin: 0 auto;
}
section#about div h2 {
	font-weight: bold;
	margin-bottom: 50px;
	font-size:20px
}




#premios{
	padding-top:50px !important;
	padding-bottom:50px !important;
	
}
#premios h3{
	margin-bottom:30px !important;
}
#premios h6{
	margin-bottom:30px !important;
}
section#img1, section#img2 {
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
section#img1 {
	background-image:url(../images/img_foto1-2.png);
}
section#img2 {
	background-image:url(../images/img_foto2-1.png);
}








section#botella {
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;

	font-family: "Trajan-Regular";
	color: #fffcd0;
}
section#botella div { /*tamaño minimo de los contenedores*/
	min-height: 680px;
}
section#botella div:first-child { /*contenedor de la imagen de la botella*/
	text-align: right;
	border-right: 2px solid gray;
}
section#botella div:nth-child(2) { /*contenedor central*/
	padding-top: 0px;
	border-right: 2px solid gray;
}
section#botella div:last-child { /*contenedor final*/
	padding-top: 80px;
}
section#botella div p.tit {
	font-size: 20px;
	margin-top: 10px;
	font-weight: bold;
}
section#botella div p.det {
	font-size: 15px;
	margin-bottom: 40px;
	font-family: "PTSans-Regular"; 
}







section#timelove {
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: white;
	font-family: "Trajan-Regular";
	font-size: 30px;
	color: black;
	text-align: center;
}
section#timelove p {
	font-size: 14px;
}
section#timelove h2 {
	margin-bottom: 35px;
}

.img_hover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background-color: #000;
	cursor: pointer;
	height: 100%;
	max-height: 436px;
	width: 92%;
	max-width: 361px;
	position: absolute;
	margin-top: -421.26px;
	padding-top: 43%;
	z-index: 10;
	opacity: 0;
}

.img_hover h2 {
	font-size: 30px;
	color: #ffe089;
}

.img_hover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}







section#instagram_facebook {
	background-color: white;
	padding-top: 100px;
	padding-bottom: 150px;
}

.face{background-color:#102952; border-radius:50%; padding:8px 16px; font-size:35px;color:white}
.fb-page{ margin-top:18px}










section#findus {
	text-align: center;
	font-weight: 800;
	font-family: "PTSans-Regular";
	padding-top: 120px;
}
section#findus div:first-child div {
	width: 98%;
	max-width: 820px;
	margin: 0 auto;
	margin-bottom: 30px;
}
section#findus div:first-child div h2 {
	font-family: "Trajan-Regular";
	font-size: 30px;
	padding-top: 30px;
	margin-bottom: 40px;
}
section#findus div:first-child div input[type="text"] {
	width: 250px;
	border: 2px solid #404040;
	background-color: #404040;
	color: #898989;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}
section#findus div:first-child div label {
	color: #fffcd1;
	letter-spacing: 2px;
}
section#findus div:first-child div button {
	float: right;
	padding-left: 75px;
	padding-right: 75px;
	margin-top: 25px;
	background-color: black;
	color: orange;
	border: 2px solid orange;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: 1px;
}
#lista_find {
	padding-left: 0px;
}
#lista_find li {
	display: inline-block;
	padding-right: 15px;
	margin-bottom: 15px;
}









section#lista {
	padding-top: 40px;
	padding-bottom: 80px;
	font-family: "Trajan-Regular";
}
section#lista div.contenedor {
	width: 75%;
	height: 300px;
	border-bottom: 1px solid gray;
	overflow: scroll;
	margin: 0 auto;
}
.registro {
	min-height: 117px;
	/*height: 117px;*/
	width: 85%;
	min-width: 445px;
	margin: 0 auto;
	margin-top: 0px;
	border-bottom: 1px solid gray;
	padding-bottom: 0px;
	font-size: 10pt;
	font-weight: bold;
}
.registro div:first-child {
	text-align: center;
}
.registro div:first-child img {
	width: 20px;
	margin-top: 18px;
}
.registro div button {
	background-color: gray;
	padding-left: 75px;
	padding-right: 75px;
	margin-top: 85px;
	border: none;
	font-family: "OpenSans";
	font-weight: 100;
	font-size: 9pt;
	padding-top: 3px;
	padding-bottom: 2px;
}










footer#footer {
	background-image: url(../images/img_footer_fondo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	padding-top:30px;
	padding-bottom:30px
}
footer#footer div.row {
	
	padding-bottom: 0px;
	font-family: "OpenSans";
}
/*primer columna*/
footer#footer div:first-child {
	
	text-align: center;
	font-size:12px; 
	color:white
}
footer#footer div:first-child img {
	text-align:center;
	 margin-bottom:50px
}


footer#footer div div:first-child a {
	font-family: "Montserrat-Light";
	margin-right:20px
}
.sip {
	font-size: 25px !important;
	margin-right: 0px;
	color:#b9a77c;
	text-align:center;
	font-family: "Trajan-Regular" !important;
	top:-10px;
	position:relative
}
#super {
	color: transparent;
}
footer{margin-top:100px}

/*segunda columna*/
footer#footer div div:last-child {
	padding-top: 10px;
	padding-left: 0px;
}
footer#footer div div:last-child p:nth-child(1) {
	font-family: "Montserrat-Regular";
	font-size: 13pt;
	color: #FFD433;
	margin-bottom: 0;
	text-align:left
}
footer#footer div div:last-child p:nth-child(2) {
	font-family: "Montserrat-Regular";
	text-align:left;
	font-size: 11pt;
	color: white;
	margin-top: 0;
}

footer#footer div:last-child{padding-top:30px}
footer#footer div div:last-child form input {
	
	border: none;
	border-radius: 3px;
	color: #222;
	font-weight: bolder;
}
footer#footer div div:last-child form input:first-child {
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 7px;
	width: 100%;
	font-size: 11pt;
	
}
footer#footer div div:last-child form input:last-child {
	background-color: #E84C3D;
	padding: 5px 35px;
	color: white;
	margin-bottom: 45px;
	font-size: 8pt;
	float:left;
	width:50%
}


#links {
	padding-top: 0px !important;
	padding-left: 0px !important;
}
#links a:nth-child(1) {
	text-align:left; top:30px; position:relative
}
#links a:nth-child(2) {
	 margin-left:50px; top:50px; position:relative
}
#links a:nth-child(3) {
	margin-left: 0px; top:50px; position:relative
}
#premios{
	background-color:white;
}
#process{background-color:white; padding:40px 0px}
#process h3, #premios h3 {
	font-family: "Trajan-Regular"; font-weight:bolder;
    color: black;
    text-align: center;
    margin-bottom: 60px;}
	#process h6, #premios h6{
	font-family: "Trajan-Regular";
    color: black;
    text-align: center;
    margin-bottom: 10px; font-size:10px}
	
	#process .porque{color:black; text-align:center; 
	font-family: "Trajan-Regular"; font-weight:bolder; font-size:14px;   }
	
	.centered{
	text-align: center;
    margin-left: auto;
    padding-right: 45%;
    margin-right: auto;
    display: block;
}

	#process .porque2{color:#707070; font-size:13px; font-family: "PTSans-Regular";  width:90%; margin-top:20px}
	
	.customNavigation4 a{
  display  : inline-block;
  height   : 24px;
  color:#878787;
  top:200px;
  position:relative;
  cursor:pointer;
}


/* for Next Control */
.customNavigation4 a.next {
  float:right;
  margin-right:10%;
  color:black;
   z-index:99999;
  position:relative
 
}
/* for Previous Control */
.customNavigation4 a.prev {
  float:left;
  margin-left:10%;
  color:black;
   z-index:99999;
  position:relative
}
#process .porque{color:black; text-align:center; 
	font-family: "Trajan-Regular"; font-weight:bolder; font-size:14px;  margin-left: -15%; }
	
	#process .porque2{color:#707070; font-size:13px; font-family: "PTSans-Regular";  width:90%; margin-top:20px}
.item3 img{left:15%; position:relative }

.importer{width:38%; margin:auto; position:relative}
	.importer p{color:#70727E; font-family:"Garamond-Regular"; text-transform:uppercase; font-size:12px; letter-spacing:2px; line-height:30px }
	.importer a{color:#70727E; font-family:"Garamond-Regular"; text-transform:uppercase; font-size:12px; letter-spacing:2px; line-height:30px }
	
	.alaska2{ text-align:center; height:40px; opacity:.8}
.alaska:hover  .alaska2{display:block; text-align:center}
.alaska2 a{color:white; opacity:.8}

.alaska p{color:white;font-family: "Garamond-Regular"; font-size:15px; margin:0px !important}
.back{padding:10px 0px 2px 5px; height:40px; margin-bottom:3px; }
.back:hover{background-color:#898989; padding:10px 0px 0px 5px; height:40px; margin-bottom:3px}


.contenedortoggle{width:55%; position:relative; margin:auto; margin-bottom:70px; min-height:50px; text-transform:uppercase}

.titulo_findus{
	font-family: "Garamond-Bold"; 
	font-size:26px;
	text-align: center;
	color: #898989;
}

.h2{background-image:url(../images/flechaup.png); background-repeat:no-repeat; background-position:80%; cursor: pointer;
top: 10px;
position: relative;}
.contenedortoggle h2{color:#898989;font-family: "Garamond-Bold"; font-size:24px; margin-bottom:30px; text-align:center }
.idiomas a{background-color:#fff; color:black;  border-radius:50%; margin-right:5px; padding:5px 7px; 	font-family: "PTSans-Regular"; }
.idiomas{position:absolute; right:5%; top:25px; z-index:99999}
.buynow{padding:6px 15px; background-color:white; border-radius:2px; color:#9E8C56; position:fixed; right:4.5%; top:60px; z-index:99999; border:1px solid #9E8C56; font-family:"Trajan-Regular"  }
.buynow:hover, .buynow:focus{color:black; text-decoration:none}
.modal{font-family:"Trajan-Regular" ; color:black;}
.modal-contet{min-height:250px; height:auto}
.modal a{color:#9E8C56}
.modal h2{margin:0px 0px 30px}

#colorselector{   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; 
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #FFF url("../images/selector.png") no-repeat scroll right center;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16) !important; border:none; outline:none; margin-bottom:30px
}
.dorado{background-color:#9E8C56; color:white; border:white; padding:15px; }
.dorado td{border:1px solid white; padding:4px 10px}
.tabla td{border:1px solid white; padding:4px 10px}

.colors{display:none}
.colorshow{display:block; margin-top:30px}
*{outline: none !important}

.row1 {width:30%; position:relative; float:left; }
.row1 img {width:49%; margin-bottom:9px}
.row2 {width:19%; position:relative; float:left;}
.row2 img {
    width: 47%;
    margin-bottom: 11px;
    float: left;
    margin-left: 3%;
}
.row3 {width:11%; position:relative; float:left; margin-left:.5% }
.row3 img {width:100%; margin-bottom:5px}

.fancybox-overlay a:hover{opacity:1 !important}
#galerias {
    padding: 3% 10%;
}

.img_whatis {
    margin: 50px 0 300px 0;
    position: relative;
    float: left;
}
#instagram img{
	margin-left: 45%;}
	#facebook i{
		margin-left:35%;}
		.img-grande{
			width:97% !important;}
