/*  Reset CSS */ 
body, div, dl, dt, dd, li, pre, 
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } 
ol, ul { list-style: none; margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; }  
caption, th { text-align: left; font-weight: normal; font-style: normal; } 
acronym, abbr, fieldset, img { border: 0;} 
:focus { outline: 0; }



html, body {

	height:100%; 
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #aaaaaa;
	scrollbar-arrow-color: #B2B2B2;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #B2B2B2;
	}









/*HOME*/

#contenedor_gral{
	width: 912px;
	height: 582px;
	margin: auto;
	margin-top: -295px;
    margin-left: -430px;
    position: absolute;
    top: 50%;
    left: 50%;
	background-color:#FFF;
	
}

#cont_cent_filete_blanco{
    width: 856px;
	height: 532px;
	border: 1px solid #FFFFFF;
	background-color:#013d59;
	float:left;
}


#borde_sup_sombra{
    width: 912px;
	height: 20px;
	background:url(../imgs_compartidas/sombra_sup.jpg);
	float:left;
}

#borde_izq_sombra{
    width: 27px;
	height: 534px;
	background:url(../imgs_compartidas/sombra_izq.jpg);
	float:left;
}

#borde_der_sombra{
    width: 27px;
	height: 534px;
	background:url(../imgs_compartidas/sombra_der.jpg);
	float:right;
}

#borde_inf_sombra{
    width: 912px;
	height: 30px;
	background:url(../imgs_compartidas/sombra_inf.jpg);
	float:left;
}

#copyright{
    width: 324px;
	height: 15px;
	margin:11px 0px 0px 14px;
	background:url(../imgs_compartidas/copyrights.gif);
	float:left;
}

#diseno{
    width: 85px;
	height: 10px;
	margin:12px 0px 0px 472px;
	float:left;
}

#encabezado{
    width: 856px;
	height: 110px;
	background:url(../imgs_compartidas/encabezado.jpg);
	float:left;
}

#encabezado{
    width: 856px;
	height: 110px;
	background:url(../imgs_compartidas/encabezado.jpg);
	float:left;
} 


#idiomas{
    width: 160px;
	height: 15px;
	margin:5px 0px 0px 700px;
	float:left;
} 



.btns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}


#luz_blanca_sup{
    width: 856px;
	height: 30px;
	margin:0px 0px 0px 0px;
	background-image:url(../img_home/luz_sup.jpg);
	float:left;
} 


#contenedor_flash_y_texto{
    width: 856px;
	height: 330px;
	margin:0px 0px 0px 0px;
	float:left;
} 

#flash{
    width: 630px;
	height: 330px;
	margin:0px 0px 0px 0px;
	float:left;
} 

#img_fondo_texto_home{
    width: 226px;
	height: 330px;
	margin:0px 0px 0px 0px;
	background-image:url(../img_home/fondo_texto.jpg);
	float:left;
} 

#texto_home{
    width: 180px;
	height: 210px;
	margin:115px 0px 0px 20px;
	float:left;
} 

#luz_blanca_inf{
    width: 856px;
	height: 30px;
	margin:0px 0px 0px 0px;
	background-image:url(../img_home/luz_inf.jpg);
	float:left;
} 


.texto_home {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 17px;
}

































































/* CONTACTO */

#titulo_contacto{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../img_contacto/titulo_contacto.jpg);
	float:left;
}

#contenedor_form_y_datos{
    width: 807px;
	height: 374px;
	margin:7px 0px 0px 30px;
	background-image:url(../img_contacto/fondo_form.jpg);
	float:left;
}


#contenedor_datos{
    width: 200px;
	height: 317px;
	margin: 25px 0px 0px 32px;
	background-color:none;
	float:left;
}

#datos_argentina{
    width: 200px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	background-color:none;
	float:left;
}

#datos_brasil{
    width: 200px;
	height: 100px;
	margin: 15px 0px 0px 0px;
	background-color:none;
	float:left;
}

#datos_mexico{
    width: 200px;
	height: 78px;
	margin: 12px 0px 0px 0px;
	background-color:none;
	float:left;
}

#formulario{
    width: 510px;
	height: 300px;
	margin:30px 0px 0px 35px;
	background-color:none;
	float:left;
}

