/*
Style Sheet para el sitio web de Dublan.com
*/
body {
	font:normal 13px/20px "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	background:#042b73 url(imagenes/fondo-body.jpg) repeat-x;
	background-attachment: fixed;
	margin-top: 0px;
}

#wrapper {
	width:746px;
	background:#FFF;
	margin:0 auto 0 auto;
	padding-top: 8px;
}
.skiplink { display:none; }

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	vertical-align: bottom;
} 

a {color:#6E7FF1;}
a:hover {text-decoration:none;}
#encabezado {
	padding:0;
	border: 0;
	margin: 0 8px 0 8px;
	width: 730px;
}
#nav-productos {
	background:#F2F2F2;
	margin-left: 8px;
	float: left;
}
#nav-productos h2 {margin:0px; font:bold 13px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif; color:#FFF; background:#233350; height:24px; line-height:22px; padding-left:5px;}

#menu-productos {
	width: 244px;
	margin: 8px 8px 16px 8px;
	}
	
#menu-productos li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu-productos li a:link, #menu-productos li a:visited {
	color: #666666;
	display: block;
	background:  url(imagenes/menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu-productos li a:hover {
	color: #666666;
	background:  url(imagenes/menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
	
#nav-primaria {
	width:730px;
	background-color:#CCCCCC;
	font-size:12px;
	line-height:normal;
	border-bottom:1px solid #24618E;
	margin-bottom: 15px;
	margin-left: 8px;
	margin-right: 8px;
      }
    #nav-primaria ul {
	margin:0;
	padding:10px 0px 0 335px;
	list-style:none;
      }
    #nav-primaria li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav-primaria a {
      float:left;
      background:url("imagenes/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #nav-primaria a span {
      float:left;
      display:block;
      background:url("imagenes/tabrightJ.gif") no-repeat right top;
      padding:1px 15px 4px 6px;
      color:#24618E;
      }
    
    #nav-primaria a span {float:none;}
    /* End IE5-Mac hack */
    #nav-primaria a:hover span {
      color:#FFF;
      }
    #nav-primaria a:hover {
      background-position:0% -42px;
      }
    #nav-primaria a:hover span {
      background-position:100% -42px;
      }
	 /*resaltar pestaña activa*/
	#productos #nav02 a  {
     background-position:0% -42px;
      }
	#productos #nav02 a span {
     background-position:100% -42px;
	 color:#FFF;
      }
	#empresa #nav01 a  {
     background-position:0% -42px;
      }
	#empresa #nav01 a span {
     background-position:100% -42px;
	 color:#FFF;
      }
	#contacto #nav03 a  {
     background-position:0% -42px;
      }
	#contacto #nav03 a span {
     background-position:100% -42px;
	 color:#FFF;
      }
	#localizacion #nav04 a  {
     background-position:0% -42px;
      }
	#localizacion #nav04 a span {
     background-position:100% -42px;
	 color:#FFF;
      }
	#pie{
	text-align:center;
	padding-bottom: 8px;
	margin-top: 8px;
	margin: 8px 0 8px 8px;
	}
	#nav-pie {
	text-align: center;
	background-color: #042B73;
	width: 730px;
	padding: 8px;
	margin: 0 auto 0 auto;
	}
	#nav-pie ul{
	list-style:none;;
	}
	
	#nav-pie li{
      display:inline;
   }


#area-texto {
	margin-left: 278px;
	width: 460px;
}
#cuadro-form {
	border:1px solid #CCC;
	background:#f9fafc;
	width: 700px;
	margin-left: 23px;
	margin-bottom: 10px;
	margin-right: auto;
}
#cuadro-map {
	border:1px solid #CCC;
	background:#f9fafc;
	width: 728px;
	margin-left: 8px;
	margin-bottom: 10px;
	text-align: center;
}
#cuadro-empresa {
	border:1px solid #CCC;
	background:#f9fafc;
	width: 728px;
	margin: 0 auto 10px 8px;
}
#cuadro-listado{
	border:1px solid #CCC;
	background:#f9fafc;
	width: 712px;
	padding:8px;
}
#mapa {
	width:640px;
	height:500px;
	padding:8px;
	background-color: #FFFFFF;
	border:1px solid #CCC;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 20px;
}
#foto-trabajo {
	background-color: #FFFFFF;
	border:1px solid #CCC;
	float: left;
	margin: 8px 8px 8px 8px;
	padding: 6px;
}
#texto-empresa{
	width:385px;
	float: left;
	margin-top: 12px;
}
#pres-form {
	float:left;
	width:165px;
	background:#9cadce;
	font:bold 14px Trebuchet Ms;
	color: #FFFFFF;
	padding: 5px;
	border:1px solid #CCC;
	height:248px;
	margin-left: 8px;
	margin-top: 8px;
}
#formulario {
	float:left;
	margin-left: 8px;
	}
form{
	padding:0 0 10px 10px;
	}
