body{font-family: "Trebuchet MS", Verdana, Arial; font-size: .8em; color:#666; background: #ccc;}

h1{color: #D8A62D; font-weight: bold; font-size: 1.25em; /*background-color: #FBF5E9;*/ background-color: #fff; padding-left: 1em; margin: 0 .5em 0 .5em; background-image:url(../img/fons_titol.jpg)}

#marc{
	width: 80%; margin: 1em auto 0 auto; padding:0; background-color: #fff; color: #000; position: relative; z-index: 0;
}

body>#marc{margin-top: 2.5em }

#contenidor{
	position:relative; z-index: 0; color: #666;
}

#capcalera{
	width: 100%; margin-top:.5em; 
}

#navegacio{
	width: 100%;
	background-color: #3B6796;
	float:left;
}

#identificacio{
	margin-bottom: 0em;
	float:left;
}

#logo{
	float:left;
	margin-left: 1em;
}

#slogan{
	font-size: 1.5em;
	font-weight:bold;
	color: #D5A72D;
	float: right;
	margin-top: .5em;
	padding-right: 1em;
}

#idiomes{float:right; padding-right: 1.5em;} #idiomes a{text-decoration: none;}

ul#menu{
	list-style: none;
	padding: .5em;
	margin: 0;
	float: right;
}

ul#menu li{
	float:left;
	padding: 0 1em .2em 0;
	color: #fff;
	margin: 0;
}

ul#menu li#primer{
	padding: 0 10em .2em 0;
}

ul#menu a{color: #fff; text-decoration: none; background-color:#3B6796; padding: 0 .3em 0 .3em;}

ul#menu a:hover{color: #aaa; }


div.clear{clear:both; font-size: .5em}

div#contingut{}

div.col_a{float:left; width: 45%; padding: 1em 1em 0em 1.8em; margin-right:5%; line-height:1.25em; }
div.col_b{right:0px; width: 40%; overflow:hidden; height: 300px;}

ul li{margin-top: .5em;}

div.imatge_back{ width:100%; height:300px; margin: 3em 1em 0 auto;}

div#peu{background-color:#fff; width:100%; margin: 15px 0 0 0; text-align:center;}
a{color: #666; background-color: #fff;}

/* voreres */
div.top_left, div.top_right, div.bottom_left, div.bottom_right{ position: absolute; width:50px; height:50px; z-index:99;}
div.top_left{background: url(../img/borders/top_left.gif) no-repeat; top:0; left:0;}
div.top_right{background: url(../img/borders/top_right.gif) no-repeat; top:0; right:-1px;}
div.bottom_left{background: url(../img/borders/bottom_left.gif) no-repeat; bottom:-1px; left:0;}
div.bottom_right{background: url(../img/borders/bottom_right.gif) no-repeat; bottom:-1px; right:-1px;}
div#marc>div.top_right,div#marc>div.bottom_right{right:0px !important;}
div#marc>div.bottom_left,div#marc>div.bottom_right{bottom:0px !important;}