@charset "utf-8";
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #BFD53C; /* c9d300; */
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

}
h2, h3 {
  color: #FFFFFF;
  font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}
h2 { 

font-size: 2.8em;
line-height: 1.1em;
margin-bottom: 18px;
}
h3 {
font-size: 1.3em;
margin-top: 10px;
margin-bottom: 8px;
}
p {
margin-bottom: 7px;
}
p.linia {
	font-size: 1.9em;
	color: #FFFFFF;
	margin: 25px 0 15px;
	line-height: 8px;
	width: 466px;
	overflow: hidden;
}
a {
color: #333333;
}
address {
font-style: normal;
}
div.navegador {
    text-align: center;
}
.clear {
clear: both;
}
#fonscontent, #content {
width: 1085px;
margin: 0 auto 0 auto;
}
#fonscontent {
	background-image: url(/images/generic/fons_quadre.jpg);
	background-repeat:  repeat-y;
	background-position: 270px 100px;
}
#content {
	background-image: url(/images/capcal.jpg);
	padding-top: 145px;
	background-repeat: no-repeat;
	position: relative;
}
#titol {
  position: absolute;
  top: 22px;
  left: 32px;
  color: #EAE827; /* #F1E500; */
  width: 208px;
  
}
#titol h1 {
  margin-top: 10px;
  padding: 0 15px;
  font-size: 15px;
  text-align: center;
}
#excursionistes_sup {
  position: absolute;
  top: 210px;
  left: 70px;
  width: 121px;
  height: 219px;
  background-image: url(/images/generic/silueta_excursionistes_sup.gif);
  background-repeat: no-repeat;

}
#content .eslogan_superior {
  font-family: Casmira, "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size: 50px;
  position: absolute;
  color: #FFF;
  left: 275px;
  top: 52px;
}

#quadre {
/*
float: left;

  width: 782px;
  */

  	padding-bottom: 35px;
	padding-right: 33px;
	background-image: url(/images/generic/arrodoniments_inf.jpg);
	background-repeat: no-repeat;
	background-position: 270px bottom;
  }
/* main menu */
#mainmenu {
  margin-top: 275px;
  float: left;
  width: 270px;
  min-height: 500px;
  height: auto !important;
  height: 500px; 
  padding-top: 20px;
  margin-bottom: 120px;

}
#mainmenu li {
  list-style: none;
}
#mainmenu li a, #mainmenu form p , #mainmenu span.tema  {
  background-image: url(/images/dos_fletxes.gif);
	background-repeat: no-repeat;
padding-left: 20px;
}
#mainmenu hr {
background-image: url(/images/separador_verd.jpg);
background-repeat: no-repeat;
height: 3px;
margin: 15px 0;
border: 0;
}
#mainmenu form p {
background-position: 5px 4px;
font-weight: bold;
}
#mainmenu li a, #mainmenu span.tema {
background-position: 5px 9px;
text-decoration: none;
color: #000000;
display: block;
height: 21px;
padding-top: 5px;
font-weight: bold;
}
#mainmenu li a:hover, #mainmenu li a.actiu {
background-color: #88BA42;
color: #fff;
}
#mainmenu li li li a{
padding-left: 42px;
background-position: 30px 9px;
}
#mainmenu li li li li a{
padding-left: 52px;
background-position: 40px 9px;
}
#mainmenu li li li li li a{
padding-left: 62px;
background-position: 50px 9px;
}
#mainmenu li li a {
 background-image: none;
 font-weight: normal;
 padding-left: 32px;
}
#mainmenu li li a span {
	width: 5px;
	background-image: url(/images/una_fletxa.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: normal;
	background-position: 0px 4px;
}
#mainmenu label {
  background-image: url(/images/una_fletxa.gif);
  background-position: 20px 9px;
padding-left: 32px;
font-weight: normal;
}
#mainmenu label {
display: block;
background-repeat: no-repeat;
background-position: 20px 4px;
height: 21px;
}
#mainmenu input {
margin-left: 32px;
}
#mainmenu input.text {
height: 20px;
margin-bottom: 6px;
}
#mainmenu input.boto {
margin-top: 10px;
margin-bottom: 10px;
}
#mainmenu form a {
margin-left: 32px;
}
#mainmenu img {
margin: 12px 0;
}
#mainmenu li.actual ul.extra {
  background-image: none;
}
/* centre */

#eslogan {
  width: 782px; /* */
  height: 370px;
  position: relative;
  overflow: hidden;
  /* width: inherit; */
  text-align: center;
  float: right;
}

