@charset "utf-8";
/* CSS Document */


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #000;
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #FEF2E6;
}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w150px { width: 150px; }
.w170px { width: 165px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w305px { width: 305px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

strong { font-weight: bold; }

em {font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside !important;
	list-style: decimal;
	font-size: 1.2em;
	line-height: 130%;
}

ol li{margin: 10px 0} 

/* clear seguro */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */



/* =Layout
-----------------------------------------------------------------------------*/
#wrapper { width: 960px; margin: 20px auto; }

#header { width: 960px; height: 102px; background: url(../img/bkg_header.jpg) no-repeat left top; }
	#searchForm{ width: 235px; float:right; padding: 0;}
		#searchForm h2{background: url(../img/bkg_buscador_titulo.gif) no-repeat left top; height: 20px; text-indent: -5000px; overflow:hidden; padding:0 !important;}
		#searchForm .alignRight{margin-top: 4px;}
		#searchForm p{font-size: 1.2em;margin: 0; line-height: 120%; margin-bottom:2px;}
		#searchForm .textField{width: 205px;}
	
#content { width: 960px;}

#navigation { width: 188px; float: left; min-height: 400px; background: #13212a; }
	* html #navigation { height: 400px; } /* min-height hack for IE */

#mainContent { width: 772px; float: right; min-height: 400px; }
	* html #mainContent { height: 400px; } /* min-height hack for IE */
	
	#leftContent{ width: 302px; float:left; background: #fff; min-height: 400px; }
		* html #leftContent { height: 400px; }
	
		#leftContent ul{ padding: 15px; font-size: 1.2em;}
		#leftContent ul li { padding: 3px 0; line-height: 120%;}
		#leftContent ul li ul { padding: 5px 15px; font-size: 100%; font-weight: normal; }
		#leftContent ul a:link, #leftContent ul a:visited{ color: #2c4b5f;}
		#leftContent ul a:hover, #leftContent ul a:active, #leftContent .selected{ font-weight: bold}
		
	#rightContent{width: 470px; float: right;}
	
		.textContentWrapper{padding: 10px 20px; color:#13212a}
			.textContentWrapper p{font-size: 1.2em;}
			.textContentWrapper h3{margin: 5px 0 !important; height: auto !important; padding: 0 !important; font-size: 1.1em !important; font-weight: bold }
			.textContentWrapper ul{font-size: 1.2em; line-height: 140%; margin-bottom: 10px;}
			.textContentWrapper ul ul{font-size: 1em; line-height: 120%; padding-left: 10px}
			.textContentWrapper a:link, .textContentWrapper a:visited{color:#2C4B5F; text-decoration: underline;}
			.textContentWrapper a:hover, .textContentWrapper a:active{color:#13212a; text-decoration: none;}
			.textContentWrapper a.big:link, .textContentWrapper a.big:visited{ font-size: 1.2em; }
			
			
			.objectius_funcions{ padding: 15px 20px !important}
			.objectius_funcions ul{margin: 20px 0 0 0}
			.objectius_funcions ul li, .bullet li{
				padding: 0 0 0 20px;
				background: url(../img/bullet_objetivos.gif) no-repeat left 3px;
				margin: 10px 0;
			}
			
			.installacions .textContentWrapper{ padding: 15px 0 0 20px}
				.installacions .textContentWrapper img{margin-bottom: 20px;}
				
			.memories .textContentWrapper ul li{
				padding: 0 0 0 20px;
				background: url(../img/bullet_objetivos.gif) no-repeat left 3px;
			}
			
			.ambit_territorial h2{ background: #fef7ef; height: 50px }
			.ambit_territorial .textContentWrapper{padding-top: 30px}

#navigation{ font-size: 1.2em;}
/*
	#navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; }
	#navigation a:hover, #navigation a:active { font-weight: bold}
	*/
.menu{padding-top: 13px; height: 117px; line-height: 120%;}
	.menu li { margin: 4px 0}
	.menu li a:link, .menu li a:visited{display: block; padding: 1px 10px 1px 30px}
	.menu li a:hover, .menu li a:active, .menu .selected{ font-weight: bold; background: url(../img/bkg_menu_hover.gif) no-repeat 10px 4px; }

	.submenu{background:#2c4b5f; min-height: 255px}
		* html .submenu{height: 255px;} /* min-height hack for IE */



/* =Home
-----------------------------------------------------------------------------*/
#homeContent {float: left; width: 537px}
	#homeContent h2{
		padding: 10px 15px;
		margin: 0;
		background: #fdf2e5;
		line-height: 120%;
		font-weight: normal;
		height: auto;
	}
#homeSidebar{ float:right; width: 235px}
#homeSidebar h2{
	line-height: 120%;
	font-size: 1.4em;
}
	h2.serveisCollegiats{
		background: url(../img/title_servicios_colegiados.gif) no-repeat left top;
		height: 28px;
		padding: 0;
		text-indent: -5000px;
		overflow:hidden; 
	}
	h2.ultimaHora { background: none; height: 28px; padding: 0; margin: 0; }
	h2.ultimaHora a { background: url(../img/title_ultima_hora.gif) no-repeat left top; height: 28px; padding: 0; display: block; }
	h2.ultimaHora a span { display: none; }
	
	
	#homeSidebar .serveis{padding-top: 15px;}
		#homeSidebar .serveis ul li{
			display:inline; margin:0; padding: 0;
		}
	#homeSidebar .noticias {padding-top: 20px; }
		#homeSidebar #noticias-scroller { height: 195px; position: relative; overflow: hidden; background: #fef8f2; }
		#homeSidebar .noticias-block { position: absolute; top: 195px; left: 0px; height: 195px; }
		
		#homeSidebar .noticias dl {
			font-size: 1.1em;
			line-height: 115%;
			background: #fef8f2;
			padding:10px 10px 5px 10px;
			width: 215px;
			height: 50px;
			overflow: hidden;
		}
		#homeSidebar .noticias dl dt {font-weight: normal; background: url(../img/bullet_objetivos.gif) no-repeat 60px 2px}
		#homeSidebar .noticias dl dd{font-weight: bold}
		#homeSidebar .noticias a:link, #homeSidebar .noticias a:visited{color: #000 !important}
		
#adreca{ padding-left: 30px; margin-top: 160px;}
#adreca p{ color: #fff; font-size: 1.1em; line-height: 120%; margin: 0 0 5px 0}

/* =Type
-----------------------------------------------------------------------------*/
h2 {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_comissions.jpg) no-repeat top left; }
	h2.collegi {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_collegi.jpg) no-repeat top left; }
	h2.collegiats {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_comissions.jpg) no-repeat top left; }
	h2.biblioteca {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_collegiats.jpg) no-repeat top left; }
	h2.ciutadans {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_ciutadans.jpg) no-repeat top left; }
	h2.escola {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_escola.jpg) no-repeat top left; }
	h2.correu {font-size: 2.1em; line-height: 120%; font-weight: bold; padding: 15px; height: 100px; background: url(../img/bkg_correu.jpg) no-repeat top left; }



