@charset "utf-8";
/* CSS Document */
body{
	background-color:#D7D8DA;
	}
@font-face {
	font-family:"Oswald";
	src:url("../fuentes/Oswald/Oswald.eot?") format("eot"),
	url("../fuentes/Oswald/Oswald.woff") format("woff"),
	url("../fuentes/Oswald/Oswald.ttf") format("truetype"),
	url("../fuentes/Oswald/Oswald.svg#Oswald") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family:"Questrial-Regular";
	src:url("../fuentes/Questrial-Regular/Questrial-Regular.eot?") format("eot"),
	url("../fuentes/Questrial-Regular/Questrial-Regular.woff") format("woff"),
	url("../fuentes/Questrial-Regular/Questrial-Regular.ttf") format("truetype"),
	url("../fuentes/Questrial-Regular/Questrial-Regular.svg#Questrial-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family:"Rokkitt Bold";
	src:url("../fuentes/Rokkitt_Bold/Rokkitt-Bold.eot?") format("eot"),
	url("../fuentes/Rokkitt_Bold/Rokkitt-Bold.woff") format("woff"),
	url("../fuentes/Rokkitt_Bold/Rokkitt-Bold.ttf") format("truetype"),
	url("../fuentes/Rokkitt_Bold/Rokkitt-Bold.svg#Rokkitt-Bold") format("svg");
	font-weight:normal;
	font-style:normal;
	}
#head{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	z-index:2;
	height:105px;
	background-image:url(../img/head.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#head-960{
	width:960px;
	margin:auto;
	position:relative;
	height:105px;
	}
#logo{
	width:470px;
	padding-left:10px;
	float:left;
	position:relative;
	padding-top:35px;
	}
#menu{
	width:430px;
	padding-left:50px;
	padding-top:10px;
	float:left;
	position:relative;
	}
#menu ul li{
	font-family:"Oswald";
	font-size:16px;
	display:inline;
	margin-left:22px;
	}
#menu ul li a{
	text-decoration:none;
	color:#FFF;
	}
#menu .selec{
	color:#F49600;
	}
#banner{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:-105px;
	background-image:url(../img/fondo-banner.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#banner-960{
	width:1395px;
	margin:auto;
	position:relative;
	}
#novedades{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/novedades.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:-135px;
	height:295px;
	}
#novedades-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#marcas{
	width:100%;
	min-width:960px;
	position:relative;
	float:left;
	background-image:url(../img/marcas.png);
	background-repeat:no-repeat;
	background-position:center;
	height:156px;
	}
#marcas-960{
	width:960px;
	margin:auto;
	position:relative;
	padding-top:15px;
	}
#certificaciones{
	width:100%;
	min-width:960px;
	height:407px;
	position:relative;
	float:left;
  	background-image:url(../img/cerificaciones.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#certificaciones-960{
	width:960px;
	position:relative;
	margin:auto;
	}
#certificaciones-960 h2{
	font-size:16px;
	color:#FFF;
	padding-top:30px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#certificaciones-960 h3{
	font-size:21px;
	padding-top:10px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#conozcanos{
	width:100%;
	min-width:960px;
	position:relative;
	float:left;
	background-image:url(../img/conozcanos.png);
	background-repeat:no-repeat;
	background-position:center;
	height:700px;
	z-index:1;
	}
#conozcanos-960{
	width:960px;
	margin:auto;
	position:relative;
	padding-top:120px;
	}
#conozcanos-texto{
	width:480px;
	float:left;
	position:relative;
	}
#conozcanos-texto-logo{
	padding-top:130px;
	text-align:right;
	}
#conozcanos-texto-logo img{
	margin-right:40px;
	}
#conozcanos-texto-parrafo{
	padding-top:40px;
	margin-left:55px;
	}
#conozcanos-texto-parrafo p{
	color:#FFF;
	width:360px;
	font-family:"Questrial-Regular";
	font-size:16px;
	}
#conozcanos-texto-titulo{
	text-align:right;
	margin-top:65px;
	margin-right:30px;
	}
#conozcanos-texto-titulo h1{
	font-size:38px;
	color:#FFF;
	font-family:"Oswald";
	}
#conozcanos-imagen{
	width:480px;
	float:left;
	position:relative;
	}
