/* 
CSS Document
Sitio: www.albergassut.com
Autor: Felipe Saal (www.quierotreintaytres.com.ar) para SAETA (www.saeta.net) 
*/

html {margin:0; padding:0; background-color:#7aacc9;}
body {margin:0; padding:0; font: 12px/21px Georgia, "Times New Roman", Times, serif;background: #FFF url(img/fondo.gif) repeat-x top;}
#container { width:900px; margin:0 auto; position:relative;}
.clear {clear:both;}

/*

LOGO y MENU

*/

#header {
	float:left;
	width:205px;
	height:602px;
	background: url(img/menu_fondo.gif) repeat-x top;
	padding: 30px 0 0 5px;
}

#header h1 {
	background: url(img/logo.gif) no-repeat center center;
	width:167px;
	height:73px;
	text-indent:-9999px;
	margin:0 auto 20px auto;
}
#header h1 a {display:block; height:100%;}
#header h1.lesfinquetes {background-image:url(img/logo_lesfinquetes.gif); width:159px; height:46px; margin-top:15px; margin-bottom:30px;}
#header h1.lamuntanyeta {background-image:url(img/logo_lamuntanyeta.gif); width:184px; height:57px; margin-top:10px; margin-bottom:30px;}
#header h2 { 
	font: 12px Georgia, "Times New Roman", Times, serif; 
	color:#cf4d0a; 
	text-transform:uppercase;
	margin:30px auto 8px auto;
	width:150px;  
}

#header ul { margin:0 auto; padding:0; list-style:none;width:150px; }
#header ul li {border-top: 1px solid #e4e4e4;}
#header ul li a { 
	padding:4px 5px; 
	color:#5c2910; 
	text-decoration:none; 
	display:block; height:100%; 
	background: url(img/menu_flecha.gif) no-repeat left center;
	padding-left:20px;
}
#header ul li span.ruc{
	font: 9px Georgia, "Times New Roman", Times, serif; 
	color:#5c2910; 
}
#header ul li a.viaverda{
	color: #006600;
}
#header ul li a.viaverda:hover{
	color:#00FF00;
}
#header ul li a.birdwatching{
	color:#0000FF;
}
#header ul li a.birdwatching:hover{
	color:#00FFFF;
}
#header ul li a img{
	border: none;
}
#header ul li a:hover { background-color:#FFF; color:#cf4d0a}

#header p{
	width: 27px;
	margin: 30px auto;
}
#header #hostelling { 
	display:block; 
	width:82px; 
	height:32px; 
	margin: 30px auto; 
	background:url(img/hostelling.gif) no-repeat center;
	text-indent:-9999px;
}

#header a.enlcelogotipo{
	display: block;
	margin: 30px 0 0 0;
	text-align: center; 
	color:#954604;
	text-decoration:none;
	font-size: 0.8em;
	line-height: 1.1em;
	font-family: arial;
}
#header a.enlcelogotipo img{
	border: none
}

/*

CONTENIDO

*/

#content {
	background: url(img/menu_sombra.gif) no-repeat left top;
	padding: 5px 0 5px 10px;
	width: 658px;
	float:left;
}

#idiomas { margin:0; padding:5px 12px 0 0; list-style: none; width:646px; height:143px; background: url(img/top_foto.jpg) no-repeat;}
#idiomas li { color:#633;display:inline; float:right; border-left: 1px solid #633; font-size:10px; height:15px; padding:0 0 0 10px; margin:5px;}
#idiomas li.top {border:none;}
#idiomas li a {color:#633; text-decoration:none;}

#maincontent {	padding:0 20px;}
#maincontent.index {padding-right:0;}
#maincontent div.indexizda {
	float:left;
	width:355px;
	padding:0;
}

#maincontent ul{	
	list-style: none;
}

#content h1 {
	font-size:30px;
	font-weight:normal;
	line-height: normal;
	color:#F90;
	background: url(img/sub_h.gif) repeat-x bottom;
	padding-bottom:15px;
	margin-bottom: 5px;
	margin-top:20px;
}
#content h1.paginaindexh1{
	background: none;
	padding-bottom: 0;
}
a.agimcana{
	width: 250px;
	height: 164px;
	display: block;
	background: url(img/baner-gimcana.jpg) no-repeat top;
	text-indent: -9999px;
	margin-top: 15px;
}	
a.asantjoan{
	width: 250px;
	height: 164px;
	display: block;
	background: url(img/baner-sant-joan.jpg) no-repeat top;
	text-indent: -9999px;
	margin-top: 15px;
}	
a.acolonies{
	width: 250px;
	height: 164px;
	display: block;
	background: url(img/baner-colonies-2010.jpg) no-repeat top;
	text-indent: -9999px;
	margin-top: 15px;
}	
a.agooglemap{
	width: 250px;
	height: 70px;
	display: block;
	background: url(img/baner-googlemaps.jpg) no-repeat top;
	text-indent: -9999px;
	margin-top: 15px;
}	
#content h2 {
	font-size:24px;
	font-weight:normal;
	color:#7aacc9;
	background: url(img/sub_h.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom: 5px;
	margin-top:35px;
}
#content h2.paginaindexh2{
	margin-top: 15px;
	line-height: 0.9em;
}

