/* CSS Document */



* {

	margin: 0;

	padding: 0;

	}

	

body {

	font-family: "Trebuchet MS", Verdana, "Bitstream Vera sans", "sans serif",;

	font-size: 12px;

	color: #333;

	background-color: #FFFFFF;

	

}



#cos {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 779px;

	height: 583px;

	margin-top: -282px;

	margin-left: -390px;

	background-color: #FFFFFF;

}



#cos #logo {

	width: 140px;

	height: 120px;

	float: left;

	text-align: center;

}

#cos #cap {

	width: 627px;

	height: 120px;

	float: left;

	background-image: url(imatges/cap.jpg);

	background-repeat: no-repeat;

	margin-left: 11px;

}

/*--------------------------------------------------BARRA ESQUERRA: MEN? DE LES FINQUES---------------------------*/

#cos #menufinques {

	width: 144px;

	height: 444px;

	float: left;

	margin-right: 2px;

}

#cos #menufinques #menu {

	height: 362px;

	background-image: url(imatges/marcesq2.jpg);

	margin-top: 0px;

	background-repeat: no-repeat;

}

.dr, .es{

	padding-top: 12px;

	text-align: center;

}





.dr h1{

	font-size: 19px;

	font-weight: normal;

	}





.es h2{ 

	font-size: 19px;

	color: #FFFFFF;

	font-weight: normal;

	}





#enllas {

	margin-top: 30px;

	text-align: center;

}

#enllas li {

	margin-bottom: 20px;

	list-style-type: none;

}



#enllas a {

	text-decoration: none;

	color: #006f2f;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 11px;

}



#enllas a:hover{

	color: #999999;

}



/*enlla? torna a la p?gina principal*/

#cos #menufinques #torna {

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	background-image: url(imatges/link2.jpg);

	height: 40px;

	margin-top: 1px;

}

#cos #menufinques #torna #linkweb3 {

	padding-top: 3px;

}



#cos #menufinques #torna a {

	text-decoration: none;

	color: #333333;

}

#cos #menufinques #torna a:hover{

	color: #666666;

}







/*enlla? web maria ferret*/



#linkweb {

	float: left;

	height: 40px;

	width: 144px;

	text-align: center;

	background-image: url(imatges/link.jpg);

	background-repeat: no-repeat;

}

#linkweb a {

	text-decoration: none;

	font-weight: bold;

	color: #333333;

	text-transform: uppercase;

	font-size: 12px;

}



#linkweb a:hover{

	color: #666666;

}

#linkweb #linkweb2 {

	width: 120px;

	float: right;

	margin-top: 4px;

	margin-right: 1px;

}



#linkweb img {

	border: none;

}



/*_______________________________________COS CENTRAL___________________________________*/

#cos #central {

	float: left;

	width: 483px;

	height: 445px;

	background-image: url(imatges/marccentral.jpg);

	background-repeat: no-repeat;

}

#nomfinca {

	color: #666666;

	text-transform: uppercase;

	font-size: 18px;

	width: 220px;

	margin-left: 20px;

	margin-top: 12px;

	float: left;

}

#icones {

	height: 30px;

	float: left;

	width: 400px;

	margin-top: 3px;

	margin-left: 30px;

}

#icones .icona1 {

	width: 32px;

	height: 32px;

	float: left;

	margin-right: 2px;

}

#icones #llegenda {

	float: left;

	margin-top: 12px;

	width: 100px;

}

#icones #llegenda a {

	color: #006F2F;

	text-transform: uppercase;

}











/*_______________________________________________CARACTER?STIQUES FINCA finca.html________________________*/

#caractfinca {

	width: 440px;

	float: left;

	margin-top: 3px;

	margin-right: 5px;

	margin-left: 30px;

	margin-bottom: 3px;

}

#caractfinca a {

	color: #016F30;

}



#caractfinca a:hover {

	color: #CCCCCC;

}



