/*---GENERAL---------------------------------------------------------------------------------*/
@charset "UTF-8";

*{padding:0;margin:0; position:relative;}

a{ text-decoration:none;}

body{margin:0; padding:0; background: url(../images/bg-main.jpg) repeat-x #e4e9f0;}

#main{margin:0 auto; padding:0; border:0px solid #000;width:960px;height:720px; background:url(../images/bg-content.jpg) center 100px  no-repeat;}
.ie6 #main{background:url(../images/bg-content.jpg) center 100px  no-repeat;}
/*---HEADER---------------------------------------------------------------------------------*/

#header{ position:relative; float:left; margin:0; padding:0; width:960px; height:100px; background:url(../images/bg-header.jpg) center no-repeat; border:0px solid #000;}
.ie6 #header{background:url(../images/bg-header.jpg) no-repeat; background-position:center; width:1100px;}

#logo{float:left; margin:10px 0 0 80px; width:230px; height:90px; background:url(../images/logo.png) no-repeat; border:0px solid #000;}

#menu{border:0px solid #000; float:right; width:550px; height:20px; margin:80px 80px 0 0}

#menu a{border:0px solid #000; float:left; height:20px; text-align:center; font-family: "Century Gothic",Arial, Gadget, sans-serif; font-size:.75em; text-decoration:none;  color:#677; background:url(../images/bg-a_menu.jpg) right top no-repeat;}

#inicio{margin:0 0 0 10px; width:50px;}

#quienes{margin:0 0 0 -1px; width:121px;}
.ie #quienes{margin:0 0 0 -1px; width:120px;}

#productos{margin:0 0 0 -1px; width:75px;}
#servicios{margin:0 0 0 -2px; width:71px;}
#ubicacion{margin:0 0 0 -1px; width:76px;}
#clientes{margin:0 0 0 -1px; width:65px;}
a#contactenos{margin:0 0 0 -1px; width:87px; background:url();}


/*---CONTENT---------------------------------------------------------------------------------*/

.hide{display:none;}

#content{border:0px solid #000; float:left; width:960px; height:365px;}
.ie6 #content{ position:relative; float:left;width:1100px; height:150px;}

#bgmenu{position:relative; border:0px solid #000; float:right; width:535px; height:13px; margin:-251px 17px 0 0; background:url(../images/bg-menu.png) no-repeat;}
.ie6 #bgmenu{display:none;}


#bgmenu2{position:relative; border:0px solid #000; float:right; width:535px; height:13px; margin:0 6px 0 0; background:url(../images/bg-menu.png) no-repeat;}
.ie6 #bgmenu2{display:none;}

#line{position:relative; border-top:0px solid #f26937; float:left; width:46px; height:13px; margin:0; background:url(../images/flecha.png) top center #f26937 no-repeat;}


#box_banner{position:relative;border:0px solid #000; float:left; width:816px; height:256px; margin:0 0 0 77px; background:url(../images/bg-banner.png) no-repeat;}

#slide{position:relative; border:0px solid #000; float:left; width:798px; height:251px; margin:0 0 0 4px; overflow:hidden;}
.ie6 #slide{margin:0 0 0 2px;}

#banner1{ position:relative; border:0px solid #000; float:left; width:798px; height:251px; margin:0; background:url(../images/banner_1.png) no-repeat;}
#banner2{position:relative; border:0px solid #000; float:left; width:798px; height:251px; margin:0; background:url(../images/banner_2.png) no-repeat; display:none;}
#banner3{position:relative; border:0px solid #000; float:left; width:798px; height:251px; margin:0; background:url(../images/banner_3.png) no-repeat; display:none;}
#banner4{position:relative; border:0px solid #000; float:left; width:798px; height:251px; margin:0; background:url(../images/banner_4.png) no-repeat; display:none;}

#submenu{position:relative; border:0px solid #000; float:left; width:364px; height:56px; margin:-51px 0 0 -5px; no-repeat; clear:both;}
.ie6 #submenu{margin:-51px 0 0 -1px;}

#submenu_1{border:0px solid #000; float:left; width:86px; height:36px; margin:15px 0 0 5px;cursor:pointer;}
#submenu_2{border:0px solid #000; float:left; width:86px; height:36px; margin:15px 0 0 0;cursor:pointer;}
#submenu_3{border:0px solid #000; float:left; width:86px; height:36px; margin:15px 0 0 0;cursor:pointer;}
#submenu_4{border:0px solid #000; float:left; width:86px; height:36px; margin:15px 0 0 0;cursor:pointer;}

#bg_1{border:0px solid #000; float:left; width:68px; height:30px; margin:3px 0 0 9px; cursor:pointer; background:url(../images/bg_btn_1.png) center no-repeat;}
#bg_2{border:0px solid #000; float:left; width:68px; height:30px; margin:3px 0 0 9px; cursor:pointer; background:url(../images/bg_btn_2.png) center no-repeat;}
#bg_3{border:0px solid #000; float:left; width:68px; height:30px; margin:3px 0 0 9px; cursor:pointer; background:url(../images/bg_btn_3.png) center no-repeat;}
#bg_4{border:0px solid #000; float:left; width:68px; height:30px; margin:3px 0 0 15px; cursor:pointer; background:url(../images/bg_btn_4.png) no-repeat;}

#box1{border:0px solid #000; float:left; width:403px; height:104px; margin:0 0 0 77px; background:url(../images/box_1.png) no-repeat;}

#box2{border:0px solid #000; float:left; width:403px; height:104px; margin:0 0 0 0; background:url(../images/box_2.png) no-repeat;}

.titulo_1{ border:0px solid #000; float:left; width:100px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#037; font-weight:bold; margin:10px 0 0 15px;}
.titulo_1:hover{color:#f26937;}
.ie6 .titulo_1{margin:10px 0 0 10px;}

.texto_0{ border:0px solid #000; float:left; width:270px; height:45px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#555; margin:27px 0 0 20px; text-align:justify; line-height:12px;}
.texto_0:hover{color:#f26937;}
.ie6 .texto_0{margin:50px 0 0 -85px;}

.texto_1{ border:0px solid #000; float:left; width:270px; height:45px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#555; margin:20px 0 0 20px; text-align:justify; line-height:12px;}
.texto_1:hover{color:#f26937;}
.ie6 .texto_1{margin:45px 0 0 -85px;}

.titulo_2{ border:0px solid #000; float:left; width:210px; height:30px; font-family:"Century Gothic",Arial, Gadget, sans-serif; font-size:1.5em; color:#003eb6; margin:10px 0 0 6px; text-align:center;}
.ie6 .titulo_2{margin:10px 0 0 3px;}

.texto_2{ border:0px solid #000; float:left; width:535px; height:190px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#555; margin:60px 0 0 30px; text-align:justify;}

.titulo_3{ border:0px solid #000; float:left; width:530px; height:30px; font-family:"Century Gothic",Arial, Gadget, sans-serif; font-size:1.5em; color:#003eb6; margin:10px 0 0 36px;}
.ie6 .titulo_3{margin:20px 0 0 25px;}

.texto_3{ border:0px solid #000; float:left; width:235px; height:270px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#555; margin:20px 0 0 30px; clear:both;}
.ie6 .texto_3{margin:20px 0 0 20px;}

.texto_4{ border:0px solid #000; float:left; width:255px; height:220px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#555; margin:20px 0 0 20px;}

.texto_6{ border:0px solid #000; float:left; width:550px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#555; margin:10px 0 0 20px; }
.ie6 .texto_6{margin:20px 0 0 20px;}

.texto_7{ border:0px solid #000; float:left; width:550px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#555; margin:5px 0 0 20px; text-align:justify; }
.ie6 .texto_7{margin:20px 0 0 20px;}

ul{position:relative; float:left; border:0px solid #000; margin:10px 0 0 12px;}
.ie6 ul{margin:10px 0 0 0;}

.azul{color:#003eb6; font-weight:bold;}

.naranja{color:#f36f3f; font-weight:bold;}

#box_quienes{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-quienes.png) no-repeat; margin:0 0 0 76px;}

#box_servicios{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-servicios.png) no-repeat; margin:0 0 0 76px;}

#box_ubicacion{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-ubicacion.png) no-repeat; margin:0 0 0 76px;}

#box_clientes{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-clientes.png) no-repeat; margin:0 0 0 76px;}

#box_contacto{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-contacto_izq.png) no-repeat; margin:0 0 0 76px;}

#box_productos{ border:0px solid #000; float:left; width:806px; height:363px; background:url(../images/bg-productos.png) no-repeat; margin:0 0 0 76px; overflow:hidden;}

#prod_imgs{float:right; width:238px; height:290px; margin:0 4px 0 0; border:0px solid #000; background:url(../images/prod_1.jpg) no-repeat;}
.ie6 #prod_imgs{margin:0 2px 0 0;}

#oficinas{border:0px solid #000; float:left; margin:40px 0 0 25px; width:200px; height:200px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#666; line-height:13px;}

#mapaubicacion{border:0px solid #000; float:left; margin:40px 0 0 0; width:348px; height:277px; background:url(../images/mapaubicacion.jpg) no-repeat;}

#clientes_logos{float:left; border:0px solid #000; width:499px; height:316px; background:url(../images/logos_clientes.jpg) no-repeat; margin:0px 0 0 260px;}
.ie6 #clientes_logos{margin:0px 0 0 130px;}

label{float:left; width:73px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#03C; font-weight:bold; text-align:right;}

form{float:left; width:520px; height:300px; margin:10px 0 0 250px; border:0px solid #000;}
.ie6 form{margin:15px 0 0 125px;}

form div{ float:left; width:520px; border:0px solid #000; margin:8px 0 0 0;}
#correo{width:248px;}
.safari #correo{width:248px;}
#tel{width:235px; margin-left:3px;}
.ie6 #tel{width:237px; margin-left:3px;}
#cp{width:224px;}
.ie6 #cp{width:228px;}
#ciudad{width:260px; margin-left:3px;}
.ie6 #ciudad{width:263px; margin-left:1px;}
.safari #ciudad{width:260px; margin-left:3px;}

input, textarea{margin:0 0 0 8px;}

#requerido{border:0px solid #000; float:left; width:130px; height:20px; color:#069; font-family:Arial, Gadget, sans-serif; font-weight:bold; font-size:.7em; margin:6px 0 0 78px;}
.ie6 #requerido{margin:6px 0 0 42px;}

#enviar{position:relative; float:right; margin:0 40px 0 0; width:79px; height:32px; background:url(../images/enviar.jpg) no-repeat; border:0px; font-family: Arial, Gadget, sans-serif; font-size:.8em; color:#FFF; font-weight:bold; cursor:pointer;}

#contacto_p{position:relative;float:left;border:0px solid #000;width:315px;height:100px;margin:120px 0 0 360px;font-family:Arial, Helvetica, sans-serif;font-size:.7em;color:#777;display:none; text-align:center;}

#loading{position:relative;float:left;border:0px solid #000; width:50px; height:50px; margin:27px 0 0 130px; background:url(../images/ajax-loader.gif) no-repeat center; display:none;}

#result{position:relative;float:left;border:0px solid #000; width:300px; height:35px; margin:0px 0 0 10px;display:none;}

/*---FOOTER---------------------------------------------------------------------------------*/

#footer{border:0px solid #000; float:left; width:960px; height:310px;}

#contacto{border:0px solid #000; float:left; width:804px; height:167px; margin:0 0 0 78px; background:url(../images/bg-contacto.png) no-repeat;}
#contactanos_text{border:0px solid #000; float:left; width:280px; height:40px; font-family: "Century Gothic", Arial, Gadget, sans-serif; font-size:2.5em; color:#999; margin:20px 0 0 278px;}
.ie6 #contactanos_text{margin:20px 0 0 140px;}

#telefono{border:0px solid #000; float:left; width:280px; height:38px; font-family:Futura Lt BT, Arial, Gadget, sans-serif; font-size:2.5em; color:#323f4e; margin:15px 0 0 258px;}
.ie6 #telefono{margin:5px 0 0 130px;}

#cotizacion{border:0px solid #000; float:right; width:191px; height:46px; margin:-5px 20px 0 0; background:url(../images/cotizacion.jpg) no-repeat; text-decoration:none; }
#cotizacion:hover{background:url(../images/cotizacion_2.jpg) no-repeat;}
#cotizacion span{border:0px solid #000; width:160px; height:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#FFF; margin:14px 0 0 22px; font-weight:bold;}

#logos{border:0px solid #000; float:left; width:800px; height:51px; margin:5px 0 0 80px;}

#mapsite{float:left; width:80px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; margin:5px 0 0 80px; text-decoration:none;  color:#333; border:0px solid #000; font-weight:bold;}
.ie6 #mapsite{margin:5px 0 0 162px;}

#estrasol{float:right;  width:140px; font-family:Arial, Helvetica, sans-serif; font-size:.7em; margin:5px 85px 0 0; text-decoration:none;  color:#333; border:0px solid #000; font-weight:bold; text-align:right;}
.ie6 #estrasol{margin:5px 7px 0 0;}