/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

body {
padding: 0;
margin: 0;
font: 76% tahoma, verdana, sans-serif;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
}

.toptab:hover {
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
}

#logo {
margin:0;
padding:0;
}
#logo img{float:right;margin:0;padding:0;z-index:0;}
#logo h1{margin:0;padding:0;line-height:60px;}
#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
z-index:10;
position:relative;
}

.navitab {
	overflow:hidden;
	padding: 4px 8px 4px 8px;
	margin:0;
	margin: 0 4px 4px 0;
	text-decoration: none;
	letter-spacing: 1px;
	z-index:10;
}

.navitab:hover {
	text-decoration: none;
}

.activenavitab {
	padding: 4px 8px 5px 8px;
	margin: 0 4px 5px 0;
	text-decoration: none;
}

.activenavitab:hover {
text-decoration: none;
}
#agenda{
background: #505050 url(../images/front_agenda.jpg) top left no-repeat;
}
#index{
background: #505050 url(../images/front2.jpg) top left no-repeat;
}
#noticies{
background: #505050 url(../images/front_noticies.jpg) top left no-repeat;
}
#pag_imatges{
background: #505050 url(../images/front_imatges2.jpg) top left no-repeat;
}
#ubicacio{
background: #505050 url(../images/front_ubicacio.jpg) top left no-repeat;
}
#lliure{
background: #505050 url(../images/front_lliure.jpg) top left no-repeat;
}
#recursos{
background: #505050 url(../images/front_restaurant.jpg) top left no-repeat;
}
#lupa{
position:absolute;
}
div .desc {
height: 200px;
color: #ffffff;
padding: 0;
clear: both;
margin: 5px 0 0 0;
}

.desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
margin-top:10px;
padding: 0 0 0 15px;
}
.desc p img{float:left;margin-right:10px;}

.desc h2 {
padding: 10px 10px 0 15px;
color: #ffffff;
margin-bottom:0;
}

.desc a {
color: #ffffff;
text-decoration: underline;
}
/******************************************columna esquerra (arxiu)*****************************/
#col_left{
	width:150px;
	height:100%;
	float:left;
	text-align:left;
	padding:0;
	margin:20px 0 0 0;
}
#col_left h3{
    margin:0;
    padding:0;
    margin-bottom:20px;
}
#col_left_noticies{
	width:75px;
	height:100%;
	float:left;
	margin-top:20px;
	text-align:left;
	padding:0;
}
#menu_arxiu{
	position:relative;
	margin-top:40px;
	list-style:none;
	width:60px;
	margin:0;
	padding:0;
}
#menu_arxiu li{
	display:block;
	/*padding:5px;*/
	border-bottom:1px dotted #000;
	margin:0;
}
#menu_imatges{
	position:relative;
	list-style:none;
	margin-top:20px;
	width:130px;
	margin:0;
	padding:0;
}
#menu_imatges li{
	display:block;
	margin:0;
}
#menu_imatges li a{display:block;padding:5px;text-decoration:none;cursor:pointer;}


#menu_arxiu li{
	font-weight:normal;
}

#menu_arxiu li a{display:block;padding:5px;text-decoration:none;}



#menu_superior{text-align:center;width:100%;}
#menu_mesos{margin:5px 0 5px 0;padding:0;}
#menu_mesos li{display:inline;}
#menu_mesos li a{display:block; padding:0 10px 0 10px;border-right:1px solid #286EA0;display:inline;}
#menu_mesos li a:hover{color:#000;text-decoration:none;}
#menu_mesos li a.last{border:none;}
/*************************************************main*************************************************/
.main{
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
}

.main h1 {margin: 15px 0 10px 0; font-size: 1.4em; font-weight: normal;}
.pl_figure {background: #F0F0F0;padding: 4px 4px 0 4px;}

#main_imatges{
	width:440px;
}
#main_noticies{
	width:515px;
}
.main div.box{
    position:relative;
	border-bottom:1px solid #D0D0D0;
	overflow:hidden;
	padding-bottom:10px;
	clear:both;
}
.main div.box img{float:left;margin:5px 10px 5px 0;padding:0;overflow:hidden;}
.main div p{
    /*margin:0;padding:0;*/
}

.block_nopad p{padding:0;margin:0;}
#main_tramits a{margin:5px 5px 5px 0;position:relative;display:block;}
#main_recursos h4{margin:0;padding:0;font-size:14px;}
#main_lliure div {border: none;}
#taula_imatges{
	width:100%;
	margin-top:10px;
}
#taula_imatges tr td{width:225px;text-align:center;vertical-align:top;}
#taula_imatges tr td p{margin:0 10px 5px 10px;}
#taula_imatges img{width:200px;height:150px;border:1px solid #000;}