#empresa{
	width:100%;
	min-width:960px;
	height:713px;
	margin-top:-105px;	
	float:left;
	position:relative;
	background-image:url(../img/empresa.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
#empresa-960{
	width:960px;
	margin:auto;
	position:relative;
	padding-top:160px;
	}
#banner-empresa{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:-105px;
	}
#banner-empresa-960{
	width:1395px;
	margin:auto;
	position:relative;
	}
#quienes{
	width:706px;
	height:395px;
	float:left;
	background-image:url(../img/quienes.png);
	background-repeat:no-repeat;
	margin-left:108px;
	}
#quienes-titulo{
	width:706px;
	height:75px;
	float:left;
	position:relative;
	}
#quienes-titulo h1{
	font-size:16px;
	color:#FFF;
	padding-top:8px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#quienes-titulo h2{
	font-size:21px;
	padding-top:10px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#quienes-texto{
	width:706px;
	position:relative;
	float:left;
	}
#quienes-texto p{
	color:#FFF;
	font-family:"Questrial-Regular";
	font-size:16px;
	}
#quienes-texto ul li{
	background-image:url(../img/li.png);
	width:612px;
	font-family:"Rokkitt Bold";
	font-size:16px;
	color:#FFF;
	height:8px;
	padding:10px;
	margin-top:10px;
	}
#quienes-boton{
	width:706px;
	float:left;
	margin-top:18px;
	text-align:center;
	}
#compania{
	width:100%;
	position:relative;
	float:left;
	min-width:960px;
	height:700px;
	background-image:url(../img/empresa.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
	}
#compania-960{
	width:960px;
	margin:auto;
	position:relative;
}

#productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/fondo-productos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:1664px;
	margin-top:-206px;
}

#productos-960{
	width:960px;
	margin:auto;
	position:relative;
	padding-top:75px;
	}
#lista-productos{
	width:790px;
	float:left;
	margin-left:110px;
	}
.producto{
	width:240px;
	height:285px;
	float:left;
	margin-left:5px;
	margin-top:134px;
	}
.producto:hover{
	background-color:#62656C;
	color:#FFF;
	}
.titulo-producto{
	width:240px;
	float:left;
	padding-top:20px;
	text-align:center;
	}
.titulo-producto h1{
	font-family:"Oswald";
	font-size:17px;
	font-weight:normal;
	}
.ver-producto{
	background-image:url(../img/productos/mas.png);
	background-repeat:no-repeat;
	width:87px;
	height:77px;
	float:left;
	margin-left:75px;
	}
.ver-mas-producto{
	width:87px;
	float:left;
	text-align:center;
	margin-top:60px;
	}
.ver-mas-producto a{
	text-decoration:none;
	color:#000;
	font-size:11px;
	font-family:"Questrial-Regular";
	}
.ver-mas-producto a:hover{
	color:#FFF;
	}
.imagen-producto{
	width:240px;
	float:left;
	padding-top:12px;
	text-align:center;
	}
.producto2{
	width:250px;
	height:330px;
	float:left;
	margin-left:5px;
	margin-top:42px;
	}
.producto2:hover{
	background-color:#62656C;
	color:#FFF;
	}
.titulo-producto2{
	width:240px;
	float:left;
	padding-top:20px;
	text-align:center;
	}
.titulo-producto2 h1{
	font-family:"Oswald";
	font-size:17px;
	font-weight:normal;
	}
.ver-producto2{
	background-image:url(../img/productos/mas.png);
	background-repeat:no-repeat;
	width:87px;
	height:77px;
	float:left;
	margin-left:75px;
	}
.ver-mas-producto2{
	width:87px;
	float:left;
	text-align:center;
	margin-top:60px;
	}
.ver-mas-producto2 a{
	text-decoration:none;
	color:#000;
	font-size:11px;
	font-family:"Questrial-Regular";
	}
.ver-mas-producto2 a:hover{
	color:#FFF;
	}
.imagen-producto2{
	width:240px;
	float:left;
	padding-top:12px;
	text-align:center;
	}
#boton-mas-productos{
	width:960px;
	float:left;
	text-align:center;
	margin-top:40px;
	}
#banner-productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:-335px;
	height:476px;
	z-index:1;
	}
#banner-productos-960{
	width:1395px;
	margin:auto;
	position:relative;
	}
