/* CSS Document */

/*////////////////sitemap/////////////////////*/
.sitemap{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.sitemap ul{
margin:10px;
}
.sitemap li{color:#666666;
margin-bottom:10px;
list-style:circle;
}

.sitemap li a{color:#666666;
text-decoration:none;
}

.sitemap li a:hover{
color:#36B0E9;

}

/*/////////////////BODY//////////////////*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FCF5E5;
}

/*/////////////////TEXT STYLES//////////////////*/
h2{
font-size:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
h2 a{
font-size:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
h1 {
font-size:20px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
h3 {
font-size:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
h4 {
font-size:16px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
h5 {
font-size:12px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
.bigestiu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
		text-indent: 27px;
	display:block;
	 background-image:url(imatges/estiu.jpg);
 background-repeat: no-repeat;
 padding: 15px 0 15px 0;
}
.bigestiu a:hover {
background-position: bottom left;
}
.bighivern a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #fff;
	text-indent: 27px;
	text-decoration: none;
	display:block;
background-image:url(imatges/hivern.jpg);
 background-repeat: no-repeat;
 padding: 15px 0 15px 0;
}
.bighivern a:hover {
background-position: bottom left;
}


.enllazz{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color:#0099CC;
	font-weight: normal;
	}
	.enllazz:hover{
color: #fefefe;

	text-decoration: underline;

	background-color: #666666;

	}
.text01w {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
.text02 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.boxes{
	border : 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background : transparent;
	color : #666666;
	margin-bottom : 1px;
	margin-left : 1px;
	margin-right : 1px;
	margin-top : 1px;
	background-color : #E8E8E8;
}
.buttons{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	color : #544338;
	background-color : #fff;
	display: block;
	font-weight : bold;
	width: 236px;
	margin: 0;
	padding: 0;
}

/*/////////////////TD TR DIV STYLES//////////////////*/

.logo {
	background-image: url(imatges/logoblanc.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	

}
.lined01b {
background-image: url(imatges/lined01b.gif);
 }
.stripped{background-image:url(imatges/lined01b.gif);}
.subdeg{background-image:url(imatges/subdeg-estiu.jpg);}
.idioma {
display:block;
text-align: center;
}

.idioma a {
float:left;
padding: 1px 5px 1px 5px;
margin: 0 2px 0 2px;
display:block;
width: 49px;
background:#EBB349;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
color:#fff;

}
.idioma a:hover {
background:#fff;
color:#666;
}
#sleft {
background-image:url(imatges/sleft.gif);
background-position:right;
background-repeat:repeat-y;
height: 100%;
}
#sleftend {
background-image:url(imatges/sleftend3-estiu.jpg);
background-position: bottom right;
background-repeat: no-repeat;
height: 263px;
}
#srightend {
background-image:url(imatges/srightend3-estiu.jpg);
background-position: bottom left;
background-repeat: no-repeat;
height: 263px;
}
#sright {
background-image:url(imatges/sright.gif);
background-repeat:repeat-y;
background-position:left;
height: 100%;
}

#sleft2 {
background-image:url(imatges/sleftend3-estiu.jpg);
background-position: bottom right;
background-repeat:repeat-y;
height: 100%;
}

#sright2 {
background-image:url(imatges/srightend3-estiu.jpg);
background-repeat:repeat-y;
background-position: bottom left;
height: 100%;
}
.condicions{
display:block;
width:75px;
height:25px;
background-image: url(imatges/condicions.gif);
background-position: top left;
padding: 0 0 0 22px;
background-color:#7E99AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.condicions:hover {
background-position: bottom left;
}
.more {
display:block;
width:75px;
height:30px;
padding-top: 5px;
background-color:#7E99AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.more:hover {
background-color:#E94819;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#tab01, #tab01b, #tab01c{
border:solid 1px #929292;
padding: 1px;
}
.tab01, .tab01b, .tab01c{
border:solid 1px #929292;
padding: 1px;
}
.tornar {
display:block;
width:75px;
padding: 5px;
background-color:#7E99AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.tornar:hover {
background-color:#E94819;
}
#torna{
border:solid 1px #929292;
padding: 1px;
}
.enllazz0 {
display:block;
padding: 4px;
background-color:#7E99AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.enllazz0:hover {
background-color:#E94819;
}
.div100 {
margin: 0 10px 0 10px; 
padding: 0;
background-color:#FFFFFF;
display: block;
height: 100%;
width: 90%;

}