.col_half{float:left;width:50%;}

/******************************************/

.block {
background: #f0f0f0;
padding: 5px 15px 5px 15px;
background-color:#CAD4CA;
display:block;
overflow:hidden;
clear:left;
}

#block_recursos{
	margin:10px 0 10px 0;
	display:block;
	width:100%;
	overflow:hidden;
	float:left;

}
#block_tramits{
	margin:10px 0 10px 0;
	display:block;
	width:100%;
	overflow:hidden;
	float:left;
}
#block_tramits h4{margin:0;padding:0;font-size:13px;padding:10px;}
h4{padding:10px;}

#contactar{width:400px;text-align:right;margin:0 auto;margin-top:20px;}
#contactar input{border:1px solid #646464;margin-left:10px;width:400px;margin-bottom:10px;color:#646464;font-size:1.1em;}
#contactar select{border:1px solid #646464;margin-left:10px;width:400px;margin-bottom:10px;color:#646464;}
#contactar textarea{border:1px solid #646464;margin-left:10px;vertical-align:middle;width:400px;margin-bottom:10px;color:#646464;font-size:1.3em;height:75px;}
#contactar label{font-size:1.1em;color:#42544E;font-weight:bold;margin-left:10px;}
#contactar p{padding:0;margin:0}
#contactar .button{width:75px;background-color:#CAD4CA;color:#1B1C20;font-size:1.2em;margin-bottom:20px;cursor:pointer;}

#sidebar {
width:140px;
float:right;
padding-bottom:20px;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
/* gris   background: #f0f0f0 url(../images/corner.gif) top right no-repeat;*/
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
color:#000;
}

.sidelink:hover {
/* gris  background: #e0e0e0 url(../images/corner.gif) top right no-repeat;*/
	color:#fff;
    text-decoration: none;
}
.select{
	color:#fff;
    text-decoration: none;
}

#footer {
clear: both;
font-size: 0.9em;
padding: 8px 0 8px 0;
text-align: center;
text-transform:uppercase;
}

#footer a {
color: #808080;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 15px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}


#imatges ul li a img{
	/*border:1px solid #000;*/
}

h2.tipus_imatges{
	text-align:center;
	padding:0;
	margin:0;
	margin-top:5px;
}
/**********************navegacio****************************/
#navegacio{text-align:center;border:none;display:block;margin-bottom:20px;margin-top:20px;}
#navegacio a{font-weight:bold;color:#000;margin:10px;}


#menu_mesos a.selected{font-weight:bold;color:#000;}


/*********************llistat de categories*************************/
ul.llista{list-style:none;padding:0;margin:0;}
ul.llista_imgs{padding:0;margin:0;list-style:none;}
ul.llista_imgs img{margin:0 auto;margin-bottom:10px;border:4px solid #F0F0F0;}

h1.titol{
    display:block;
    padding:5px 10px 5px 10px;
    margin:10px 0 0 0;
    font-size:15px;
    font-weight:bold;
}

.li_doc{list-style:none;}
.li_doc a{color:#505050;}
.li_doc li {position:relative; margin: 1em 20px;}
.li_doc img {display: block; position:absolute; left: -40px; top: 0; border: 0;}
.li_doc span {font-size: 120%; font-weight: bold; display: block;}

ul.llista_links{padding:0;margin:0;}
ul.llista_links{list-style:none;}
ul.llista_links a{padding:5px;font-size:14px;}

#mapContainer{
    width:585px;
    height:400px;
    margin-bottom:1em;
}
#llista_imgs img{
    border:none;
}

.lloc{position:relative;overflow:hidden;clear:both;padding-bottom:10px;border-bottom:1px dotted #9C9A69;}
.lloc div.primera_foto{float:left;margin:0 5px 5px 0;width:200px;}
.lloc .mes_imgs{position:relative;overflow:hidden;clear:both;margin-top:5px;}
.lloc .mes_imgs div{float:right;margin-left:5px;width:191px;}
.lloc .mes_imgs div p{margin:0;padding:0;}
.lloc .mes_imgs div a{margin:0;padding:0;}
.lloc h1{margin-bottom:15px;}

.docs_lloc{float:left;clear:both;overflow:hidden;margin:0;padding:0 10px 0 0;margin-bottom:10px;width:195px;}
.docs_lloc p{padding:0;margin:0;margin-top:10px;}
.docs_lloc a{margin-bottom:5px;}
.docs_lloc h3{margin:0;padding:0;color:#1B1F22;}