* {
margin:0;
padding:0;
outline:none;
}

.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:10px tahoma;
}

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

#cabecera {
width:960px;
height:77px;
position:relative;
margin:0 auto;
}

#cabecera-home {
width:960px;
height:300px;
position:relative;
margin:0 auto;
}

#menu {
margin:0 auto;
width:960px;
height:204px;
}

#capamenu {
position:absolute;
width:900px;
bottom:10px;
text-align:right;
right:0;
font:14px "trebuchet ms";
color:#fff;
text-transform:uppercase;
}

#capamenu a {
color:#fff;
text-decoration:none;
padding:2px 15px;
}

#flash {
width:960px;
height:240px;
margin:0 auto;
}

#imagencabecera {
margin:0 auto;
width:960px;
height:127px;
}

#central {
position:relative;
width:960px;
height:283px;
background:url(../images/f_central_home.jpg) left top no-repeat;
margin:0 auto;
}

#centralbienvenida {
position:relative;
width:960px;
height:350px;
background:#fff url(../images/f_bienvenida.jpg) left top no-repeat;
margin:0 auto;
}

#textobienvenida {
	position:absolute;
	width:586px;
	height:238px;
	z-index:1;
	left: 14px;
	top: 65px;
	font:11px "trebuchet ms";
	color:#666;
}

#textobienvenida p {
margin:10px auto;
}

#textobienvenida strong {
color:#000;
}

#textobienvenida h1 {
font:16px "trebuchet ms";
color:#999;
padding:0 0 15px 56px;
}

#textobienvenida a{
color:#333;
text-decoration:none;
border-bottom:1px dotted #666;
}

#textobienvenida a:hover {
color:#000;
border:none;
background:#F4F8ED;
}

#centralinterior {
margin:0 auto;
width:960px;
min-height:396px;
_height:396px;
}

.empresa {
background:#fff url(../images/f_empresa.jpg) left top no-repeat;
}

.clientes {
background:#fff url(../images/f_clientes.jpg) left top no-repeat;
}

.productos {
background:#fff url(../images/f_productos.jpg) left top no-repeat;
}

.noticias {
background:#fff url(../images/f_noticias.jpg) left top no-repeat;
}

.contacto {
background:#fff url(../images/f_contacto.jpg) left top no-repeat;
}

#c1 {padding:68px 0 10px 43px; width:600px; }
#c1 h1 {font:16px "trebuchet ms"; margin:0 0 15px 0; color:#738D39; }
#c1 p {font:11px "trebuchet ms"; color:#333; margin:10px 0; line-height:20px; letter-spacing:1px; text-align:justify;  }

#c2a {
float:left;
width:330px;
}

#c2b {
float:left;
width:600px;
padding:65px 0 0  20px;
}

#bienvenida {
position:absolute;
left:23px;
top:65px;
width:282px;
height:94px;
font:11px "trebuchet ms";
color:#333;
}

#listanoticias {
	position:absolute;
	left:370px;
	top:65px;
	width:280px;
	height:200px;
	overflow:auto;
	list-style:none;
	font:11px "trebuchet ms";
	color:#333;
}

#listanoticias li {
padding-left:20px;
background:url(../images/v_ultimasnoticias.png) left top no-repeat;
padding-bottom:15px;
}

#listanoticias li span {
color:#738D39;
padding-right:10px;
}

#listanoticias li a {
color:#333;
text-decoration:none;
}

#listanoticias li a:hover {
color:#000;
background:#F2F7EA;
}

#nuestrosproductos {
position:absolute;
left:684px;
top:225px;
}

#nuestrosproductos a {
color:#066;
font:bold 16px "trebuchet ms";
text-decoration:none;
letter-spacing:1px;
}

#nuestrosproductos a:hover {
color:#9CBD28;
}

#infogoogle p {
padding:0px 60px 10px 60px;
line-height:20px;
}



#pie {
clear:both;
position:relative;
width:960px;
margin:0 auto;
}

#pie p.info {
font:bold 10px tahoma;
color:#333;
padding-top:15px;
letter-spacing:1px;
}

#pie p.creditos {
font:10px tahoma;
position:absolute;
top:15px;
right:0;
width:200px;
text-align:right;
}

#capamenu a:hover,#capamenu a.marcado {
color:#D3E1B5;
background:#324811;
}

#pie p.info a,#pie p.creditos a {
color:#000;
text-decoration:none;
padding:2px;
}

#pie p.info a:hover,#pie p.creditos a:hover {
color:#fff;
background:#3A471D;
}

/* listado de familias */
#listamenu {font:14px "trebuchet ms"; list-style:none; padding-top:3px; margin:67px 0 0 14px; letter-spacing:1px;}
#listamenu li {padding:0px 0 7px 5px;}
#listamenu li a{color:#666; text-decoration:none;}
#listamenu li a:hover{color:#666; background:#eee}

/* estilos trabajos */
.mtrabajos {
float:left;
margin:0 18px 18px 0;
font:11px "trebuchet ms";
color:#999;
}

#c2b h2 {
font:normal 20px "trebuchet ms";
color:#aaa;
letter-spacing:1px;
padding-bottom:10px;
}

/* estilos noticias */
#ajax h1 {
font:normal 15px "trebuchet ms";
color:#666;
letter-spacing:1px;
padding-bottom:10px;
}

#ajax h1 span {
font:normal 13px "trebuchet ms";
color:#738D39;
padding-right:10px;
}

#ajax dl.noticia {  }
   
    #ajax dl.noticia dt {
	float:left;
	width:210px;
	}
	
     #ajax dl.noticia dt img {
	 background:#313131;
	 padding:1px;
	 border:3px solid #E0E0E0;
	 }
	 
    #ajax dl.noticia dd {
	float:left;
	width:360px;
	}
	
     #ajax dl.noticia dd h1 {
	 font:16px "trebuchet ms";
	 color:#253F58;
	 padding-bottom:10px;
	 }
     #ajax dl.noticia dd p.fecha {
	 font:14px "trebuchet ms";
	 color:#253F58;
	 padding-bottom:5px;
	 }
	 
	 #ajax p {
	 font:11px tahoma;
	 color:#666;
	 letter-spacing:1px;
	 line-height:18px;
	 }
	 
     #ajax dl.noticia dd p.texto {
	 font:11px tahoma;
	 color:#666;
	 letter-spacing:1px;
	 line-height:18px;
	 }

/* estilos contacto */
#datoscontacto {font:11px "trebuchet ms"; list-style:none; padding-top:3px; margin:67px 0 0 14px; letter-spacing:1px;}

#datoscontacto a{color:#999; text-decoration:none; padding:2px;}
#datoscontacto a:hover {color:#000; background:#F4F8ED}

#cformulario {
width:400px;
}

/* estilos catalogo home */
#catalogoonline {
	position:absolute;
	width:326px;
	height:248px;
	z-index:2;
	left: 625px;
	top: 65px;
}