#texto_form{
    width: 480px;
	height: 55px;
	margin: 0px 0px 0px 10px;
	background-color:none;
	float:left;
}

#campos_form{
    width: 483px;
	height: 228px;
	margin: 10px 0px 0px 10px;
	background-color:none;
	float:left;
}

#mens_gracias{
    width: 510px;
	height: 20px;
	margin:170px 0px 0px 35px;
	background-color:none;
	float:left;
}

























































/* EFICIENCIA ENERGETICA */

#titulo_semaforos_led{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_semaforos_led.jpg);
	float:left;
}
#titulo_balizas_led{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_balizas_led.jpg);
	float:left;
}
#titulo_tubos_led{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_tubos_led.jpg);
	float:left;
}
#titulo_alum_pub_led{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_alum_pub_led.jpg);
	float:left;
}

#titulo_proyectos_eficientes{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_proyectos_eficientes.jpg);
	float:left;
}

#contenedor_flash_y_datos{
    width: 807px;
	height: 374px;
	margin:7px 0px 0px 30px;
	float:left;
}
#flash_semaforo{
    width: 316px;
	height: 357px;
	margin:5px 0px 0px 0px;
	float:left;
}
#flash_proyectos_eficientes{
    width: 316px;
	height: 357px;
	margin:5px 0px 0px 0px;
	float:left;
}
#fondo_datos_semaforo{
    width: 472px;
	height: 343px;
	margin:10px 0px 0px 10px;
	background-image:url(../img_semafotros_led/fondo_datos.jpg);
	float:left;
}

#titulo_datos_semaforo{
    width: 435px;
	height: 18px;
	margin:28px 0px 0px 15px;
	float:left;
}
#texto_datos_semaforo{
    width: 435px;
	height: 270px;
	margin: 20px 0px 0px 15px;
	float:left;
}
#texto_datos_balizas{
    width: 435px;
	height: 270px;
	margin: 20px 0px 0px 15px;
	float:left;
}































/* ILUMINACION ARQUITECTONICA */

#titulo_ilum_fibra_optica{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_fibra_optica.jpg);
	float:left;
}

#titulo_piscinas_espejos{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_piscinas_espejos.jpg);
	float:left;
}
#titulo_ilum_fachadas{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_ilum_fachadas.jpg);
	float:left;
}
#titulo_carteleria{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_carteleria.jpg);
	float:left;
}
#titulo_efectos_cielorrasos{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_efectos_cielorrasos.jpg);
	float:left;
}
#titulo_muebles_banios_cocina{
    width: 797px;
	height: 30px;
	margin:0px 0px 0px 36px;
	background-image:url(../titulos_secciones/titulo_muebles_banios_cocina.jpg);
	float:left;
}


















































































/* MENU DESPLEGABLE */


#marco {
    width: 545px;
	height: 20px;
	margin:36px 0px 0px 285px;
	float:left;
	}


#marco_copia {
	width:545px;
	margin:15px 0;
	padding:0px;
	text-align:left;
	}


/* COLOR, TAMAÑO DEL FONDO DE LA BOTONERA. */	
.menu2 {
	padding:0px 0px 0px 0px;
	margin:0;
	margin-bottom:0; 
	list-style:none; 
	height:20px; /*tamaño del fondo de la botonera.*/
	background-color:none; /*color del fondo de la botonera.*/
	position:relative;
	font-family:arial, verdana, sans-serif;  
	}


/* AUN NO SE QUE MODIFICA. */	
.menu2 li.top {
	display:block;
	float:left;
	position:relative;}


/* CARACTERISTICAS DE LA TIPO DE LA BOTONERA. CON EL PADDING MODIFICAMOS LA SEPARACION ENTRA LAS CAJAS DE CADA BOTON.*/
.menu2 li a.top_link {
	display:block;
	float:left;
	height:21px; /*tamaño del fondo DE ROLL OVER de la caja de cada boton (si al modificar este valo la caja del desplegable no se toca con la caja del boton no se puede acceder a la caja desplegada */
	margin-left:4px; /*margen entre cada caja de cada boton, sin roll over*/
	line-height:15px; /*altura de la linea de texto (de los textos de los botones sin roll over)*/
	color:#333333; /*color del texto de los botones (sin roll over)*/
	text-decoration:none; 
	font-size:11px; /*tamaño tipo*/
	font-weight:normal; 
	padding:0px 0px 0px 0px; 
	cursor:pointer; /*muestra el cursos con la manito al hacer roll over*/
	}