#content h3 {
	font-size:14px;
	font-weight:bold;
	color: #cf4d0a;
	background: url(img/sub_h.gif) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom: 5px;
}

#content h4 { font-weight:normal; color:#999; margin:0;}
p.bienvenidos { /*background:url(img/fotos_bienvenidos.jpg) no-repeat center bottom; padding-bottom:130px; */margin-bottom:20px;}
p.mensaje {margin: 8px 0 30px 0;}
p.msg {padding:3px 10px; background-color:#F90; color:#FFF;}
a.escriure {display:block; background:url(img/icon_escribir.gif) no-repeat left center; padding-left:15px;}
a.back {display:block; background:url(img/icon_back.gif) no-repeat left center; padding-left:15px;}
#content a.nomissatge{
	color: #ffffff;
	background-color: transparent;
}
#content a { color:#F90;}

#lista { margin:15px 0 0 0; padding:0; list-style: none;}
#lista li {padding:5px 5px 5px 15px; border-bottom: 1px solid #f1f0ee; background: url(img/vinieta_1.gif) no-repeat left top;}
#lista.lista_index li {background:none; padding:5px;}
#lista li a { color:#f90; background: url(img/blog_vinieta.gif) no-repeat left center; padding-left:17px;}
#lista ul { list-style:none; margin:5px 0 30px 10px;}
#lista ul li { border:none; padding:2px 0 2px 15px; background: url(img/vinieta_2.gif) no-repeat left top;}


a.rss {
	display:block;
	text-align:right;
	margin-top:15px;
	color:#F90;
	background: url(img/rss_naranja.gif) no-repeat right center;
	padding-right: 35px;
}


#maincontent div.indexdcha {
	float:right;
	width:250px;
}
#maincontent div.indexdcha h3 { text-align:right; margin-top:27px; margin-bottom:20px;}
#maincontent div.indexdcha #googlemap { width:240px; border: 5px solid #f6f4ee; overflow: hidden;}
#maincontent div.indexdcha #googlemap div { display:block; height:235px;}
#maincontent div.indexdcha #fotoinici {margin:0; padding:0px 0px 0px 20px; list-style: none;}
#maincontent div.indexdcha #fotoinici a img {border: none;}
#maincontent div.indexdcha #amics {margin:0; padding:0; list-style: none;}
#maincontent div.indexdcha #amics li {display:block; height:106px; margin:25px 0 15px 0;}
#maincontent div.indexdcha #amics li a {display:block; height:100%; text-indent:-9999px;}
#maincontent div.indexdcha #amics li span {display:block; height:100%; text-indent:-9999px;}
#maincontent div.indexdcha #amics li.muntanyeta {background:url(img/lamuntanyeta.gif) no-repeat center center;}
#maincontent div.indexdcha #amics li.finquetes {background:url(img/lesfinquetes.gif) no-repeat center center;}

#maincontent div.todo {
	clear: both;
}

a.pdfdescarga{
	display: block;
	margin-top: 20px;
	padding: 50px 0 0 0;
	background: transparent url(img/pdf-gran.jpg) no-repeat top left;
}

#paginador { padding:10px 0; margin-top:15px; border-top:3px solid #f6f4ee;}
#paginador a {margin:0 4px;}
#paginador a.todos { border-left: 1px solid #ede9de; padding-left:15px; margin-left:15px;}
#paginador span.desactivat{
	color: #999999;
}


#content form { margin:10px 0; padding:10px 0; border-bottom:3px solid #f6f4ee;border-top:3px solid #f6f4ee;}
#content form img.captcha{
	margin-top: 10px;
}
#content fieldset { border:none; padding:0; margin:0;}
#content label {display:block; margin: 10px 0;}
#content label.declaracio {display:inline; margin: 0;}
#content input, #content textarea { width:500px; border:1px solid #CCC; font-size:12px;}
#content input.submit { width:100px; padding:3px; margin: 0; background-color:#f6f4ee; border-color:#ede9de; font-family:Georgia, "Times New Roman", Times, serif;}
#content input.llibrevisites{
	margin-top:15px;
}
#content input.check {
	width: 15px;
	float: left;
}
#content input.captchainput{
	width: 100px;
	margin: 0 10px 15px 0;
}

