
/* CSS Document */
@font-face {
	font-family:"Decker";
	src:url("../fuentes/Decker/Decker.eot?") 
	format("eot"),url("../fuentes/Decker/Decker.woff") 
	format("woff"),url("../fuentes/Decker/Decker.ttf") 
	format("truetype"),url("../fuentes/Decker/Decker.svg#") 
	format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Cuprum";
	src:url("../fuentes/Cuprum-Regular.eot?") format("eot"),
	url("../fuentes/Cuprum-Regular.woff") format("woff"),
	url("../fuentes/Cuprum-Regular.ttf") format("truetype"),	
	url("../fuentes/Cuprum-Regular.svg#Cuprum-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Free Sans";
	src:url("../fuentes/Free_Sans/FreeSans.eot?") format("eot"),
	url("../fuentes/Free_Sans/FreeSans.woff") format("woff"),
	url("../fuentes/Free_Sans/FreeSans.ttf") format("truetype"),
	url("../fuentes/Free_Sans/FreeSans.svg#FreeSans") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Cuprum Bold";
	src:url("../fuentes/Cuprum_Bold/Cuprum-Bold.eot?") format("eot"),
	url("../fuentes/Cuprum_Bold/Cuprum-Bold.woff") format("woff"),
	url("../fuentes/Cuprum_Bold/Cuprum-Bold.ttf") format("truetype"),
	url("../fuentes/Cuprum_Bold/Cuprum-Bold.svg#Cuprum-Bold") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Open Sans Light";
	src:url("../fuentes/Open_Sans_Light/OpenSans-Light.eot?") format("eot"),
	url("../fuentes/Open_Sans_Light/OpenSans-Light.woff") format("woff"),
	url("../fuentes/Open_Sans_Light/OpenSans-Light.ttf") format("truetype"),
	url("../fuentes/Open_Sans_Light/OpenSans-Light.svg#OpenSans-Light") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Melbourne";
	src:url("../fuentes/Melbourne/Melbourne_reg.eot?") format("eot"),
	url("../fuentes/Melbourne/Melbourne_reg.woff") format("woff"),
	url("../fuentes/Melbourne/Melbourne_reg.ttf") format("truetype"),
	url("../fuentes/Melbourne/Melbourne_reg.svg#Melbourne") format("svg");
	font-weight:normal;
	font-style:normal;
	}

#head{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#E7E7E7;
	height:35px;
	z-index:10;
	}

#redes{
	background-color:#b2b2b2;
	padding-left:15px;
	width:180px;
	height:35px;
	padding-right:8px;
	left:0px;
	position:absolute;
	}

#redes p{
	font-family:"Free Sans";
	font-size:14px;
	float:left;
	margin-top:8px;
	position:relative;
	}

#tw{
	width:30px;
	height:30px;
	float:left;
	position:relative;
	background-image:url(../img/tw.png);
	margin-left:10px;
	margin-top:2px;
	}

#tw:hover{
	background-image:url(../img/tw-h.png);
	}

#fb{
	width:30px;
	height:30px;
	float:left;
	position:relative;
	background-image:url(../img/fb.png);
	margin-left:5px;
	margin-top:2px;
	}

#fb:hover{
	background-image:url(../img/fb-h.png);
	}

#sk{
	width:30px;
	height:30px;
	float:left;
	position:relative;
	background-image:url(../img/sk.png);
	margin-left:5px;
	margin-top:2px;
	}
	
#sk:hover{
	background-image:url(../img/sk-h.png);
	}

#menu{
	position:absolute;
	height:35px;
	right:0px;
	}

#menu ul li{
	display:inline;
	border-right:solid 1px #000000;
	float:left;
	position:relative;
	height:15px;
	margin-top:10px;
	font-family:"Cuprum Bold";
	padding-left:5px;
	padding-right:5px;
	}

#menu ul li a{
	float:left;
	position:relative;
	text-decoration:none;
	color:#000;
	font-size:18px;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	font-family:"Cuprum Bold";
	margin-top:-6px;
}

#menu ul li a:hover{
	background-color:#ff8b00;
	color:#FFF;
	}