#eslogan .arrodoniments {
	position: absolute;
	top: 0;
	left: 0;
    width: inherit;
	height: 35px;
	background-image: url(/images/generic/main_costat_superior.gif);
	background-repeat: no-repeat;
}
#eslogan .imatge {
	position: absolute;
	margin-top: 35px;
	background-color:#EAE827;
	width: inherit;
	height: 335px;

}
#eslogan .imatge img {
margin-top: -16px;
background-repeat: no-repeat;
/* background-image: url(/images/imatge_main.jpg); */
}
#eslogan p {
  position: absolute;
  top: 170px;
  left: 50px;
  font-size: 80px;
  font-family: Casmira, "Comic Sans MS", Arial, Helvetica, sans-serif;
  color: #F1E500;
}
.marge {
margin: 0 19px;
}
#main {
  background-color:#EAE827;
  	min-height: 450px;
	height: auto !important;
	height: 450px;
    padding: 0 0px 0px 0px;
	width: 782px;
	float: right;
}
p.noticia {
    margin-bottom: 10px;
}
p.noticia img {
    margin: 0 10px 10px 0;
}
#central {
width: 466px;
float: left;
}
#central input.boto {
  margin: 12px 0px 10px 0px;
}
#sidebar {
width: 260px;
float: right;
}
#sidebar form#buscador {
width: 260px;
height: 60px;
background-image: url(/images/fons_buscador.gif);
}
#sidebar form#buscador .caixa {
margin-top: 17px;
margin-left: 18px;
width: 161px;
height: 18px;
color: #666666;
padding-top: 4px;
padding-left: 4px;
}
#sidebar form#buscador .boto {
position: relative;
top: 4px;
left: 10px;

}
#sidebar .titol {
font-size: 35px;
color: #EAE827;
line-height: 23px;
text-align: center;

}
/* calendari */
#sidebar #calendari {
margin-top: 17px;
}

#sidebar #calendari .titol {
background-image: url(/images/fons_calendari_top.gif);
padding-bottom: 7px;

}
#sidebar #calendari .titol span {
width: 206px;
display: block;
float: left;
}
#sidebar #calendari .titol a {
text-decoration: none;
color: #88BA42; /* #93B615; */
width: 27px;
text-align: center;
font-weight: bold;
line-height: 14px;
display: block;
float: left;
margin-top: 11px;
font-size: 13px;
line-height: auto;
}
#sidebar #calendari .titol a:hover {
 color: #93B615;
}
#sidebar #calendari .mes {
background-image: url(/images/fons_calendari_bottom.gif);
background-position: bottom;
padding: 5px;
}
#sidebar #calendari .mes th {
color: #333333;
}
#sidebar #calendari .mes td {
text-align: center;
height: 20px;
color: #C9D300;
font-size: 1.1em;
font-weight: bold;
}
#sidebar #calendari .mes td a {
	color: #777D00;
	text-decoration: none;
}
#sidebar #calendari .mes td.capsetmana,
#sidebar #calendari .mes td.festiu {
color: #EE7900;
}
#sidebar #calendari .mes td.capsetmana a,
#sidebar #calendari .mes td.festiu a {
	color: #713800;
}
/* enquesta */
#sidebar .caixa_estandard {
margin-top: 17px;
background-color: #88BA42;
background-image: url(/images/arrodoniments_sidebar_bot.gif);
background-position: bottom;
background-repeat: no-repeat;
color: #FFF;
padding-bottom: 10px;

}
#sidebar .caixa_estandard .titol {
background-color: #88BA42;
background-image: url(/images/arrodoniments_sidebar_top.gif);
background-position: top;
background-repeat: no-repeat;
}
#sidebar .caixa_estandard p {
font-weight: bold;
margin: 10px;
}
#sidebar .caixa_estandard form {
margin: 10px;
}
#sidebar .caixa_estandard form input {
margin-right: 5px;
}
#sidebar .caixa_estandard form .boto {
margin-top: 10px;
}
#sidebar .caixa_estandard a {
display: block;
text-decoration: none;
color: #EAE827;
margin-top: 10px;
font-weight: bold;
}
#sidebar .caixa_estandard a:hover {
text-decoration: underline;
}
#sidebar .caixa_estandard .barra {
	background-color: #6C8710;
	border: 1px solid #83A413;
	height: 10px;
	margin-bottom: 5px;
}
/* foto mes */
#sidebar #fotomes {
margin-top: 17px;
position: relative;
}
#sidebar #fotomes .titol {
position: absolute;
top: 0;
left: 0;
width: 260px;
background-image: url(/images/arrodoniments_sidebar_top.gif);
background-position: top;
background-repeat: no-repeat;
height: 20px;

}
#sidebar #fotomes  img {
display: block;
}
#sidebar #fotomes .peu {
position: relative;
top: -20px;
width: 260px;
background-image: url(/images/arrodoniments_sidebar_bot.gif);
background-position: bottom;
background-repeat: no-repeat;
height: 20px;
margin-bottom: -20px;
}
#footer {
padding: 13px 65px 0px 0px;
  margin-bottom: 19px;
  position: relative;
  line-height: 22px;

	width: 1085px;
	margin: 0 auto 0 auto;

}
#footer a {
color: #000;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer #excursionistes {
background-image: url(/images/excursionistes.jpg);
background-repeat: no-repeat;
position: absolute;
top: -105px;
left: 72px;
width: 120px;
height: 228px;
}
#footer address, #footer div {
text-align: right;
}