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

body, ul, li { margin:0; padding:0; list-style:none;}
body { background-color:#253d69; text-align:center;}

.clean { clear:both;}

hr { border:none; border-bottom:1px dotted #cccccc; }

html { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px;}

#wrap { margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; width:960px; text-align:left;}


/*TOP*/
#wrap #top { background:url(../images/topdegragado.jpg) repeat-x top left; position:relative; height:206px;}
#wrap #top #logo { position:absolute; top:0; left:28px; z-index:25;}
#wrap #top #cables { position:absolute; top:62px; left:466px; z-index:26;}
#wrap #top #iso { position:absolute; top:0; left:767px; z-index:27;}

#wrap #top #direccion { position:absolute; top:0; left:0; z-index:29;}

/*MENU*/

#wrap #menu { background-color:#01102c; height:50px;}
#wrap #menu .principal, .institucional, .productos, .galeria, .clientes, .contactos { float:left; margin:18px 20px 18px 20px;}

#wrap #menu .principal { background-image:url(../images/btnprincipal.jpg); background-repeat:no-repeat; width:130px; height:12px;}
#wrap #menu .institucional { background-image:url(../images/btninstitucional.jpg); background-repeat:no-repeat; width:109px; height:12px; }
#wrap #menu .productos { background-image:url(../images/btnproductos.jpg); background-repeat:no-repeat; width:88px; height:12px; }
#wrap #menu .clientes { background-image:url(../images/btnclientes.jpg); background-repeat:no-repeat; width:64px; height:12px; }
#wrap #menu .contactos { background-image:url(../images/btncontactos.jpg); background-repeat:no-repeat; width:85px; height:12px; }

#wrap #menu .principal:hover { background-image:url(../images/btnprincipalover.jpg); background-repeat:no-repeat; width:130px; height:12px;}
#wrap #menu .institucional:hover { background-image:url(../images/btninstitucionalover.jpg); background-repeat:no-repeat; width:109px; height:12px; }
#wrap #menu .productos:hover { background-image:url(../images/btnproductosover.jpg); background-repeat:no-repeat; width:88px; height:12px; }
#wrap #menu .clientes:hover { background-image:url(../images/btnclientesover.jpg); background-repeat:no-repeat; width:64px; height:12px; }
#wrap #menu .contactos:hover { background-image:url(../images/btncontactosover.jpg); background-repeat:no-repeat; width:85px; height:12px; }



/*MEDIO*/

#wrap #medio { background-image:url(../images/fondomedio.png); background-repeat:no-repeat; background-position:top; background-position:center; width:960px; height:332px; }

#wrap #medio #proyecto { padding-top:20px; padding-left:20px;}

#wrap #medio #direccion { padding-top:180px;}
#wrap #medio #direccion .texto, .webmail, .iso { float:left;}
#wrap #medio #direccion .texto { color:#032163; margin:0px 20px; font-size:11px;}
#wrap #medio #direccion .webmail { margin:0px 40px;}
#wrap #medio #direccion .iso { margin:0px 40px;}

/*MEDIOINTERNA*/

#wrap #medioin { width:960px; height:auto; background-color:#FFFFFF;}

#wrap #direccionin { width:960px; background-color:#FFFFFF; padding-top:50px;}
#wrap #direccionin .texto, .webmail, .iso { float:left;}
#wrap #direccionin .texto { color:#032163; margin:0px 20px; font-size:11px;}
#wrap #direccionin .webmail { margin:0px 50px;}
#wrap #direccionin .iso { margin:0px 40px;}

/*CONTENIDO*/
#mapa { border-bottom:1px solid #949597; width:700px; padding:15px 10px; position:relative;}
#mapa #titulo { position:absolute; top:10px; right:0px; right: 0px;}
a { color:#000000; text-decoration:none;}
a:hover { color:#666666; text-decoration:none;}

#titulos,
#titulitos { border-bottom:1px dotted #0e0743; font-size:18px; font-weight:bold; color:#0e0743; padding:0px 0px 5px 0px; margin-bottom:15px; }
#titulitos { font-size:15px; border:none; }

.foto_articulo { margin:10px 0 10px 5px; float:right; padding:7px; background:#FAFAFA; border:1px solid #EEEEEE; text-align:center; }

#contenido { padding:20px; height:auto;}
#contenido #menuderecho, #conten, #izquierdo { float:left;}
#contenido #menuderecho { margin-right:15px; width:130px;}
#contenido #menuderecho a { font-weight:bold;}
#contenido #conten { padding-right:15px; width:545px; }
#contenido #conten table { font-size:12px; }
#contenido #izquierdo { width:209px; margin-top:-60px;}

#titulo_noticia, #titulo_noticia a:link, #titulo_noticia a:visited, #titulo_noticia a:active
{ font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #0E0743; }
#link_noticia { float:right; display:block; margin-top:15px; margin-bottom:15px;}
#foto { text-align:center;}

#contenido #menuderecho ul li { padding:5px 0x; border-bottom:1px solid #949597; font-size:11px;}

/*Productos*/
.producto {  padding: 10px; _padding: 8px; margin-bottom: 20px; margin-right:10px; margin-left:10px; _margin-right:5px; _margin-left:5px; float:left; text-align:center; }
.producto .foto a { text-align:center; }
.producto .foto a img { text-align:center; margin-left:auto; margin-right:auto; }
.producto .titulo,
.producto .titulo a:link,
.producto .titulo a:visited,
.producto .titulo a:active { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #0E0743; }
.producto .titulo a:hover { text-decoration: none; }
.producto .foto { margin-right: 20px; }
.producto .detalles { font-size: 13px; }

/*Galeria*/
.galeria {  padding: 10px; _padding: 8px; margin-bottom: 20px; margin-right:10px; margin-left:10px; _margin-right:5px; _margin-left:5px; float:left; text-align:center; width:200px; border:1px solid #ccc; }
.galeria .foto a { text-align:center; }
.galeria .foto a img { text-align:center; margin-left:auto; margin-right:auto; }
.galeria .titulo,
.galeria .titulo a:link,
.galeria .titulo a:visited,
.galeria .titulo a:active { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #0E0743; }
.galeria .titulo a:hover { text-decoration: none; }
.galeria .detalles { font-size: 13px; }

/*Formulario de Contactos*/
#form_contactos { padding:5px; text-align: center; }
#form_div { width: 70%; margin-left: auto; margin-right: auto; text-align: left; }
.textarea { height: 200px; background:url(../images/bg_input.jpg) top left no-repeat; }
.input_bg{ background:url(../images/bg_input.jpg) top left no-repeat; border:#CCCCCC 1px solid; width:100%; padding:5px; margin:5px; }
.input_padding5{ padding:5px; }
#form_tx{ text-align:left; padding-left:10px; width:100%; margin:auto; font-size:12px; }
.separator { margin-bottom: 15px; border-bottom: 1px dotted #CCCCCC; }
.error li, .success li { list-style:circle; margin-left:13px; }
.error p, .success p { margin-bottom:10px; }
.error { color:#ff0000; }
.success { color:#007700; }

/*Columna 3*/
.recuadro 			{ border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:url(../images/fondorecuadrodown.jpg) no-repeat bottom; padding:5px;}
.cotizacion 		{ font-size:13px; padding:0px 0px 10px 0px;}
.metales 			{ font-size:13px; padding:0px 0px 10px 0px;}
.newsletter 		{ font-size:13px; padding:0px 0px 10px 0px;}
.cotizacion11 		{ font-size:11px;}
.textnews 			{ margin:0px 0px 10px 0px;}
.newsletter input 	{ background:url(../images/fondoform.gif) repeat-x bottom; background-color:#fefefe; border:1px solid #cfcfcf; padding:3px; width:100%; margin:3px; color:#808080;}
.newsletter .radio 	{ width:20px; }
#btnenviar 			{ padding:5px; text-align:right;}

/*FOOTER*/
#wrap #pie { margin:10px 0px; color:#ffffff; font-size:12px; padding:0px 20px;}