/* 
	Disseny: adriavalles.net, (C) Copyright Tots els drets reservats Queralt Samar, s.l. 
*/
* {padding:0; margin:0;}
img { border-width: 0;}
body {
	margin-top:20px;
	text-align:center; 
	font-size:16px; 
	font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background:#EEEDED;
	color:#000;
}
a {
	text-decoration:none;
	color:#01135F;
	outline-style: none;
}
a:hover { text-decoration:underline;}
input, textarea {
	font-size:15px; 
	font-family:"Trebuchet MS", Arial;
}
textarea {
	height: 10em; 
	width: 100%; 
	padding: 5px; 
}
.clear {clear:both; padding:0px !important;}
.right {float:right; margin-left:10px;}
.left {float:left; margin-right:10px;}
.hidden {display:none;}
img {vertical-align:bottom; border:0px;}
form {text-align:left;}
input.style, textarea.style {
	padding: 4px;
	font: normal 14px "lucida grande", helvetica, arial, verdana, sans-serif;
	color: #666;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;	
}

#principal {
	width:910px;
	margin:0px auto;
	background: transparent url(/imgs/bg-content.png) repeat-y center;
}
.separa {width:900px; margin: auto;}
#header {
	font-size:18px;
	background:#f1f1f1 url(/imgs/bg_header.png) no-repeat left top;
	height: 170px;
	margin:0px -5px;
	padding:5px 5px 0px 5px;
}
#header h1 img{ float:left;}
#navbar { margin-right: 20px; font-size: 15px; margin-top: 8px; position: static; float: right;}
#navbar li {list-style-type: none; display: inline;}
#navbar a { color:#FFF;}
#navbar a span {height:100%; padding:5px;}
#navbar a:hover, #navbar a.sel { text-decoration:none;	color:#00155E; background:transparent url(/imgs/bg_navbar.jpg) no-repeat center left; padding:5px 0px 5px 5px;}
#navbar a:hover span, #navbar a.sel span{background:transparent url(imgs/bg_navbar.jpg) no-repeat center right; padding-left:0px;}
#seccions {font-size: 20px; color:#00155E; margin-left:20px; text-align:left; margin-top:13px;}
#seccions a {color:#00155E;}
#seccions li {margin-top:10px;}
#subheader {height:100px; background:url('/imgs/fade_imgs/apa17.jpg') no-repeat top right;}
#subheader .logo_sub {
	background-color: #F55F00;
	float:left;
	width:200px;
	height:100%;
}
.logo_sub img {margin-top:30px;}
#subheader .imatges {
	float:right;
	width:700px;
}
#lateral {
	float:left;
	width:200px;
}
#lateral .fotos {
	margin-top:50px;
	padding:10px;
}
#lateral h4 {
	text-align: left;
	color:#00155E;
	border-bottom:1px solid #F55F00;
	margin-bottom: 5px;
	font-weight: normal;
}
#lateral .fotos img {
	width:40px;
	height:40px;
	margin:5px;
}
#lateral .cites {
	padding:30px 20px;
	font-size:10px;
	color:#555;
	text-align:justify !important;
}
.menu {
	margin-left:10px;
	color:#000;
	text-align:left;
	font-size: 17px;
	border-left:2px dotted #F55F00;
	padding-top:20px;
}
.menu a {display: block; padding:3px 10px;}
.menu a:hover, .menu a.sel {color:#01135F; font-weight:bold;}
.menu ul { list-style-type:none;}
#container {
	padding-right: 20px;
	padding-left:200px;
	background: transparent;
}
#container p {
	text-align:justify;
	margin: 10px 0;
}
#container h2 {
	font-size:160%;
	text-align:left;
	margin-bottom:10px;
	border-bottom:2px solid #F55F00;
	background:#D4DCFF;
	color:#00155E;
	font-weight:normal;
	padding-left:10px;
}
#container h3 {
	text-align:left;
	text-transform:uppercase;
	margin:20px 0 10px;
}
#container ul {text-align:left; margin:20px;}
.pdf {font-size:70%; color:#666;}
.mes_info {text-align:right !important; padding-top:0px !important;}
.presentacio {
	font-size:130%;
	color:#001357;
	padding-top:20px;
	background-image: none;
}
.destacat {padding:2px; background-color:#FFF8B2;}
.avis {padding:20px; background-color:#FFF8B2; border:1px solid #FFA600; text-align:center !important;}
.green_box {text-align:center; padding:10px; margin:20px auto; width:60%; background:#D2FFD2; border:1px solid #3FCD3F;}
.red_box {text-align:center; padding:10px; margin:20px auto; width:60%; background:#FFC9C9; border:1px solid #E42217;}
#path {font-size:11px; text-align: left; color:#666; padding:5px 0px}
#path a {color: #666;}
.bombolla {float:right; margin-right:-20px; margin-left:20px;}
#footer {
	font-size:9px;
	width:910px;
	margin:0px auto;
	color:#16134B;
	clear:both;
	padding-top:20px;
}
#imgfooter {height:12px; width:910px; margin:0px auto; background: #EEEDED url(/imgs/bg_footer.png) no-repeat top left;}
.fora {width:895px; margin:0px auto; padding:2px 0px; font-size:10px; color:#777; text-align:left;}
.fora a {text-decoration:none; color:#777;}
#miniseccions a {color:#777; padding:5px; font-size:12px;}
#miniseccions a:hover, #miniseccions a.sel { text-decoration:none;	color:#FFF; background:transparent url('/imgs/bg_miniseccions.jpg') no-repeat center left; padding:5px 0px 5px 5px;}
#miniseccions a:hover span, #miniseccions a.sel span {background:transparent url('imgs/bg_miniseccions.jpg') no-repeat center right; padding:5px 5px 5px 0px; }

/*Estil zona administracio*/
.noticia {text-align:left; margin-bottom:10px; border-bottom:1px dashed #AAA; padding:5px;}
.noticia small {font-size:9px; color:#888;}