#caractfinca li {

	list-style-type: none;

	list-style-image: url(imatges/punt.gif);

}

#caractfinca span {

	font-weight: bold;

}



#caractfinca #quadrepreus {

	font-weight: bold;

	margin-left: 5px;

	height: 20px;

	width: 435px;

}

#caractfinca #quadrepreus .preu1 {

	float: left;

	padding-left: 5px;

	padding-right: 5px;

	border-top: solid 1px #ccc;

	border-bottom: solid 1px #ccc;

	border-right: solid 1px #ccc;

}

.refugi {

	border-left: solid 1px #ccc;

}







#fotos {

	color: #666666;

	font-size: 14px;

	font-weight: bold;

	width: 60px;

	margin-left: 20px;

	clear: both;

	margin-bottom: 3px;

}

.fotop {

	width: 80px;

	float: left;

	margin-left: 33px;

}

.nom {

	float: left;

	margin-top: 3px;

	color: #666666;

	width: 80px;

	text-align: center;

}

/*===============================================FORMULARI CERCA DE FINQUES PER DATA===========================*/

#cos #cercadata {

	width: 145px;

	float: left;

	height: 444px;

	background-image: url(imatges/marcdret.jpg);

	margin-top: 1px;

	background-repeat: no-repeat;

}

#cos #cercadata form {

	width: 120px;

	margin-left: 15px;

	color: #FFFFFF;

	margin-top: 20px;

	font-size: 13px;

}

#cos #cercadata form p {

	font-family: "Trebuchet MS", Verdana;

	color: #FFFFFF;

}



#cos #cercadata #sortida {

	margin-top: 20px;

	margin-bottom: 20px;

}

#cos #cercadata #persones {

	margin-bottom: 20px;

}

#cos #cercadata #enviar {

	text-align: center;

}







#cos #cercadata select {

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	margin-top: 5px;

	color: #666666;

	margin-left: 9px;

	width: 100px;

}

#cos #cercadata .dia {

	width: 40px;

}

#cos #cercadata .mes {

	width: 90px;

}

#cos #cercadata .any {

	width: 60px;

}







#cos #cercadata input {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #666666;

}

#cos #cercadata #persones .pers {

	margin-left: 9px;

}

#cos #cercadata #calendar {

	float:left;

	margin-top: 10px;

	margin-left:5px;

}

#cos #cercadata #codicolor {

	float:left;

	margin-left: 15px;

	margin-top: 10px;

	color: #FFFFFF;

	width: 120px;

	height: 60px;

}

#cos #cercadata #codicolor p {

	float: left;

	width: 100px;

	margin-left: 3px;

}

#cos #cercadata #codicolor img {

	float: left;

}

#cos #cercadata #codicolor a {

	color: #CCCCCC;

	margin-left: 5px;

}



#cos #cercadata #codicolor a:hover{

	color: #FFFFFF;

}







#cos #cercadata #consulta {

	text-align: center;

	margin-top: 10px;

	background-color: #FFFFFF;

	color: #333333;

	width: 100px;

	margin-left: 25px;

	float:left;

}

#cos #cercadata #consulta a {

	color: #333333;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: bold;

}



#cos #cercadata #consulta a:hover {

	color: #666666;

}

#cos #cercadata #iva {

	color: #FFFFFF;

	width: 142px;

	text-align: center;

	float:left;

}





/*________________________________________________DISPONIBILITAT FINQUES (disp.html)__________________________________*/



#cos #central .finca1 {

	margin-top: 6px;

	color: #000099;

	font-weight: bold;

	margin-left: 15px;

	float: left;

	width: 460px;

	border-top-color: #016F30;

	border-top-style: dotted;

	text-transform: uppercase;

	font-size: 14px;

	border-top-width: 1px;

	padding-top: 2px;

}

#cos #central .primera {

	margin-top: 3px;

	border: none;

	float: left;

}



