/************************************************************************************************************************/
/* 								Estilos web Desatascos Ruiz (desatascos-bilbao.es)										*/
/*									Diseño y desarrollo web por Hazhistoria, S.L.										*/
/************************************************************************************************************************/

/* Estilos Generales */
body { background: #161616 url(imagenes/fondo.png) no-repeat top center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ddd; margin: 0; padding: 0;}
#contenedor { width: 980px; height: 100%; margin: 0 auto;	padding: 20px 0 0 0; }
.break { clear: both;}
a {	outline: none;}
h1, h2, h3, h4, h5, h6, p, ul, li, .content { margin:0;	padding:0;}
p { line-height: 20px; margin-bottom: 10px;}

/* Estilos Cabecera */
#cabecera #logotipo { background: url(imagenes/logotipo.png) no-repeat left; height: 45px;width: 300px; margin-bottom: 20px; float: left;}
#cabecera #logotipo h1, #cabecera #logotipo h2 {display: none;}

#cabecera #menu { float: right; width: 600px; }
#cabecera #menu ul { }
#cabecera #menu ul li {  margin-left: 25px; float: left; list-style: none;}
#cabecera #menu ul li h3 a { font-size: 22px; color: #fff; text-decoration: none; padding: 0 0 0 20px; font-weight: normal;}
#cabecera #menu ul li h3 a:hover, #cabecera #menu ul li h3 a.active { background: url(imagenes/fondo-menu.png) no-repeat left;}

#slide  { background: url(imagenes/camiones.png) no-repeat right; width: 980px; height: 325px; padding-top: 50px;}
#slide h4 { color: #bf0411; font-size: 24px; font-weight: normal;}
#slide h4.telf { color: #ddd; font-size: 60px; font-weight: normal; margin-bottom: 50px;}
#slide h5 { color: #ddd; font-size: 28px; font-weight: normal;}
#slide h5.bilbao { color: #fff; font-size: 34px; font-weight: normal;}

#separador { width: 980px; height: 35px; background: #363636; margin: 0 0 30px 0; text-align: center; padding-top: 8px;}
#separador h4 { font-size: 20px; color: #fffefe;}

/* Estilos Cuerpo */
#cuerpo h3 { font-size: 24px; color: #fff; font-weight: normal; margin-bottom: 8px;}
#cuerpo #quienes-somos { width: 317px; float: left; margin-right: 15px; text-align: justify; }

#cuerpo #maquinaria { width: 316px; float: left; margin-right: 15px; text-align: justify; }
#cuerpo #maquinaria img { margin-bottom: 10px;}
#cuerpo #maquinaria img.izq { margin-right: 20px;}

#cuerpo #servicios { width: 317px; float: left; text-align: justify; }
#cuerpo .textos ul { margin: 0 0 0 15px;}
#cuerpo .textos ul li { list-style-image: url(imagenes/puntito.png); line-height: 20px;}

/* Servicios desatascos - enlaces */
#servicios-desatascos { margin: 20px 0;}
#servicios-desatascos h3 { margin: 10px 0;}
#servicios-desatascos ul { margin: 0 0 0 15px;}
#servicios-desatascos ul li { float: left; width: 300px; list-style: none; line-height: 20px;}
#servicios-desatascos ul li a { color: #ddd; text-decoration: none;} 
#servicios-desatascos ul li a:hover { color: #ddd; text-decoration: underline;} 

/* Estilos Pie */
#pie { width: 980px; height: 90px; background: #262626; font-size: 14px; color: #fff; margin-top: 20px; }
#pie a { font-size: 14px; color: #fff; text-decoration: none;}
#pie a:hover { font-size: 14px; color: #fff; text-decoration: underline;}
#pie #info { width: 500px; float: left; margin: 15px 0 0 15px;}
#pie #info h4 { font-weight: bold;}
#pie #hazhistoria { width: 200px; float: right; margin: 15px 15px 0 0;margin-top: 53px;}
#pie #hazhistoria h4 { font-weight: normal; }


/* Estilos resto de apartados */
#cuerpo #contacto { margin-bottom: 50px;}
#cuerpo #contacto h4 { font-size: 28px; color: #ddd; margin: 15px 0; font-weight: normal;}
#cuerpo #contacto h5 { font-size: 24px; color: #fff; margin: 10px 0; font-weight: normal;}