/* Resets by Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }

/*Pelin modificado el body :) */
body { line-height: 1; color: black; background: white; margin: 0 auto; padding: 0; background:white url(../img/fondo-body.gif) repeat-x 0 180px; font-size: 62.5%; font-family:Helvetica, Arial, sans-serif; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Final Eric Meyer Resets */

#content-fondo { width:100%; background:transparent url(../img/fondo-content.gif) no-repeat 50% 55px; }

#content { position:relative;  width: 727px; padding:0; margin:0 auto; overflow:hidden;  }
#cabecera { position:relative; height:355px; }
#logo { position:absolute; top:82px; left:57px; }


#content-principal { float:right; width: 425px; padding-top:30px; } 
#content-principal div.SlideTab { overflow:hidden; }
#content-principal div.SlideTab img.header  { margin:0 0 20px 4px; }
#content-principal div.SlideTab p  { font:1.2em/1.4em Helvetica, Arial, sans-serif; color:#555; margin:0 35px 17px 5px; }
#content-principal div.SlideTab p.destacat  { color:#817C00; }

div.serveis, div.serveis1 { float:left; width:194px; margin-bottom:40px; padding:4px 8px; }
div.serveis1 { float:right; }
div.serveis h4, div.serveis1 h4 { font:1.2em/1.9em Helvetica, Arial, sans-serif; color:#817C00; }
div.serveis ul, div.serveis1 ul { margin-bottom:35px; }
div.serveis ul li, div.serveis1 ul li { font:1.2em/1.6em Helvetica, Arial, sans-serif; color:#666; text-indent:1.3em; background:url(../img/fletxa.gif) no-repeat -3px 1px; }
div.equip { width:407px; background-color:#F1F0E2; color:#817C00; margin-top:-40px; margin-left:0; }
div.equip ul li { color:#817C00; background-image:url(../img/fletxa-verd.gif); }

div.serveis2 { float:right; width:300px; margin-bottom:40px; margin-top:-50px; padding:4px 0; }
#content-principal div.SlideTab div.serveis2 p.dades { font:bold 1.8em/1.3em Helvetica, Arial, sans-serif; color:#817C00; margin-left:25px; }
#content-principal div.SlideTab div.serveis2 p.dades a { font:normal 0.8em/4em Helvetica, Arial, sans-serif; color:#000; text-decoration:none; }
#content-principal div.SlideTab div.serveis2 p.dades a:hover { text-decoration:underline; }
#content-principal div.SlideTab div.serveis2 img.mapa { margin:-20px 0 0 20px; }
#content-principal div.SlideTab div.serveis2 img.fotus { margin:0 0 15px 25px; border:2px solid #fff; }
#content-principal div.SlideTab div.serveis2 img.fotus:hover { border:2px solid #ccc; }

a.cerca-google { display:block; width:300px; height:60px; background: url(../img/google.gif) no-repeat 0 0; margin-left:25px; }
a.cerca-google:hover { background-position: 0 -72px; }

form { border:1px solid blue; background: url(../img/fondo-form.gif) repeat-x 0 0; margin-top:-20px; }
form label { display:block; font:bold 1.2em/1.6em Helvetica, Arial, sans-serif; color:#888; margin:15px 0 0 25px; }
form input, form textarea { display:block; font:normal 1.5em/1em Helvetica, Arial, sans-serif; width:235px; height:20px; margin:2px 0 0 25px; border:1px solid #ddd; }
form textarea { height:200px; }
form button { display:block; border:1px solid #ddd; background:#fff; margin:20px 0 0 25px; width:85px; height:40px; font:normal 1.5em/1.9em Helvetica, Arial, sans-serif; }
form button:hover { background:url(../img/fondo-enviar.gif) repeat-x 0 0; }


#content-secundary { float:left; width: 297px; padding:30px 0; }
#content-secundary ul { margin:0 25px 17px 45px;  }
#content-secundary ul li { font:1.3em/1.4em Helvetica, Arial, sans-serif;  margin:3px 0; text-align:center;  }
#content-secundary ul li a { text-decoration:none; color:#817C00; padding:13px 40px 14px 40px;  width:105px; display:block; }
#content-secundary ul li a:hover { color:#DFDBB6;  }
#content-secundary ul li a.tabSelect { background: url(../img/menu.gif) 0 -80px;  }
#content-secundary ul li a.tabSelect:hover { background-position:0 -9px;  }
#content-secundary ul li a.galeria { background: url(../img/galeria.gif) -15px 0; padding:25px 40px 27px 40px; padding-left:50px; text-align:left; margin-top:80px; }
#content-secundary ul li a.galeria:hover { background-position:-15px 77px;  }
#content-secundary ul li a.contacta { background: url(../img/mail.gif) -7px -2px; padding:25px 40px 27px 40px; padding-left:50px; text-align:left;  }
#content-secundary ul li a.contacta:hover { background-position:-7px 72px;  }