@charset "utf-8";
/* CSS Document */
html{height: 100%}
body {margin: 0px; height: 100%; }
h1{font: bold 14px Verdana, Geneva, sans-serif; color:#336; padding-left: 20px; padding-top:20px; text-align:justify}
h2{font: small-caps bold 12px Verdana, Geneva, sans-serif; color: #c11218; padding-left: 16px; padding-top: 10px;}
h3{font: bold small-caps 11px Verdana, Geneva, sans-serif; padding-top:15px}
h4{font: bold small-caps 11px Verdana, Geneva, sans-serif; padding-top: 6px}
p{padding-top: 5px; padding-left: 15px}
p a{text-decoration:none; color:#F63}
p a:hover{text-decoration: none; color:#339}
ul{padding-left: 28px; padding-top: 2px}
li{padding-left: 2px; color: #C33;}

#bodyfondo{ background:url(imagenes/fondoxmas11.gif) no-repeat; width: 1680px; height:1050px}
/*#background{position:absolute; z-index:-1; width:100%; height:100%;}*/
#cuerpo{background:url(imagenes/repfondo.gif) repeat-y ; font: normal 11px arial,tahoma,verdana; color: #306; text-align:justify; line-height: 18px; height:100%}
#fondo{ background:url(imagenes/fondotel.gif) no-repeat; width:967px; height:42px}
#fondomenu{ background:url(imagenes/fondosoteinpe2.gif) no-repeat; width:967px; height:151px}
#fondomenu_en{ background:url(english/images/fondo.gif) no-repeat; width:967px; height:151px}
#foot{ background:url(english/images/foot.gif) no-repeat; width:967px; height: 77px}
.contenidos{margin-top: 5px}
.contenidos a{font:Verdana, Geneva, sans-serif; color: #C00}
.contenidos a:hover{ color:#F90}
.revestimiento{ color: #339; font: bold 11px}

.linea{ background:url(imagenes/borde.gif) no-repeat; width:257px; height:28px; padding-left:15px}

#pie{background:url(imagenes/pie.gif) no-repeat; width:967px; height:77px}
.legal{font:normal 9px Verdana, Geneva, sans-serif; color:#336}
.parrafo{padding: 5px 20px}
.parrafo a{text-decoration:none; color:#c11218}
.parrafo a:hover{text-decoration: none; color:#fbc30f}
#encuesta{width:550px; padding-left:80px; padding-top:10px}



/*mapa web*/

.titulo{font: small-caps 11px Arial, Helvetica, sans-serif; color: #F00}
.prin a{font:small-caps 11px Arial, Helvetica, sans-serif; color: #fbc30f; text-decoration:none}
.prin a:hover{text-decoration: none}
.secun a{font: small-caps 11px Arial, Helvetica, sans-serif; color: #FFC; text-decoration:none}
.secun a:hover{text-decoration:none}

.map{font: bold 10px Arial, Helvetica, sans-serif; text-decoration: none; color:#339; padding-left: 0px;}
.map a{ text-decoration:none; color:#FFF}




/*menu lateral secundario*/
.contenedor{padding-top: 10px;}
.menu_sup{padding-top: 12px; padding-left:320px }
.menu_sup a{background-position: top; background-repeat: none; text-decoration: none; height: 98px; width: 192px; display: block;}
.menu_sup a:hover{background-position: 0 -98px}
.menu_sup a.Act{background-position: 0 98px; background-repeat: none; text-decoration: none; height: 98px; width: 192px; display: block;}


.menu_sup span.alt{display:none}
.menu_sup a#mantenimiento{background-image: url(imagenes/botones/mantenimiento.jpg)}
.menu_sup a#productos{background-image:url(imagenes/botones/equipamiento.jpg)}
.menu_sup a#proyectos{background-image: url(imagenes/botones/proyectos.jpg)}
.menu_sup a#maintenance{ background-image:url(english/button/maintenance.jpg)}
.menu_sup a#products{ background-image:url(english/button/products.jpg)}
.menu_sup a#projects{ background-image:url(english/button/projects.jpg)}

/*menu lateral*/
#menu{ padding-top: 1px;  }
.menu{ padding-top: 5px;padding-right:12px }
.menu a{ background-position:top; background-repeat:none; text-decoration:none; height:30px; width:180px; display:block;}
.menu a:hover{ background-position: 0 -30px}
.menu a.Act{ background-position:0 -30px; background-repeat:none; text-decoration:none; height:30px; width:180px; display:block;}

.menu span.alt{ display:none}
.menu a#mantenimnientop{ background-image:url(imagenes/botones/2/mantenimiento.gif)}
.menu a#equipamientop{ background-image:url(imagenes/botones/2/equipamiento.gif)}
.menu a#certificados{ background-image:url(imagenes/botones/2/certificados.gif)}
.menu a#proyectosp{ background-image:url(imagenes/botones/2/proyectos.gif)}
.menu a#maintenancep{ background-image:url(english/button/maintenance.gif)}
.menu a#productsp{ background-image:url(english/button/products.gif)}
.menu a#certificates{ background-image:url(english/button/certificates.gif)}
.menu a#projectsp{ background-image:url(english/button/projects.gif)}


/*menu horizontal*/

.menuh{padding-top: 1px; padding-left:8px}
.menuh a{ background-position:top; background-repeat:none; text-decoration:none; height:38px;  display:block}
.menuh a:hover{ background-position: 0 -38px}
.menuh a.Act{ background-position:0 -38px; background-repeat:none; text-decoration:none; height:38px; display:block}

.menuh span.alt{display:none}

.menuh a#soteinpe{background-image: url(imagenes/botones/2/soteinpe.gif)}
.menuh a#quien{ background-image: url(imagenes/botones/2/grupo.gif) }
.menuh a#contacto{ background-image:url(imagenes/botones/2/contacto.gif)}
.menuh a#donde{ background-image:url(imagenes/botones/2/instalaciones.gif)}
.menuh a#soteinpe_e{ background-image:url(english/button/group.gif)}
.menuh a#who{ background-image:url(english/button/aboutus.gif)}
.menuh a#where{ background-image:url(english/button/location.gif)}
.menuh a#contact{ background-image:url(english/button/contact.gif)}


/*idioma*/

.idioma{ padding-top: 6px; padding-right: 8px}
.idioma a { background-position:top; background-repeat:none; text-decoration:none; height:18px; display:block}
.idioma a:hover{ background-position: 0 -18px}
.idioma a.Act{ background-position: 0 -18px; background-repeat:none; text-decoration:none; height:18px; display:block}

.idioma span.alt{ display:none}
.idioma a#castellano{ background-image:url(imagenes/botones/cast.gif)}
.idioma a#english{ background-image:url(imagenes/botones/eng.gif)}

/*averias*/

#bt_averias{padding-right: 12px}
.bt_averias{text-decoration:none; background-position:top; width:180px; height: 50px}
.bt_averias a{background-position:top; background-repeat:no-repeat; text-decoration:none; height:50px; display:block}
.bt_averias a:hover{background-position:0 -50px}
.bt_averias a.Act{background-position:0 -50px; text-decoration:none; background-repeat:no-repeat; height:50px; display:block}
.bt_averias a#averia{background-image: url(imagenes/botones/averias.gif)}


/*encuesta*/
#botonencuesta{ padding-right: 12px}
.encuesta{ text-decoration:none; background-position:top; width:180px; height:48px}
.encuesta a{ background-position:top; background-repeat:no-repeat; text-decoration: none; height:48px; display:block}
.encuesta a:hover{ background-position: 0 -48px}
.encuesta a.Act{ background-position: 0 -48px; text-decoration:none; background-repeat:no-repeat; height:48px; display:block}
.encuesta a#bt_encuesta{ background-image:url(imagenes/botones/encuesta.gif)}




.nav a{font: small-caps bold 11px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none}
.nav a:hover{text-decoration:none; color:#c11218}
.nav a.Act{text-decoration:none; color: #fbc30f}
 
 
button { border:0; padding:0; margin:5px; }
button.submit { width:99px; height:29px; background:url(imagenes/botones/enviar.gif) no-repeat; }
button.reset { width:99px; height:29px; background:url(imagenes/botones/borrar.gif) no-repeat; }
button.submiten { width:99px; height:29px; background:url(imagenes/botones/send.gif) no-repeat; }
button.reseten { width:99px; height:29px; background:url(imagenes/botones/reset.gif) no-repeat; }


.tipo{font:normal 11px Verdana, Geneva, sans-serif; color:#fbc30f}
.privacidad a{font:normal 9px; color: #FFF; text-decoration:none}
.privacidad a:hover{text-decoration:none; color: #336} 

#formulario{ width:500px; padding-left: 100px}
#form{ background:url(imagenes/fondoform.gif) no-repeat; width:420px; height:300px; font:10px Arial, Helvetica, sans-serif; color: #036; padding-top:40px}
#fondolegal{background: #FC0}
.cont_legal{font: 10px Arial, Helvetica, sans-serif; color:#339; text-align:justify; padding: 2px; line-height: 12px; padding-right:10px}




/*mapa web*/

.mapa_web{padding-left: 100px; padding-top: 20px;}

.mapa_web_s1{ background-color:#CCC; font:small-caps 12px Arial, Helvetica;}
.mapa_web_s1 a{color: #339; text-decoration:none; }
.mapa_web_s1 a:hover{ color:#666}

.mapa_web_s2 {font:small-caps 10px Arial, Helvetica, sans-serif; padding-left: 15px; padding-top:5px}
.mapa_web_s2 a{color: #C33; text-decoration:none}
.mapa_web_s2 a:hover{color: #666}








/*#ocultar {visibility: hidden;

}
#ocultar {

	width: 410px;
	height: 260px;
	margin-right: 5px;
	
} */