@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'swis721_cn_btbold';
    src: url('fonts/tt0010m_-webfont.eot');
    src: url('fonts/tt0010m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0010m_-webfont.woff2') format('woff2'),
         url('fonts/tt0010m_-webfont.woff') format('woff'),
         url('fonts/tt0010m_-webfont.ttf') format('truetype'),
         url('fonts/tt0010m_-webfont.svg#swis721_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}
@font-face {
    font-family: 'swis721_cn_btbold_italic';
    src: url('fonts/tt0172m_-webfont.eot');
    src: url('fonts/tt0172m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0172m_-webfont.woff2') format('woff2'),
         url('fonts/tt0172m_-webfont.woff') format('woff'),
         url('fonts/tt0172m_-webfont.ttf') format('truetype'),
         url('fonts/tt0172m_-webfont.svg#swis721_cn_btbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*reset del html*/
*{
	margin:0;
	padding:0;
	}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#152660;
	}

/*estructura base del html*/
#contenedor{
    margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	font-family: 'Tinos', serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	font-style: normal;
	background-color: #fff;
	border: 0px;
	}
	
#header-wrap {
	height:230px;
	background-image:url(img/header-fondo.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
}

	
#header{
	position: relative;
	margin: 0 auto; 
	padding: 0;
	max-width: 1020px;
	height:230px;
	background-image:url(img/fondo-header.png);
	background-repeat:no-repeat;
	}

	
footer{
	max-width: 1020px;
	height:121px;
	background-color:#06C;	
	}

#header img{
	position: relative;
	float:left;
	margin:65px 0 0 140px;
	border:0px;
	}
nav{
	position: absolute;
	width:750px;
	height:45px;
	margin:185px 0 0 135px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	/*background-color:#096;*/
	}
#bt1{
	width:151px;
	height:45px;
	float:left;
	position: absolute;
	margin:-65px 0 0 -140px ;
}
#bt2{
	width:151px;
	height:45px;
	float:left;
	position: absolute;
	margin:-65px 0 0 11px ;
}
#bt3{
	width:151px;
	height:45px;
	float:left;
	position: absolute;
	margin:-65px 0 0 160px ;
}
#bt4{
	width:151px;
	height:45px;
	float:left;
	position: absolute;
	margin:-65px 0 0 310px ;
}
#bt5{
	width:151px;
	height:45px;
	float:left;
	position: absolute;
	margin:-65px 0 0 458px ;
}

.limpiar{
	clear:both;
	}

#banner-wrap {
	height: 335px;
	background-image:url(img/bg-banner-herramientas.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	/*background-color:#F00;*/
}
#info-wrap {
	height: 241px;
	background-image:url(img/bg-banner-herramientas2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	/*background-color:#F00;*/
}
#footer-wrap {
	height:175px;
	background-image:url(img/footer-fondo.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
#banner {
	position: relative;
	margin: 0 auto; 
	padding: 0;
	max-width:936px;
	height:335px;
	/*background-color:#CC0;*/
}
#caja-banner{
	position:absolute;
	margin:-10px 0 0 0;
	background-image:url(img/fondobanner.png);
	background-repeat:no-repeat;
	width:936px;
	height:350px;
}
#animado{
	margin:17px 0 0 15px;
	width:906px;
	height:321px;
}
#info-home {
	position: relative;
	margin:0 auto; 
	padding:0;
	width:960px;
	height:241px;
	background-image:url(img/banner-home-productos.png);
	background-repeat:no-repeat;
	}
#caja-de-herramientas-home {
	position:absolute;
	margin:60px 0 0 52px; 
	padding:0;
	width:860px;
	height:150px;
	/*background-color:#069;*/
	}	
.caja1{
	width:202px;
	height:131px;
	background: url(img/producto-home1.png) no-repeat;
	float:left;
}
.caja2{
	width:202px;
	height:131px;
	background: url(img/producto-home2.png) no-repeat;
	float:left;
	margin-left:15px;
}
.caja3{
	width:202px;
	height:131px;
	background: url(img/producto-home3.png) no-repeat;
	float:left;
	margin-left:15px;
}
.caja4{
	width:202px;
	height:131px;
	background: url(img/producto-home4.png) no-repeat;
	float:left;
	margin-left:15px;
}
.titulo-a-home{
	color:#FFF;
	font-family:Arial;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	font-weight:bold;
	letter-spacing:1px;
}
.titulo-home{
	position: absolute;
	color:#FFF;
	font-size:20px;
	font-family: 'swis721_cn_btbold';
	margin:13px 0 0 348px;
}
#menu-footer {
	position: relative;
	margin:0 auto; 
	padding:15px 0 15px 0;
	width:670px;
	height:20px;
	color:#7598d8;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	}
