@charset "utf-8";

/* RESET ================================================================================================= */
* {
	margin: 0;
	padding: 0;	
	/*border: 1px #000 solid;*/
}

/* FUENTES ================================================================================================= */
@font-face {
	font-family: 'HNeueBX';
	src: url('fonts/helveticaneueltstd-bdex-webfont.eot');
	src: url('fonts/helveticaneueltstd-bdex-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helveticaneueltstd-bdex-webfont.woff') format('woff'),
		 url('fonts/helveticaneueltstd-bdex-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneueltstd-bdex-webfont.svg#helveticaneueltstd-bdex-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HNeueBC';
	src: url('fonts/helveticaneue-boldcond-webfont.eot');
	src: url('fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
		 url('fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneue-boldcond-webfont.svg#helveticaneue-boldcond-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HNeueTI';
	src: url('fonts/helveticaneueltstd-thit-webfont.eot');
	src: url('fonts/helveticaneueltstd-thit-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helveticaneueltstd-thit-webfont.woff') format('woff'),
		 url('fonts/helveticaneueltstd-thit-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneueltstd-thit-webfont.svg#helveticaneueltstd-thit-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HNeueBI';
	src: url('fonts/helveticaneueltstd-bdit-webfont.eot');
	src: url('fonts/helveticaneueltstd-bdit-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helveticaneueltstd-bdit-webfont.woff') format('woff'),
		 url('fonts/helveticaneueltstd-bdit-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneueltstd-bdit-webfont.svg#helveticaneueltstd-bdit-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HNeueL';
	src: url('fonts/helveticaneueltstd-lt-webfont.eot');
	src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
		 url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneueltstd-lt-webfont.svg#helveticaneueltstd-lt-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HCYB';
	src: url('fonts/HelveticaCYBold.eot');
	src: url('fonts/HelveticaCYBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/HelveticaCYBold.woff') format('woff'),
		 url('fonts/HelveticaCYBold.ttf') format('truetype'),
		 url('fonts/HelveticaCYBold.svg#helveticaCYBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'OpenSansSB';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Semibold-webfont.svg#OpenSans-Semibold-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-BoldItalic-webfont.eot');
	src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
		 url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSans-BoldItalic-webfont') format('svg');
	font-weight: normal;
	font-style: italic;
}

/* DOCUMENTO ================================================================================================= */
html { 
	background-color: #E2E2E2;
	color: #999;
	-webkit-text-size-adjust: 100%;
}

body { 
	display: none; 
	width: 900px;
	margin: 0 auto;
	position: relative;
}

/* HEADER ================================================================================================= */
header {
	position: fixed;
	top: 30px;
	z-index: 5;
	width: 887px;
	height: 99px;
	padding: 12px 0 0 13px;
	background-color: #fff;
	font-family: HNeueBX;
	font-size: 8pt;
	color: #666;
	text-align:center;
}
header p {
	letter-spacing: 6px;
}
header img {
	vertical-align: middle;
}
header p {
	display: inline;
	position: relative;
	top: 3px;
	margin: 0 25px;
}
#header-twitter, #header-instagram, #header-facebook {
	cursor: pointer;
}

/* NAV ================================================================================================= */
nav {
	position: fixed;
	z-index: 4;
	top: 0px;
	width: 831px;
	height: 40px;
	padding: 153px 69px 0 0;
	text-align: right;
}
nav img {
	margin: 0 7px;
	cursor: pointer;
}
nav div {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 193px;
	background-color: #e2e2e2;
	z-index: -1;
}

/* PRODUCTOS ================================================================================================= */
#productos {
	position: relative;
	top: 193px;
	width: 900px;
	height: 205px;
	padding: 33px 0 0 0;
	background-color: #fff;
	text-align: center;
}
#productos p {
	font-family: 'HNeueBC';
	font-size: 33pt;
	letter-spacing: 3px;
	color: #666;
	margin-bottom: 12px;
}
#productos img {
	margin: 0 6px;
	cursor: pointer;
}

#slider {
	position: absolute;
	top: 271px;
	left: 38px;
	width: 824px;
	height: 331px;
	background-image: url(img/transparente.png);
	z-index: 3;
	display: none;
}

#marco {
	position:relative;
	width: 654px;
	height: 304px;
	margin: 15px auto 0 auto;
	background-image: url(img/slider-marco.png);
	background-repeat: no-repeat;
	background-color: #fcfcfc;
}
#marco img {
	position: absolute;	
}
#cerrar {
	top: 9px;
	right: 11px;
}
#cerrar, #flechai, #flechad { cursor: pointer }
#flechai { 
	top: 103px;
	left: 6px;
}
#flechad {
	top: 103px;
	right: 6px;
}
#slider-block3, #slider-bovedilla, #slider-adoquinhex, #slider-adoquinrec, #slider-adoquinhue {
	display: none;
}

