/* CSS Goros*/
html{ text-align:center; width:100%; height:auto;margin:0;padding:0;}
BODY{ 
font-family: Arial, Verdana, Tahoma;
font-size:1em;
margin:0 auto;padding:0;width:100%;text-align:center;height:auto;
background: url(../images/fondo.gif) top center;color:#3605ad}
a{text-decoration:none;border:none;color:#3605ad; }
img{border:none;}

#centrado{
position:absolute;width:900px; min-height:580px;height:auto!important;height:100%;
left: 50%;
top: 50%;
/*width: XXXpx;
height: YYYpx;*/
margin-left: -450px;
margin-top: -290px;}
/*pagina*/
#pagina{border:solid #3605ad 1px;width:900px; min-height:550px;height:auto!important;height:100%;
text-align:center;margin:0px auto; margin-top:2px;padding:0;

 }


/*cabecera*/
#cabecera{width:100%;margin:0 auto;background: url(../images/bgr_top.gif) no-repeat top left; height:145px;_height:125px;}
#cabecera2{width:100%;margin:0 auto;background: url(../images/bgr_top.gif) no-repeat top left; height:100px;_height:90px;}


#logo{float:left;margin:48px 0 0 15px;_margin-top:40px; text-align:left;padding:0;width:300px}
#logo a{}

#menucabeza{float:right;width:550px; height:100%; margin:0;padding:0;text-align:right;margin-top:12px;}
#menucabeza ul{margin:0; width:100%;list-style-type:none;text-align:right;padding:0;}
#menucabeza li{ display:inline;font-size:0.65em; margin-right:10px; font-weight:bold; text-transform:uppercase;}
#menucabeza li a{ color:#3605ad;}
#menucabeza li a:hover{ color:#0cc80f;}
#menucabeza li a img{ margin-right:10px;vertical-align:middle;}

#menucabeza #innova{margin-top:30px;_margin-top:20px; margin-right:15px;}

/*continente*/
/*centro*/
#continente{min-height:370px; height:auto!important; height:100%; margin:0 auto;width:100%; margin-top:10px;}
#continente #centro{ height:276px; width:100%;margin:0; padding:0; text-align:left;}
#continente #centro #menu{ float:right;background: #d5d5d5 url(../images/bgr_menu.gif) no-repeat;height:256px;width:276px;}
#continente #centro #menu ul{ list-style-type:none; margin:0; padding:0;margin-top:30px; margin-left:17px; font-size:0.8em; font-weight:bold;width:236px; vertical-align:top;}
#continente #centro #menu ul li{ padding:0; margin:10px 0;vertical-align:top;}
#continente #centro #menu ul li a{ padding:0; margin: 0;padding-left:15px;}
#continente #centro #menu ul li a:hover{ padding:3px 0; margin:0; background: url(../images/lista.gif) no-repeat; padding-left:15px; }
#continente #centro #menu ul li.activo{ padding:0; margin:0; background: url(../images/lista.gif) no-repeat;text-transform:uppercase; }

#continente #centro #submenu{text-align:center; width:100%; height:15px; margin:10px 0; padding:0; padding-bottom:9px;border-bottom:solid 1px #ccc;float:none;vertical-align:bottom; clear:both;}
#continente #centro #submenu ul{display:inline;font-size:0.7em; text-transform:uppercase;color:#565657;margin: 0px; padding:0; }
#continente #centro #submenu li{list-style-type:none;display:inline; padding:0px 16px;}
#continente #centro #submenu li a{color:#565657;}
#continente #centro #submenu li a:hover{color:#3605ad;}
#continente #centro #submenu li.activo a{color:#3605ad; font-weight:bold;}

/*imagenes*/
#continente #centro #foto #bgr{ background: url(../images/bgr_foto.gif) no-repeat left;height:256px;}
/*foto index*/
#continente #centro #foto{ float:left;background: url(../images/fotoindex4.jpg) no-repeat right;height:256px; width:620px;}
/*resto categorias*/
body#inicio #continente #centro #foto{ float:left;background: url(../images/foto1.jpg) no-repeat right;}
body#servicios #continente #centro #foto{ float:left;background: url(../images/servicios.jpg) no-repeat right;}
body#servicios1 #continente #centro #foto{ float:left;background: url(../images/serviciosDel.jpg) no-repeat right;}
body#servicios2 #continente #centro #foto{ float:left;background: url(../images/serviciosFab.jpg) no-repeat right;}
body#servicios3 #continente #centro #foto{ float:left;background: url(../images/serviciosTra.jpg) no-repeat right;}
body#servicios4 #continente #centro #foto{ float:left;background: url(../images/serviciosMon.jpg) no-repeat right;}

