body{
	background-color:#000000;
	
}

#all {
	width: 980px;
	background-color:#777777;
	position:relative;
	/*margin:auto;*/
	min-height:600px;
	left:50%;
	margin-left:-490px;
	position:absolute;
	}
#flash_header {
	float: left;
	height: 305px;
	width: 980px
}
#contenido {
	float: right;
	width: 692px;
	background-color: #777777;
}
#contenido2 {
	float: right;
	width: 980px;
	background-color: #777777;
	min-height:355px;
}
#footer {
	float: left;
	height: 87px;
	width: 980px;
	padding-top:30px;
	position:relative;
	background:url(http://www.elastechc.com/images/footer.jpg) no-repeat;
}

#footer p{
	margin:0 0 20px;
}

#footer_interna {
	float: left;
	height: 91px;
	width: 980px;
	position: relative;
	background-image:url(../images/footer_interna.jpg)
}

#menu_footer {
	float: left;
	height: 59px;
	width: 980px;
	background-image:url(../images/menu_footer.jpg);
}

	#menu_footer1 {
		float: left;
		width: 207px;
	}
	#menu_footer2 {
		float: left;
		width: 100px;
	}
	#menu_footer3 {
		float: left;
		width: 89px;
	}
	#menu_footer4 {
		float: left;
		width: 77px;
	}
	#menu_footer5 {
		float: left;
		width: 507px;
	}

#logo {
	height: 201px;
	width: 147px;
	float: right;
	padding-top: 0px;
}
#logo2, #logo3  {
	position:absolute;
	height: 91px;
	width: 91px;
	top:0px;
	
}

#logo2{
	right:5px;
}

#logo3 {
	left:4px;
	
}

#titulo_ind {
	float: left;
	height: 89px;
	width: 542px;
}
#titulo_interna {
	float: right;
	height: 89px;
	width: 698px;
	overflow:hidden;
}
#texto {
	width: 542px;
	text-align: justify;
	float:left;
	min-height: 150px;
}

#texto_interna {
    float:right;
	width: 716px;
	text-align: justify;
}

#barra {
	height: 20px;
	width: 980px;
	float: left;
	background-color: #777777;
}

#barra2 {
	height: 30px;
	width: 980px;
	background-color: #777777;

}




#menu_lateral {
	display: block;
	float:left;
	width:288px;
	min-height:205px;
	background-color: #777777;
	height:338px;
}
#menu_lateral ul{ list-style-type:none; padding:0; margin:4px 0 0 4px;}
#menu_lateral li{ margin-bottom:4px;}
#menu_lateral li li{ margin-bottom:0px;}
#menu_lateral ul ul{ width:198px; position:absolute; left:284px; top:340px;display:none;}
.menu_internas #menu_lateral ul ul{ width:198px; position:absolute; left:284px; top:8px;display:none;}	
#menu_lateral ul ul a{ color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; background:#444; padding:4px 5px; width:100%; display:block;}
#menu_lateral ul ul a:hover{ background:#357DAD}
ul#menu li:hover ul.sub-menu {
    display:block;
}
ul#menu li:hover ul.sub-menu2 {
    display:block;
	width:202px;
}
ul#menu li:hover ul.sub-menu3 {
    display:block;
}
ul#menu li:hover ul.sub-menu4 {
    display:block;
}
#menu_lateral .sub-menu2{top:442px;}
#menu_lateral .sub-menu3{top:478px; z-index:99999;}
#menu_lateral .sub-menu4{top:514px; z-index:99999;}

.menu_internas #menu_lateral{ margin-bottom:20px;}

.menu_internas #menu_lateral .sub-menu2{top:116px;}
.menu_internas #menu_lateral .sub-menu3{top:120px; z-index:99999; }
.menu_internas #menu_lateral .sub-menu4{top:190px; z-index:99999;}