#mas-productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/empresa.png);
	background-position:center;
	background-repeat:no-repeat;
	height:700px;
	z-index:1;
	}
#mas-productos-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#titulo-productos{
	width:960px;
	float:left;
	height:65px;
	margin-top:175px;
	}
#titulo-productos h1{
	font-size:16px;
	color:#FFF;
	padding-top:8px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#titulo-productos h2{
	font-size:21px;
	padding-top:5px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#imagen-mas-producto{
	width:960px;
	float:left;
	margin-top:30px;
	text-align:center;
	}
#scroll-productos{
	width:960px;
	float:left;
	position:relative;
	}
#scroll-productos ul li{
	background-image:url(../img/li-mas.png);
	height:24px;
	width:722px;
	padding-left:60px;
	padding-top:10px;
	font-family:"Questrial-Regular";
	font-size:16px;
	}
#scroll-productos ul li a{
	text-decoration:none;
	color:#FFF;
	}
#carrusel-productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/producto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:847px;
	margin-top:-105px;
	}
#carrusel-productos-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#texto-carrusel{
	width:960px;
	float:left;
	margin-top:140px;
	}
#texto-carrusel-titulo{
	width:415px;
	float:left;
	}
#texto-carrusel-titulo h1{
	font-size:16px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#texto-carrusel-titulo h2{
	font-size:21px;
	padding-top:5px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#texto-carrusel-click{
	width:435px;
	float:left;
	}
#texto-carrusel-click p{
	font-size:19px;
	font-family:"Questrial-Regular";
	padding-top:15px;
	padding-left:20px;
	}
#texto-carrusel-atras{
	width:110px;
	float:left;
	}
#galeria-productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/producto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:847px;
	margin-top:-105px;
	}
#galeria-productos-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#texto-galeria{
	width:960px;
	float:left;
	margin-top:140px;
	}
#texto-galeria-titulo{
	width:415px;
	float:left;
	}
#texto-galeria-titulo h1{
	font-size:16px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#texto-galeria-titulo h2{
	font-size:21px;
	padding-top:5px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#texto-galeria-click{
	width:420px;
	float:left;
	text-align:right;
	margin-right:15px;
	}
#texto-galeria-click p{
	font-size:19px;
	font-family:"Questrial-Regular";
	padding-top:15px;
	padding-left:20px;
	}
#texto-galeria-atras{
	width:110px;
	float:left;
	}
#galeria-imagenes{
	width:100%;
	float:left;
	min-width:960px;
	background-image:url(../img/fondo-galeria.png);
	background-repeat:no-repeat;
	background-position:center;
	height:776px;
	z-index:2;
	position:relative;
	}
#galeria-imagenes-960{
	width:960px;
	margin:auto;
	position:relative;
	}
/*Ligh Box Detalles*/
.black_detalles{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 400%;
	height: 400%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
		}
.white_detalles {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 684px;
	padding: 16px;
	z-index:1002;
	}
.cerrar-detalles{
	float:right;
	margin-bottom:10px;
	margin-right:5px;
	}
.contenido-detalles{
	background-image:url(../img/box-detalles.png);
	width:684px;
	background-color:#F9F9F9;
	float:left;
	padding-bottom:20px;
	background-repeat:no-repeat;
	}
.titulo-detalles{
	float:left;
	width:684px;
	}
.titulo-detalles h2{
	font-size:16px;
	padding-top:20px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
.titulo-detalles h3{
	font-size:21px;
	padding-top:10px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	}
.especificaciones{
	width:684px;
	float:left;
	margin-top:10px;
	}
.especificaciones ul li{
	background-image:url(../img/li-detalles.png);
	background-repeat:no-repeat;
	width:612px;
	margin-top:15px;
	margin-left:25px;
	font-family:"Rokkitt Bold";
	font-size:15px;
	font-weight:bold;
	padding-top:10px;
	padding-left:20px;
	margin-top:3px;
	background-color:#FFE3C3;
	border:solid 1px #FF8E00;
	padding-bottom:5px;
	}
.opcionales{
	width:684px;
	float:left;
	}
.opcionales h1{
	font-size:21px;
	padding-top:10px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	padding-bottom:10px;
	}
.opcionales ul li{
	background-image:url(../img/li-opciones.png);
	width:612px;
	font-family:"Rokkitt Bold";
	font-size:15px;
	font-weight:bold;
	margin-top:15px;
	margin-left:25px;
	padding-top:5px;
	padding-left:20px;
	margin-top:3px;	
	background-color:#CBCBCB;
	border:solid 1px #000;
	padding-bottom:5px;
	}
/*Ligh Box Detalles*/
#contacto{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/img-contacto.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:475px;
	margin-top:-150px;
	}
