* {
margin:0;
padding:0;
}

.clearfix:after
{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

html, body {
width:100%;
height:100%;
font:11px tahoma;
}

body {
background:#fbfbfb url(../images/f_web.png) top left repeat-x;
}

/* estilos generales */
.conmargen {margin:15px;}
#contenedor {background:#fff; width:785px; margin:0 auto;}
#cabecera-home {width:785px; height:313px;}
#cabecera {width:785px; height:196px;  }
#homedatos {float:left; width:210px; background:url(../images/f_homedatos.png) right top no-repeat; }
 #homedatos div.conmargen {margin-top:40px; font:11px "trebuchet ms", tahoma; color:#036; line-height:18px; text-align:right;  }
 #menu {float:left; width:210px; background:url(../images/f_homedatos.png) right top no-repeat; }
 #menu div.conmargen {font:11px "trebuchet ms", tahoma; color:#036; line-height:18px; text-align:left;  }
 #menu h1 {font:22px "trebuchet ms"; color:#036; margin-bottom:10px}
#bienvenida {float:left; width:575px}
 #bienvenida div.conmargen {}
  #bienvenida div.conmargen h1 {font:18px "trebuchet ms"; color:#036; margin-bottom:10px; letter-spacing:1px;  }
  #bienvenida div.conmargen p {margin:10px 0; color:#333; line-height:18px;   }
  #contenido {float:left; width:575px}
 #contenido div.conmargen {}
  #contenido div.conmargen h1 {font:18px "trebuchet ms"; color:#036; margin-bottom:10px; letter-spacing:1px;}
    #contenido div.conmargen h2 {font:15px "trebuchet ms"; color:#036; margin-bottom:10px; letter-spacing:1px;}
  #contenido div.conmargen p {margin:10px 0; color:#333; line-height:18px;}
#pie {clear:both; position:relative; border-top:1px solid gainsboro;}
 #pie p {padding:15px; font:10px tahoma; letter-spacing:1px;}
 #pie div.creditos {position:absolute; top:15px; right:15px; font:10px tahoma; letter-spacing:1px; width:200px; text-align:right;}
  #pie div.creditos a {color:#333; text-decoration:none; }
  #pie div.creditos a:hover {color:#999;}
  
/* listado de familias */
#listafamilias {list-style:none; font:11px tahoma; padding-top:3px;}
#listafamilias li {background:url(../images/v_familias.png) left 12px no-repeat; padding:7px 0 7px 15px; border-bottom:1px solid gainsboro;}
#listafamilias li a{color:#333; text-decoration:none;}
#listafamilias li a:hover{color:#666; background:#eee}

/* estilos trabajos */
.mtrabajos {
float:left;
margin:0 18px 18px 0;
}

/* estilos para contacto */

#datoscontacto {float:left;width:200px;  }
 #datoscontacto p {font:11px"trebuchet ms"; color:#365571;line-height:20px;  }
 #datoscontacto a {color:#365571; text-decoration:none; border-bottom:1px dotted #365571;  }
 #datoscontacto a:hover {color:#000; border:none }
#cformulario {float:left; width:330px;  }