/* COLOR DEL FONDO, TAMAÑO Y UBICACION DE LA CAJA DE CADA BOTON POR SEPARADO, SIN ROLL OVER. LO QUE SE MODIFICA CON EL PADDING ES LA SEPARACION ENTRE EL TEXTO DEL BOTON Y LOS BORDES DE LA CAJA DE CADA BOTON (MODIFICAR LAS DOS LINEAS DE ESTILO SIGUIENTES JUNTAS PARA QUE RESPONDAN LOS CAMBIOS */
.menu2 li a.top_link span {
	float:left; 
	display:block; 
	background-color:#DBDBDB; /*color de fondo de la caja de cada boton (sin roll over)*/
	padding:0px 6px 0px 6px; 
	height:15px; /*alto de la caja de cada botón (sin roll over). si modifico este valor y no el de abajo los cambios no se ven, a la inversa si*/ 
	}
.menu2 li a.top_link span.down {
	float:left; 
	display:block;
	margin:3px 0px 0px 0px; /*margen de cada botón (sin roll over) en relacion al tamaño de la botonera*/  
	padding:0px 3px 0px 3px; /*separacion entre el texto del boton y su respectiva caja*/ 
	height:18px; /*alto de la caja de cada botón*/
	width:auto; /*ancho de la caja de cada botón (el roll over responde solo)*/
	}




.menu2 li a.top_link:hover {
	color:#fff; /*¿?*/
	background:#fff;/*¿?*/
	}

.menu2 li a.top_link:hover span { 
	background:#fff;/*¿?*/
	}
	
.menu2 li a.top_link:hover span.down { 
	background:#fff;/*¿?*/
}


/* COLOR DEL ROLL OVER DE CADA BOTON DE LA BOTONERA. */
.menu2 li:hover > a.top_link {
	color:#FFFFFF; /*color del roll over de la tipo de cada boton de la botonera*/
	background:none; /*color del roll over del fondo de cada boton de la botonera*/
	}
	
/* COLOR DEL ROLL OVER DE CADA BOTON DE LA BOTONERA. */
.menu2 li:hover > a.top_link span.down {
	background:#999999; /*color del roll over del fondo de cada boton de la botonera*/
	}


/* NOSE. */
.menu2 li:hover > a.top_link span {
	background:#DBDBDB;
	}


/* NOSE. */
.menu2 table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
	}



/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}


/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	}


/* CARACTERISTICAS DE LA CAJA TOAL DE LOS DESPLEGABLES. */
.menu2 :hover ul.sub {
	left:4px; /*ubica la parte izquierda de la caja del desplegable*/
	top:21px; /*ubica la parte de arriba de la caja del desplegable (este valor esta relacionado con el "height:20px;" del estilo ".menu2 li a.top_link {" */
	background-color: #DBDBDB; /*color del fondo de la caja del desplegable (sin roll over)*/ 
	padding:0; /*agrega un espacios alrededor de la caja total del desplegable*/ 
	border:0px solid #1E8BB5; /*agrega un filete a toda la vuelta de la caja del desplegable*/ 
	white-space:nowrap; /*controla los espacios en blanco de los textos*/
	width:auto; 
	height:auto; 
	font-weight:normal;
	}


/* ANCHO DE CADA CAJA EN PARTICULAR DENTRO DE LOS DESPLEGABLES, GROSOR Y COLOR LINEAS SEPARADORAS, Y COLOR Y ANCHO DE LAS LINEAS DE LOS LATERALES DEL DESPLEGABLE */
.menu2 :hover ul.sub li {
	display:block;
	width:238px; /*ancho de la caja del desplegable*/
	height:19px; /*alto de la caja del desplegable*/
	position:relative; 
	float:left; 	 
	border-bottom:1px solid #999999; /*tamaño y color filete de abajo*/ 
	border-left:1px solid #999999; /*tamaño y color filete de la izquierda*/  
	border-right:1px solid #999999; /*tamaño y color filete de la derecha*/
	margin-bottom:0px 0px 0px 0px; /*¿?*/
	}



