/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}

@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('AvenirNextLTPro-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Geometos';
	font-style: normal;
	font-weight: normal;
	src: local('Geometos'), url('Geometos.woff') format('woff');
}

body {
	font-family: 'Avenir Next LT Pro Regular';
	text-align:center;
	margin:0 auto;
	background:#FFF;
	width:100%;
	height:100%;
}

.clearer{
    display:block;
    clear: both;
}

/*INICIO*/
#idioma{
	width:80%;
	padding:15px 10%;
	text-align:right;
}
#slogan{
	width:100%;
	position:absolute;
	bottom:20%;
	text-align:center;
}
#menu{
	width:100%;
	display:block;
}
#menu_izq{
	width:30%;
	float:left;
	text-align:center;
}
#menu_der{
	width:70%;
	float:left;
	text-align:left;
	background:#333;
	padding:25px 0;
	font-size:14px;
}
#menu_der ul{
	width:100%;
}
/*#menu_der ul li{
	width:16%;
	float:left;
	text-align:center;
}
#menu_der ul li a{
	text-decoration:none;
	color:#FFF;
}*/

/*NIVEL 1*/
.nav > li {
	float:left;
	width:16%;
	text-align:center;
}
.nav li a {
	color:#fff;
	text-decoration:none;
	padding:10px 12px;
	display:block;
}
.nav li a:hover {
	/*background-color:#434343;*/
	color:#63C6CB;
}

/*NIVEL 2*/
.nav li ul {
	display:none;
	position:absolute;
	/*min-width:auto;*/
	left:0;
	top:110px;
	
}
.nav li:hover > ul {
	display:block;
	width:auto;
}
.nav li ul li {
	/*position:relative;*/
	text-align:left;
	width:180px;
	background:#333;
	padding:0 0 0 20px;
	top:40px;
	margin:0 auto;
}
/*.nav li ul li ul {
	right:0px;
	top:0px;
}
*/
/*NIVEL 3*/

#m2{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:105%;
	left:16%;
	display:none;
}
#m2 ul{
	width:100%;
	list-style:none;
}
#m2 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m2 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m2 ul li a:hover{
	color:#63C6CB;
}

#m2_1{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:105%;
	left:33.5%;
	display:none;
}
#m2_1 ul{
	width:100%;
	list-style:none;
}
#m2_1 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m2_1 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m2_1 ul li a:hover{
	color:#63C6CB;
}

#m2_2{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:105%;
	left:50.8%;
	display:none;
}
#m2_2 ul{
	width:100%;
	list-style:none;
}
#m2_2 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m2_2 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m2_2 ul li a:hover{
	color:#63C6CB;
}

#m2_3{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:105%;
	left:50.8%;
	display:none;
}
#m2_3 ul{
	width:100%;
	list-style:none;
}
#m2_3 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m2_3 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m2_3 ul li a:hover{
	color:#63C6CB;
}

#m2_4{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:160%;
	left:33.5%;
	display:none;
}
#m2_4 ul{
	width:100%;
	list-style:none;
}
#m2_4 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m2_4 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m2_4 ul li a:hover{
	color:#63C6CB;
}

#m3{
	padding:20px 30px;
	background:#333;
	position:absolute;
	top:105%;
	left:33%;
	display:none;
}
#m3 ul{
	width:100%;
	list-style:none;
}
#m3 ul li{
	width:100%;
	padding:7px 0;
	text-align:left;
}
#m3 ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.8);
}
#m3 ul li a:hover{
	color:#63C6CB;
}

/*FIN DEL BLOQUE*/


/*FOOTER*/
#footer{
	width:100%;
	padding:20px 0;
	text-align:center;
	background:rgba(51,51,51,0.6);
	position:absolute;
	bottom:0;
	color:#FFF;
}
#footer_interior{
	width:90%;
	padding:20px 5%;
	text-align:left;
	position:absolute;
	bottom:0;
}
/*FIN DEL BLOQUE*/

