@charset "utf-8";
/* CSS Document */





HTML, BODY {
	margin: 0 auto;
	padding: 0px;
	height:100%;
	border:none;
	background-color: #FFF;
}

#SiteWrapper {margin: 0; padding: 0; position: relative; margin-left: auto; margin-right: auto;	width: 896px; text-align: left;}
#SiteWrapper .center { display:block; margin-right:auto; margin-left:auto; text-align:center; }
#SiteWrapper ul { list-style-type: none; font-size: 12px; margin-top: 0px;}

#hline2 {
	position: absolute;
	left: 0px;
}
/* Logo */
#logo {	position: absolute; width: 130px; height: 44px; left: 0px; top: 32px;}

#senalizacion {position: absolute; width:121px;}
#iluminacion {position: absolute; width:114px;}
#servicios {position: absolute; width:95px;}
#contacto {position: absolute; width:98px;}

#senalizacion ,
#iluminacion ,
#servicios ,
#contacto{ top:60px; z-index: 8; height: 16px; text-align: center; vertical-align: middle; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #777; font-size: 11px; font-weight: bold;letter-spacing: 0px;}

.x_m1 {position: absolute;left: 470px; }
.x_m2 {position: absolute;left: 590px; }
.x_m3 {position: absolute;left: 702px; }
.x_m4 {position: absolute; left: 796px; }

.sqr_m {z-index: 7; background-repeat: no-repeat;} 

.y_vl0{top: 57px;}
.y_m{top: 57px;}

/* Main banner */
#main_banner {position: absolute;left: 0px; top: 80px;}

/* -------------- Clases --------------- */
.sqr_banner img  { height: 350px; width: 896px;top:0;left:0}
/* Cambia el radio de toda la stylesheet */
.sqr_banner img {	-moz-border-radius: 10px;-webkit-border-radius: 10px;} /* funcion que controla el radio */ 

/* for buttons */
.sqr {z-index: 7; background-repeat: no-repeat;} 

#estatico {position: absolute;}

.vel0 img {width: 128px; height: 90px; top:0;left:0}
.vel1 img {width: 128px; height: 90px; top:0;left:0}
.vel2 img {width: 128px; height: 90px; top:0;left:0}
.vel3 img {width: 128px; height: 90px; top:0;left:0}
.vel4 img {width: 128px; height: 90px; top:0;left:0}
.vel5 img {width: 128px; height: 90px; top:0;left:0}
.vel6 img {width: 128px; height: 90px; top:0;left:0}
.vel7 img {width: 128px; height: 90px; top:0;left:0}

.x1 {left: 0px; position: absolute;}
.x2 {left: 128px; position: absolute;}
.x3 {left: 256px; position: absolute;}
.x4 {left: 384px; position: absolute;}
.x5 {left: 512px; position: absolute;}
.x6 {left: 640px; position: absolute;}
.x7 {left: 768px; position: absolute;}

.y1 {top: 438px;}
.y2 {top: 566px;}

.y1_pic {top: 470px; }
.y2_pic {top: 598px; }

#puentes{height: 128px;	width: 256px; border-right-style: solid; border-right-width: 1px; border-right-color: #CCC; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCC;}
#radare{height: 256px;	width: 128px; border-right-style: solid; border-right-width: 1px; border-right-color: #CCC;}

#flechero,
#senales,
#radares,
#tableros  { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCC; height: 128px; width: 128px;}


#flechero,
#senales,
#pantallasc,
#garantia,
#pantallasm,
#luminarias,
#radares,
#lamparas {border-right-style: solid; border-right-width: 1px; border-right-color: #CCC; height: 128px; width: 128px;} 

#vialetas {}

/* Bottom Line */

#v_line {position: absolute; padding:0;} 

.y_vline1{top: 438px;}
.y_vline2{top: 566px;}

.y_hline1{position: absolute; top: 551px;} /* absolute = 566 - offset =15 = 551 */
.y_hline2{position: absolute; top: 687px;} /* absolute = 702 - offset =15 = 687 */ 

.y_botTxt{top: 701px;}  
.y_botSpace{top: 717px;} 

/* no sub menu buttons with scrolling main image*/
.y_botTxt_none{top: 430px;}  /*701 */
.y_botSpace_none{top: 446px;} 

/* no sub menu buttons with text*/
.y_botTxt_np{top: 470px;}  /*701 */
.y_botSpace_np{top: 486px;} 

