body { padding: 0px; margin: 0 auto; background-color:white; }
h1 { font:bold 1.43em/1em Helvetica, Arial; color: #343629; }
h2 { font:bold 1.1em/1em Helvetica, Arial; color: #A79782; }
h3 { font:bold 1.1em/1em Helvetica, Arial; color: #A79782; margin-bottom: 0px; }
h5 { font:bold 0.95em/0.1em Helvetica, Arial; color: #ADCD8F; }
a { text-decoration:none; }
img { border: 0px; padding:0; margin:0; }
form { margin: 0px; padding: 0px; }
textarea { width: 225px; height: 80px; font:1em Helvetica, Arial; color: #343629; text-decoration: none; background-color:#fff; border:1px solid #ECE8E1; margin-bottom:20px; overflow:auto; }

#cabecera { width: 100%; height: 145px; background:#000; }
#cabecera_central { position: relative; width: 900px; height: 145px; padding: 0px; margin: 0 auto; }
#logo { position: absolute; left: 0; bottom: 22px; }

#menu { position: absolute; height: 55px; top: 85px; right:0; text-align: right; }
#menu li { display: block; float:right; color: #6F6E5C; font: normal 1em Helvetica, Arial, sans-serif; margin-left: 23px; padding: 0 0 0 12px; }
#menu li a { text-decoration:none; color: #fff; }
#menu li a:hover { text-decoration:underline; }

#cabecera #cabecera_central #menu .select { color: #fff !important; /*background: url(../img/pestanas.png) no-repeat 50% 28px;*/ padding: 6px 0px 38px 0px; font-weight: bold; text-decoration:none; }

#container { position: relative; width: 900px; padding: 0px; margin: 0 auto; overflow:hidden; }
#principal { float:left; width: 560px; margin-bottom:35px; margin-top:33px;  }
#adicional { float:right; width: 290px; margin-bottom:45px; margin-top:41px; }

div.nosaltres, div.portfoliol, div.images { position: relative; background:none; /*url(../gif/nosotros.gif) repeat-x*/; width: 230px; padding: 5px 30px 20px 30px; margin-bottom: 30px; }
div.nosaltres p, div.portfoliol p, div.images p { margin-top: 0px; font:0.9em/1.5em Helvetica, Arial; color: #343629; }
div.nosaltres a, div.portfoliol a { font:1em/1.5em Helvetica, Arial; color: #343629; }
div.nosaltres a:hover, div.portfoliol a:hover, div.images a:hover { color: #F36610; }

div.portfoliol { background: #F6FCF0; border-top:1px solid #DFE0DE; }
div.images { background: #F9F7E4; border-top:1px solid #DFE0DE; overflow:hidden; padding: 25px 0 20px 30px; width: 260px; margin-top:0;}
div.images img { margin:0; padding:0;  }
div.images a { float:left; margin-right:17px; margin-bottom:6px; padding:0; width:45px; height:45px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;    }
div.images a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;   }


#abaix_central { clear: both; position: relative; width: 900px; height: 120px; padding: 0px; margin: 0 auto; background: url(../img/espec2.gif) repeat-x; }

#credits { position: relative; top: 25px; margin-left:25px; font:bold 0.9em/1.6em Helvetica, Arial, Sans-serif; color:#343629; }
#credits a { font:normal 0.8em/1.2em Helvetica, Arial, Sans-serif; text-decoration: none; color: #C2BEB1; margin-right:25px; }
#credits a:hover { text-decoration: underline;  }

#ofertes { position: absolute; left: 490px; top: -70px; margin-top:10px; }

#menu_abaix { position: absolute; height: 55px; top: 4px; right: 0px; text-align: right; margin-right:25px; }
#menu_abaix li { display: block; float: left; font: 0.9em Helvetica, Arial, sans-serif; margin-left: 32px; }
#menu_abaix li a { text-decoration:none; color: #C2BEB1; }
#menu_abaix li a:hover { text-decoration:underline; color: #C2BEB1; }
#menu_abaix .select { padding-bottom: 6px; font-weight:bold; }


/************PORTFOLIO.HTML***************************/
.info { position:relative; margin:30px 0 50px 0; padding-top:15px; }
.info p { font: 0.8em/1.5em Helvetica, Arial; color: black; }

.portfolio { position:relative; margin: 25px 0 0 0; }
.portfolio img { border-bottom:1px solid #ECE8E1; width: 560px; }

.client { width:155px; float: left; padding: 5px 20px 10px 0; margin-bottom:5px; margin-left: 0; }
.client p { font-weight:bold; }

.tecnica { float: right; width:305px; padding: 27px 0px 0px 0px; margin-right:0; margin-bottom:20px; }
.tecnica ul { display: block; width:148px; margin-top:-10px; padding:0px; }

.right { float: right; }

.tecnica li { list-style:none; font:0.7em/1.8em Helvetica, Arial; color: #343629; }
.tecnica li a { font-weight: bold; color: #22241B; }
.tecnica li a:hover { color: #F36610; }

#paginador_baix { font: 2.1em/1.5em Helvetica, Arial, Sans-serif; margin-bottom:0px; margin-top:20px; padding-top:2px; text-align: center; color: #22241B; }
/************FINAL PORTFOLIO.HTML***************************/



/************CONTACTE.HTML***************************/
#contacte { width: 560px; height:300px; margin:8px 0px 35px 0px; padding: 15px 30px 35px 0; }
#contacte p { font:0.9em/1.5em Helvetica, Arial; color: #343629; }
/************FINAL CONTACTE.HTML***************************/


.gran { font:1.6em/1.6em Helvetica, Arial; display: block; margin-top: -10px; color:#343629; }

.mesgran { font-size:1.8em; }

.mascota { position: absolute; top:-65px; left: 220px; }

#consulta { position: relative; background: url(../img/consulta.gif) no-repeat; width: 230px; padding: 3px 30px 25px 30px; margin-bottom: 20px; }
#consulta p { font:0.8em/1.5em Helvetica, Arial; color: #343629; }

.input { width: 225px; height: 25px; font:1em/1.1em Helvetica, Arial; color: #343629; text-decoration: none; background-color:#fff; border:1px solid #ECE8E1; margin-bottom:12px; }

.textform, .textformoption { font: 0.8em/1.8em Helvetica, Arial; color: #343629; }
.textformoption { font: 0.8em/2em Helvetica, Arial; margin-left:6px; }

.boton { position: relative; left: 97px; width: 130px; text-align:center; font:0.8em Helvetica, Arial; padding: 10px; margin: 3px; border: 1px solid #ECE8E1; background-color:#fff; color: #343629; }

.boton:hover { background: url(../img/espec3.gif) repeat-x; }

.clearboth { clear: both; }
.nohiha { font:1em/2em Helvetica, arial; color: #22241B; }
.colorverde { color: #7DC011; }