@charset "UTF-8";
/* CSS Document
Web Nombre: Arreglos de Fontaneria
Web URL: http://www.arreglosfontaneria.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: #F00; text-decoration:none;}
a:hover {color: #333; 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: #fff url("../images/bg.jpg") repeat-x scroll top center; }

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


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

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

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

.titulo_seo {color: #1c64a8; font-size:10px; font-weight:bold; margin: 15px 0 10px 462px; }

#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: 18px; line-height: 18px; margin-left: 580px; font-weight: normal; color:#1c64a8;}
	
.telefono span{ font-size: 22px; font-weight: bold; color: #F00;}


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

#central { float: left; width: 940px; height:217px;}

.destacado { padding:9px; float:left; margin:18px 0 0 100px;}

.destacado h1 { color: #fff; font-size: 24px; font-weight: 700; line-height:1.1em; margin-bottom: 5px; background-image:url(../images/arreglos.png); background-repeat:no-repeat; text-indent:-9000px;}

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

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


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

#inferior { float: left; width:940px; height: 268px;}

.tratamiento {width:535px; padding:9px; float:left; margin:10px 20px 0 10px; }

.tratamiento h3 { color: yellow; font-size: 17px; font-weight: 700; line-height:1.1em; margin-bottom: 5px; background-image:url(../images/tratamiento.png); background-repeat:no-repeat; text-indent:-9000px; height: 30px;}

.tratamiento p { color: #333; font-size: 1.2em; line-height: normal; width:277px; height:190px; margin: 30px 0 0 150px;}

.servicio-fontaneria {width:250px; padding:9px; float:left; margin:10px 20px 0 0px;}

.servicio-fontaneria h3 { color: yellow; font-size: 17px; font-weight: 700; line-height:1.1em; margin-bottom: 5px; background-image:url(../images/fontaneria.png); background-repeat:no-repeat; text-indent:-9000px; height: 20px;}

.servicio-fontaneria ul { color: #333; font-size: 1.2em; line-height: 18px; margin-top:20px; }

.servicio-fontaneria ul li { list-style:disc; }


/***** Banners *****/

#banners { float: left; margin-top:30px; width:940px; height:106px; }

.pueblos {width:255px; height:85px; padding:9px; float:left; margin:0 12px 0 10px; }

.pueblos h3 { margin-bottom: 0; background-image:url(../images/fontanero.png); background-repeat:no-repeat; text-indent:-9000px; margin-left:15px;}

.pueblos p { color: #fff; font-size: 12px; line-height: normal; margin: 0 0 0 15px;}

.servicio-albañileria {width:248px; height:85px; padding:8px; float:left; margin-right:10px; }

.servicio-albañileria h3 { margin-bottom: 0; background-image:url(../images/albanileria.png); background-repeat:no-repeat; text-indent:-9000px; margin-left:15px;height: 50px;}

.servicio-albañileria p { color: #333; font-size: 12px; line-height: normal; margin: 10px 0 0 5px;}

.servicio-24hrs {width:310px; height:85px; padding:8px; float:left; margin-right:10px; }

.servicio-24hrs h3 { margin-bottom: 0; background-image:url(../images/24hrs.png); background-repeat:no-repeat; text-indent:-9000px; margin-left:8px;}

.servicio-24hrs p { color: #fff; font-size: 12px; line-height: normal; margin: 17px 0 0 5px;}


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

#pie { color: #1c64a8; float: left; text-align: left; width: 940px; height:40px; margin-top: 26px;}

#pie p{ margin-left: 45px; font-size:11px; }