H1 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-repeat: no-repeat !important;
	background-position:top left;
	text-indent:-9999em;
	display:block;
	margin: 0px;
	padding: 0px;
	width:698px;
	height:89px;

}
h1.hules_uso_industrial { background: url(../images/titulo_index.jpg); width:530px; }	
h1.nuestra_empresa {	background: url(../images/t_nuestra_empresa.jpg)}
h1.proteccion_sismica {	background: url(../images/title_ptoteccion_sismica.png);}
h1.afiliaciones {background: url(../images/t_afiliaciones.jpg)}
h1.contactenos {	background: url(../images/t_contactenos.jpg)}
h1.apoyos_uso {	background: url(../images/t_apoyos_uso.jpg)}
h1.apoyos_normas {	background: url(../images/t_apoyos_normas.jpg)}
h1.apoyos_materiales {	background: url(../images/t_apoyos_materiales.jpg)}
h1.apoyos_informacion {	background: url(../images/t_apoyos_informacion.jpg)}
h1.piezas_laminas {	background: url(../images/t_piezas_laminas.jpg)}
h1.piezas_sellos {	background: url(../images/t_piezas_sellos.jpg)}
h1.piezas_bumpers {	background: url(../images/t_piezas_bumpers.gif)}
h1.piezas_chancadoras {	background: url(../images/t_piezas_chancadores.jpg)}
h1.piezas_bolitas {	background: url(../images/t_piezas_bolitas.jpg)}
h1.piezas_tecnicas { background: url(../images/t_piezas_tecnicas.jpg)}
h1.info_piezas { background: url(../images/t_informacion_piezas.jpg)}
h1.info_normas { background: url(../images/t_informacion_normas.jpg)}
h1.info_diseno { background: url(../images/t_informacion_diseno.jpg)}
h1.info_definiciones { background: url(../images/t_informacion_definiciones.jpg)}
h1.info_publicaciones { background: url(../images/t_informacion_publicaciones.jpg)}
h1.tec_laboratorio { background: url(../images/t_tecnologia_laboratorio.jpg)}
h1.tec_ingenieria { background: url(../images/t_tecnologia_ingenieria.jpg)}
h1.tec_control { background: url(../images/t_tecnologia_control.jpg)}
h1.proyectos_caso1 { background: url(../images/t_proyectos_caso1.jpg)}
h1.proyectos_caso2 { background: url(../images/t_proyectos_caso2.jpg)}
h1.proyectos_caso3 { background: url(../images/t_proyectos_caso3.jpg)}
h1.proyectos_caso4 { background: url(../images/t_proyectos_caso4.jpg)}
h1.apoyos_index { background: url(../images/t_apoyos_index.jpg)}
h1.piezas_index { background: url(../images/t_piezas_index.jpg)}
h1.tec_index { background: url(../images/t_tec_index.jpg)}
h1.proyectos_index { background: url(../images/t_proyectos_index.jpg)}
h1.infotec_index { background: url(../images/t_infotec_index.jpg)}
h1.juntas_expansion { background: url(../images/t_juntas_expansion.jpg)}

h1.sistemas_impermeabilizacion{background: url(../images/t_sistemas_impermeabilizacion.jpg)}


.txcontenido {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
	margin-top:1em;
	margin-right:2em;
	margin-left:2.5em;
	line-height:1.5em;
	list-style-image:url(../images/bullet.png);
	
}
.txcontenido2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:justify;
}
.txcontenido3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-align:justify;
	margin-right:0.20em;
	margin-left:1em;
}

.txcontenido4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	margin-right:0.20em;
	margin-left:1em;
}

.txfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	
}
.subtitulo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#70bfe8;
	text-align:left;
	margin-right:2em;
	margin-left:2.5em;
}

a:link {
	color: #8ed8ff;
	text-decoration: underline;
}
a:visited {
	color: #0ba8fb;
	text-decoration: underline;
}
a:hover {
	color: #8ed8ff;
	text-decoration: underline;
	}
a:active {
	color: #8ed8ff;
	text-decoration: underline;
}
#foto {
	float: right;
	height: 213px;
	width: 300px;
	margin-right:30px;
	margin-top:45px;
}
#foto1 {
	float: left;
	height: 222px;
	width: 300px;
	margin-left:30px;
	margin-right:30px;
}
#fotoa {float: right; height: 213px; width: 300px; margin-right:23px;}
#foto1a { float: left; height: 213px; width: 300px; margin-left:18px; margin-right:6px;}
#foto1b { float: left; height: 237px; width: 650px; margin-left:18px; margin-right:6px;}