label {display:block;}
#nombre, #correo, #comentario {
	width:400px;
	border:1px solid #8c8c8c;
	margin-bottom: 1em;
	}
#dir-correo {
	float:right;
	padding:0 30px 8px 0;
	}
.mensaje {color:#993300;
	text-align:center;
	background-color:#FFFFFF;
	border:1px solid #CCC;}
#dir-correo a{font-weight:bold; color:#032A6F; text-decoration:none}
#dir-correo a:hover, #dir-correo a:focus {text-decoration:underline;}
#area-texto h3, #area-texto h4 {font:bold 30px Arial; color:#4e4e4e; margin:0px; line-height:26px; letter-spacing:-3px;}
#area-texto h4 {font:normal 25px Arial; letter-spacing:-2px; margin-bottom:8px;}
#ficha {border:1px solid #CCC; background:#f9fafc; margin:0 0 15px 0; padding:2px;}
#ficha .cabecera-ficha {
	width:434px;
	padding:0 4px 0 5px;
	border:0;
	font-weight:bold;
	color:#032A6F;
	font-size:15px;
}
#ficha h1 {font:bold 18px Trebuchet Ms; letter-spacing:-1px; color:#FFF; margin:0 0 5px 0; padding:3px 5px 3px 5px; background:#9cadce;}
#ficha .descripcion {font-weight:bold; color:#333; margin:0 5px 0 5px;}
#ficha .contenido {margin:5px; width:434px;}
#ficha .foto {
	border:1px solid #CCC;
	padding:5px;
	margin:0 5px 10px 5px;
	background-color: #FFFFFF;
}
.img-izquierda {
	padding:6px;
	border:2px solid #ccc;
	margin-bottom:-15px;
	background-color: #FFFFFF;
	margin-top: 8px;
}
.img-derecha {
float:right;
padding:3px;
border:5px solid #ccc;
margin-right:10px;
margin-bottom:10px
}
.img-centro {
padding:3px;
border:5px solid #ccc;
margin-right:40px;
margin-bottom:10px
}
.col-izqu{
	width:227px;
	background-color: #f9fafc;
	text-align: center;
	border:2px solid #ccc;
	float: left;
	margin: 0 12px 10px 9px;
	height: 228px;
}
.col-centr{
	width:228px;
	background-color: #f9fafc;
	text-align: center;
	border:2px solid #ccc;
	float: left;
	margin: 0 12px 10px 0;
	height: 229px;
	}
.col-der{
	width:227px;
	background-color: #f9fafc;
	text-align: center;
	border:2px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
	height: 229px;
}

.cabezera-listado{
	font:bold 18px Trebuchet Ms;
	color:#FFF;
	margin:5px 0 10px 8px;
	padding:3px 5px 3px 5px;
	background:#9cadce;
	width: 400px;
}
#ficha .nombre-dato {font-weight:bold; font-size:11px; color:#032a6f; margin:5px 5px 0 5px;}
#ficha .cont-dato {border:1px solid #CCC; background:#FFF; margin:0 5px 10px 5px; padding:5px; font-size:11px; color:#333;}
#ficha .cont-dato ul {margin:0px; padding:0px;}
#ficha .cont-dato li {padding:0px; margin:5px 25px 5px 25px; font-weight:bold; font-size:11px; color:#032a6f;}
#ficha .tseccion {font-weight:bold; font-size:11px; color:#032a6f; margin:5px 0 0 0}
#ficha .tcaja {border:1px solid #CCC; background:#FFF; margin:0 0 10px 0; padding:5px; font-size:11px; color:#333;}
#ficha .bot-impr {padding-bottom:0px;padding-left: 242px;}
#ficha .imprimir a{font-size:11px; font-weight:normal; color:#777; text-decoration:none; text-align:right;padding-bottom:25px;}
#ficha .imprimir a:hover{color:#444; text-decoration:underline;}
#ficha .espec {border:1px solid #CCC; background:#FFF; font-size:11px; color:#333; width:100%; line-height:18px;}
#ficha .espec td {padding:4px;}
#ficha .allo {background:#FDFCE8;}
#ficha .resaltado {font-weight:bold; font-size:11px; color:#032a6f;}
#ficha .cont-dato2 {border:1px solid #CCC; background:#FDFCE8; margin:0 8px 0 0; padding:5px; font-size:11px; color:#333; text-align:center;}
#ficha .diametros {background:#FFF; font-size:10px; color:#333;margin:0 5px 0 5px; width:434px; /*border:1px solid #CCC;*/ border-collapse:collapse;}
#ficha .diametros td {border:1px solid #CCC; text-align:center; height:24px; vertical-align:middle; width:auto;}
#ficha .altura, #ficha .eje { background:#E9F3FF; font-size:11px; color:#032a6f}
#ficha .eje {background:#FDFCE8; width:24px;}
#ficha .pietabla {background:#f9fafc; padding-right:10px;}
.no-flotar {clear:both;}