html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Bold.eot');
	src: url('../fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Bold.woff') format('woff'),
		url('../fonts/FuturaStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Book.eot');
	src: url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Book.woff') format('woff'),
		url('../fonts/FuturaStd-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Light.eot');
	src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Light.woff') format('woff'),
		url('../fonts/FuturaStd-Light.ttf') format('truetype');
	font-weight: lighter;
	font-style: normal;
}


/*  ---------------------------------- G E N E R A L ---------------------------------- */

BODY {
	font-family: "Futura Std";
	font-size: 14px;
	margin:auto;
	max-width: 1600px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 30px;
}

NAV {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}

NAV LI {
	display: inline-block;
}

NAV A {
	color: #333333;
	text-decoration: none;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-left: 20px;
	margin-right: 20px;
	transition: color 0.8s ease;
	font-weight: normal;
} NAV A:hover {
	color: #CCCCCC;
} NAV A.active {
	text-decoration: underline;
	color: #0094af;
}

DIV.marca {
	text-align: center;
	padding: 60px;
	color: #0094af;
} DIV.marca SPAN {
	display: block;
} DIV.marca A {
	text-decoration: none;
	color: #0094af;
}

SPAN.logo {
	font-weight: bold;
	font-size: 30px;
	margin: auto;
}

SPAN.lema {

	margin: auto;
	margin-top: 30px;
	padding: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 260px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	
}

SECTION {
}

FOOTER {
	border-top: 2px solid #0094af;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
} FOOTER .col {
	width: 33%;
	float: left;
}FOOTER .col:last-of-type {
	text-align: right;
	float:right;
} FOOTER .col A {
	display:block;
	text-decoration: none;
	color: black;
	line-height: 150%;
	transition: color 0.4s ease, text-decoration 0.4s ease;
} FOOTER .col A:hover {
	text-decoration: underline;
	color: #0094af;
}

H1 {
	font-weight: lighter;
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
	color: #0094af;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.separador {
	clear:both;
	width:100%;
}

.oculto {
	display:none;
}


/*  ---------------------------------- H O M E ---------------------------------- */

.home .slider {
	max-width:86%;
} .home  .slider .bx-wrapper  {
	box-shadow: none;
	border: none;
	margin-bottom: 0px;
} .home  .slider .bx-wrapper .bx-pager {
	bottom: 20px;
	padding: 0;
	margin: 0;
} .home .bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	border: 1px #FFFFFF solid;
	border-radius: 3px;
	width: 6px;
	height: 6px;

} .home .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #FFFFFF;
	border-radius: 3px;
} .home  .right .slider {
	margin: auto;
	margin-right: 0px;
}

.home .info-proyecto {
	position:absolute;
	background-color: #0094af;
	width: 20%;
	z-index: 1000;
	padding:40px;
	margin-top: 40px; 
	-webkit-box-shadow: 20px 20px 0px 0px rgba(0,147,174,0.5);
	-moz-box-shadow: 20px 20px 0px 0px rgba(0,147,174,0.5);
	box-shadow: 20px 20px 0px 0px rgba(0,147,174,0.5);
} .home .info-proyecto IMG {
	width: 100%;
} .home .info-proyecto H2, .home .info-proyecto H3 {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	color: white;
} .home .info-proyecto H3 {
	font-weight: lighter;
	font-size: 38px;
	padding-top: 20px;
	padding-bottom: 30px;
} .home .info-proyecto H3, .home .info-proyecto A {
	text-decoration: none;
}

.dos-col {
	width:100%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
} .dos-col DIV {
	width:49%;
	float: left;
} .dos-col DIV IMG {
	width: 100%;
} .dos-col DIV:last-of-type {
	float: right;
} .dos-col A, .dos-col H2  {
	margin-top: 60px;
	margin-bottom: 40px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #0094af;
	letter-spacing: 6px;
} .dos-col H2::before, .dos-col H2::after {
	content: "–";
}

/*  ---------------------------------- T I E N D A ---------------------------------- */

.tienda H2 {
	text-align: left;
	line-height: 24px;
	margin-top: 0px;
} .tienda H2::after, .tienda H2::before {
	content:"";
} .tienda P {
	font-size: 16px;
	line-height: 20px;
} .tienda ARTICLE ::last-of-type {
	padding-top: 30px;
}

/*  ---------------------------------- M A R C A S  ---------------------------------- */

.marcas .menu {
	float: right;
} .marcas .menu A {
	display:block;
	font-size: 16px;
	text-transform: uppercase;
	color: #0094af;
	letter-spacing: 6px;
	text-decoration: none;
	line-height: 22px;
} .marcas .listado {
	width: 40%;
	float: left;
} .marcas .listado IMG {
	float: right;
	padding-bottom: 30px;
} .marcas .listado IMG::last-of-type {
	padding-bottom: 0;
} .marcas .tipo-marca {
	padding-top: 20px;
	clear: both;
	margin-bottom: 30px;
} .marcas H2 {
	margin-bottom: 20px;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	color: #0094af;
	letter-spacing: 6px;
} .marcas P {
	font-size: 16px;
	line-height: 24px;
} .marcas A {
	color: black;
	transition: color 0.8s ease;
} .marcas A:hover {
	color: #0094af;
}

/*  ---------------------------------- C O N T A C T O  ---------------------------------- */

.contacto {
	width: 100%;
} .contacto IMG {
	width: 100%;
	padding-bottom: 20px;
} .contacto .mapa {
	height: 500px;
}



@media only screen and (max-width : 1023px) {
	.no-vtablet { display:none; }
	.home .info-proyecto IMG {}
}

@media only screen and (max-width : 767px) {
	NAV {padding: 0px;}
	NAV .oculto {display: inherit; padding:10px;}
	NAV .boton {margin: 0;}
	NAV .secciones {display:none; padding:10px; padding-bottom: 0px;}
	NAV LI {display: block;}
	NAV A.seccion {margin: 0; padding: 10px;display: block;  border-top: 1px dotted #666666;}
	BODY {padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
	.home .info-proyecto H3 {font-size: 28px;}
	.home .slider {max-width: 100%;}
	.home .info-proyecto { position: relative; width: 80%; margin-bottom: 30px; padding: 20px; }
	FOOTER .col {width: 50%;}
	FOOTER .col:last-of-type {display:none;}
	.dos-col DIV { width:100%; margin-top: 10px;}
	.home .dos-col DIV { width:49%; margin-top: 10px;}
	HEADER .marca {padding: 20px; margin-bottom: 20px;}
	.marcas IMG {display:none;}
	.marcas .menu {display:none;}
	.marcas .listado {width: 100%; text-align: center;}
	.marcas ARTICLE { margin-bottom: 20px;}

	
}