#menu .selec{
	background-color:#ff8b00;
	color:#FFF;
	}

#logo{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/head.png);
	background-repeat:no-repeat;
	background-position:left;
	height:136px;
	z-index:10;
	}

#logo-img{
	float:left;
	position:relative;
	margin-top:5px;
	}

#btn-h{
	width:100%;
	min-width:960px;
	float:left;
	position:absolute;
	}

#btn-home{
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
	width:77px;
	height:194px;
	position:absolute;
	right:20px;
	top:0px;
	z-index:9;
	}

#btn-home:hover{
	background-image:url(../img/btn-h.png);
	}

#btn-home a{
	background-image:url(../img/arrow.png);
	width:73px;
	height:37px;
	float:left;
	position:absolute;
	bottom:5px;
	left:2px;
	z-index:15;
	}

/*Box*/
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:1001;
	}

.white_content {
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	min-width:960px;
	min-height:600px;
	z-index:1002;
	overflow: auto;
	}

.box{
	position:absolute;
	right:20px;
	top:200px;
	background-image:url(../img/pop.png);
	background-repeat:no-repeat;
	background-position:right top;
	}

.box p{
	text-align:justify;
	padding:20px;
	background-color:#FFF;
	width:280px;
	margin-top:17px;
	font-family:"Open Sans Light";
	line-height:16px;
	}
	
#cerrar{
	text-decoration:none;
	color:#000;
	font-family:"Cuprum Bold";
	font-size:30px;
	position:absolute;
	top:-10px;
	}
/*Box*/
#home{
	width:100%;
	float:left;
	min-width:960px;
	position:absolute;
	bottom:101px;
	background-image:url(../img/blanco.png);
	z-index:10;
	}

#home p{
	text-align:right;
	font-family:"Cuprum Bold";
	font-size:14px;
	margin-right:10px;
	margin-top:6px;
	}

#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:200px;
	margin-top:-170px;
	overflow:hidden;
	padding-bottom:150px;
	}

#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
	
#empresa{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	overflow:hidden;
	left:50%;
	width:1920px;
	margin-left:-960px;
	}

.productos{
	background-image:url(../img/tabla.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	overflow:hidden;
	}

#btn-general{
	background-image:url(../img/general.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:150px;
	float:left;
	position:relative;
	width:440px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:340px;
	margin-left:20px;
	}

.ver-pro{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#ffbc2b;
	float:right;
	position:relative;
	color:#000;
	font-size:26px;
	font-family:"Melbourne";
	}

.lista{
	font-family:"Cuprum Bold";
	font-size:47px;
	float:left;
	position:relative;
	margin-top:20px;
	background-image:url(../img/lista.png);
	padding-left:155px;
	background-repeat:no-repeat;
	background-position:left;
	color:#4c4c4c;
	}

#btn-general:hover{
	background-image:url(../img/general-h.png);
	}

#btn-general:hover .ver-pro{
	color:#FFF;
	background-color:#000;
	}

#btn-general:hover .lista{
	color:#ff8b00;
	background-image:url(../img/lista-h.png);
	}

#btn-industria{
	background-image:url(../img/industria.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:150px;
	float:left;
	position:relative;
	width:445px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:340px;
	margin-left:40px;
	}

.indu{
	font-family:"Cuprum Bold";
	font-size:47px;
	float:left;
	position:relative;
	margin-top:20px;
	background-image:url(../img/indu.png);
	padding-right:160px;
	background-repeat:no-repeat;
	background-position:right;
	color:#fff;
	}

#btn-industria:hover{
	background-image:url(../img/industria-h.png);
	}

#btn-industria:hover .ver-pro{
	color:#FFF;
	background-color:#000;
	}

#btn-industria:hover .indu{
	color:#000;
	background-image:url(../img/indu-h.png);
	}

#btn-consu{
	background-image:url(../img/consultoria.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:150px;
	float:left;
	position:relative;
	width:450px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:340px;
	margin-left:10px;
	}

.ver-prod{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#ffbc2b;
	float:right;
	position:relative;
	color:#000;
	font-size:26px;
	font-family:"Melbourne";
	}