#cos #central .finca1 a {

	color: #999999;

	margin-right: 50px;

	text-transform: lowercase;

	font-size: 12px;

}



#cos #central .finca1 a:hover {

	color: #CCCCCC;

}



#cos #central .dies {

	margin-left: 13px;

}

#cos #central .dies .dia {

	float: left;

	width: 14px;

	text-align: center;

	font-size: 11px;

	border-top: solid #333 1px;

	border-bottom: solid #333 1px;

	border-left: solid #333 1px;

}



#cos #central .dies .dia2 {

    float: left;

    width: 14px;

    text-align: center;

    font-size: 11px;

    border-top: solid #333 1px;

    border-bottom: solid #333 1px;

    border-left: solid #333 1px;

}



.verd {

	background-color: #66CC66;

}

.verm {

	background-color: #FF3333;

}

.groc {

	background-color: #FFCC66;

}

.darrer {

	border-right: solid #333 1px;

}



#cos #central .mes {

	margin-left: 15px;

	color: #016F30;

	font-weight: bold;

	width: 200px;

	clear: both;

}

#cos #central #codicolor1 {

	width: 200px;

	float: left;

	margin-top: 15px;

}

#cos #central #codicolor1 img {

	border: none;

	margin-left: 2px;

	

}





/*_______________________________________________P?GINA DE FORMULARI DE RESERVES(reserva.html)________________*/

#cos  #nomfinca1 {

	color: #666666;

	text-transform: uppercase;

	font-size: 18px;

	width: 460px;

	margin-left: 20px;

	margin-top: 12px;

	float: left;

}

#formreserva {

	float: left;

	width: 463px;

	margin-left: 20px;

	margin-top: 5px;

}





#formreserva  label {

	color: #016F30;

	font-weight: bold;

	float: left;

}

#formreserva  p {

	margin-top: 3px;

}



/*COLUMNA ESQUERRA AMB DADES DEL GRUP*/

#formreserva #dadesgrup {

	width: 190px;

	height: 350px;

	float: left;

	margin-right: 5px;

}



#formreserva input, #formreserva textarea, #formreserva #dadesgrup .agrupament {





	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	width: 180px;

	color: #666666;

	font-weight: normal;

}

/*PER AGRUPAMENTS*/

#formreserva .verif {

	width: 15px;

	float: left;

}

#cos #central #formreserva #agrup {

	width: 460px;

	float: left;

}

#formreserva #agrup .grup {

	float: left;

}



/*PER QUAN ES PUGUIN REGISTRAR ELS USUARIS*/

#formreserva .usuari {

	width: 150px;

	float: left;

	margin-left: 3px;

	margin-bottom:2px;

}



#formreserva .usuari a{

	color: #016F30;

	text-decoration: none;

	

}







#formreserva #dadesgrup .telefon {

	float: left;

	width: 200px;

}



#formreserva #dadesgrup .telefonenti {

	float: left;

	width: 120px;

	margin-left: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}





.codi {

	float: left;

}

#formreserva #dadesgrup .codipostal {

	width: 65px;

	float: left;

	margin-top: 2px;

	color: #016F30;

	font-weight: bold;

}



#formreserva #dadesgrup .cp {

	width: 50px;

	float: left;

}

 

#formreserva #dadesgrup .telf {

	width: 110px;

	float: left;

	margin-right: 5px;

}







#formreserva #dadesgrup .telefon .mail, #formreserva #dadesgrup .telefon .input1, #formreserva #dadesgrup #junts, #formreserva #dadesgrup #junts .telefonentitat {

	float: left;

}

#formreserva #dadesgrup .pais {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #666666;

	width: 180px;

	font-weight: normal;

}







/*DADES DE LA RESERVA*/



#formreserva #dadesreserva {

	float: left;

	width: 261px;

	margin-left: 4px;

}