/*EMPRESA*/
#letrero{
	position:absolute;
	left:0;
	top:20%;
	opacity:0.4;
}
#arriba{
	width:100%;
	margin-top:-40px;
	text-align:center;
	overflow:hidden;
	z-index:1000;
	position:absolute;
	top:0;
}
#arriba img{
	width:100%;
}
#arriba_2{
	width:100%;
	text-align:center;
	overflow:hidden;
	/*display:none;*/
	z-index:1000;
	position:absolute;
	top:0;
	margin:0 auto;
}
#arriba_2 img{
	width:100%;
}
#l1{
	position:absolute;
	width:96%;
	top:3%;
	left:2%;
	border-top:solid 5px rgba(255,255,255,0.8);
}
#l2{
	position:absolute;
	height:93%;
	top:3%;
	right:2%;
	border:solid 3px rgba(255,255,255,0.8);
}
#l3{
	position:absolute;
	width:70%;
	bottom:3%;
	right:2%;
	border-top:solid 5px rgba(255,255,255,0.8);
}
#l4{
	position:absolute;
	height:15%;
	top:3%;
	left:2%;
	border:solid 3px rgba(255,255,255,0.8);
}
#empresa_1{
	font-family: 'Geometos';
	position:absolute;
	top:15%;
	text-align:justify;
	width:100%;
}
#empresa_1_izq_a{
	width:50%;
	float:left;
	text-align:center;
}
#empresa_1_izq_b{
	width:50%;
	float:left;
	text-align:center;
	display:none;
}
#empresa_1_der{
	width:50%;
	float:left;
	text-align:justify;
}
#empresa_titulo_1{
	font-size:40px;
	text-align:right;
	padding-right:10%;
	color:rgba(255,255,255,0.7);
}
#empresa_texto_1{
	font-size:20px;
	text-align:justify;
	padding-right:10%;
	color:rgba(255,255,255,1);
	/*display:none;*/
}
#empresa_2{
	font-family: 'Geometos';
	position:absolute;
	top:40%;
	text-align:justify;
	width:100%;
}
#empresa_2_izq_a{
	width:50%;
	float:left;
	text-align:center;
}
#empresa_2_izq_b{
	width:50%;
	float:left;
	text-align:center;
	display:none;
}
#empresa_2_der{
	width:50%;
	float:left;
	text-align:justify;
}
#empresa_titulo_2{
	font-size:40px;
	text-align:right;
	padding-right:10%;
	color:rgba(255,255,255,0.7);
}
#empresa_texto_2{
	font-size:20px;
	text-align:justify;
	padding-right:10%;
	color:rgba(255,255,255,1);
	/*display:none;*/
}
#empresa_3{
	font-family: 'Geometos';
	position:absolute;
	top:67%;
	text-align:justify;
	width:100%;
}
#empresa_3_izq_a{
	width:50%;
	float:left;
	text-align:center;
}
#empresa_3_izq_b{
	width:50%;
	float:left;
	text-align:center;
	display:none;
}
#empresa_3_der{
	width:50%;
	float:left;
	text-align:justify;
}
#empresa_titulo_3{
	font-size:40px;
	text-align:right;
	padding-right:10%;
	color:rgba(255,255,255,0.7);
}
#empresa_texto_3{
	font-size:20px;
	text-align:right;
	padding-right:10%;
	color:rgba(255,255,255,1);
	/*display:none;*/
}
/*FIN DEL BLOQUE*/

/*CONTACTO*/
#contacto_izq{
	width:20%;
	padding:80px 15%;
	float:left;
	text-align:left;
	font-size:15px;
	color:rgba(255,255,255,1);
}
#contacto_der{
	width:40%;
	float:left;
	text-align:left;
	padding:80px 5%;
}
/*FIN DEL BLOQUE*/

/*COTIZA*/
#titulo_cotiza{
	width:100%;
	font-family: 'Geometos';
	font-size:40px;
	color:rgba(255,255,255,0.9);
	margin-top:7%;
}
#formulario{
	width:100%;
	padding:10px 0;
}
#formulario_izq{
	width:32%;
	padding:5px 2%;
	float:left;
	font-size:15px;
	text-align:right;
	color:rgba(255,255,255,0.9);
}
#formulario_der{
	width:60%;
	float:left;
	text-align:left;
	font-size:15px;
}
#footer_cotiza{
	width:80%;
	padding:10px 10%;
	text-align:center;
	position:absolute;
	bottom:15%;
	color:rgba(255,255,255,0.8);
}
.txt{
	width:60%;
	padding:5px;
	border:none;
	color:#666;
}
.txt2{
	width:60%;
	height:80px;
	padding:5px;
	border:none;
	color:#666;
}
.link_cotiza{
	color:#6CF;
}
/*FIN DEL BLOQUE*/

/*ENGLISH*/
#eng{
	width:60%;
	padding:80px 20%;
	text-align:left;
	color:rgba(255,255,255,0.9);
}
/*FIN DEL BLOQUE*/

/*PORTAFOLIO*/
#portafolio{
	width:100%;
	padding-top:70px;
	color:rgba(255,255,255,0.9);
}
#portafolio_izq{
	width:70%;
	float:left;
}
#portafolio_izq_arriba{
	width:60%;
	padding:0 20%;
}
#portafolio_izq_arriba_izq{
	width:40%;
	float:left;
	text-align:left;
	padding:10px 5%;
}
#portafolio_izq_arriba_der{
	width:50%;
	float:left;
	text-align:center;
}
#portafolio_izq_abajo{
	width:60%;
	padding:10px 20%;
	text-align:center;
	overflow:hidden;
}
#portafolio_der{
	width:30%;
	height:500px;
	float:left;
	text-align:center;
	overflow:hidden;
}
#portafolio_der ul{
	width:100%;
	padding:0;
	list-style:none;
}
#portafolio_der ul li{
	width:90%;
	padding:0 5%;
	margin-bottom:5px;
}
#portafolio_der ul li img{
	height:100px;
}
/*FIN DEL BLOQUE*/