.consu{
	font-family:"Cuprum Bold";
	font-size:46px;
	float:left;
	position:relative;
	margin-top:20px;
	background-image:url(../img/cons.png);
	padding-left:80px;
	background-repeat:no-repeat;
	background-position:left;
	color:#4c4c4c;
	}

#btn-consu:hover{
	background-image:url(../img/consultoria-h.png);
	}

#btn-consu:hover .ver-prod{
	color:#FFF;
	background-color:#000;
	}

#btn-consu:hover .lista{
	color:#ff8b00;
	background-image:url(../img/cons-h.png);
	}

#btn-maqui{
	background-image:url(../img/maquila.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:150px;
	float:left;
	position:relative;
	width:445px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:340px;
	margin-left:40px;
	}

.maqui{
	font-family:"Cuprum Bold";
	font-size:46px;
	float:left;
	position:relative;
	margin-top:20px;
	background-image:url(../img/maqui.png);
	padding-right:160px;
	background-repeat:no-repeat;
	background-position:right;
	color:#fff;
	}

#btn-maqui:hover{
	background-image:url(../img/maquila-h.png);
	}

#btn-maqui:hover .ver-prod{
	color:#FFF;
	background-color:#000;
	}

#btn-maqui:hover .maqui{
	color:#000;
	background-image:url(../img/maqui-h.png);
	}

#servicios{
	float:left;
	position:relative;
	width:450px;
	padding-bottom:30px;
	}

#volver{
	background-color:#ffbc2b;
	color:#000;
	font-family:"Melbourne";
	text-decoration:none;
	text-transform:uppercase;
	font-size:26px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	position:relative;
	padding-left:50px;
	padding-right:50px;
	}

#volver:hover{
	color:#FFF;
	background-color:#000;
	}

#servicios h1{
	font-family:"Cuprum Bold";
	font-size:44px;
	text-transform:uppercase;
	float:right;
	position:relative;
	color:#fff;
	}

.consultoria{
	background-image:url(../img/nombre.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-left:78px;
	margin-top:10px;
	}

.maquila{
	background-image:url(../img/linea.png);
	background-repeat:no-repeat;
	background-position:right;
	width:130px;
	margin-top:10px;
	float:left;
	height:23px;
	}

#servicios-tex{
	float:right;
	position:relative;
	padding:20px;
	background-image:url(../img/blanco.png);
	margin-top:35px;
	width:360px;
	}

#servicios-tex h2{
	text-transform:uppercase;
	font-family:"Cuprum Bold";
	font-size:24px;
	margin-top:20px;
	background-image:url(../img/linea2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:240px;
	}

#servicios-tex p{
	font-family:"Open Sans Light";
	font-size:14px;
	line-height:16px;
	}

#servicios-tex ul{
	margin-top:30px;
	}

#servicios-tex ul li{
	background-image:url(../img/li.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:25px;
	margin-top:10px;
	font-family:"Cuprum";
	font-size:17px;
	}
#foto-ser{
	float:left;
	position:relative;
	width:450px;
	}

#datos-cont{
	float:left;
	position:relative;
	width:480px;
	padding-top: 20px;
	}

.iconos{
	background-image:url(../img/datos.png);
	background-repeat:no-repeat;
	background-position:left;
	height:108px;
	width:22px;
	float:left;
	position:relative;
	}

.iconos2{
	background-image: url(../img/datos2.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 102px;
	width: 20px;
	float: left;
	position: relative;
	border-right: 2px #000000 solid;
	padding-right: 8px;
	margin-right: 9px;
	margin-left: 158px;
	}

.bold{
	font-weight:bold;
	}

#datos-cont p{
	color:#363636;
	font-size:14px;
	font-family:"Open Sans Light";
	line-height:20px;
	}

.texto-l{
	float:left;
	position:relative;
	text-align:right;
	padding-right:15px;
	border-right:2px #000000 solid;
	margin-right:15px;
	margin-left:62px;
	padding-bottom:0px;
	}

#correos{
	float:left;
	position:relative;
	width:480px;
	margin-top:30px;
	}