#formreserva #dadesreserva #datahora {

	width: 261px;

	height: 74px;

}



#dadesreserva #datahora #datareserva {

	float: left;

	width: 170px;

	margin-bottom: 3px;

}

#formreserva #dadesreserva #datahora .hora {

	float: left;

	width: 76px;

	margin-left: 2px;

}



#formreserva #dadesreserva .data {

	float: left;

	font-size: 11px;

	color: #666666;

	width: 49px;

}





#formreserva #dadesreserva #datahora #datareserva .datadia {

	font-size: 11px;

	color: #666666;

	width: 37px;

	float: left;

	margin-right: 2px;

}

#formreserva #dadesreserva #datahora #datareserva .datames {

	font-size: 11px;

	color: #666666;

	width: 75px;

	float: left;

	margin-right: 2px;

}



#formreserva #dadesreserva #datahora .hora .hora1 {

	font-size: 11px;

	color: #666666;

	width: 55px;

	float: left;

}



#adm {

	float: left;

	margin-left: 4px;

	width: 17px;

	position: relative;

	height: 17px;

}



#adm2 {

	float: left;

	margin-top: 15px;

	width: 17px;

	position: relative;

	height: 17px;

}



#adm3{

	float: left;

	width: 17px;

	height: 17px;

	position: relative;

	margin-left: 70px;

}



#adm .info, #adm2 .info2, #adm3 .info3 {

	background-image: url(imatges/info.gif);

	background-color:#FFFFFF;

	width: 17px;

	height: 17px;

	float: right;

	background-repeat: no-repeat;

	cursor: pointer;

	border:none;

	text-decoration:none;

}



#adm .info span {

	position: absolute;

	width: 200px;

	height: 70px;

	left: 120%;

	top: 50%;

	display: block;

	visibility: hidden;

	border: solid 1px #006F2F;

	color: #333;

	text-decoration:none;

	padding: 3px;

	background-image: url(imatges/popup.jpg);

	background-color:#FFFFFF;

	background-repeat: no-repeat;

	background-position: center bottom;

}



#adm2 .info2 span {

	position: absolute;

	width: 250px;

	height: 90px;

	left: -1600%;

	top: -620%;

	display: block;

	visibility: hidden;

	border: solid 1px #006F2F;

	background-color:#FFFFFF;

	color: #333;

	text-decoration:none;

	padding: 3px;

	

}







#adm3 .info3 span {

	position: absolute;

	width: 250px;

	height: 90px;

	left: -1500%;

	top: -500%;

	display: block;

	visibility: hidden;

	border: solid 1px #006F2F;

	background-color:#FFFFFF;

	color: #333;

	text-decoration:none;

	padding: 3px;

	

}

#adm .info:hover, #adm2 .info2:hover, #adm3 .info3:hover {

	white-space: normal;

	z-index: 100;

	

	

}

#adm .info:hover span, #adm2 .info2:hover span, #adm3 .info3:hover span{

	visibility: visible;

	z-index: 100;

	

}











#formreserva #dadesreserva #places {

	width: 200px;

	float: left;

}

#formreserva #dadesreserva #places #ras {

	float: left;

	width: 180px;

}



#formreserva #dadesreserva #places .una {

	font-weight: normal;

	float: left;

	margin-left: 10px;

	margin-bottom: 3px;

	width: 100px;

}

#formreserva #dadesreserva #places .una label {

	font-weight: normal;

}









#formreserva #dadesreserva #places input {

	width: 30px;

}

#formreserva #dadesreserva #places .un {

	float: left;

}





#formreserva #dadesreserva #places a {

	color: #666666;

}

#formreserva #dadesreserva #places a:hover {

	color: #CCCCCC;

}

#formreserva #dadesreserva #places #cuina {

	width: 150px;

	float: left;

	margin-top: 8px;

}

#formreserva #dadesreserva #places .coment {

	margin-top: 5px;

	float: left;

}

