@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:0; outline:none}
html{ overflow-y:scroll}
body{ background-color:#d1c9b4; background-image:url(../images/fd_web.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000}
.volver{ float:right}

#contenedor{ width:1000px ; margin:0 auto; height:auto}
#top_home{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top_home.png); background-repeat:no-repeat }
#top_empresa{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top_empresa.png); background-repeat:no-repeat }
#top{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top.png); background-repeat:no-repeat }
#top_contacto{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top_contacto.png); background-repeat:no-repeat }
#top_noticia{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top_noticia.png); background-repeat:no-repeat }
#top_servicios{ width:986px; height:264px; margin:10px auto 0 auto; background-image:url(../images/top_servicios.png); background-repeat:no-repeat }

#content{ width:986px; height:auto; margin:10px auto 10px auto; background-image:url(../images/fd_content_bott.gif); background-position:bottom left; background-repeat:no-repeat}
#content .top{ width:986px; height:10px; background-image:url(../images/fd_content_top.gif)}
#content .bottom{ width:986px; height:10px; background-image:url(../images/fd_content_bott.gif); clear:both}


#nav{ float:left; margin:220px 0 0 10px; width:700px}
#nav ul{ float:left; list-style:none}
#nav li{ margin:0 3px 0 0; display:inline}


/*CONTACTO*/
#contacto{ width:986px; margin:0 auto; padding-bottom:20px; display:table; background-color:#fff}
#contacto .tit{ width:956px; margin:20px auto 20px auto}
#contacto .intro{ width:956px; margin:0 auto 20px auto; text-align:justify}
#contacto .datos{ width:470px; float:left; margin:0 0 30px 50px; display:block}
#contacto .foto{ width:190px; float:left}
#contacto .detalle{ width:200px; float:left; margin:0 0 0 20px; color:#333}
#contacto h1{ font-size:18px; font-weight:bold; margin:0 0 10px 0; color:#000}
#contacto p.sep{margin:10px 0 0 0}
#contacto .label_it{ float:left; width:50px; font-weight:bold}
#contacto .detalle_it{margin:0 0 0 20px; float:right; width:100px}
#contacto a{ font-weight:bold; color:#000}
#contacto .Gmaps{float:left; margin:0 0 0 20px;}
#contacto .localizacion{ float:right; width:425px; margin:0 20px 0 0}


/*HOME*/
#home{ width:986px; margin:0 auto; padding-bottom:20px; display:table; background-color:#fff}
#home .col_right{ width:680px;margin:20px 15px 20px 15px; float:left;}
#home .tit{ width:680px;margin:0 0 20px 0; float:left;}
#home .intro{ width:680px; margin:0 0 20px 0; float:left; text-align:justify}
#home h1{ font-size:16px; font-weight:bold; color:#3e8536}
#home a{ font-weight:bold; color:#3e8536; text-decoration:none}
#home .destacados{ width:680px; float:left;margin:0 0 20px 0; clear:both}
#home .destacado_ita{ width:326px; float:left }
#home .destacado_itb{ width:326px; float:right}
#home .foto{ width:326px; margin:10px 0 10px 0; clear:both}
#home .intro_dest{ width:326px; clear:both; text-align:justify}
#home .info{ width:326px; text-align:left; color:#3e8536; font-weight:bold }
#home .noticias{ width:231px; float:left; margin:20px 0 0 15px}
#home .noticias_cont{ width:231px; float:left; background-image:url(../images/fd_content_noticias.gif); background-position:bottom left; height:auto; padding:0 0 50px 0}
#home .noticias_top{ width:231px; background-image:url(../images/top_noticias.gif); background-repeat:no-repeat; height:10px}
#home .noticias_tit{width:211px; margin:5px auto 5px auto; clear:both}
#home .noticias_it{width:211px; margin:10px auto; clear:both; font-size:11px}
#home .foto_not{ float:left; margin:0 5px 0 0}
#home  p{margin:0 0 20px 0}






/*SERVICIOS*/
#servicios{ width:986px; margin:0 auto; padding-bottom:10px; display:table; background-color:#fff}
#servicios .tit{ width:956px; margin:20px auto 10px auto; clear:both}
#servicios .volver{ width:auto; float: right; margin:0 15px 10px 0; clear:both}
#servicios .intro{ width:956px; margin:0 auto 20px auto; text-align:justify; clear:both}
#servicios .datos{ width:470px; float:left; margin:0 0 30px 50px; display:block}
#servicios .foto{ width:190px; float:left}
#servicios .detalle{ width:200px; float:left; margin:0 0 0 20px; color:#333}
#servicios h1{ font-size:18px; font-weight:bold; margin:0 0 10px 5px; color:#333; width:295px}
#servicios p.intro{ font-size:12px; margin:0 0 10px 5px; width:205px; text-align:left}
#servicios .servicios{ width:956px; margin:0 auto; height:164px}
#servicios .serv_forestal{ width:300px; margin:0 28px 0 0; height:164px; background-image:url(../images/fd_forestal.jpg); background-repeat:no-repeat; background-position:bottom left; float:left}
#servicios .serv_medio{ width:300px; margin:0 0 0 0; height:164px; background-image:url(../images/fd_medioambiente.jpg); background-repeat:no-repeat; background-position:bottom left; float:left}
#servicios .serv_parques{ width:300px; margin:0 28px 0 0; height:164px; background-image:url(../images/fd_parques.jpg); background-repeat:no-repeat; background-position:bottom left; float:left}
#servicios a{ font-weight:bold; color:#3e8536; float:left; display:block; margin:0 0 10px 5px; text-decoration:none}
#servicios a:hover{ font-weight:bold; color:#3e8536; float:left; display:block; margin:0 0 10px 5px; text-decoration:underline}
#servicios .fotos{ float:right; width:210px; margin:0 0 10px 30px}
#servicios .foto_it{ float:right; margin:0 0 10px 0}
#servicios .il{ float:right; width:300px; height:200px}




/*NOTICIAS*/
#noticias{ width:986px; margin:0 auto; padding-bottom:10px; display:table; background-color:#fff}
#noticias .tit{ width:956px; margin:20px auto 20px auto}
#noticias .content{ width:956px; margin:0 auto 20px auto; text-align:justify}
#noticias .destacada{ width:956px;float:left; text-align:justify}
#noticias h1{ font-size:18px; font-weight:normal; margin:0 0 10px 0; color:#81ac45; text-transform:uppercase}
#noticias h2{ font-size:12px; font-weight:bold; margin:0 0 10px 0; color:#000}
#noticias a.enlace{ font-weight:bold; color:#3e8536;  text-decoration:none}
#noticias a.enlace:hover{ font-weight:bold; color:#3e8536; text-decoration:underline}
#noticias .foto_not{ float:left; width:260px; margin:0 10px 0 10px}
#noticias p{margin:0 0 20px 0}
#noticias .otras{ width:600px; float:left; text-align:justify; padding:30px 0 30px 0}
#noticias .otras_tit{font-size:18px; font-weight:normal; margin:0 0 10px 0; color:#81ac45; text-transform:uppercase; border-bottom:1px solid #cfcfcf; padding:0 0 5px 0}
#noticias ul{ width:600px;list-style-image:url(../images/ico_it.gif); }
#noticias li{  font-weight:bold; text-decoration:none; margin-left:20px;}
#noticias li:hover{ font-weight:bold; text-decoration:underline; margin-left:20px}


/*CLIENTES*/
#clientes{ width:986px; margin:0 auto; padding-bottom:20px; display:table; background-color:#fff}
#clientes .tit{ width:956px; margin:20px auto 20px auto}
#clientes .intro{ width:956px; margin:0 auto 20px auto; text-align:justify}
#clientes .datos{ width:470px; float:left; margin:0 0 30px 50px; display:block}
#clientes .foto{ float:left; margin:0 10px 0 0}
#clientes .detalle{ width:200px; float:left; margin:0 0 0 20px; color:#333}
#clientes h1{ font-size:18px; font-weight:bold; margin:0 0 10px 0; color:#000}
#clientes p.sep{margin:10px 0 0 0}
#clientes .logos{ width:956px; margin:0 auto 20px auto; height:115px}
#clientes .logo_it{ width:300px; margin:0 8px 0 8px; height:115px; float:left}

/*EMPRESA*/
#empresa{ width:986px; margin:0 auto; padding-bottom:20px; display:table; background-color:#fff}
#empresa .tit{ width:956px; margin:20px auto 20px auto}
#empresa .intro{ width:956px; margin:0 auto 20px auto; text-align:justify}
#empresa .datos{ width:470px; float:left; margin:0 0 30px 50px; display:block}
#empresa .foto{ float:left; margin:0 10px 0 0}
#empresa .detalle{ width:200px; float:left; margin:0 0 0 20px; color:#333}
#empresa h1{ font-size:18px; font-weight:bold; margin:0 0 10px 0; color:#000}
#empresa p.sep{margin:10px 0 0 0}
#empresa .logo{margin:10px 0 0 10px; float:right}
/*NOTA*/

#nota { width:986px; margin:0 auto; background-color:#fff; color:#666; text-align:center; font-size:11px; padding:10px 0 10px 0;clear:both}
#nota .ico{ vertical-align:text-bottom; margin:0 5px 0 0}