#ampliar-mapa{
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#fb9b26;
	float:left;
	font-family:"Cuprum";
	font-size:20px;
	position:absolute;
	top:5px;
	left:10px;
	}

#ampliar-mapa:hover{
	background-color:#000;
	color:#FFF;
	}

#mapa{
	float:left;
	position:relative;
	border:solid 1px #000000;
	margin-left:20px;
	}

#formulario{
	float:left;
	position:relative;
	margin-top:20px;
	width:960px;
}

#formulario p{
	float: left;
	padding: 18px 27px 5px 25px;
	font-size: 15px;
	line-height: 17px;
	font-family: "Cuprum";
	text-align: justify;
}

input{
	width: 425px;
	float: left;
	height: 25px;
	margin-top: 5px;
	position: relative;
	background-image: url(../img/input.jpg);
	background-repeat: no-repeat;
	border: solid 1px #b2b2b2;
	margin-left: 23px;
	font-family: "Cuprum";
	font-size: 20px;
	color: #FFF;
	padding-left: 13px;
	padding-top: 10px;
}

textarea{
	width:895px;
	float:left;
	margin-top:5px;
	position:relative;
	background-image:url(../img/text.jpg);
	background-repeat:no-repeat;
	border:solid 1px #b2b2b2;
	margin-left:23px;
	font-family:"Cuprum";
	font-size:20px;
	color:#FFF;
	padding-left:13px;
	padding-top:12px;
	height:128px;
	}
	
#enviar{
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	width:105px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#fb9b26;
	float:left;
	font-family:"Cuprum";
	font-size:20px;
	background-image:none;
	border:none;
	cursor:pointer;
	position:relative;
	height:32px;
	}
	
#enviar:hover{
	background-color:#000;
	color:#FFF;
	}

#footer{
	width:100%;
	min-width:960px;
	float:left;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	border-top:solid 3px #ff8b00;
	background-position:left bottom;
	position:fixed;
	bottom:0px;
	overflow:hidden;
	background-color:#FFF;
	padding-bottom: 15px;
	z-index:15;
	}

#qr{
	float:left;
	position:relative;
	}

#datos{
	float:left;
	position:relative;
	margin-top:13px;
	width: 691px;
	}

#datos p{
	color:#363636;
	font-size:14px;
	padding-left:25px;
	font-family:"Open Sans Light";
	text-align:left;
	line-height:18px;
	margin-top:0px;
	}

#datos2{
	float:right;
	position:relative;
	margin-top:13px;
	width: 691px;
	}

.fax{
	background-image:url(../img/fax.png);
	width:17px;
	background-repeat:no-repeat;
	height:15px;
	position:relative;
	float:left;
	margin-left:15px;
	margin-right:10px;
	}

.footer{
	float:left;
	position:relative;
	}

#web{
	background-image:url(../img/web.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:145px;
	font-family:"Decker";
	font-size:14px;
	text-decoration:none;
	color:#434343;
	position:absolute;
	right:15px;
	top:15px;
	}

#web:hover{
	color:#ff8b00;
	background-image:url(../img/web-h.png);
	}

#formulario_home{
	width: 100%;
	height:auto;
	float: left;
	position: relative;
}

#formulario_home960{
	width: 619px;
	height: 775px;
	margin:auto;
	background-image: url(../img/formulario/bg.jpg);
}

#formulario_home960 p{
	float: left;
	font-size: 12px;
	text-align: justify;
	line-height: 13px;
	margin-top: 11px;
	font-family: "Free Sans";
	padding: 0px 12px;
	color:#0c0c0cde;
}

#formulario_home960 span{
	background-image: url(../img/formulario/titulo.png);
	width: 100%;
	height: 279px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
}

.campo{
	width: 259px;
	position: relative;
	float: left;
	padding: 3px 14px;
}

.campo h2{
	font-size: 18px;
	font-family:"Cuprum";
	font-weight: normal;
	padding-left: 7px;
}

#aceptar{
	width: 100%;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px 16px;
}

#btn_form{
	float: right;
}