#formreserva #dadesreserva #places #actualitza {

	float: left;

	width: 200px;

	margin-top: 5px;

	color: #CE445E;

	font-weight: bold;

}







#formreserva textarea {

	width: 170px;

}

#formreserva #dadesreserva #botons {

	width: 170px;

	margin-top: 3px;

	float: left;

	height: 50px;

	text-align: center;

}

#formreserva #dadesreserva #botons .boto {

	width: 120px;

	margin-bottom: 5px;

}

#formreserva #dadesreserva #oblig {

	width: 220px;

	color: #ce445e;

	float: left;

	font-weight: bold;

	margin-top: 3px;

}





/*BARRA DRETA:PRESSUPOST*/

#cos #cercadata #import {

	color: #FFFFFF;

	width: 132px;

	margin-top: 15px;

	font-weight: bold;

	margin-left: 8px;

	height: 265px;

}



/*__________________________________PAGAMENT (reserva2.html)_____________________________________*/

#cos #central #dades2 {

	width: 440px;

	float: left;

	margin-left: 30px;

	margin-top: 10px;

}



#cos #central #dades2 span {

	color: #016F30;

	font-weight: bold;

	font-size: 15px;

}



/*pagament*/

#cos #central #dades2 #dades21 {

	margin-top: 10px;

	margin-bottom: 10px;

}



#cos #central #dades2  p {

	font-weight: bold;

	margin-bottom: 3px;

}



#cos #central #dades2 #dades21 #textpagament {

	margin-left: 20px;

}

/*FORMA PAGAMENT*/



#formpagament {

	margin-top: 10px;

	margin-bottom: 70px;

}

/*numero de compte*/

.banc {

	

	font-weight: bold;

}

.numero {

	margin-left: 25px;

}



/*targeta*/

#targeta {

	margin-top: 30px;

}

.targeta {

	width: 150px;

	float: left;

}



.titular {

	width: 220px;

}



.num {

	width: 120px;

}



.cad {

	width: 75px;

}

.cod {

	width: 30px;

	float: left;

}

/*desplegable tipus de targeta*/

#formpagament select {

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	color: #666666;

	font-weight: normal;

	margin-bottom: 3px;

	width: 140px;

}

#formpagament a {

	color: #999999;

	font-weight: normal;

}



#formpagament input {

	font-size: 11px;

	color: #666666;

	font-family: Verdana, Arial, sans-serif;

	margin-bottom: 3px;

}







/*botons*/

#cos #central #dades2 #dades23 {

	text-align: center;

	float: left;

	width: 424px;

	margin-top: 15px;

}

#cos #central #dades2 #cobrament {

	color: #333;

	font-weight: bold;

	margin-top: 5px;

	float: left;

	

}



#dades2 #dades23 .boto {

	width: 120px;

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	color: #666666;

	margin-right: 5px;

}



/*________________________________________CONFIRMACI? DADES___________________________*/



#cos #central #dades1 {

	float: left;

	width: 445px;

	margin-left: 20px;

	height: 400px;

}

#cos #central #dades1 span {

	color: #ce445e;

	font-weight: bold;

}

#cos #central #dades1 .data1 {

	color: #666;

	font-weight: bold;

}

/*DADES PERSONALS*/

#cos #central #dades1 #dades12 {

	width: 435px;

	float: left;

	padding: 3px;

	background-color: #E4E4E4;

	padding-left: 8px;

}



/*DATES, HORES I PERSONES*/

#cos #central #dades1 #dades13 {

	width: 260px;

	float: left;

	padding: 5px;

	background-color: #E4E4E4;

	padding-left: 8px;

}

/*PRESSUPOST*/

#cos #central #dades1 #dades14 {

	margin-top: 5px;

	background-color: #E4E4E4;

	float: left;

	width: 255px;

}

/*BOTONS*/