#content form.contacto { border-top:none; padding-top:0;}
#content form.contacto label {margin:5px 0;}
p.campsobligatoris { font-size:0.9em;margin:0;color:#666;}
.aviserror { color: #CC3333; font-weight: bold; }
.aviscorrecte{ color: #006666; font-weight: bold; }
.backgrounderror{ background-color: #ffbca6; }

#content #googlemapcontacto { width:315px; border: 5px solid #f6f4ee; position:absolute; top:170px; left:550px; background-color:#f6f4ee;}
#content #googlemapcontacto p {margin:3px; color:#C00; font-weight:bold;}
#map { height:220px; }

#content a.foto {
	float: right;
	margin: 10px 0 20px 20px;
	text-decoration: none;
	color: #bdbbb3;
}
#content a.fotogranleft {
	float: left;
	margin: 10px 20px 10px 0px;
	text-decoration: none;
	color: #bdbbb3;
}
#content a.ultimafoto {margin-left:0;}
#content a.nomarginleft {margin-left:0;}
#content a.foto img {border:none;}
#content a.fotogranleft img {border:none;}
#content a.foto span {margin: 0 0 5px 15px;}
#content img.noenllac {
	float: right;
	margin: 10px 0 20px 20px;
}
#content img.noenllacesquerra {
	float: left;
	margin: 10px 20px 20px 0;
}
#content table { width:100%; border-collapse: collapse; border-spacing:0;}
#content table th,
#content table td { border-bottom:1px solid #E6E6E6; padding: 4px 0; font-size:12px;}
#content table th.centro,
#content table td.centro { text-align:center;}
#content table td.baixa { background:url(img/temp_baja.gif) no-repeat 15px 9px; padding-left:15px;}
#content table td.alta { background:url(img/temp_alta.gif) no-repeat 15px 9px;; padding-left:15px;}
#content table td.extra { background:url(img/temp_extra.gif) no-repeat 15px 9px;; padding-left:15px;}


a.document{
	display: block;
	padding-left: 25px;
	padding-bottom: 7px;
	height: 20px;
	background: transparent url(img/document16x16.png) no-repeat 0 3px;
}

.espacioblanco{
	height: 37px;
}
/*

FOOTER

*/

#footer {
	clear:both; 
	display:block; 
	padding: 0 0 40px 0;
	background: #7aacc9 url(img/agua.gif) repeat-x top; 
	overflow:hidden;
	border-bottom:1px solid #7aacc9;
	border-top:1px solid #FFF;
	position:relative;
}
#footer p {margin:0; padding:100px 0 10px 0; color:#FFF; text-align:center;}
#footer a{
	color: #ffffff;
	background-color: transparent;
}
#footer ul {margin:10px auto 30px auto; padding:0; list-style:none; width:410px;}
#footer ul li {display:inline; float:left; padding:0; margin-right:8px;}
#footer ul li a {display:block; height:100%; text-indent:-9999px; margin:0;}
#footer ul li.xhtml { width:90px; height:15px; background:url(img/xhtml.gif) no-repeat;}
#footer ul li.css { width:90px; height:15px; background:url(img/css.gif) no-repeat;}
#footer ul li.wai { width:90px; height:15px; background:url(img/wai.gif) no-repeat;}
#footer ul li.rss { width:24px; height:14px; background:url(img/rss_azul.gif) no-repeat;}

/*

TRIATLO

*/

#header h1.triatlo {background-image:url(img/titol-triatlo.png); width:184px; height:84px; margin-top:10px; margin-bottom:30px}

#header a img.imgtriatlo{ 
	border:0;
	margin-left: 20px;
}

#idiomas.toptriatlo { margin:2px 0 0 0; padding:8px 12px 0 0; list-style: none; width:646px; height:143px; background: url(img/cap-triatlo-2008.jpg) no-repeat;}

#header a img.menutriatlo{ 
	border:0;
	margin-left: 40px;
}

table{
	border: 1px solid #7aacc9;
}
caption {
	text-align: left;
	font-size:14px;
	font-weight:bold;
	color: #cf4d0a;
	background: url(img/sub_h.gif) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom: 15px;
}
th, td{
	border: 1px solid #7aacc9;
	text-align:center;
	font-size:10px;
}
p.espaifinaltriatlo{
	height:300px;
}
a.pdftriatlo{
	display: block;
	padding-left: 25px;
	height: 20px;
	background: transparent url(img/pdf16x16.png) no-repeat left;
}

/***********************************Logo empatica.net*********************************************/
#divempatica {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background-color: #7aacc9;
}
#divempatica .empatica{
	float: right;
	margin: 7px 20px 10px 0;
	text-decoration: none;
}
#divempatica img{
	border: none;
}