body#galeria #continente #centro #foto{ float:left;background: url(../images/galerķa.jpg) no-repeat right;}
body#tresd #continente #centro #foto{ float:left;background: url(../images/tresd.jpg) no-repeat right;}
body#calidad #continente #centro #foto{ float:left;background: url(../images/certificados-ISO.jpg) no-repeat right;}
body#calidad2 #continente #centro #foto{ float:left;background: url(../images/ensayos.jpg) no-repeat right;}
body#calidad3 #continente #centro #foto{ float:left;background: url(../images/serviciosSeg2.jpg) no-repeat right;}
body#descargas #continente #centro #foto{ float:left;background: url(../images/descargas.jpg) no-repeat right;}
body#descargas2 #continente #centro #foto{ float:left;background: url(../images/fichasobra.jpg) no-repeat right;}
body#descargas3 #continente #centro #foto{ float:left;background: url(../images/utilidades.jpg) no-repeat right;}
body#descargas4 #continente #centro #foto{ float:left;background: url(../images/serviciosSeg.jpg) no-repeat right;}/*nueva seccion*/
body#contacto #continente #centro #foto{ float:left;background: url(../images/contacto.jpg) no-repeat right;}




/*contenido*/
#continente #contenido{ text-align:left; margin:0; padding:0px;}
#continente #contenido #eslogan{ margin:10px 85px; padding:0px; _margin:0px 80px;}
#continente #contenido #eslogan img{ margin:0; padding:0px;}
#continente #contenido #texto{ font-size:0.8em; margin:15px 0;padding:5px 25px;color:#565657; text-align:justify;}
#continente #contenido #texto p{ margin:10px; padding:90;}
#continente #contenido #texto span{font-weight:bold;color:#3605ad; font-size:0.9em;}
#continente #contenido #texto ul.decargas{ list-style-type:none;font-size:0.8em; margin:0 0 0 60px;}
#continente #contenido #texto ul.decargas li{ background: url(../images/flecha.gif) no-repeat center left; padding-left:25px; text-transform:uppercase;}

#continente #contenido #email{float:left; margin-top:30px; margin-left:10px;}
#continente #contenido #map{float:right; margin:20px; margin-top:0;}

/*contacto*/
#contacto #formulario{ float:left; width:50%;}	 
#contacto #comentarios{float:right;width:45%;}	
 	 
#contacto #comentarios p{margin:30px 0; color:#003566} 
	  
#contacto #formulario FORM{width:100%;text-align:justify;padding-left:10px; margin-top:30px;}
#contacto #formulario legend{ text-transform:uppercase; font-weight:bold;}
#contacto #formulario fieldset{border:0px;}
#contacto #formulario label {width:150px; width:40%;display:block;float:left;margin:2px 0;}
#contacto #formulario input.contacto, textarea{width:50%; float:left;margin:2px 0; vertical-align:middle; clear:right;}
#contacto #formulario input.enviar{margin:0; padding:0; margin-top:-20px;}
textarea{width:55%;}
.nota{ display:block; margin:0; margin-bottom:0; font-size:0.8em; width:100%; color:#000;}

/*pie*/
#pie{width:100%;background: url(../images/bgr_top.gif) no-repeat bottom;margin:0; padding:0; height:41px;}
p.logotics{text-align:left;margin:0 auto; padding:0; height:21px; display:block;width:900px;}
p.logotics a{font-size:0.7em;text-align:left;margin:0; padding:0;color:#3605ad; }
p.logotics img{ vertical-align:middle;margin:0; padding:0; margin-right:5px;}
#pie p.goros{font-size:1.9em;text-aling:right; margin-top:2px;_margin-top:35px; padding-right:5px; display:block; float:right; height:39px;}
/*#pie p.goros img{margin:0; padding:0;}*/
#pie p.goros a{color:#999;text-align:right;float:right;padding-right:20px;}

a.boton{ text-align:center;clear:both; display:block; width:180px; background:url(../images/bgr_boton.gif) repeat-x center center; padding:2px 6px 0px 6px; border:solid 1px #ccc; margin:0 auto;height:24px; font-size:0.8em;}

.clear{ display:block; width:100%; height:1px; clear:both; margin:0; padding:0;_margin-top:-40px;}

body#popup{text-align:center; overflow-x:hidden; margin:0; padding:0;}
body#popup #pie{vertical-align:bottom; margin:0; padding:0; margin-top:20px;}
body#popup #pie img{margin:0; padding:0;}
body#popup #continente{padding:0;margin:0 auto; text-align:center;}
body#popup #continente p{ margin:5px auto; text-align:center; display:block; padding:5px; width:75%;}
body#popup #logo{display:block; float:left; width:50%;margin:5px 0; padding:0;}
body#popup #textofoto2{width:337px; color:#333; font-size:11px; text-align:left;border:1px solid #8a8; margin:5px auto; padding:5px; background:#fff;}
body#popup #textofoto2 strong{ display:block;}
body#popup p.goros{ float:right; text-align:right; margin-top:10px; width:40%; vertical-align:top; display:block;}

body#popup img#foto{ max-width:800px;_width:700px;}

#map{ margin-top:25px; margin-left:25px;}
#map div span{display:none;}
#map div span.nota{ display:block;}