#aceptar h3{
	font-size: 18px;
	font-family:"Cuprum";
	text-align: right;
}

#formulario_home960 .check {
    text-align: left;
	float: none;
	display: inline-block;
	width: auto;
	margin-left: 0px;
	height: 17px;
}

.campo input{
	width: 263px;
	background-color:#EAEAEA;
	background-image: none;
	margin-left: 0px;
	padding: 5px 6px;
	font-family:"Cuprum";
	height:16px;
	border:1px solid #00000030;
	border-radius: 6px;
	color: #000 !important;
	font-size: 16px;
	padding-left: 9px;
}

.campo2 input{
	background: url('../img/cap1.png');
	border:1px solid #fff;
	margin-left: 0px;
	color: #000 !important;
}

.campo textarea{
	width: 430px;
	background-color:#F8C68B80;
	background-image: none;
	border:1px solid #0000004d;
	margin-left: 0px;
	color: #000 !important;
}

#caja_formulario{
	float: left;
	padding: 6px 11px;
}

#enviar2 {
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    width:20%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fb9b26;
    float: right;
    font-family: "Cuprum";
    font-size: 20px;
    background-image: none;
    border: none;
    cursor: pointer;
    position: relative;
    height: 32px;
    padding-left: 0px;
}

#enviar2:hover{
	background-color: #000;
}

#borrar2 {
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    width: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fb9b26;
    float: right;
    font-family: "Cuprum";
    font-size: 20px;
    background-image: none;
    border: none;
    cursor: pointer;
    position: relative;
    height: 32px;
    padding-left: 0px;
    margin-right: 17px;
}

#borrar2:hover{
	background-color: #000;
}

#terminos{
	width: 100%;
	padding: 4px 0px;
	float: left;
	margin-top: 6px;
	color: #f05a00;
	margin-left: 11px;
	font-family: "Cuprum";
	font-size: 15px;
	text-decoration: navajowhite;
	padding-bottom: 1px;
}

#terminos:hover{
	color: #000;
}

#terminos_c{
	width: 100%;
	padding: 4px 0px;
	float: left;
	margin-top: 3px;
	color: #f05a00;
	margin-left: 25px;
	font-family: "Cuprum";
	font-size: 15px;
	text-decoration: navajowhite;
	padding-bottom: 13px;
}

#terminos_c:hover{
	color: #000;
}


#caja_formulario #enviar{
	float: right;
	text-transform: none;
}

#caja_formulario #borrar{
	color: #FFF;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fb9b26;
	float: right;
	background-image: none;
	border: none;
	cursor: pointer;
	position: relative;
	height: 32px;
}

#caja_formulario #borrar:hover{
	background-color: #000;
}

#volante{
	color:#000000;
	font-family:tahoma;
	font-size:14px;
	margin:0 auto;
	width:800px;
	margin-top:0px;
	z-index: 19999999;
}

#volante a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;	
}

.box1 {
	left: 100%;
	padding: 0px;
	position: absolute;
	right: 100%;
	top: 8%;
	min-width: 623px;
	z-index: 19999999;
	margin: 0 auto;
}

.overlay {
	background-image: url(../img/bg.png);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19999999;
}

a.boxclose {
  background: url("../img/cerrar.png") repeat scroll left top transparent;
  background-repeat:no-repeat;
  cursor: pointer;
  float: right;
  position: relative;
  top:-1px;
}

a.boxclose p{
	width: 32px;
	position: relative;
	float: left;
	height:32px;
	color: transparent;
	background-image: url(../img/cerrar.png);
}

a.boxclose:hover{
	background-image:url(../img/aqui-h.jpg);
	text-decoration:none;
}

a.ampliarpro {
    background: url("../img/imagen.jpg") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 22px;
    position: relative;
    top: -3px;
    width: 100px;
}

#aceptar_contact{
	width: 100%;
	float: left;
	padding-bottom:14px;
}

#aceptar_contact h3{
	margin-top: 10px;
	font-size: 19px;
	font-family:"Cuprum";	
}

#si{
	width: 32px;
	height: 17px;
	margin-top: 2px;
	float: left;
}