.direccion-cierre1{
	margin:47px 0 0 0; 
	position: absolute;
	color:#7598d8;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.direccion-cierre2{
	margin:47px 0 0 303px; 
	position: absolute;
	color:#7598d8;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.direccion-cierre3{
	margin:47px 0 0 455px; 
	position: absolute;
	color:#7598d8;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.icono1foot{
	position: absolute;
	margin:47px 0 0 270px; 
}
.icono2foot{
	position: absolute;
	margin:45px 0 0 420px; 
}
#creditos {
	position:relative;
	margin:26px auto 0 auto; 
	padding:0;
	width:937px;
	height:30px;
	color:#9ad133;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	}
#credito1 {
	float:left;
	width:250px;
	height:20px;
	/*padding:70px 0 5px 0;*/
	margin:72px 0 0 0; 
	color:#7598d8;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	}
#credito2 {
	float:right;
	width:130px;
	height:20px;
	/*padding:5px 0 5px 0;*/
	margin:72px 0 0 0; 
	color:#7598d8;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	}
<!-- aqui termina home -->
<!-- aqui empieza empresa -->
#contenedor-empresa{
	width:860px;
	height:150px;
	background-color:#069;
}
#info-empresa {
	position: relative;
	margin:0 auto; 
	padding:0;
	width:960px;
	height:770px;
	background-image:url(img/fondo-contenedor-empresa.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
#info-wrap-empresa {
	height:770px;
	background-image:url(img/bg-banner-herramientas2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.titulo-empresa{
	position: absolute;
	color:#FFF;
	font-size:20px;
	font-family: 'swis721_cn_btbold';
	margin:13px 0 0 250px;
}
#texto-empresa1, #texto-empresa2{
	position: absolute;
	width:280px;
	height:335px;
	margin:70px 0 0 300px;
	text-align:justify;
	font-family:'Arial';
	font-size:14px;
	color:#666;
	line-height:17px;
	/*background-color:#096;*/
}
#texto-empresa1{
	margin:70px 0 0 300px;
}
#texto-empresa2{
	margin:70px 0 0 620px;
}
#texto-empresa3{
	position: absolute;
	width:600px;
	height:220px;
	margin:420px 0 0 300px;
	text-align:justify;
	font-family:'Arial';
	font-size:14px;
	color:#666;
	line-height:17px;
}
.logos-empresa{
	margin:190px 720px 0 0;
}
<!-- aqui termina empresa -->
<!-- aqui empieza productos -->