#cos #central #dades1 #dades15 {

	float: left;

	text-align: center;

	width: 155px;

	margin-top: 60px;

}





#cos #central #dades1 #dades15 .boto {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	width: 150px;

	margin-bottom: 2px;

	color: #666666;

}

#cos #central #dades1 #dades15 .botoc {

	color: #666666;

	font-weight: bold;

	font-size: 10px;

	font-family: Verdana, Arial, sans-serif;

	width: 150px;

}

/*ACCEPTACI? REGLAMENT*/

#cos #central #dades1 #dades16 {

	float: left;

	margin-top: 15px;

	margin-left: 13px;

	width: 155px;

	height: 165px;

}

#cos #central #dades1 #dades16 a {

	color: #016F30;

	text-transform: uppercase;

}



#cos #central #dades1 #dades16 a:hover {

	color: #CCCCCC;

}

#cos #avislegal {

	color: #999999;

	text-align: center;

	font-family: "Trebuchet MS", Verdana;

	font-size: 11px;

	float: left;

	width: 774px;

}

#cos #avislegal a {

	color: #999999;

}

#cos #avislegal a:hover {

	color: #CCCCCC;

}

#cos #central #avisl {

	margin-top: 20px;

	margin-left: 20px;

	font-weight: bold;

	float: left;

	width: 445px;

}

#cos #central #caractfinca #fotogr {

	float: right;

	width: 170px;

	height: 170px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 10px;

}

#cos #central #fotos2 {

	float: left;

	width: 200px;

	margin-left: 25px;

	margin-top: 5px;

}

#cos #central #fotos2 a {

	color: #006F2F;

	font-weight: bold;

}



#cos #central #fotos2 a:hover {

	color: #999;

}

#cos #central #mapa {

	margin-top: 15px;

	margin-left: 45px;

	float: left;

}

#form2 {

	width: 100px;

	margin: 10px;

	height: 105px;

}

#form2 #usu {

	float: left;

	text-align: center;

	margin-bottom: 3px;

	width: 100px;

}



#form2 #contras {

	float: left;

	text-align: center;

	margin-bottom: 5px;

	width: 100px;

}

#form2 #accept {

	float: left;

	width: 100px;

}



#form2 #registrat {

	float: left;

	text-align: center;

	margin-bottom: 3px;

	width: 220px;

}



#form2 label {

	float: left;

	color: #006f2f;

	font-weight: bold;

}

#form2 input {

	float: left;

	width: 100px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #666666;

}

#formreserva #administrador {

	color: #666666;

	font-weight: bold;

	text-transform: uppercase;

	margin-top: 15px;

	font-size: 16px;

	margin-bottom: 5px;

}#formreserva #dadesreserva #panel {

	float: left;

	width: 140px;

	margin-top: 50px;

	margin-left: 15px;

	border: solid 1px #006f2f;

	padding: 5px;

}

#formreserva #dadesreserva #panel .panelc a {

	color: #666666;

	text-decoration: none;

}

#formreserva #dadesreserva #panel .panelc img {

	border: none;

}





#llegenda {

	width: 300px;

	margin-top: 20px;

	margin-left: 20px;

	display: block;

}

#llegenda .llegend1 .legend2 {

	width: 36px;

	float: left;

}

#llegenda .llegend1 {

	float: left;

	width: 150px;

}

#llegenda .llegend1 .legend3 {

	margin-top: 8px;

}

#llegenda #tanca {

	float: left;

	margin-top: 20px;

	margin-left: 10px;

}

#llegenda #tanca a {

	color: #999999;

	text-decoration: none;

}

#llegenda #tanca a:hover{

	text-decoration: underline;

}

#cos #cercadata #import .ndies {

	width: 110px;

	text-transform: uppercase;

	text-align: center;

	margin-top: 10px;

	background-color: #FFFFFF;

	color: #016F30;

	float: left;

	margin-left: 10px;

}