/*PRODUCTOS*/
#titulo_interior{
	width:100%;
	text-align:center;
	padding:70px 0;
	font-family: 'Geometos';
	font-size:40px;
	color:rgba(255,255,255,0.9);
}
#informacion_interior{
	width:60%;
	padding:40px 20%;
	text-align:left;
	font-size:20px;
	color:rgba(255,255,255,0.9);
}
#productos{
	width:80%;
	padding:0 10%;
	text-align:center;
}
#productos ul{
	width:100%;
	list-style:none;
}
#productos ul li{
	width:25%;
	padding:0 3%;
	float:left;
	color:#FFF;
	font-size:13px;
}
#productos ul li img{
	width:100%;
}
#productos ul li a:hover img{
	width:120%;
	margin-left:-10%;
	margin-top:-10%;
	-webkit-transition: 1s; /* Safari */
    transition: 1s;
}
/*FIN DEL BLOQUE*/

/*SERVICIOS*/
#titulo_servicios{
	width:100%;
	text-align:center;
	padding:70px 0;
	font-family: 'Geometos';
	font-size:40px;
	color:rgba(255,255,255,0.9);
}
#informacion_servicios{
	width:60%;
	padding:40px 20%;
	text-align:left;
	font-size:20px;
	color:rgba(255,255,255,0.9);
}
/*FIN DEL BLOQUE*/

/*DISENO*/
#informacion_diseno{
	width:60%;
	height:70%;
	padding:1px 20%;
	position:relative;
	text-align:left;
	font-size:19px;
	line-height:20px;
	color:rgba(255,255,255,0.9);
	overflow:hidden;
}
#imagen_diseno{
	width:auto;
	position:absolute;
	right:10%;
	top:30%;
}
/*FIN DEL BLOQUE*/

/*CORTE*/
#corte_izq{
	width:50%;
	padding:70px 5%;
	float:left;
	text-align:left;
	color:rgba(255,255,255,0.9);
}
#corte_izq_titulo{
	width:100%;
	text-align:center;
	padding:20px 0;
	font-family: 'Geometos';
	font-size:40px;
	color:rgba(255,255,255,0.9);
}
#corte_izq_informacion{
	width:80%;
	padding:10px 10%;
	text-align:left;
	font-size:20px;
	color:rgba(255,255,255,0.9);
}
#corte_der{
	width:40%;
	padding-top:120px;
	float:left;
	text-align:center;
}
#corte_der ul{
	width:100%;
	list-style:none;
}
#corte_der ul li{
	width:100%;
	padding:20px 0;
	text-align:center;
}
#corte_der ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.9);
}
#corte_der ul li a:hover{
	padding:10px 30px;
	background:rgba(255,255,255,0.8);
	color:#333;
	border:solid 2px #FFFFFF;
}
.seleccion{
	padding:10px 30px;
	background:rgba(255,255,255,0.8);
	color:#333;
	border:solid 2px #FFFFFF;
}
#corte_abajo{
	width:100%;
	padding:20px 0;
	text-align:center;
}
#corte_abajo ul{
	width:100%;
	list-style:none;
}
#corte_abajo ul li{
	width:18%;
	padding:0 1%;
	float:left;
	color:#FFF;
	font-size:13px;
}
#corte_abajo ul li img{
	width:60%;
}
#corte_abajo ul li a:hover img{
	width:90%;
	margin-left:-10%;
	margin-top:-10%;
	-webkit-transition: 1s; /* Safari */
    transition: 1s;
}
/*FIN DEL BLOQUE*/

/*IMPRESION TRADICIONAL*/
#informacion_servicios ul{
	width:100%;
	list-style:none;
	text-align:center;
}
#informacion_servicios ul li{
	padding:20px;
}
#informacion_servicios ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.9);
}
#informacion_servicios ul li a:hover{
	font-size:30px;
	text-decoration:underline;
}
/*FIN DEL BLOQUE*/

/*VINIL*/
#corte_der_vinil{
	width:40%;
	padding-top:60px;
	float:left;
	text-align:center;
}
#corte_der_vinil ul{
	width:100%;
	list-style:none;
}
#corte_der_vinil ul li{
	width:100%;
	padding:10px 0;
	text-align:center;
}
#corte_der_vinil ul li a{
	text-decoration:none;
	color:rgba(255,255,255,0.9);
}
#corte_der_vinil ul li a:hover{
	padding:9px 30px;
	background:rgba(255,255,255,0.8);
	color:#333;
	border:solid 2px #FFFFFF;
}
/*FIN DEL BLOQUE*/