.titulo-productos{
	position: absolute;
	color:#FFF;
	font-size:20px;
	font-family: 'swis721_cn_btbold';
	margin:13px 0 0 250px;
}
.logos-productos{
	margin:213px 720px 0 0;
}
#info-empresa h1{
	position: absolute;
	color:#FFF;
	font-size:20px;
	font-family: 'swis721_cn_btbold';
	margin:13px 0 0 245px;
}
#caja-texto-productos1, #caja-texto-productos2, #caja-texto-productos3, #caja-texto-productos4, #caja-texto-productos5, #caja-texto-productos6{
	width:280px;
	background-color:#fff;
	position:absolute;
	border:1px solid #CCC;
}
#caja-texto-productos1{
	margin:70px 0 0 300px;
	height:200px;
}
#caja-texto-productos2{
	margin:70px 0 0 619px;
	height:200px;
}
#caja-texto-productos3{
	margin:290px 0 0 300px;
	height:140px;
}
#caja-texto-productos4{
	margin:290px 0 0 619px;
	height:140px;
}
#caja-texto-productos5{
	margin:450px 0 0 300px;
	height:210px;
}
#caja-texto-productos6{
	margin:450px 0 0 619px;
	height:210px;
}
#caja-azul-productos, #caja-azul-productos2, #caja-azul-productos5{
	width:280px;
	background-color:#1B387A;
	color:#FFF;
	font-family:'Arial';
	font-size:14px;
}
#caja-azul-productos, #caja-azul-productos2, #caja-azul-productos5{
	height:35px;
	padding-top:18px;
}
#caja-azul-productos2, #caja-azul-productos5{
	height:40px;
	padding-top:12px;
}
#info-empresa ul{
	text-align:left;
	color:#666;
	font-family:'Arial';
	font-size:14px;
	margin:15px 0 0 33px;
}
#caja-texto-productos7{
	width:600px;
	height:120px;
	background-color:#fff;
	position:absolute;
	border:1px solid #CCC;
	margin:607px 0 0 300px;
}
#caja-azul-productos7{
	width:600px;
	height:35px;
	padding-top:18px;
	background-color:#1B387A;
	color:#FFF;
	font-family:'Arial';
	font-size:14px;
}
#info-empresa .uno{
	text-align:left;
	color:#666;
	font-family:'Arial';
	font-size:14px;
	margin:15px 0 0 80px;
}
#info-empresa .dos{
	text-align:left;
	color:#666;
	font-family:'Arial';
	font-size:14px;
	margin:-30px 0 0 250px;
}
#info-empresa .tres{
	text-align:left;
	color:#666;
	font-family:'Arial';
	font-size:14px;
	margin:-30px 0 0 380px;
}
<!-- aqui termina productos -->
<!-- aqui empieza clientes -->
.logos-izquierda{
}
#izquierda{
	margin:190px 0 0 25px;
	position:absolute;
}
.logos-clientes2{
	margin:90px 75px 0 0;
	float:right;
}
#info-wrap2 {
	height: 450px;
	background-image:url(img/bg-banner-herramientas2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	/*background-color:#F00;*/
}
#info-home2 {
	position: relative;
	margin:0 auto; 
	padding:0;
	width:960px;
	height:450px;
	background-image:url(img/fondo-contenedor-empresa.png);
	background-repeat:no-repeat;
	}
#info-home2 h1{
	position: absolute;
	color:#FFF;
	font-size:20px;
	font-family: 'swis721_cn_btbold';
	margin:13px 0 0 245px;
}

<!-- aqui termina clientes -->
<!-- aqui empieza contacto -->


/*.texto-cajas {
	text-align:right;
	font-family:'Arial', Helvetica;
	color:#707070;
	font-size:0.9em;
	margin:289px 0 0 520px;
	position: absolute;
	line-height:39px;
}*/

/* ---------- inicia propiedades del formulario ---------- */
label {
    display:block;
	width:190px;
	position:absolute;
	background-color:#00C;
}
.formulario {
    display:block;
    margin:100px 0 0 320px;
    width:420px;
    color: #707070;
    font-family:Arial;
	position:absolute;
	/*background-color:#F00;*/
}
form {
    margin:0 auto;
    width:400px;
}
 
input {
    width:300px;
    height:25px;
    background:#fff;
    border:1px solid #CCC;
    padding:0px;
	margin:10px 0 0 200px;
    font-size:0.9em;
    color:#7C7C7C;
}
textarea {
    width:300px;
    height:80px;
    background:#fff;
    border:1px solid #CCC;
    padding:0px;
    font-size:0.9em;
    color:#7C7C7C;
	font-family:Arial;
	margin:10px 0 0 200px;
}
#submit {
    width:96px;
    height:31px;
    border:none;
    margin:10px 0 0 408px;
    cursor:pointer;
	background:#9D9D9D;
	color:#FFF;
}
#contenido-contacto .texto-cajas {
	text-align:right;
	font-family:'Arial', Helvetica;
	color:#707070;
	font-size:0.9em;
	margin:289px 0 0 520px;
	position: absolute;
	line-height:39px;
}
.texto-consulta{
	margin:40px 0 0 -150px;
	line-height:18px;
	width:150px;
	position: absolute;
}
#caja-nueva{
	position:absolute;
	margin:-237px 0 0 40px;
	width:150px;
	height:195px;
	text-align:right;
	line-height:35px;
}

/* ---------- termina propiedades del formulario ---------- */