/*colores
azul esparza: #0066cc;
azul claro: #b2d1f0;
gris oscuro #656e69;
gris medio: #bfc0c1;
gris claro:#88898a;
*/
/* MAQUETACIÓN GENERAL */
body{
text-align:center;
margin:0;
background:#fff url("../images/fondo.gif") repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
}
#cabecera, #menuprincipal, #contenedor{
margin:auto;
width:900px;
overflow:hidden;
clear:both;
text-align:left;
}
img{
border:0;
}
/* MAQUETACIÓN CABECERA */
#cabecera{
height:400px;
background:transparent url("../images/ft-gr-portada.jpg") no-repeat left bottom;
}
#cabecera.empresa{
background:transparent url("../images/ft-gr-empresa.jpg") no-repeat left bottom;
}
#cabecera.servicios{
background:transparent url("../images/ft-gr-servicios.jpg") no-repeat left bottom;
}
#cabecera.reformasviviendas{
background:transparent url("../images/ft-gr-reformas-viviendas.jpg") no-repeat left bottom;
}
#cabecera.localescomerciales{
background:transparent url("../images/ft-gr-locales-comerciales.jpg") no-repeat left bottom;
}
#cabecera.oficinas{
background:transparent url("../images/ft-gr-oficinas.jpg") no-repeat left bottom;
}
#cabecera.pabellonesindustriales{
background:transparent url("../images/ft-gr-pabellones-industriales.jpg") no-repeat left bottom;
}
#cabecera.viviendasunifamiliares{
background:transparent url("../images/ft-gr-viviendas-unifamiliares.jpg") no-repeat left bottom;
}
#cabecera.contacto{
background:transparent url("../images/ft-gr-contacto.jpg") no-repeat left bottom;
}
h1, h2{
margin:0 0 0 20px;
padding:0;
float:left;
}
h2{
margin:10px 0 0 20px;
}
h3{
margin:0;
padding:0;
font-size:120%;
color: #0066cc;
}
.alinear-derecha{
text-align:right;
}
/* MENU PRINCIPAL */
#menuprincipal{
height:40px;
overflow:hidden;
}
#menuprincipal ul{
margin:0;
padding:0;
clear:both;
overflow:hidden;
}
#menuprincipal ul li{
list-style-type:none;
display:inline;
margin:0;
padding:0;
}
#menuprincipal ul li a{
background:#0066cc;
float:left;
height:40px;
width:180px;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
}
#menuprincipal ul li span{
padding-top:10px;
display:block;
}
#menuprincipal ul li a:hover, #menuprincipal ul li a.selected{
background:#b2d1f0;
color:#000;
}
/* CONTENIDO GENERAL*/
#contenedor{
margin-top:20px;
overflow:hidden;
margin-bottom:40px;
}
#datosesparza{
float:left;
width: 160px;
overflow:hidden;
background-color:#0066cc;
padding:10px;
color:#fff;
}
#datosesparza .titular{
text-align:center;
}
#datosesparza a{
color:#FFF;
}
#datosesparza a:hover{
color:#b2d1f0;
}
#contenido{
width:660px;
background:#FFF;
float:right;
padding:20px;
overflow:hidden;
}
#contenido strong{
color:#0066cc;
font-size:120%;
}
.mapa{
border: #b2d1f0 dotted 1px; 
padding:18px;
background:#b2d1f0;
}
/* CONTENIDO OBRAS*/
#menuobras{
float:left;
width:180px;
overflow:hidden;
}
#galeriaobras{
float:right;
width:470px;
overflow:hidden;
}
#menuobras ul{
margin:0;
padding:0;
overflow:hidden;
}
#menuobras ul li{
margin:0;
padding:0;
}
#menuobras ul li a{
background:#0066cc;
height:30px;
width:170px;
color:#fff;
text-decoration:none;
clear:both;
display:block;
margin-bottom:5px;
font-weight:bold;
}
#menuobras ul li span{
padding:5px;
display:block;
}
#menuobras ul li a:hover, #menuobras ul li a.selected{
color:#000;
background:#b2d1f0 url("../images/flecha.gif") no-repeat right top;
width:180px;
}
/*form*/
form{
border: #b2d1f0 dotted 1px; 
background:#b2d1f0;
width:90%; 
padding:10px;
text-align:left;
overflow:hidden;
}
form label{
color:#000;
font-weight:bold;
}
input.ancho100, textarea.ancho100{
width:100%;
}
input.ancho60{
width:60px;
}
input.ancho80{
width:80px;
}
input.boton{
width:100px;
border:rgb(180,180,180) solid 1px;
background:#FFF;
font-size: 11px;
color:#000000;
float:right;
margin-left:10px;
margin-top:20px;
}