/*TAMAÑO Y COLOR DE LA TIPO Y EL FONDO DE LA CAJA DE CADA BOTON DENTRO DEL DESPLEGABLE*/
.menu2 :hover ul.sub li a {
	display:block; 
	height:15px; /*alto del fondo del roll over de cada caja de cada boton del desplegable*/
	width:234px; /*ancho del fondo del roll over de cada caja de cada boton del desplegable*/
	font-size:11px; 
	padding:5px 0px 0px 5px; /*ubicacion del texto de los botones dentro de cada caja dentro del desplegable (restar este valor a los valores de ancho y alto del fondo del roll over de la caja de cada boton*/
	line-height:1; 
	color:#333333; /*color de la tipo de los botones dentro de los desplegables (sin roll over)*/
	text-decoration:none;
	}


/* COLOR DEL FONDO Y LA TIPO DEL ROLL OVER EN LOS DESPLEGABLES */
.menu2 :hover ul.sub li a:hover {
	background:#999999; /*color del roll over la caja de cada boton dentro de los desplegables*/
	color:#333333; /*color del roll over de la tipo del texto de cada boton dentro de los desplegables*/
	}








/*  SEGUNDO NIVEL DE DESPLIEGUE (PREVIO)*/

/*  COLOR DEL FONDO DE LOS BOTONES DE UN DESPLEGABLE QUE PERMITE OTRO DESPLEGABLE, SIN ROLL OVER */
.menu2 :hover ul.sub li a.fly {
	background:#FFFFFF;
	}

/*COLOR DEL ROLL OVER DEL FONDO DE LOS BOTONES DE UN DESPLEGABLE QUE PERMITE OTRO DESPLEGABLE */
.menu2 :hover ul.sub li a.fly:hover {
	background:#999999;
	}

/*COLOR DEL FONDO DE LOS BOTONES DE UN DESPLEGABLE QUE PERMITE OTRO DESPLEGABLE AL HACER ROLL OUT*/
.menu2 :hover ul li:hover > a.fly {
	background:#FFFF66;
	}



/*CAMBIOS PARA EL SEGUNDO DESPLIEGUE (DESPLEGADO)*/
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:200px; /*ubica (con parametro izquierdo) la caja del segundo desplegable*/
	top:-1px; /*ubica (con parametro arriba) la caja del segundo desplegable*/
	background: #fff; /* ¿? */
	padding:0px 0px 0px 0px; /* white-space:nowrap; */
	width:auto; 
	z-index:300; 
	height:auto;
	}

.menu2 :hover ul.sub li ul {
	border-top:1px solid #005FB9; /*tamaño y color del filete superior de la caja del segundo nivel de despliegue*/
	background:#996600; /*color del fondo del segundo desplegable*/
	z-index:300;
	}

/* FIN MENU DESPLEGABLE */





























.btns_idiomas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration: none;
}
.btns_idiomas_apagado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration: none;
}
.btns_idiomas:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: none;
}
.titulo_pais_contacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003D59;
	text-decoration: none;
}
.datos_contacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 16px;
}
.datos_contacto_bold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.mails_contacto {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003D59;
	text-decoration: none;
}
.mails_contacto:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.texto_form {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
.datos_campos {
	font-family: tahoma, verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.campos_form {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #003D58;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 231px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
	vertical-align: text-bottom;
	text-align: left;
}
.campo_ciudad_form {

	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #003D58;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 131px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
	vertical-align: text-bottom;
	text-align: left;
}
.campo_cp_form {


	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #003D58;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 16px;
	width: 91px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
	vertical-align: text-bottom;
	text-align: left;
}
.campo_mens_form {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #003D58;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 92px;
	width: 231px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 3px;
	vertical-align: text-bottom;
	text-align: left;
}
.btns_borrar_enviar {
	font-family: tahoma, verdana, sans-serif;
	font-size: 10px;
	color: #003D58;
	text-decoration: none;
	background-color: #CCCCCC;
	height: 16px;
	width: 61px;
	border: 1px solid #999999;
}
.titulo_datos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.texto_datos_semaforo {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 25px;
}
.texto_datos_balizas {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 22px;
}
.texto_datos_cielorrasos {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 28px;
}