@import url("http://www.studiogenesis.net/framework/framework.css");
@charset "utf-8";
/* CSS Document */

/*********************************************************** RESETEO ******************/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
.romper{clear:both;}

/************************************************* ESTRUCTURA BÁSICA **************************************************/
body{
margin:0;
background-color:#000000;
}

.espai{
height:30px;
}

#contenidor{
margin:auto;
width:815px;
height:435px;
border:1px solid #999999;
}

#esquerra, #esquerra3, #esquerra4, #esquerra5, #esquerra6{
width:538px;
height:395px;
background-color:#CCCCCC;
background-image:url(imatges/fons_index.jpg);
background-position:center;
padding:20px;
float:left;
border-right:1px solid #999999;
}

#esquerra3{
background-image:url(imatges/fons_fontanela.gif);
}

#esquerra4{
background-image:url(imatges/fons_clearpond.gif);
}

#esquerra5{
background-image:url(imatges/fons_sunset.gif);
}

#esquerra6{
background-image:url(imatges/fons_maderas.gif);
}

#esquerra_foto{
width:578px;
height:435px;
background-color:#000;
float:left;
border-right:1px solid #999999;
}

#esquerra2{
width:538px;
height:395px;
background-color:#000;
padding:20px;
float:left;
border-right:1px solid #999999;
}

.slogan{
font-family:"Times New Roman", Times, serif;
font-size:32px;
color:#FFFFFF;
}

#dreta{
padding:43px;
float:right;
}

h1{
margin-bottom:20px;
}

h1 strong, h2 strong{
display:none;
}

#menu{
width:815px;
margin:auto;
}

#menu ul li{
float:left;
margin-top:10px;
}

#menu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin-right:50px;
}

#menu ul li a:hover{
color:#3d6d26;
}

.peu{
float:right;
margin-top:10px;
}

.peu p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

.peu p span{
font-size:16px;
font-weight:bold;
}

.peu p a{
color:#999999;
text-decoration:underline;
}

.peu p a:hover{
color:#3d6d26;
}

#formulari{
width:590px;
height:440px;
background-color:#000000;
padding:30px;
}

#formulari p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
line-height:140%;
margin-bottom:10px;
}

#formulari p a{
color:#ccc;
text-decoration:underline;
}

#formulari p a:hover{
color:#3d6d26;
}

#formulari form p{
padding:0;
margin:0;
float:left;
width:100px;
margin:5px 0 0 80px;
}

.width_form{
width:265px;
padding:1px;
margin-bottom:6px;
}

.width_area{
width:265px;
height:50px;
padding:1px;
}

.width_cp{
width:100px;
padding:1px;
margin-bottom:6px;
}


.boto_enviar{
margin:10px 0 0 180px;
}

#esquerra2 ul {  
list-style:none;
margin:0;
padding:0;
}

#esquerra2 ul li {
padding:0;
float:left;
margin:12px 16px;
}

#esquerra2 ul li a {
display:block;
width:145px;
height:175px;
text-decoration:none;
}

#esquerra2 ul li a:hover {
background-position:bottom;
}

#esquerra2 ul li a span {
display:none;
}

#esquerra-empresa p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:145%;
}

#esquerra-empresa p a{
color:#FFFFFF;
margin-right:25px;
}

#esquerra-empresa p a:hover{
margin-right:25px;
color:#3d6d26;
}

#esquerra-empresa p strong{
font-size:20px;
color:#3d6d26;
line-height:200%;
}

#esquerra-empresa{
width:538px;
height:395px;
background-color:#000000;
padding:20px;
float:left;
border-right:1px solid #999999;
}

.linia{
border-bottom:1px dotted #999999;
margin-bottom:25px;
padding-bottom:10px;
}

#esquerra-empresa img{
float:left;
margin:0px 20px 20px 0;
}

#boto_fontanela {background-image:url(imatges/boto_fontanela.gif);}
#boto_sunset {background-image:url(imatges/boto_sunset.gif);}
#boto_clearpond {background-image:url(imatges/boto_clearpond.gif);}
#boto_complementos {background-image:url(imatges/boto_complementos.gif);}
#boto_maderas {background-image:url(imatges/boto_maderas.gif);}
#boto_ofertas {background-image:url(imatges/boto_ofertas.gif);}

.menuproductes p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:300%;
text-align:center;
margin:25px 0;
}

.menuproductes p a{
color:#FFFFFF;
margin:15px 0;
}

.menuproductes p a:hover{
color:#3d6d26;
}

.menuproductes p strong{
font-size:24px;
color:#3d6d26;
}

.volver{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;

}

.volver a{
color:#CCC;
background-color:#3d6d26;
padding:3px;
}

.pdf{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
margin:50px 0 0 200px;
}

.pdf a{
color:#999999;
}

.foto_gran{
width:578px;
height:395px;
position:relative;
overflow:hidden;
}

.pasafotos{
padding:8px 10px 0px 10px;
float:right;
}

.pasafotos a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#3d6d26;
padding:0px 1px;
margin:0 1px;
color:#FFFFFF;
border:2px solid #3d6d26;
}

.pasafotos a:hover{
background-color:#000000;
border:2px solid #3d6d26;
}

.descripcio{
position:absolute;
right:10px;
bottom:10px;
}

.descripcio p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
color:#FFFFFF;
background-color:#000000;
}