/** BASIC */
html{padding:0;margin:0;}
body {margin: 0px;padding: 0px;background: #627600 url(img/bg01.gif) repeat-x left top;}

/** FORMS */
form {margin: 0px;padding: 0px;}

/** HEADINGS */
h1, h2, h3, h4, h5, h6 {margin: 0px;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
/** TEXTS */
body, th, td, input, textarea, select {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #3A4C4A;}
p, blockquote, ul, ol, dl {margin-top: 0px;margin-bottom: 1em;line-height: 18px;}
/** TEXT   */
.text1 {font-size: 10px;font-weight: bold;color: #386077;}
.text2 {line-height: 120%;}
.text3 {text-align: center;font-size: 9px;color: #79A0AE;}

/** LISTS   <------ Estic probant si t? alguna relebancia, en cas de no pasar res al final de tot, ho borrar?.
.list1 {margin: 0px;padding: 0px;list-style: none;line-height: 140%;}
.list1 li {}
.list1 a {padding-left: 11px;font-size: 10px;color: #DCFF00;background: url(img/homepage14.gif) no-repeat left center;}
.list2 {margin-left: 0px;padding-left: 0px;list-style: none;}
.list2 li {}
.list2 a {padding-left: 9px;background: url(img/homepage16.gif) no-repeat left center;}*/

/** LINKS */
a {color: #384a0a;}
a:hover {text-decoration: none;}
/* .link1 {} <------ Estic probant si t? alguna relebancia, en cas de no pasar res al final de tot, ho borrar?.*/

/** STYLES <------ Estic probant si t? alguna relebancia, en cas de no pasar res al final de tot, ho borrar?.
.style1 {}
.style1 a {}
.style1 a:hover {}*/

/** BACKGROUNDS */
.bg1 {background: url(img/bg02.gif) repeat-y left top;}
.bg2 {background: #FFFFFF;}
.bg3 {background: #E2F6FB url(img/bg03.jpg) no-repeat right top;}
.bg4 {background: #FFFFFF url(img/bg04.jpg) no-repeat right top;}
.bg5 {background: #FFFFFF url(img/bg05.gif) repeat-y left top; height:100%;}
.bg6 {background: url(img/homepage08.jpg) no-repeat center top;}
.bg7 {background: url(img/homepage09.jpg) no-repeat center top;}

/** MISC */
.align-justify {text-align: justify;}
.align-right {text-align: right;}
img {border: none;}
.img1 {float: left;margin: 6px 15px 0px 0px;}
.img2 {float: right;margin-left: 15px;}
hr {display: none;}
.hr1 {height: 1px;margin: 15px 0px 15px 0px;padding: 0px;background: url(img/homepage18.gif) repeat-x left top;}
#top-menu {font-size:11px;float: right;width: 519px;height:171px;margin: 0;background: url(img/homepage02.jpg) no-repeat;background-color:#FFFFFF;
}
#top-menu ul {padding: 0;list-style: none;position:absolute;top:35px; right:10px}
#top-menu li {display: inline;color:white}
#top-menu li a{display: inline;color:white}
#top-menu b {font-weight: normal;padding: 0 15px;}

/** TITLES */
.title {}
.title h2 {height: 20px;margin-bottom: 20px;font-size:1.7em;}
.title b {position: absolute;left: -10000px;}
#title1 { background: url(img/homepage10.gif) no-repeat left top; }
#title2 { background: url(img/homepage11.gif) no-repeat right top; }
#title3 { background: url(img/subpage_01.gif) no-repeat left top; }

/** BASIC */
html, body {height: 100%;}
.bg5 {background-position: 8px 0px;}
.link1 {display: block;	height: 5px;margin-top: 10px;background: url(img/homepage13.gif) no-repeat right top;}
.link1 b {position: absolute;left: -10000px;}

/** WRAPPER */
#wrapper {width: 762px;margin: 0px auto;padding: 57px 0px 0px 0px;position:relative}
html>body #wrapper {height: auto;}

/** HEADER */
#header {height: 171px;padding: 8px 8px;}
#logo {float: left; margin: 17px;} 
#slogan {float: right;}

/** CONTENT */
#content {padding: 0px 8px 8px 8px;border-bottom: 8px solid #FFFFFF;}
#left {float: left;width: 220px;}
#right {float: right;width: 520px;}

/** MAIN-MENU */
#main-menu {border-bottom: 8px solid #FFFFFF;background: url(img/menu.jpg) no-repeat left top;min-height: 214px;padding-top:0.3em;}
#left h1 {font-size:2em;}
.VerticalPlegat .text {background:none; line-height:160%;font-size:1em;color:#EEEEEE;padding-left:20px;cursor:pointer;}
.VerticalPlegat a {cursor:pointer;}
.VerticalPlegat .menu {border:none;}
.VerticalPlegat .emcontenidortext span{font-weight:normal}
.VerticalPlegat .contingut{background:none}
.VerticalPlegat .contingut a{}
.VerticalPlegat .contingut .textmarcat {background:none}
.VerticalPlegat .contingut a .text{font-size:0.85em;width:130px}
.VerticalPlegat .contingut a .textmarcat{font-size:0.85em;width:130px}
.VerticalPlegat a .textmarcat,
.VerticalPlegat a .text{
	font-weight:normal; 
	height: 18px; 
	width:219px; 
	color: #EEEEEE; 
	background: none; 
	border: none; 
	font-size:1em;
	padding-left: 20px;
	text-decoration: none}
.VerticalPlegat a .textmarcat{color:white;font-weight:bolder}	

/*.VerticalPlegat a .textmarcat{
	font-weight:bolder; 
	height: 18px; 
	width:219px; 
	color: #EEEEEE; 
	background: none; 
	border: none; 
	font-size:1em;
	padding-left: 20px;
	text-decoration: none;}*/
.VerticalPlegat a:hover .text, 
.VerticalPlegat a:hover .textmarcat {color: #FFFFFF;text-decoration: none; font-weight:bolder}



/** LLISTAT NOTICIES */
div.ImatgesRelacionades * {display:inline;}
.componentnoticies .llistatnoticies .itemimatge .titol,
.componentnoticies .llistatnoticies .item .titol {
	font-size: 1em;
	clear:left;
	padding-top:5px;}
	
	
.componentnoticies .llistatnoticies .item .lloc, 
.componentnoticies .llistatnoticies .item .autor, 
.componentnoticies .llistatnoticies .item .data, 
.componentnoticies .llistatnoticies .item .subtitol,
.componentnoticies .llistatnoticies .itemimatge .lloc, 
.componentnoticies .llistatnoticies .itemimatge .autor, 
.componentnoticies .llistatnoticies .itemimatge .data, 
.componentnoticies .llistatnoticies .itemimatge .subtitol {font-size: 1em;}


.componentnoticies .imatgesrelacionades span {
	float:left;
	clear:left;
	width:75px;
	line-height:110%;}
	
.componentnoticies .imatgesrelacionades dd {display:none;}

.componentnoticies .noticia .titol {
	font-size:1.5em;
	padding-bottom:10px;}
	
.componentnoticies .imatgesrelacionades {font-size:1.2em; font-family:Arial,Tahoma,Verdana,Helvetica; margin-top: 1.2em;}

.ComponentPublicacioAmpliat {
	position:relative;
	top:-25px;
	right:20px;}
	
.ComponentPublicacioAmpliat .DetallImatge .Imatge img {
	padding:13px;
	float:none;
	margin-left:
	0px;}
	
.ComponentPublicacioAmpliat .DetallImatge .Subtitol {
	font-size:2Em!important; 
	color:#3A4C4A;}
	
.ComponentPublicacioAmpliat .DetallImatge .Font {font-size:1em;}
.ComponentPublicacioAmpliat .DetallImatge .Cos {font-size:1em;margin-bottom: 1.2em;}
.ComponentPublicacioAmpliat .ImatgesRelacionades .TitolItem {font-size:1.2em; font-family:Arial,Tahoma,Verdana,Helvetica;}

#left .componentnoticies .llistatnoticies .itemimatge .lloc, 
#left .componentnoticies .llistatnoticies .itemimatge .autor, 
#left .componentnoticies .llistatnoticies .itemimatge .subtitol {display:none;}
.componentnoticies .categoriesrelacionades {display:none;}
.tornar {
	clear:both; 
	display:block; 
	text-align:center;}
	
#Form #wrapper #content #right #box4 .title h2 {line-height:124%;}

#right .componentnoticies {
	position:relative;
	top:-45px;}
	
#right .componentnoticies .llistatnoticies .itemimatge .subtitol {
	clear:none;
	float:none;
	display:block;
	padding:5px!important;}
	
#right .componentnoticies .paginacio .informaciopaginacio {margin-top:50px;} 
#right .itemimatge {clear:both;}

#right .itemimatge .subtitol{
	clear:none!important; 
	float:none; 
	display:block;
	margin-top:1.8em;}

#right .imatgesrelacionades dt a{
	float:left; 
	margin-left:10px;
	display:block;
	font-family:Arial,Tahoma,Verdana,Helvetica;}
#right .imatgesrelacionades dt img {margin-top:1em;}



/** GALERIA D'IMATGES */
.componentgaleriaimatges {top:-15px};

#right .bg4 .componentgaleriaimatges .element span {display:block; text-align:left;}


.componentgaleriaimatges .element .titol {font-size:1.2em!important;}
.componentgaleriaimatges .element .descripcio {font-size:1em!important;}
.componentgaleriaimatges .elements .Item {float:left; padding:15px;}
.componentgaleriaimatges .elements .Item .titol {width:75px; height:23px;padding-bottom:5px; overflow:hidden;line-height:100%}
.paginacio .informaciopaginacio {clear:left;}

#right .bg4 .componentgaleriaimatges .paginacio {text-align:center; margin-top:1em;font-weight:bold;visibility:hidden;}
#right .bg4 .componentgaleriaimatges .paginacio ul {list-style:none;  visibility:visible;}
#right .bg4 .componentgaleriaimatges .paginacio ul li {display:inline;}
#right .bg4 .componentgaleriaimatges .paginacio .informaciopaginacio {display:inline; visibility:visible;}
#right .bg4 .componentgaleriaimatges .paginacio .botoSeguent {padding:5px; display:inline; margin-right:50px;}
#right .bg4 .componentgaleriaimatges .paginacio .botoAnterior {padding:5px; display:inline;margin-right:45px;}

#right .bg4 .componentgaleriaimatges span.element span.titol {margin-bottom:1em;}
#right .bg4 .componentgaleriaimatges span.element {margin-top:1em;}

/** BOX1 */
#box1 {padding: 19px 25px 0px 25px;}
#box1 h3.text1 {margin-bottom: 5px;padding-left: 11px;background: url(img/homepage12.gif) no-repeat left center;}

/** BOX2 */
#box2 {float: left;width: 255px;height: 67px;padding: 110px 1px 0px 0px;}

/** BOX3 */
#box3 {float: right;width: 232px;height: 67px;padding: 110px 0px 0px 25px;}

/** BOX4 */
#box4 {clear: both;padding: 19px 8px 0px 8px;border-top: 8px solid #FFFFFF;}
#box4 .list2 {float: left;}
#box4 .left {margin: 0px 30px 0px 0px;padding: 0px 30px 0px 0px;background: url(img/homepage17.gif) repeat-y right top;}

/** BOX5 */
#box5 {clear: both;padding: 19px 25px 0px 25px;}

/** FOOTER */
#footer {padding: 20px 0px;}
#footer .text3 {color: #FFFFFF;}
#footer a {color:#FFFFFF;}

/** TARIFES */
.cos h4 {font-size:1.2em; color:#3A4C4A; font-weight:bold; text-align:left; border-bottom:1px solid #000000;}
.taulaTarifas th {color:#3A4C4A; font-weight:bold; text-align:center;}
.taulaTarifas td {text-align:center;}
.taulaTarifas .descripcioHab {text-align:left; padding-left:10px;}
.numeroPersones {text-align:left;text-decoration:underline;}
.taulaTarifas .notaExplicativa {font-size:0.8em; text-align:right;}



.componentgaleriaimatges span.botons_superior{display:none}