#cos #cercadata #import .nrefugi {

	float: left;

	width: 75px;

	margin-left: 10px;

	border-bottom-color: #FFFFFF;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-left-color: #FFFFFF;

	border-left-style: solid;

	border-left-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;

	border-right-width: 1px;

	padding-left: 2px;

}

#cos #cercadata #import .ene {

	float: left;

	width: 28px;

	text-align: right;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-right-width: 1px;

	border-right-style: solid;

	padding-right: 2px;

}

#cos #cercadata #import .nd {

	width: 108px;

	text-align: center;

	float: left;

	margin-left: 10px;

	border: solid 1px #fff;

	padding-top: 5px;

}

#cos #cercadata #import #ntotal {

	font-size: 16px;

	text-transform: uppercase;

	text-align: center;

	margin-top: 20px;

	float: left;

	width: 110px;

	margin-left: 10px;

	color: #016F30;

	background-color: #FFFFFF;

}

#cos #cercadata #import #euros {

	text-align: center;

	font-size: 16px;

	float: left;

	width: 108px;

	margin-left: 10px;

	border: solid 1px #fff;

	padding-top: 5px;

}

#central #galeria {

	float: left;

	width: 450px;

	margin-left: 15px;

	margin-top: 10px;

	height: 20px;

}

#cos #central #galeria .dia {

	color: #666;

	text-decoration: none;

	width: 17px;

	margin-right: 3px;

	border: solid 1px #666;

	height: 18px;

	cursor: pointer;

	

}



#cos #central #galeria  .dia:hover{

	background-color: #006F2F;

	color:#fff;

	

}



#cos #central #galeria .dia2 {

    color: #666;

    text-decoration: none;

    width: 17px;

    margin-right: 3px;

    border: solid 1px #FFF;

    height: 18px;

    cursor: pointer;

    

}



#cos #central #galeria  .dia2:hover{

    background-color: #006F2F;

    color:#fff;

    

}



#cos #central #imatge {

	float: left;

	width: 445px;

	margin-left: 20px;

	margin-top: 20px;

	height: 340px;

	text-align: center;

}

#cos #central #galeria .dia1 {

	color: #FFFFFF;

	background-color: #006F2F;

	float: left;

	width: 17px;

	height: 18 px;

	text-align: center;

	margin-right: 3px;

	border: solid 1px #666;

}

#cos #central #dades1 #dades12a {

	width: 435px;

	float: left;

	padding: 3px;

	background-color: #E4E4E4;

	padding-left: 8px;

}

#cosinici {


	position:absolute;

	top: 50%;

	left: 50%;

	width: 820px;

	height: 294px;

	margin-top: -147px;

	margin-left: -410px;

	background-color: #FFFFFF;

	text-align: center;

	padding: 10px;

	border: solid 1px #999;

}

#cosinici #inici3 {

	margin-top: 10px;

}

#cosinici #inici3 a {

	color: #017630;

	text-decoration: none;

	font-size: 16px;

	margin-right: 20px;

	font-weight: bold;

}

#cosinici #inici3 a:hover{

	color: #999999;

}





#cosinici #inici2 {

	font-size: 20px;

	margin-top: 15px;

}

#calendari  {

	margin-left: 7px;

	margin-top: 2px;





}

#calendari h2 {

	color: #006F2F;

	font-size: 12px;

	width: 132px;

	text-align: center;

	padding-top: 2px;

	border-bottom: dotted 1px #006F2F;

	background-color: #FFFFFF;

}



.TablaCalendario {

	background-color: #FFFFFF;

}

#calendari a {

	color: #333333;

}

.nomes {

	color: #999999;

}

.dvermell{

	background-color: #FF3333;



}

.dverd {

	background-color: #66CC66;

}

.dgroc {

	background-color: #FFCC66;

}

.setm {

	color: #006F2F;

}

#proces {
	width: 137px;
	margin-left: 5px;
	height: 100px;
}