.rojo {
	position: relative;
	top: 210px;
	width: 900px;
	height: 8px;
	background-color: #EC302C;	
}

/* FABRICAMOS ================================================================================================= */
#fabricamos {
	position: relative;
	top: 226px;
	width: 900px;
	height: 130px;
	padding: 0px 0 0 0;
	background-color: #fff;
	text-align: center;
}
#fabricamos1 {
	position: absolute;
	top: 27px;
	left: 50px;
	width: 280px;
	font-family: 'HNeueBC';	
	font-size: 60px;
	letter-spacing: -4px;
	color: #EC302C;
}
#fabricamos2 {
	position: absolute;
	top: 45px;
	left: 360px;
	font-family: 'HNeueBC';	
	font-size: 55px;
	letter-spacing: -4px;
	line-height: 36px;
	color: #666;
}
#fabricamos3 {
	position:relative;
	top: 135px;
	font-family: 'HNeueBI';	
	font-size: 14px;
	letter-spacing: 2px;
	color: #222;
}

/* EMPRESA ================================================================================================= */
#empresa {
	position: relative;
	top: 290px;
	width: 900px;
	height: 860px;
	background-color: #fff;	
}
#empresa div { width: 900px }
#empresa img { 
	position: absolute;
	left: 140px;
}
#empresa p {
	position: absolute;
	left: 300px;
	width: 470px;
	font-family: 'OpenSans';
	font-size: 13pt;
	line-height: 25px;
	color: #111;
}
#empresa .titulo {
	top: 21px;
	left: 430px;
}
#empresa1, #empresa2, #empresa3, #empresa4 {
	position:relative;
	top: 63px;
}
#empresa1 {
	height: 255px;
	background-color: #f8f8f8;
}
#empresa1 img { margin: 70px 0 0 0 }
#empresa1 p { margin: 20px 0 0 0 }
#empresa2 {
	height: 306px;
}
#empresa2 img { margin: 30px 0 0 0 }
#empresa2 p { margin: 40px 0 0 0 }
#empresa3 {
	height: 123px;
	background-color: #f8f8f8;
}
#empresa3 img { margin: 23px 0 0 0 }
#empresa3 p { margin: 20px 0 0 0 }
#empresa4 {
	height: 118px;
}
#empresa4 img { margin: 18px 0 0 0 }
#empresa4 p { margin: 20px 0 0 0 }

/* CONTACTO ================================================================================================= */
#contacto {
	position: relative;
	top: 335px;
	width: 900px;
	height: 888px;
	background-color: #fff;
	font-family: 'HNeueL';
	font-size: 14pt;
	color: #111;
}

#contacto .titulo {
	position: relative;
	top: 23px;
	left: 600px;
}

#mapa {
	position: relative;
	width: 900px;
	height: 310px;
	top: 45px;
	background-color:#666;
}

#surtimos {
	position: relative;
	top: 75px;
	width: 900px;
	height: 123px;
	background-color: #f8f8f8;
}

#surtimos img {
	position: absolute;
	top: 28px;
	left: 90px;
}

#surtimos p {
	position: absolute;
	top: 50px;
	left: 310px;
	font-family: "OpenSansSB";
	font-size: 13pt;
	color: #333;
}

#direccion, #email, #telefono, #instagram, #twitter, #facebook {
	position: absolute;
}
#direccion { width: 285px }
#email { width: 235px }
#telefono { width: 222px }
#instagram { width: 114px }
#twitter { width: 129px }
#facebook { width: 114px }
#direccion img, #email img, #telefono img, #instagram img, #twitter img, #facebook img {
	float: left;
}
#direccion p, #email p, #telefono p, #instagram p, #twitter p, #facebook p {
	position: relative;
	top: 10px;
	left: 6px;
}
#direccion p { 
	top: 0;
	line-height: 25px;
}

#direccion {
	top: 610px;
	left: 180px;
}

#email {
	top: 680px;
	left: 180px;	
}

#telefono {
	top: 750px;
	left: 180px;	
}

#instagram {
	top: 610px;
	left: 550px;	
}

#twitter {
	top: 680px;
	left: 550px;	
}

#facebook {
	top: 750px;
	left: 550px;	
}

.rojo2 {
	top: 375px;
	height: 5px;
}

footer {
	position: relative;
	top: 315px;
	width: 900px;
	height: 75px;
	font-family: "OpenSansSB";
	font-size: 8pt;
	text-align: center;
	letter-spacing: 2px;
	color: #111;
}

/* EXTRA ================================================================================================= */
img {
	border: none;
}
	
a {
	text-decoration: none;
	color: #111;
}