#contacto-960{
	width:960px;
	margin:auto;
	position:relative;
	padding-top:160px;
	}
#contacto-cuadro{
	width:706px;
	height:218px;
	float:left;
	background-image:url(../img/quienes.png);
	background-repeat:no-repeat;
	margin-left:108px;
	}
#contacto-cuadro h1{
	font-size:16px;
	color:#FFF;
	padding-top:8px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#contacto-cuadro h2{
	font-size:21px;
	padding-top:10px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#contacto-cuadro-texto{
	width:706px;
	position:relative;
	float:left;
	}
#contacto-cuadro-texto p{
	color:#FFF;
	font-family:"Questrial-Regular";
	font-size:16px;
	padding-left:20px;
	padding-top:25px;
	}
#contacto-cuadro-boton{
	width:706px;
	float:left;
	margin-left:108px;
	text-align:center;
	}
#contacto-formulario{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/fondo-formulario.jpg);
	height:503px;
	background-repeat:no-repeat;
	background-position:center;
	}
#contacto-formulario-960{
	width:960px;
	margin:auto;
	position:relative;
	font-family:"Rokkitt Bold";
	font-size:17px;
	padding-top:60px;
	color:#FFF;
	}
#mensaje{
	width:703px;
	float:left;
	margin-top:10px;
	}
#botones{
	width:703px;
	float:left;
	margin-top:10px;
	text-align:right;
	}
#borrar{
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	font-family:"Oswald";
	color:#FFF;
	font-weight:normal;
	background-color:#FF8E01;
	border:none;
	font-size:21px;
	cursor:pointer;
	}
#enviar{
	padding-top:5px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	font-family:"Oswald";
	color:#FFF;
	font-weight:normal;
	background-color:#FF8E01;
	border:none;
	font-size:21px;
	cursor:pointer;
	}
#banner-contacto{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:-90px;
	z-index:1;
	}
#banner-contacto-960{
	width:1395px;
	margin:auto;
	position:relative;
	}	
#ubicacion{
	width:100%;
	position:relative;
	float:left;
	min-width:960px;
	height:700px;
	background-image:url(../img/contacto.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
	}
#ubicacion-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#mapa{
	width:715px;
	height:400px;
	margin-left:35px;
	margin-top:40px;
	float:left;
	}
#ampliar{
	float:left;
	width:180px;
	margin-left:10px;
	margin-top:400px;
	}
#titulo-ubicacion{
	width:960px;
	float:left;
	height:65px;
	margin-top:175px;
	}
#titulo-ubicacion h1{
	font-size:16px;
	color:#FFF;
	padding-top:8px;
	text-align:center;
	font-weight:normal;
	font-family:"Rokkitt Bold";
	}
#titulo-ubicacion h2{
	font-size:21px;
	padding-top:5px;
	font-weight:normal;
	text-align:center;
	font-family:"Oswald";
	color:#FFF;
	}
#footer{
	width:100%;
	min-width:960px;
	position:relative;
	float:left;
	background-image:url(../img/footer.png);
	background-position:center;
	background-repeat:no-repeat;
	height:355px;
	margin-top:-122px;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#footer-datos{
	width:533px;
	float:left;
	position:relative;
	padding-top:145px;
	}
#footer-datos p{
	font-size:14px;
	font-family:"Questrial-Regular";
	line-height:36px;
	padding-left:110px;
	}
#footer-redes{
	width:390px;
	float:left;
	padding-top:145px;
	position:relative;
	text-align:right;
	}
#footer-web{
	width:390px;
	float:left;
	position:relative;
	margin-top:60px;
	}

#new{
	background-image: url(../img/new.png);
	width: 276px; 
	height: 234px; 
	z-index: 9999; 
	position: absolute; 
	bottom: 640%; 
	right: 149%;
}