body {
	font-family: Tahoma;
	font-size: 0.8em; /*font-size: 12px;*/
	color: #355273;
	background-image: url(../img/rep2.gif);
	background-repeat: repeat-x;
	background-color: #395677;
	padding: 0px;  margin: 0px;
}

a {
	text-decoration: none;
}

#container {
	width: 945px;
	padding: 0px;  margin: 0px;
	margin-left: auto; margin-right: auto;
}

#ajunta {
	border-bottom: 10px solid #567192;
	width: 100%;
	height: 83px;
}

#top {
	float: left;
	width: 251px;
	margin-left: 10px;
	margin-right: 20px;
}

div#top h1 {
	padding: 0px;  margin: 0px;
}

div#top img {
	margin: 0px;
	padding: 0px;
	border: none;
}

div#top img a {
	display: block;
	height: 80px;
	width: 221px;
}

#mainmenu {
	color: #ffffff;
	font-size: 0.85em;
	padding-top: 46px;
	margin: 0px;
}

#mainmenu ul {
	padding: 0px; margin: 0px;
	list-style: none;
	text-transform: uppercase;
}

#mainmenu li {
	float: left;
	margin-right:12px;
	text-align: center;
}

#mainmenu li a {
	color: #ffffff;
	height: 36px;
	width: 95px;
	display: block;
	background-image: url(../img/out.gif);
	background-repeat: no-repeat;
   padding-top: 15px;
}

#mainmenu li.amunt a {
   padding-top: 7px !important;
}

#mainmenu li.amunt2 a {
   padding-top: 7px !important;
}

#mainmenu li.estrany a {
   padding-top: 7px !important;
}

#mainmenu li a:hover {
	color: #ffffff;
	background-image: url(../img/IN.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}

#mainmenu li a.ON {
	color: #ffffff;
	background-image: url(../img/IN.gif);
	background-repeat: no-repeat;
}


/***************** zona de continguts ************/

#continguts {
	background-color: #E3E9EF;
	padding-left: 5px;
}

#dret {
	float: right;
	margin-right: 10px;
	padding-top: 10px;
	width: 200px;
	
}

#cercador {
	margin-bottom: 15px;
}

#cercador form input {
	border: 1px solid #9CB2CB;
	background-color: #ffffff;
	font-size: 0.8em; /*font-size: 12px;*/
	width: 140px;
}

#cercador form input.envia {
	background-image: url(../img/cerca.gif);
	background-repeat: no-repeat;
	border: none;
	height: 18px; width: 18px;
	cursor: pointer;
	float: right;
	margin-right: 29px;
	margin-top: 13px;
}

#cercador form label {
	font-size: 0.85em;
	color: #355273;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#banners img {
	border: none;
	margin-bottom: 15px;
}

#esquerre {
	padding: 10px;
	width: 675px;
}

#esquerre p {
	margin: 0px; padding: 0px;
	text-align: justify;
	padding-top: 10px;
margin-bottom: 15px;
}

#esquerre p strong.justifica {
	padding-left: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

#esquerre p strong {
	font-weight: normal;
}


/*************** peu pagina ^***************/

#peu, #peu2 {
clear: both;
	color: #ffffff;
	background-image: url(../img/peu.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 4px;
	padding-left: 0px;
	text-align: right;
	font-size: 0.85em;
	background-color: #385676;
}

#peu ul, #peu2 ul {
	margin: 0px; padding: 0px; 
	list-style: none;
	margin-top: 4px;
}

#peu li, #peu2 li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

#peu a, #peu2 a {
	color: #ffffff;
}

#peu a:hover, #peu2 a:hover {
	text-decoration: underline;
}


/*********** boto back *************/

p.back, p.back2,  p.back3, p.back4  {
	font-size: 0.8em;
	float: right;
	margin-top: 7px !important;
	margin-right: 7px !important;
}

p.back3 {
	margin-top: 20px;
}

p.back2 {
	margin: 0px !important; 
}

p.back a, p.back2 a, p.back3 a, p.back4 a {
	color: #355273;
}

.back a:hover, .back2 a:hover, p.back3 a:hover, p.back4 a:hover {
  text-decoration: underline;
}


.back img, .back2 img, p.back3 img, p.back4 img {
	border: none;
	vertical-align: middle;
}

p.back4 {
	margin-top: 20px;
}



#bannerlong img {
  margin-bottom: 10px;
  border: none;
}

#bannerlong_ini img {
  margin-top: 5px;
  margin-bottom: 16px;
  border: none;
}

/******************************* idiomes ***********************/

#idiomes {
	font-size: 0.85em;
	/*float: right;*/
	position: absolute;
	margin-left: 775px;
	_padding-top:5px;
}

#idiomes ul {
	list-style: none;
}

#idiomes li {
	display: inline;
	background-image: url(../img/separa.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

#idiomes li.sense {
	background-image: none;
}

#idiomes a {
	color: #ffffff;
}

#idiomes a.actual {
	color: #FFDB00;
	font-weight: bold;
}

#idiomes a:hover {
	border-bottom: 1px dotted #ffffff;
}