/*--------------------
FUENTES
----------------------*/
@font-face {
    font-family: 'aldosemibold';
    src: url('../fonts/Aldo/aldo_pc-webfont.eot');
    src: url('../fonts/Aldo/aldo_pc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aldo/aldo_pc-webfont.woff2') format('woff2'),
         url('../fonts/Aldo/aldo_pc-webfont.woff') format('woff'),
         url('../fonts/Aldo/aldo_pc-webfont.ttf') format('truetype'),
         url('../fonts/Aldo/aldo_pc-webfont.svg#aldosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sanslight';
    src: url('../fonts/JosefinSans/josefinsans-light-webfont.eot');
    src: url('../fonts/JosefinSans/josefinsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSans/josefinsans-light-webfont.woff2') format('woff2'),
         url('../fonts/JosefinSans/josefinsans-light-webfont.woff') format('woff'),
         url('../fonts/JosefinSans/josefinsans-light-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSans/josefinsans-light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/JosefinSans/josefinsans-bold-webfont.eot');
    src: url('../fonts/JosefinSans/josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JosefinSans/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/JosefinSans/josefinsans-bold-webfont.woff') format('woff'),
         url('../fonts/JosefinSans/josefinsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/JosefinSans/josefinsans-bold-webfont.svg#josefin_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans/opensans-light-webfont.eot');
    src: url('../fonts/OpenSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans/opensans-light-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans/opensans-regular-webfont.eot');
    src: url('../fonts/OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'titillium_web_regular';
    src: url('../fonts/TitilliumWeb/titilliumweb-regular-webfont.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-regular-webfont.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-regular-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'titillium_web_light';
    src: url('../fonts/TitilliumWeb/titilliumweb-light-webfont.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-light-webfont.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-light-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--------------------
GENERAL
----------------------*/
body {
	margin:0;
	font-family: 'open_sansregular';
	line-height:180%;
	color:#666;
	font-size:14px;
}


/*--------------------
EDITOR
----------------------*/
.bloque {
	display:block !important;
	margin:0 auto !important;
}
.titulo {
	font-family: 'aldosemibold';
	font-size:24px;
	color:#2eb8e8;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:5px;
	font-weight:normal;
}
.subtitulo {
	font-family: 'josefin_sanslight';
	font-size:48px;
	color:#707070;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	line-height:130%;
}
.destacado {
	font-family: 'titillium_web_light';
	font-size:14px;
	color:#999;
	text-transform:uppercase;
}
.aviso {
	font-family: 'josefin_sanslight';
	font-size:130px;
	margin:0;
	text-transform:uppercase;
	line-height:normal;
}
.big {
	font-family: 'open_sanslight';
	font-size:24px;
	line-height:130%;
}
.medium {
	font-size:16px;
	line-height:170%;
	color:#999;
}
.small {
	font-size:10px;
	line-height:180%;
}
.vin-1 {
	background-image:url(../images/vin-circulo.png);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:5px;
}
.vin-1-azul {
	background-image:url(../images/vin-circulo-azul.png);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:5px;
}
.boton {
	font-family: 'josefin_sanslight';
	color:#FFF;
	padding:15px 30px 15px 55px;
	border:solid 1px #2db8e8;
	font-size:24px;
	background-image:url(../images/vin-mas.png);
	background-repeat:no-repeat;
	background-position:15px center;
	padding-left:50px;
	display:table;
	cursor:pointer;
	text-transform:uppercase;
	line-height:100%;
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.boton:hover {
	background-color:#2db8e8;
}


/*--------------------
FONDO IMAGEN
----------------------*/
.fondo-left {
	padding:2% 0;
	text-align:left;
	background-position:center;
	display:table;
	width:100%;
	overflow:hidden;
}
.fondo-right {
	padding:2% 0;
	text-align:right;
	background-position:center;
	display:table;
	width:100%;
	overflow:hidden;
}
.fondo-center {
	padding:2% 0;
	text-align:center;
	background-position:center;
	display:table;
	width:100%;
	overflow:hidden;
}


/*--------------------
COLUMNAS
----------------------*/
.col-100 {
	width:100%;
	box-sizing:border-box;
	display:inline-block;
	margin-right:-4px;
	padding:1.5%;
	vertical-align:middle;
}
.col-70 {
	width:66.6%;
	box-sizing:border-box;
	display:inline-block;
	margin-right:-4px;
	padding:1.5%;
	vertical-align:middle;
}
.col-50 {
	width:50%;
	box-sizing:border-box;
	display:inline-block;
	margin-right:-4px;
	padding:1.5%;
	vertical-align:middle;
}
.col-30 {
	width:33.3%;
	box-sizing:border-box;
	display:inline-block;
	margin-right:-4px;
	padding:1.5%;
	vertical-align:middle;
}
.col-25 {
	width:25%;
	box-sizing:border-box;
	display:inline-block;
	margin-right:-4px;
	padding:1.5%;
	vertical-align:middle;
}

/*IMAGENES COLUMNAS*/
.col-100 img {
	width:100%;
	display:block;
}
.col-70 img {
	width:100%;
	display:block;
}
.col-50 img {
	width:100%;
	display:block;
}
.col-30 img {
	width:100%;
	display:block;
}
.col-25 img {
	width:100%;
	display:block;
}


/*--------------------
RECORTE IMAGENES
----------------------*/
.recorte-top {
	margin-top:-100px;
}
.recorte-bottom {
	margin-bottom:-100px;
}


/*--------------------
ALINEACION VERTICAL
----------------------*/
.vertical-top {
	vertical-align:top !important;
}
.vertical-bottom {
	vertical-align:bottom !important;
}


/*--------------------
ANCHO IMAGENES
----------------------*/
.img-100 {
	width:100% !important;
	display:inline !important;
}
.img-80 {
	width:80% !important;
	display:inline !important;
}
.img-50 {
	width:50% !important;
	display:inline !important;
}
.img-30 {
	width:33.33% !important;
	display:inline !important;
}
.img-25 {
	width:25% !important;
	display:inline !important;
}


/*--------------------
GRID
----------------------*/
.grid-100 {
	width:99%;
	box-sizing:border-box;
	float:left;
	margin:0.5%;
	overflow:hidden;
}
.grid-70 {
	width:65.6%;
	box-sizing:border-box;
	float:left;
	margin:0.5%;
	overflow:hidden;
}
.grid-50 {
	width:49%;
	box-sizing:border-box;
	float:left;
	margin:0.5%;
	overflow:hidden;
}
.grid-30 {
	width:32.3%;
	box-sizing:border-box;
	float:left;
	margin:0.5%;
	overflow:hidden;
}
.grid-25 {
	width:24%;
	box-sizing:border-box;
	float:left;
	margin:0.5%;
	overflow:hidden;
	position:relative;
	background-image:url(../../../images/home/ver-mas-azul.jpg);
	background-size:100%;
}

/*IMAGENES GRID*/
.grid-100 img {
	width:100%;
	display:block;
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.grid-70 img {
	width:100%;
	display:block;
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.grid-50 img {
	width:100%;
	display:block;
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.grid-30 img {
	width:100%;
	display:block;
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.grid-25 img {
	width:100%;
	display:block;
	max-width:100%;
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

/*HOVER IMAGENES*/
.grid-100:hover > img {
	transform:scale(1.2);
	opacity:0;
}
.grid-70:hover > img {
	transform:scale(1.2);
	opacity:0;
}
.grid-50:hover > img {
	transform:scale(1.2);
	opacity:0;
}
.grid-30:hover > img {
	transform:scale(1.2);
	opacity:0;
}
.grid-25:hover > img {
	transform:scale(1.2);
	opacity:0;
}

/*TEXTO GRID*/
.texto_grid {
	position:absolute;
	display:table-cell;
	background-color:rgba(0,0,0,0.0);
	bottom:0;
	padding:10% 7%;
	color:#FFF;
	width:100%;
	box-sizing:border-box;
	font-size:124%;
}


/*--------------------
MAS
----------------------*/
.mas {
	visibility:visible;
}
.mas img {
	cursor:pointer;
	transform:rotate(0deg);
	
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
.mas img:hover {
	transform:rotate(90deg);
}



/*--------------------
WOW
----------------------*/
.wow {
	visibility:inherit;
}