html {
height:100%;
}

body {
width:100%;
height:100%;
margin:0;
background-image:url(../images/f_web.jpg);
background-repeat:repeat-x;
}

/* ESTILOS GENERALES */

#tcontenedora {
width:100%;
height:100%;
}


/*
EXPLICACIÓ DE LA FALLA
El filtre aplicat a la celda serveix per a carregar una imatge amb transparència alfa
en l'explorer.
El filtre aplicat a la imatge serveix per a que en l'explorer no es veja l'imatge. Sols
es vorà al Firefox.
En Firefox es vorà l'imatge normal mentre en l'Explorer la carregada mitjançant el filtre.
*/
#tdizquierda {
text-align:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sombraizquierda.png', sizingMethod='scale');
}

#tdizquierdainterior{
text-align:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sombraizquierda.png', sizingMethod='scale');
}

#tdizquierda img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#tdizquierdainterior img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


#tdcentral {
width:770px;
background-color:white;
}

#tdderecha {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sombraderecha.png', sizingMethod='scale');
}

#tdderechainterior {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sombraderecha.png', sizingMethod='scale');
}

#tdderecha img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


#tdderechainterior img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
/* ESTILOS DE LA TABLA DE CONTENIDOS */

#tcontenidos {
width:770px;
height:100%
}

#cabecera {
height:94px;
}

#bienvenida {
height:191px;
vertical-align:top
}

#contenido {
vertical-align:top;
}

.fondopoda {
background-image:url(../images/f_poda.jpg);
background-repeat:no-repeat;
background-position:6px 23px;
}

.fondomaquinaria {
background-image:url(../images/f_maquinaria.jpg);
background-repeat:no-repeat;
background-position:6px 23px;
}

.fondojardineria {
background-image:url(../images/f_jardineria.jpg);
background-repeat:no-repeat;
background-position:6px 23px;
}

.fondocontacto {
background-image:url(../images/f_contacto.jpg);
background-repeat:no-repeat;
background-position:6px 23px;
}

.fondolocalizacion {
background-image:url(../images/f_localizacion.jpg);
background-repeat:no-repeat;
background-position:6px 23px;
}



#pie {
vertical-align:bottom;
text-align:center;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

/* ESTILOS DE CONTENIDOS */

.textonormal {
font:10px verdana;
color:#333;
text-align:justify;
padding:15px;
vertical-align:top;
}

.titular {
background-image:url(../images/titular.jpg);
background-position:center center;
background-repeat:no-repeat;
height:25px;
padding-left:35px;
vertical-align:middle;
font:16px "ms trebuchet", verdana;
color:#006600;
}

.titularsubseccion{
background-image:url(../images/titularpestanas.gif);
background-repeat:no-repeat;
background-position:15px center;
border-left:6px solid white;
height:22px;
padding-left:35px;
vertical-align:middle;
font:16px "ms trebuchet", verdana;
color:#006600;
}

#pestanas {
text-align:right;
vertical-align:top;
}

h1 {
font:14px "ms trebuchet", verdana;
color:#006600;
}

h2 {
font:bold 12px "ms trebuchet", verdana;
color: #333;
}

a {
color:#060;
padding:2px;
}

a:hover {
background-color:#ffffcc;
text-decoration:none;
}

.fotolateral {
/*width:270px;*/
vertical-align:top;
padding:7px;
}

#pestanas a {
padding:0;
}

#pestanas a:hover {
background-color:transparent;
text-decoration:none;
}

#pestanas a img {
border:0;
filter: alpha(opacity=100);
-moz-opacity: 1;
}

#pestanas a:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.6;
}


/* ESTILOS FORMULARIOS */


#formulario {
width:95%;
padding:5px;
margin-top:0px;
}



#formulario legend {
font:bold 10px tahoma;
color:#343;
padding:2px;
border:1px solid #343;
background-color:#fefefe;
}





#formulario #tablaformulario {
font:bold 10px tahoma;
color:black;
margin-top:10px;
}



#formulario #tablaformulario tr.celdacolor {
background-color:#f6f6f6;
}



#formulario input,textarea,select {
font:10px tahoma;
color:#667766;
background-color:#eeeeee;
border:1px outset #eefaee;
}



#formulario #tablaformulario td.botonera {
text-align:right;
padding-bottom:5px;
}



#formulario #tablaformulario td.leyproteccion {
font:10px tahoma;
color:#666;
text-align:justify;
padding-top:5px;
border-top:3px double #eee;
}





#formulario #tablaformulario td.leyproteccion a {
font:10px tahoma;
border-bottom:1px dotted black;
text-decoration:none;
color:#333;
}



#formulario #tablaformulario td.leyproteccion a:hover {
font:10px tahoma;
text-decoration:none;
background-color:#f0f0f0;
border:0px;
}

/* ESTILOS PRODUCTOS */

.titularproducto {
font:12px "ms trebuchet", verdana;
color:#666;
}

.tproducto {
background-color:whitesmoke;
border:1px dotted gainsboro;
}

.tproducto img {
margin:4px;
border:3px solid #999;
}