@charset "UTF-8";
/* CSS Document
Web Nombre: Fontanero en Malaga
Web URL: http://www.malaga-fontanero.com/
Descripcion: Minisite de trabajo para un fontanero en la provincia de Malaga, una sola pagina con varios modulos de informacion.
Autor: Jose A. Guerrero
Autor URL: http://www.joseaguerrero.com/
*/



/***** Resets *****/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

:focus { outline: 0; }

body { line-height: 1; color: #212838; background: #fff; }

img { border: 0; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a { outline: none; }


/***** Fuentes *****/

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; color: #222; line-height: 1.5; }

h1 { font-size: 2.1em; }

h2 { color: red; font-size: 1.9em; font-weight: normal; line-height: 0;}

h3 { font-size: 1.9em; }

h4 { font-size: 1.5em; }

h5 { font-size: 1.3em; }

h6 { font-size: 1.2em; }


/***** Comunes *****/

p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 0 0 10px;
}

a {color: red; text-decoration:underline;}
a:hover {color:yellow; text-decoration: none;}


/***** Float Clases y Clear Float Fix *****/

.clear { display: inline-block; }

.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/* Hide from IE Mac \*/ .clear { display: block; } /* End hide from IE Mac */

.alignleft { float: left; }

.alignright { float: right; }


/***** Estructura *****/

body { font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif; background: #161A23 url("../images/bg-repeat.jpg") repeat-x scroll top center; }

#wrapper {background: url("../images/bg.jpg") no-repeat scroll center top transparent; margin: 0 auto; padding: 5px 10px; width: 940px;}


/***** Cabecero *****/

#cabecero {float: left; height: 115px; width: 940px;}

.logo {background: url("../images/logo.jpg") no-repeat scroll 0 0 transparent; height: 96px; margin: 20px 70px 0 105px; width: 197px; text-indent:-9000px; float: left}

.titulo_seo {color: #FFF; font-size:11px; }

#cabecero h1 { font-size: 3.1em; font-family:"Arial Black", Gadget, sans-serif; }

#cabecero h2 { color: F00; font-size: 1.9em; font-weight: normal; line-height: 0;}


/***** Superior *****/

#superior { height: 210px; margin: 0 auto; padding: 5px 10px; float: left; width: 920px;}

#superior h4 { color: #FFFF00; font-size: 3.5em; line-height: 1.1; margin-left: 75px; margin-top: 14px;}

.bajotitulo{ color: #dadad7; font-size: 18px; margin-left: 75px;}

.telefono{ font-size: 24px; line-height: 24px; margin-left: 140px; margin-top: 21px; font-weight: normal}
	
.telefono span{ font-size: 27px; font-weight: bold; color: #F00;}


/***** Central *****/

#central { float: left; width: 740px; margin-left: 85px; margin-top: 30px;}

.destacado {height:208px; width:208px; background-color:#212838; padding:9px; float:left; margin-right:20px; }

.destacado h3 { color: yellow; font-size: 17px; font-weight: 700; line-height:1.1em; margin-bottom: 5px;}

.destacado p { color: white; font-size: 1.2em; line-height: normal; }

.destacado img { margin-bottom: 5px; }


/***** Inferior *****/

#inferior { float: left; width: 855px; margin-left: 85px; margin-top:30px; }

.servicios, .direccion, .ofertas {width:208px; padding:9px; float:left; margin-right:20px; }

.servicios h3, .direccion h3, .ofertas h3 { color: yellow; font-size: 17px; font-weight: 700; line-height:1.1em; margin-bottom: 5px;}

.servicios p, .direccion p, .ofertas p { color: white; font-size: 1.2em; line-height: normal; }

.servicios ul, .direccion ul, .ofertas ul { color: white; font-size: 1.2em; line-height: normal; }

.servicios ul li { list-style:disc; }

.servicios img, .direccion img, .ofertas img { margin-bottom: 5px; }


/***** Pie *****/

#pie { color: #999; float: left; text-align: center; width: 855px; font-size:11px; height:30px; }