h3 { font-size: 2em; padding: 15px 20px; height: 100px; line-height: 120%;}

h4 { font-weight:bold; font-size: 1.2em; margin: 0 0 .5em 0; }

h5 { font-weight:bold; font-size: 1.2em; margin: 0 0 .5em 0; color: #666; }

p { color: #000; font-size: 1.2em; margin: 0 0 1em 0; line-height: 120% }

address { color: #fff; font-size: 1.6em; margin: 0 0 2em 0; }

dl{font-size: 1.2em; line-height: 130%;}
	dt{font-weight: bold;}
	dd{ margin-bottom: 10px;}

/* =Forms
-----------------------------------------------------------------------------*/
label { font-size: 0.9em; margin-right: 10px;}
.radios{vertical-align: middle; width: 12px; height: 12px;}

.formRow { width: 100%; margin: 0 0 5px 0; }
.formButtons { width: 100%; margin: 10px 0; }
.formButtons { width: 100%; margin: 10px 0; }

.textField, .textArea { font-size: 1.1em; border: 1px solid #999; }

input.button { color: #fff; font-size: 1.1em; background: #334D5A; padding: 2px 4px; border: none; }


.uploadForm .input { margin: 0 0 10px 0; }
.uploadForm label { width: 50px; font-size: 1.1em; text-align: right; display: block; float: left; }


/* =Classes
-----------------------------------------------------------------------------*/
.error { color: #FF0000; }
.error-message { color: #FF0000; font-size: 1.1em; padding: 0 0 0 60px; }

.advocateData { margin: 0 0 30px 0; }

.advocateData ul li { color: #000; font-size: 1em; }
.advocateData ul li.nom { color: #000; font-size: 1.2em; font-weight: bold; }

/* links */

a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; }

a.important { font-weight: bold; text-decoration: underline; }
a.important2{ background: #fff; border: 1px solid #FADFC1; padding: 10px; }

table.escala { width: 100%; font-size: 1.2em; margin: 10px 0}
	table.escala td{ background: #fff; padding: 2px 10px; border-bottom: 2px solid #fdf2e5;}

dl.floated {clear:both;margin-bottom: 20px}
	dl.floated dt{float:left; width: 210px; border-right: 1px solid #2c4b5f; padding-bottom: 10px}
	dl.floated dd{float:left; width: 180px; padding-left: 30px; color: #2c4b5f}
	
table.login{margin-top: 15px;}
	table.login th{padding: 2px 15px; font-size: 1.1em; color: #2c4b5f; font-weight: bold}
	table.login td{padding: 2px 15px}

div.errorLogin{padding: 15px; font-size: 1.1em; color: #f00 }

div.aviso { background: #fff; border: 1px solid #2C4B5F; width: 90%; padding: 1em; }

/* =Secciones
-----------------------------------------------------------------------------*/

.elcollegi{}
	.comissions h1{
		/*background: url(../img/bkg_comissions.jpg) no-repeat top left;*/
	}
	.comissions #leftContent{ min-height: 730px;}
		* html .comissions #leftContent { height: 750px; }
		
	.installacions #leftContent{ min-height: 400px;}
		* html .installacions #leftContent { height: 400px; }
		
	.historia #leftContent{ min-height: 640px;}
		* html .historia #leftContent { height: 660px; }
		
	.ambit_territorial #leftContent{background: none; color: #2c4b5f !important}
	.ambit_territorial #leftContent ul{ padding: 0}

	.escola_practica .textContentWrapper{ padding-top: 15px}
		.escola_practica .textContentWrapper a{ font-weight: bold; text-decoration: underline;}
	
	.servei_orientacio_contacte h3, .assegurances h3{height: 30px}
	.servei_orientacio_contacte h4{font-size: 2.0em; font-weight: normal}
		ul.menu_interno{height: 70px; font-size: 1.2em; line-height: 130%}
		ul.menu_interno li{padding-left: 20px;}
		ul.menu_interno li.selected{font-weight:bold; background: url(../img/bullet_objetivos.gif) no-repeat 10px 4px}
		ul.menu_interno a:link, ul.menu_interno a:visited { color: #2c4b5f !important; }
		
	.guardies #leftContent{ min-height: 130px;}
		* html .guardies #leftContent { height: 130px; }
	
	.guardies h3{ height: 60px;}
	.guardies #calendario h4{ font-size: 2em; font-weight: normal}
	
	.cercador h3{ height: 60px;}
	
/* =Guardias
------------------------------------------------------------*/
	#calendario{padding: 10px 30px; margin-left:15px;background: #fff}
	
	table.calendario{width: 100%; border-collapse: collapse; color: #2c4b5f}
	table.calendario th{color: #13212a; font-size: 1.4em; font-weight: bold;}
	table.calendario td{width: 14%;text-align: right;padding: 5px 10px; height: 40px;font-size: 1.2em; background: #ecded5; border: 1px solid #fff}
		.diaGrisado{color: #9ab3c3 !important} 
		.diaOcupado{ background: #e2bfa9 !important}
		.diaOcupado .floatLeft{text-align: left}
		.diaOcupado .floatRight{font-size: 1.2em; font-weight: bold}
		.diaOcupado .clear{line-height: 120%; text-align: left}
		
		#calendario .floatRight{text-align: right;}
		#calendario .floatRight a{ margin-top: 5px; font-size: 1.1em;color: #2c4b5f; padding-left:12px;background: url(../img/bullet_naranja.gif) no-repeat left 3px}
		
		#calendarioDesplazamiento{text-align: center; padding: 5px 0}
		#calendarioDesplazamiento a{color: #2c4b5f; font-size: 1.2em; font-weight: bold;}
	
.formCanvi label{display:block; margin-top: 10px}
.formCanvi label, .formCanvi input{font-size: 1.2em;}

#membersSearch{margin-top: 10px; width: 280px; height: 150px; overflow: auto; font-size: 1.1em; background: #fff; padding: 10px}

#calendarioAnual{clear:both;padding: 15px 0 0 15px}
	#calendarioAnual h4{font-size: 2em; font-weight: normal; padding-bottom: 15px;}
	#calendarioAnual h5{font-size: 1.2em; font-weight: normal; color: #13212a;}
	
	table.calendari{width: 100%; border-collapse: collapse;}
		table.calendari td.mes{border: 1px solid #fdf2e5; background: #fff}
		div.mes{padding: 2px 10px 10px 10px;}
		div.mes td{text-align: right;color:#2c4b5f;background: #ecded5; border: 1px solid #fff;line-height: 120%; margin:0; padding:0 5px}
		
	ul.epigrafe{margin-top: 10px; font-size: 1.2em;}

.j1{background: #FEFE9A !important; color: #999}
.j2{background: #D0E998 !important; color: #999}
.j3{background: #31C2BF !important; color: #999}
.j4{background: #EAEFFF !important; color: #999}
.j5{background: #FF93C7 !important; color: #999}
.j6{background: #FFDFD5 !important; color: #999}
.j7{background: #FFE0B3 !important; color: #999}

.data { color: #8B7D6B; }

/* =Advocates external search
------------------------------------------------------------*/

#advocates-search {
	background-color:none;
}

	#advocates-search iframe {
		width: 772px;
		height: 600px;
	}