/* Extra space for the bot */
#bot_space {position: absolute; width: 896px; right: 0px;}

/* Bottom email */
#bot_contact {	height: auto; right: 175px;	position: absolute;	width: auto;}
#bot_contact small  {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; font-style: normal;}
#bot_contact a { text-decoration: none;	font-size: 9px; color: #999; text-align: right; letter-spacing: 0px;}

/* Bottom telephone and copyright etc */
#bot_cr {right: 15px; position: absolute; vertical-align: top;}
#bot_cr  small {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; font-style: normal; font-size: 9px; color: #AAA;	text-align: right; letter-spacing: 0px;}



h3,
h4{font-size: 10px; color: #666; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; text-align: center; z-index: 2; line-height: 10px; margin-top: 0px; padding-top: 9px;}

h3{ width: 256px;}
h4{ width: 128px;}

	
.width_2box{width: 256px;}
.width_1box{width: 128px;}

/*------- ALTURAS PRODUCTOS SENCILLO ---------*/

/* offset = 40px */

.y1_sp {top: 478px;} /* 438px */
.y2_sp {top: 606px;} /* 566px */

.y1_pic_sp {top: 510px; } /* 470px */
.y2_pic_sp {top: 644px; } /* 604px */

/* offset = 170 */
.y_hline1_sp{position: absolute; top: 591px;} /* 551px */
.y_hline2_sp{position: absolute; top: 727px;} /* 687px */ 

.y_botTxt_sp{top: 741px;} /* 701px */ 
.y_botSpace_sp{top: 757px;} /* 717px */

/*------- PRODUCTOS SEÑALIZACION ---------*/


/* offset = 150px */

.y1_mp {top: 588px;} /* 438px */
.y2_mp {top: 716px;} /* 566px */

.y1_pic_mp {top: 620px;} /* 470px */
.y2_pic_mp {top: 754px;} /* 604px */

/* offset = 170 */
.y_hline1_mp{position: absolute; top: 701px;} /* 551px */
.y_hline2_mp{position: absolute; top: 837px;} /* 687px */ 

.y_botTxt_mp{top: 851px;} /* 701px */ 
.y_botSpace_mp{top: 867px;} /* 717px */

.y_prod_mp {top: 95px;}
.y_prodTxt_mp {top: 85px;} 


#image_mp {position: absolute; left: 460px; top:240px;}
#image_large {position: absolute; left: 415px; top:225px;}
#image_sp {position: absolute; left: 460px; top:130px;}
#image_puente {position: absolute; left: 420px; top:112px; width: 420px; height:320px;}
#image_puente img {width: 420px; height: 320px; background:none !important;}

#bk_se {position: absolute;left: 0px; top: 80px;}

/*-------- Submenu Especificaciones ----------*/

#buttons5 {	position: absolute;	top: 80px; z-index: 8; width: 896; left: 73px;} /* = 5 productos (150px) = 750px, (896-750)/2 = 73px */
#buttons4 {	position: absolute;	top: 80px; z-index: 8; width: 896; left: 148px;} /* = 4 productos (150px) = 600px, (896-600)/2 = 148px */
#buttons3 {	position: absolute;	top: 80px; z-index: 8; width: 896; left: 223px;} /* = 3 productos (150px) = 450px, (896-450)/2 = 223px */
#buttons2 {	position: absolute;	top: 80px; z-index: 8; width: 896; left: 298px;} /* = 2 productos (150px) = 300px, (896-300)/2 = 298px */

.prod1{ height: 110px; }
.prod2{ height: 110px; }
.prod3{ height: 110px; }
.prod4{ height: 110px; }
.prod5{ height: 110px; }


#productos {position: relative; left: auto; right: auto; display:block; margin-right:auto; margin-left:auto; text-align:center;}

#productos_txt {position: relative; left: auto; right: auto; display:block; margin-right:auto; margin-left:auto; text-align:center;}
#productos_txt {color: #555; text-decoration: none; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 11px;}

.width_prod5{width: 750px;} /* Products Pic x prudoct#*/
.width_prod4{width: 600px;} /* Products Pic x prudoct#*/
.width_prod3{width: 450px;}
.width_prod2{width: 300px;}
.width_prod1{width: 150px;}

.y_main_prod{top: 260px;}
.y_line_prod{top: 200px;} 
.y_line_specs {top: 881px;}    
.y_line_bot {top: 1445px;} 

.y_divV1{top: 721px;}     
.y_txt {top: 730px;}      

.y1_tech {top: 911px;} 
.y2_tech {top: 1094px;} 
.y3_tech {top: 1277px;} 

.y1_tech_pic {top: 950px;} 
.y2_tech_pic {top: 1133px;} 
.y3_tech_pic {top: 1316px;} 

.y_bot_space{top: 1476px;} 
.y_bot_txt{top: 1460px;}  

.x2_txt4 {position: absolute;left: 225px;}
.x3_txt4 {position: absolute;left: 450px;}
.x4_txt4 {position: absolute;left: 675px;}


.x2_txt3 {position: absolute;left: 300px;}
.x3_txt3 {position: absolute;left: 600px;}

.floatme{float: left;}
.padme{width: 183px;}
.padme_left{padding-left: 15px;}
.padme_1x1{width: 168px;padding-right: 15px;}



.width3 {width: 300px;}
.width4 {width: 225px;}

/*----------------------------------------*/

#text_sp {position: absolute;	display: block; font-family: Arial, Helvetica, sans-serif; left: 52px; top: 80px; -webkit-text-size-adjust: none;}
#text_mp {position: absolute;	display: block; font-family: Arial, Helvetica, sans-serif; left: 52px; top: 190px; -webkit-text-size-adjust: none;}

h1 {padding-bottom: 8px; padding-top: 20px; font-weight: bold; font-size: 20px; padding-left: 0px; color: #555; margin-top: 0px; margin-bottom: 0px;}
h2 {padding-bottom: 6px; padding-top: 13px; font-weight: bold; font-size: 14px; color: #555; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; margin-top: -3px; margin-bottom: 12px;}
			   
.paragraph { font-weight: normal; font-size: 10px; width: 400px; height: 10px; color: #666; }		
.paragraph_contact { font-weight: normal; font-size: 12px; width: 400px; color: #666; }		   
.paragraphli {font-size: 12px; width: 400px; line-height: 12px; padding-bottom: 4px; color: #555; background-image: url(../images/bullet.png); margin-top: 0px; margin-bottom: 0px; margin-left: 2px;}
.paragraphli {background-repeat: no-repeat; background-position: left center; padding-left: 16px;}
.paragraph_no {font-size: 12px; width: 400px; line-height: 12px; padding-bottom: 4px; color: #555; background-image:none ; margin-top: 0px; margin-bottom: 0px; center; padding-left: 16px; margin-left: 2px;}


.text_length {width: 320px;}

.length_312 {width: 312px;}  /* Tableros Metrobus */
.length_275 {width: 275px;}  /* Señal Restrictiva / Senal Preventiva2 / Senal Preventiva / Lampara Tunel / Lampara Calle / Puente CMC */
.length_207 {width: 207px;}  /* Senal Dual */
.length_290 {width: 290px;}  /* Reloj Digital */
.length_342 {width: 342px;}  /* Radar Remolque Radar Bandera*/
.length_344 {width: 344px;}  /* Radar Flechero*/
.length_340 {width: 340px;}  /* Radar Escolar */
.length_234 {width: 234px;}  /* Pantallas Color*/
.length_317 {width: 317px;}  /* Pantalla Remolque / Pantalla Pickup / Pantalla Carro */
.length_298 {width: 298px;}  /* Lampara Destello / Bus Banner / Vialeta*/
.length_349 {width: 349px;}  /* Garantia */
.length_288 {width: 288px;}  /* Flechero Remolque / Flechero 25CH*/
.length_226 {width: 226px;}  /* Contacto */
.length_404 {width: 404px;}  /* Servicios */

/*------- CONTACT FORM ---------*/

#contact-area {position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px; left: 450px; top: 135px; width: 377px; z-index: 8;}

#contact-area input, #contact-area textarea {padding: 5px; width: 250px; margin: 0px 0px 10px 0px;	border: 1px solid #AAA;}

#contact-area textarea {height: 90px;}

#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #333;}

#contact-area input.submit-button {	width: 60px; float: right;}

label {	float: left; text-align: right;	margin-right: 15px;	width: 100px; padding-top: 8px;	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; color: #555;}

#text_contacto,
#text_contacto_not {position: absolute;	color: #333; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; right: 70px; top: 430px; font-size: 12px;}
#text_contacto_not {color: #F00;}

.form-required {color: #F00;}

#edit-submit:hover{
	background-color: #FFD833;
}