#logos {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#logos2 {
	float: left;
	height: 100px;
	width: 120px;
	margin:10px;
	
}
#logos3 {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#logos4 {
	float: left;
	height: 100px;
	width: 120px;
		margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;

}
#logos5 {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;

}
#logos6 {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;

}
#logos7 {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:0px;
	margin-bottom:40px;
	margin-left:10px;
	margin-right:10px;

}
#logos8 {
	float: left;
	height: 100px;
	width: 120px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;

}

.image_float{
	border:thin solid #70bfe8;
	padding:2px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:30px;
}

.image_float2{
	border:thin solid #70bfe8;
	margin-right:20px;
	margin-bottom:10px;
	margin-left:5px;
	float:left;
}
.image_float3{
	border:thin solid #70bfe8;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:10px;
	float:right;
}
.image_clean{
	border:thin solid #70bfe8;
}
.image_float4{
	border:thin solid #70bfe8;
	margin-left: -3px;
    margin-bottom: 29px;
    margin-right: 29px;
	float:left;
}
.tabla_molecula{
	background-image:url(../images/molecula_hule.png);
	background-position:150px;
	background-repeat:no-repeat;
}
.tabla_molecula2{
	background-image:url(../images/molecula_hule2.png);
	background-position:150px;
	background-repeat:no-repeat;
}


#lado {
	float: right;
	height: 450px;
	width: 320px;
	padding-right:20px;
	padding-left:15px;
}
#piezas{
    float:right;
	background-image:url(../images/ft_piezas_tecnicas_fondo.jpg);
	background-repeat:no-repeat;
}
#piezas ul {
width:350px;
margin:5px;}
#mapa{
	padding-left:25px;
	border:medium #FFF;
	}
#Grafik33{
	padding:10px;
	}
#Grafik331{
	padding-left:10px;
	}
#Grafik332{
	margin-left:1.5em;
	}
.btn_segundo_nivel{height:auto!important; margin:4px 1px!important; padding:0px!important; display:block!important;}

#ulitem0_3_0{height:auto!important; margin:4px 1px!important; padding:0px!important; display:block!important;}

#ulitem0_3_0 .imsubc{left:200px!important;}

#apoyos_elastomericos{ width:280px; height:33px; display:block; background:url(../images/btn_apoyos.jpg);}
#apoyos_elastomericos:hover{background:url(../images/btn_apoyos_on.jpg)}
#apoyos_deslizantes{ width:280px; height:33px; display:block; background:url(../images/btn_apoyosdes.jpg);}
#apoyos_deslizantes:hover{ width:280px; height:33px; display:block; background:url(../images/btn_apoyosdes_on.jpg);}
#proteccion_sismica{ width:280px; height:33px; display:block; background:url(../images/btn_proteccion_sismica.jpg);}
#proteccion_sismica:hover{ width:280px; height:33px; display:block; background:url(../images/btn_proteccion_sismica_over.jpg);}
#juntas_de_expansion{ width:280px; height:32px; display:block; background:url(../images/btn_juntas.jpg);}
#juntas_de_expansion:hover{ width:280px; height:32px; display:block; background:url(../images/btn_juntas_on.jpg);}
#piezas_de_tectonicas{ width:280px; height:32px; display:block; background:url(../images/btn_piezas.jpg);}
#piezas_de_tectonicas:hover{ width:280px; height:32px; display:block; background:url(../images/btn_piezas_on.jpg);}
#informacion_tecnica{ width:280px; height:32px; display:block; background:url(../images/btn_publicaciones.jpg);}
#informacion_tecnica:hover{ width:280px; height:32px; display:block; background:url(../images/btn_publicaciones_on.jpg);}
#tecnologia_empresarial{ width:280px; height:32px; display:block; background:url(../images/btn_tegnologia.jpg);}
#tecnologia_empresarial:hover{ width:280px; height:32px; display:block; background:url(../images/btn_tegnologia_on.jpg);}
#proyectos_realizados{ width:280px; height:32px; display:block; background:url(../images/btn_casos.jpg);}
#proyectos_realizados:hover{ width:280px; height:32px; display:block; background:url(../images/btn_casos_on.jpg);}
#sistemas_impermeabilizacion{width:280px; height:32px; display:block; background:url(../images/btn_impermeabilizacion.jpg);}
#sistemas_impermeabilizacion:hover{width:280px; height:32px; display:block; background:url(../images/btn_impermeabilizacion_on.jpg);}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}