
body{background:url(../img/bg_menu.gif) repeat-x;}
#container{ width:998px; position:absolute; margin-left:-499px; left:50%; top:0}
#logo{position:absolute; top:0; left:0; z-index:1}
#logo a{background:url(../img/logotip.jpg) no-repeat; text-indent:-999999px; width:213px; height:157px; display:block}

#logo a span, #decoracioTop a span, #menu ul li a span{ visibility:hidden; display:none}

#decoracioTop{position:absolute; top:0; left:auto; right:0; z-index:3; display:block}
#decoracioTop a{background: url(../img/decoraciomenu.jpg) no-repeat; text-indent:-999999px; width:73px; height:66px; display:block}

#menu{ position:absolute; top:0; left:0; z-index:1; height:42px; width:100%; text-align:center}

#menu ul{list-style:none; margin:0 0 0 220px}
#menu ul li{float:left}
#menu ul li a{ background-position:top left; height:42px; display:block}


#menu ul li a.inici{ background-image:url(../img/menu/menu_01.gif); width:61px}
#menu ul li a.quisom{ background-image:url(../img/menu/menu_02.gif); width:90px}
#menu ul li a.serveis{ background-image:url(../img/menu/menu_03.gif); width:86px}
#menu ul li a.interes{ background-image:url(../img/menu/menu_04.gif); width:92px}
#menu ul li a.ubicacio{ background-image:url(../img/menu/menu_05.gif); width:86px}
#menu ul li a.contacta{ background-image:url(../img/menu/menu_06.gif); width:94px}
#menu ul li a.preus { background-image:url(../img/menu/menu_07.gif); width:94px}

#menu ul li a:hover, #menu ul li a.pos{ background-position:bottom left}


#menu_cas{ position:absolute; top:0; left:0; z-index:1; height:42px; width:100%; text-align:center}

#menu_cas ul{list-style:none; margin:0 0 0 220px}
#menu_cas ul li{float:left}
#menu_cas ul li a{ background-position:top left; height:42px;  display:block}


#menu_cas ul li a.inici_cas{ background-image:url(../img/menu_cas/menu_01.gif); width:61px}
#menu_cas ul li a.quisom_cas{ background-image:url(../img/menu_cas/menu_02.gif); width:133px}
#menu_cas ul li a.serveis_cas{ background-image:url(../img/menu_cas/menu_03.gif); width:86px}
#menu_cas ul li a.interes_cas{ background-image:url(../img/menu_cas/menu_04.gif); width:85px}
#menu_cas ul li a.ubicacio_cas{ background-image:url(../img/menu_cas/menu_05.gif); width:88px}
#menu_cas ul li a.contacta_cas{ background-image:url(../img/menu_cas/menu_06.gif); width:94px}
#menu_cas ul li a.preus_cas { background-image:url(../img/menu_cas/menu_07.gif); width:78px}

#menu_cas ul li a:hover, #menu_cas ul li a.pos{ background-position:bottom left}


#contingut{ position:absolute; z-index:99; width:682px; top:80px; left:250px}
#imatge_deco {position:absolute; width:322px; height:226px; z-index:100; left: 300px; top: 400px; border: 5px solid #e1eba6; padding: 5px; background: #fff; }
.imatges { float:left; margin-right:10px; border: 5px solid #e1eba6; padding: 5px; background: #fff; }
.imatges2 { float:left; margin-right:10px; margin-bottom:10px; border: 3px solid #e1eba6; padding: 5px; background: #fff; }
.imatges3 { float:right; margin-left:10px; margin-bottom:10px; border: 3px solid #e1eba6; padding: 5px; background: #fff; }



.text{}
.topText{ background:url(../img/top_base.png) no-repeat; width:682px; height:23px}
.contingutText{ background:url(../img/bg_base.png) repeat-y; width:622px; padding:0 30px 0 30px; }
a{ color:#666; font-size:11px}
a:hover{ color:#a6cc3b; font-size:11px}

.a3{ color:#98bb36; font-size:14px}
.a2{ color:#98bb36; font-size:12px}
.a2:hover{ color:#666; font-size:12px}

.a3{ color:#98bb36; font-size:11px; font-weight:bold; float:right}
.a3:hover{ color:#666; font-size:11px}

#idiomes {
	position:absolute;
	width:150px;
	height:20px;
	text-align:right;
	z-index:100;
	left: 770px;
	top: 7px;
}
#idiomes a {color:#666; font-size:11px; display:inline}
#idiomes a:hover {color:#fff; font-size:11px; display:inline}

table {
	width:100%;
	border-collapse:collapse;
	border-top:2px solid #a6cc3b;
	border-left:2px solid #a6cc3b;
	border-bottom:2px solid #98bb36;
	border-right:2px solid #98bb36;
}
table td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	height: 25px;
	padding-left:20px;
	padding-right:20px;
}


.bottom {background:url(../img/bottom_base.png) no-repeat; z-index:1; top:auto; width:682px; height:23px;}
.bottomText{bottom:20px; top:auto; width:682px; height:23px; position:fixed; }
.bottomText2{width:682px; height:23px; }
#imatge{background:url(../img/bottom.jpg) no-repeat; z-index:0; position:fixed; bottom:0; width:411px; height:543px; top:auto; left:0}
#footer{position:absolute; bottom:0; z-index:99; top:auto; left:0; width:100%;}

/* FORMULARIO */
#formulari label {width:120px; float:left; vertical-align:top; font-size:12px; text-align:right; margin:0 10px 20px 0; font-weight:bold; }
#formulari input, #formulari textarea {border: solid 1px #95b735;font-size:12px; display: inline}
#formulari input {width:274px; display: inline}
#formulari label .p {display: inline}
#formulari select {width:245px; display: inline}
#formulari textarea {width:274px; height:110px;font-size:11px; display: inline}
#formulari input.boto{ background:#cfe06d;
    color:#000;
    border:solid 1px #95b735;
    cursor:pointer;
    width:auto!important;
    float:right;
    margin:10px 129px 10px 0;
    height: 24px;
	font-size:11px;
	font-weight:bold;
}
.contacta3{ float:left; color:#ff0000}
.contacta2{ font-size:12px}

formulariContacta

#formulari #formulariContacta label {width:120px; float:left; vertical-align:top; font-size:12px; text-align:right; margin:0 10px 20px 0; font-weight:bold; }
#formulari #formulariContacta input, #formulari textarea {border: solid 1px #95b735;font-size:12px; display: inline}
#formulari#formulariContacta  input {width:274px; display: inline}
#formulari #formulariContacta label p {display: inline}
#formulari #formulariContacta select {width:245px; display: inline}
#formulari #formulariContacta textarea {width:274px; height:110px;font-size:11px; display: inline}
#formulari #formulariContacta .boto{ background:#cfe06d;
    color:#000;
    border:solid 1px #95b735;
    cursor:pointer;
    width:auto!important;
    float:right;
    margin:10px 129px 10px 0;
    height: 24px;
	font-size:11px;
	font-weight:bold;
}

#formulari #formulariContacta table .sense {
	width:100%;
}
#formulari #formulariContacta table td .sense {
	border:none;
}
.sense_bordes {
	width:83%;
	
	border-collapse: separate;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right:none;
}
.sense_bordes_ESPAI td {height:25px; padding:5px;}
.verd {
	color: #98bb36;
	font-weight: bold;
}