/*///////////////// LIST / MENU //////////////////*/

/*----------------*/
#bulletlist {  
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	list-style:none;
	margin:0;
	padding:0;
}
#bulletlist li {
	margin:0;
	padding:0; 
	float: none;
}
#bulletlist li a {
background-image:url(imatges/bulletback.gif);
background-repeat:no-repeat;
	display:block; 
	width:130px;
	padding:1px 0;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	text-align:left;

}
#bulletlist li a:hover {
  background-position:bottom left;
	color:#ffffff;
}
#bulletlistactive{
  background-position:bottom left;
	color:#ffffff;
}


/*-------------------------------MENU LLISTES bullet li*/
#bulletlist2 {  
	list-style:none;
	margin:0px;
	padding:0px;
	border: 0px;
}
#bulletlist2 li {
	margin:0px;
	padding:0px; 
	float: none;
	border: 0px;
}
#bulletlist2 li a {
background-image:url(imatges/bulletback.gif);
background-repeat:no-repeat;
	display:block; 
	width:150px;
  height: 14px;
	text-indent: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	text-align:left;

}
#bulletlist2 li a:hover {
  background-position:bottom left;
	color:#ffffff;
}
#bulletlist2active{
  background-position:bottom left;
	color:#ffffff;
}
/*----------------MENU LLISTES NAVI li*/
.navlist li
{
margin:0px;
display: inline;
/* for IE5 and IE6 */
}

.navlist
{
width: 12em;
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
margin: 0 0 0 0em;
padding: 0;

}

.navlist a
{
background-image:url(imatges/bulletback.gif);
background-repeat:no-repeat;
width: 170px;
display: block;
padding: 1px 0;
margin: 8px 0px 8px 0px;
text-indent: 12px;
text-align: left;
text-decoration: none;
color: #000;
}

.navlist a:hover {   background-position:bottom left;	color:#ffffff; }

#extrablock{
	list-style:none;
background:#AABCC8;
display: block;
padding: 0px 0;
margin: 0px;
cursor: pointer;
}
#extrablock:hover{

background-color:#666666;
cursor: pointer;

}

/*------------------------------------sublist-----*/
#sublist
{
list-style-type: square;
text-align: left;
margin:0;
		padding:0 0 0 3px;
		text-indent: 5px;
		}
#sublist li{
list-style-type: square;
color: #fff;
text-align: left;
margin-left: 0px;
margin:0;
padding-left: 0px;

}
#sublist li a{
font: bold 24px Arial, Helvetica, sans-serif;
text-decoration: none;
list-style-type: square;
color: #fff;
text-align: left;
}
#sublist li li{
list-style-type: square;
margin-left: 0px;
margin:0;
padding-left: 0px;
}
#sublist li a:hover{
color: #7E99AB;
}
#sublistactive{
color: #ffffff;
list-style-type: square;
}
/*------------------------------------sublist-----*/
#sublist2
{
list-style-type: square;
text-align: left;
margin:0;
		padding-left:18px;
		
		}
#sublist2 li{
list-style-type: square;
color: #fff;
text-align: left;
margin-left: 0px;
margin:0;
padding-left: 0px;

}
#sublist2 li a{
font: bold 18px Arial, Helvetica, sans-serif;
text-decoration: none;
list-style-type: square;
color: #fff;
text-align: left;
}
#sublist2 li ul{
padding:0;
margin:0;
list-style-type: circle;
padding-left: 15px;
border:0;
}
#sublist2 li li a{
list-style-type: circle;
margin:0;
font: normal 12px Arial, Helvetica, sans-serif;
padding: 0;
}
#sublist2 li a:hover{
color: #7E99AB;
}
.undisplayed {
display:none;
}

/*---------------------------------------------------------------------------------------enlarger-------*/


#enlarge, #enlarge2 {padding:2px; text-align:right; margin:2px auto; list-style-type:none; height:110px;}
#enlarge li, #enlarge2 li {display:block; padding:1px; float:none; width:148px; height:110px; position:fixed;}
#enlarge li a, #enlarge2 li a {display:block; border:4px solid #fff; width:148px; height:110px; background:transparent; overflow:hidden; }
#enlarge li a img, #enlarge2 li a img {width:100%; height:100%; border:0;}
#enlarge li a:hover, #enlarge2 li a:hover {position:absolute; width:400px; height:300px; z-index:100; border:4px solid #fff;}

/*---------------------------------------------------------------------------------------enlarger-------*/