/*----------------------------------------------------------------------------------------------------
	GENERICS
----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
	END GENERICS
----------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------
	CONTENIDOR
----------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------------------------------
	DRETA
	----------------------------------------------------------------------------------------------------*/
	/* ----- general && default ----- */
	div#total div#contenidor div#dreta a,
	div#total div#contenidor div#esquerra a{
		text-decoration:	none;
	}
	div#total div#contenidor div#dreta p,
	div#total div#contenidor div#esquerra p{
		line-height:		1.1em;
	}
	div#total div#contenidor div#dreta h1,
	div#total div#contenidor div#esquerra h1{
		font-size:		1.8em;
	}
	div#total div#contenidor div#dreta ul,
	div#total div#contenidor div#esquerra ul{
		padding:		10px 0px 10px;	
		font-weight:	bold;
		font-size:		1.1em;
	}

	div#total div#contenidor div#dreta li a,
	div#total div#contenidor div#esquerra li a{
		padding: 		0px;
		display: 		block;
		padding:		3px 0px 4px 16px;
		width:			90%;
	}
	div#total div#contenidor div#dreta a.link,
	div#total div#contenidor div#esquerra a.link{
		display:			block;
		padding:			15px 10px 13px 15px;
		font-size:			1.7em;;
		font-weight:		bold;
		line-height:		1.7em;
	}
	div#total div#contenidor div#dreta div#contacta a,
	div#total div#contenidor div#esquerra div#contacta a,
	div#total div#contenidor div#dreta div#contacta p,
	div#total div#contenidor div#esquerra  div#contacta p,
	div#total div#contenidor div#dreta div#contacta h1,
	div#total div#contenidor div#esquerra  div#contacta h1{
		color:				#fff !important;
	}
	div#total div#contenidor div#dreta div.defecte div#contacta a:hover,
	div#total div#contenidor div#esquerra div.defecte div#contacta a:hover{
		text-decoration:	underline;
	}
	div#total div#contenidor div#dreta div.defecte div#contacta,
	div#total div#contenidor div#esquerra div.defecte div#contacta{
		background:		#0176BB url(../img/bg_contacte.gif) repeat-x top left;
	}
	/* ----- negre-----*/
	div#total div#contenidor div#dreta div.negre,
	div#total div#contenidor div#esquerra div.negre{
		background:		#000;
	}
	div#total div#contenidor div#dreta div.negre a,
	div#total div#contenidor div#esquerra div.negre a{
		color:			#9A999A !important;
	}
	div#total div#contenidor div#dreta div.negre a:hover,
	div#total div#contenidor div#dreta div.negre a.resaltat,
	div#total div#contenidor div#esquerra div.negre a:hover,
	div#total div#contenidor div#esquerra div.negre a.resaltat{
		color:			#fff !important;
	}
	div#total div#contenidor div#dreta div.negre a.link,
	div#total div#contenidor div#esquerra div.negre a.link{
		background:		#040404 url(../img/bg_botons.gif) repeat-x top left;
		color:			#C5C5C5 !important;
	}	
	div#total div#contenidor div#dreta div.negre a.link:hover,
	div#total div#contenidor div#esquerra div.negre a.link:hover,
	div#total div#contenidor div#dreta div.negre a.resaltat,
	div#total div#contenidor div#esquerra div.negre a.resaltat{
		color:			#fff !important;
	}
	/* ----- end negre-----*/
	
	/* ----- gris-----*/
	div#total div#contenidor div#dreta div.gris,
	div#total div#contenidor div#esquerra div.gris{
		background:		#7C878B !important;
	}
	div#total div#contenidor div#dreta div.gris a,
	div#total div#contenidor div#esquerra div.gris a{
		color:			#fff !important;
	}
	div#total div#contenidor div#dreta div.gris a:hover,
	div#total div#contenidor div#dreta div.gris a.resaltat,
	div#total div#contenidor div#esquerra div.gris a:hover,
	div#total div#contenidor div#esquerra div.gris a.resaltat{
		color:			#fff !important;
	}
	div#total div#contenidor div#dreta div.gris ul.listdetail{
		background:		url(../img/bg_menu2.gif) repeat-x 0px 0px;
	}
	div#total div#contenidor div#esquerra div.gris ul.listdetail{
		background:		url(../img/bg_menu.gif) repeat-x 0px 0px;
		padding-top:	0px;
	}
	div#total div#contenidor div#dreta div.gris ul.listdetail li a:hover,
	div#total div#contenidor div#esquerra div.gris ul.listdetail li a:hover,
	div#total div#contenidor div#dreta div.gris ul.listdetail li.resaltat,
	div#total div#contenidor div#esquerra div.gris ul.listdetail li.resaltat{
		background:		#0176BB 	!important;
		color:			#fff 		!important;
	}
	/* ----- end gris-----*/
	
	/* ----- blau-----*/
	div#total div#contenidor div#dreta div.blau,
	div#total div#contenidor div#esquerra div.blau{
		background:		#0176BB !important;
	}
	div#total div#contenidor div#dreta div.blau a,
	div#total div#contenidor div#esquerra div.blau a{
		color:			#fff !important;
	}
	div#total div#contenidor div#dreta div.blau a:hover,
	div#total div#contenidor div#dreta div.blau a.resaltat,
	div#total div#contenidor div#esquerra div.blau a:hover,
	div#total div#contenidor div#esquerra div.blau a.resaltat{
		color:			#9A999A !important;
	}
	div#total div#contenidor div#dreta div.blau div#contacta,
	div#total div#contenidor div#esquerra div.blau div#contacta{
		background:		#0176BB url(../img/bg_contacte.gif) repeat-x top left;
	}
	/* ----- end blau-----*/

		/*----------------------------------------------------------------------------------------------------
		elementRightMenuTop, elementRightMenuBottom
		----------------------------------------------------------------------------------------------------*/
		div#total div#contenidor div#dreta div#menuDretTop div.elementRightMenuTop a.menu_link span,
		div#total div#contenidor div#dreta div#menuDretTop div.elementRightMenuBottom a.menu_link span,
		div#total div#contenidor div#dreta div#menuDretBottom div.elementRightMenuTop a.menu_link span,
		div#total div#contenidor div#dreta div#menuDretBottom div.elementRightMenuBottom a.menu_link span{			font-size:   	   	1.4em;
			font-weight: 		bold;
			padding:			12px;
			margin:				0px;
			display:		 	block;
          }
		/*----------------------------------------------------------------------------------------------------
		END elementRightMenuTop, elementRightMenuBottom
		----------------------------------------------------------------------------------------------------*/		
		
	/*----------------------------------------------------------------------------------------------------
		END DRETA
	----------------------------------------------------------------------------------------------------*/
		/*----------------------------------------------------------------------------------------------------
		CENTRE
		----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			SUPERIOR
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div.empty_header{
				height:  121px;
			}
			div#total div#contenidor div#centre div#superior div#idiomes{
			  	position: 			relative;
				padding-left: 		10px;	
			}
			/*----------------------------------------------------------------------------------------------------
			END SUPERIOR
			----------------------------------------------------------------------------------------------------*/
				
			/*----------------------------------------------------------------------------------------------------
			BORSA TREBALL
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#llistat_ofertes_treball select{
				margin-top:4px;
				margin-bottom:4px;
				width:150px;
			}
			div#total div#contenidor div#centre div#llistat_ofertes_treball div#llistat_ofertes_paginacio{
				text-align: center;
    		    width:100%;
 				margin-top:4px;
				margin-bottom:4px;
			}
			div#total div#contenidor div#centre div#content div#llistat_ofertes_treball div#inscripcioofertes_submit{
				width:100%;
			}
			div#total div#contenidor div#centre div#content div#llistat_ofertes_treball div#inscripcioofertes_submit input{
				width:40px;
			}
			div#total div#contenidor div#centre div#content div#llistat_ofertes_treball tr.gris{
                background : #EEEEEE;
			}
			div#total div#contenidor div#centre div#content div#llistat_ofertes_treball tr.blau{
                background : #AAAAAA;
			}
			div#total div#contenidor div#centre div#content div.detall_oferta h1{
				margin-top:4px;
				margin-bottom:10px;
			}
            div#total div#contenidor div#centre div#content div.detall_oferta div{
				margin-top:4px;
				margin-bottom:4px;
			}
			/*----------------------------------------------------------------------------------------------------
			END BORSA TREBALL
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			ELEMENT
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div.element div.utils{
				padding-top: 10px;
				clear:		 both;
			}
			div#total div#contenidor div#centre div#content div.border{
				clear:			both;
				border-bottom: 	0.5px #DDE2E5 solid;
				padding-top: 	10px;
				width:			100%;
			}	
			div#total div#contenidor div#centre div#content div.border_top{
				clear:			both;
				border-top: 	0.5px #DDE2E5 solid;
				padding-top: 	10px;
				width:			100%;
			}	
			/*----------------------------------------------------------------------------------------------------
			END ELEMENT
			----------------------------------------------------------------------------------------------------*/			
			/*----------------------------------------------------------------------------------------------------
			CAMPANYA
			----------------------------------------------------------------------------------------------------*/
			div#centre div#content ul.listdetail.dinaList li a.campanya img{
			      float:		left;
			}
			/*----------------------------------------------------------------------------------------------------
			END CAMPANYA
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			LLISTATS
			----------------------------------------------------------------------------------------------------*/
			div#centre div#content ul.listdetail.dinaList li,
			div#centre div#content ul.listdetail li{
			      clear:both;
			      margin-bottom:16px;
			}
			div#centre div#content ul.listdetail img {
			      clear:both;
			      margin-top:4px;
			}
			/*----------------------------------------------------------------------------------------------------
			END LLISTAT
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			LLISTAT VIDEO BOX
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div.box titol{
				margin-left: 45.5%;
			}
			div#total div#contenidor div#centre div#content div.box div#esquerra{
				width: 48%;
			}
			div#total div#contenidor div#centre div#content div.box div#dreta{
				width: 50% ;
			}
			
			
			/*----------------------------------------------------------------------------------------------------
			END LLISTA VIDEO BOX
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			LLISTAT ACTIVITATS
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div.listactivitat_element ul.listactivitat{
				padding-top:		10px;
				clear:				both;
			}
			div#total div#contenidor div#centre div#content div.listactivitat_element ul.listactivitat li{
				padding:			10px 0px 10px 0px;
				clear:				both;
			}
			div#total div#contenidor div#centre div#content div.listactivitat_element ul.listactivitat li img{
				padding-right: 		5px;
				float:				left;
			}
			/*----------------------------------------------------------------------------------------------------
			END LLISTAT ACTIVITATS
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			CALENDARI
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#divCalendario{
				padding: 		10px 0px;;
				overflow:		auto;
				width: 			185px;
				margin:  		0 auto;
			}

			/*----------------------------------------------------------------------------------------------------
			END CALENDARI
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			NOTICIES
			----------------------------------------------------------------------------------------------------*/
			
			div#total div#contenidor div#centre div#content div.noticia ul.relacionades li
			{
				padding: 	0px 10px 20px 10px;
				clear:		both;
			}
			div#total div#contenidor div#centre div#content div.noticia div.imatge_frame{
				float: 				left;
				padding-right:		10px;
			}
			div#total div#contenidor div#centre div#content div.noticia div.imatge_frame img{
				float:			none;
			}
			div#total div#contenidor div#centre div#content div.noticia div.relacionades{
				padding: 	0px 0px 10px 0px;
				margin: 	20px 1px 0px 0px;
				border: 	1px solid #0176BB;
				clear:		none;	
			}
			div#total div#contenidor div#centre div#content div.noticia .textSubTitle{
				font-size: 		1.15em;
				margin-bottom: 10px;
			}
			
			div#total div#contenidor div#centre div#content div.noticia .peu_text{
				font-size: 		0.8em;
				font-weight: 	bold;
			}
			div#total div#contenidor div#centre div#content div.noticia div.relacionades .textSubTitle{
				font-size: 		1.1em;
			}
			div#total div#contenidor div#centre div#content div.noticia div.video_frame{
				text-align: 	center;
				padding:		20px 0px 20px 0px;
			}	
			div#total div#contenidor div#centre div#content div.noticia p{
				padding-bottom: 5px;
			}			

			/*----------------------------------------------------------------------------------------------------
			END NOTICIES
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			DETAIL SEARCH 
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div.activities_search,
			div#total div#contenidor div#centre div#content div.news_search,
			div#total div#contenidor div#centre div#content div.generic_search{
					padding-bottom: 20px;
			}
			div#total div#contenidor div#centre div#content div.activities_search form,
			div#total div#contenidor div#centre div#content div.news_search form,
			div#total div#contenidor div#centre div#content div.generic_search form{
				padding: 			0px 0px 10px;
				width: 				100%;
			}
			div#total div#contenidor div#centre div#content div.activities_search form fieldset,
			div#total div#contenidor div#centre div#content div.news_search form fieldset,
			div#total div#contenidor div#centre div#content div.generic_search form fieldset {
				clear:				both;
				border:				#DDE2E5 1px solid;
				padding:			5px 10px 10px 10px;
			}
			div#total div#contenidor div#centre div#content div.activities_search form fieldset div#tema input,
			div#total div#contenidor div#centre div#content div.activities_search form fieldset div#categoria input,
			div#total div#contenidor div#centre div#content div.news_search  form fieldset div#categoria input{
				border: none;
			}
						
			div#total div#contenidor div#centre div#content div#search_by_link form,
			div#total div#contenidor div#centre div#content div#search_by form div#search_by_month_link,
			div#total div#contenidor div#centre div#content div#search_by form div#categories_link,
			div#total div#contenidor div#centre div#content div#search_by form div#categories_link_remove,
			div#total div#contenidor div#centre div#content div#search_by form div#tema_link,
			div#total div#contenidor div#centre div#content div#search_by form div#tema_link_remove,
			div#total div#contenidor div#centre div#content div#search_by form div#dates_link,
			div#total div#contenidor div#centre div#content div#search_by form div#query_div
			{
				clear:					both;
				padding-bottom: 		5px;
			}
			
			div#total div#contenidor div#centre div#content div#search_by form fieldset button#reset,
			div#total div#contenidor div#centre div#content div#search_by form fieldset input.boto,
			div#total div#contenidor div#centre div#content div#search_by_month form fieldset input.boto{
				float:				left;
				margin-left: 		5px;
				margin-right: 		5px;
			}
			
			div#total div#contenidor div#centre div#content div#search_by form fieldset button#reset{
				padding-top: 		3px;
				background: 		transparent;
			}

			div#total div#contenidor div#centre div#content div#search_by form div#dates{
				clear:				both;
				margin-bottom: 		25px;
				padding-top:		10px;
			}
			div#total div#contenidor div#centre div#content div#search_by form div#dates div#inici,
			div#total div#contenidor div#centre div#content div#search_by form div#dates div#fi{
				float:			left;
				margin-bottom: 	5px;
			}

			div#total div#contenidor div#centre div#content div#search_by form div#query_div label,
			div#total div#contenidor div#centre div#content div#search_by form div#dates label,
			div#total div#contenidor div#centre div#content div#search_by_month form label{
				float:				left;
				padding-right: 		10px;
				padding-top:		2px;
			}
			
			div#total div#contenidor div#centre div#content div#search_by form div#dates input#data_inici,
			div#total div#contenidor div#centre div#content div#search_by form div#dates input#data_fi{
				margin-right: 		15px;
			}
			
			div#total div#contenidor div#centre div#content div.activities_search ul,
			div#total div#contenidor div#centre div#content div.news_search ul,
			div#total div#contenidor div#centre div#content div.generic_search ul{
				clear: 				both;
				padding-top: 		10px;
			}
			div#total div#contenidor div#centre div#content div.activities_search ul li,
			div#total div#contenidor div#centre div#content div.news_search ul li,
			div#total div#contenidor div#centre div#content div.v ul li{
			display: block;
				float:				left;
				width:				50%;
				padding:			5px 0px 5px 0px;
			}
			div#total div#contenidor div#centre div#content div.activities_search ul li label,
			div#total div#contenidor div#centre div#content div.news_search ul li label,
			div#total div#contenidor div#centre div#content div.generic_search ul li label{
				padding-left: 		5px;
			    margin-right: 		20px;
			}
			div#total div#contenidor div#centre div#content div.activities_search div#search-results ul li,
			div#total div#contenidor div#centre div#content div.news_search div#search-results ul li,
			div#total div#contenidor div#centre div#content div.generic_search div#search-results ul li{
				width: 				100%;
				clear: 				both;
			}
			div#total div#contenidor div#centre div#content div.activities_search div#search-results ul li.indent,
			div#total div#contenidor div#centre div#content div.news_search div#search-results ul li.indent,
			div#total div#contenidor div#centre div#content div.generic_search div#search-results ul li.indent{
				padding-left: 		30px;
			}

			/*----------------------------------------------------------------------------------------------------
			END DETAIL SEARCH
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			GENERIC LIST
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content ul.generic_list{
				padding: 	10px 0px 10px 0px;
			}		
			
			div#total div#contenidor div#centre div#content ul.generic_list li{
				padding: 	0px 10px 10px 10px;
				clear:		both;
			}		

			/*----------------------------------------------------------------------------------------------------
			END GENERIC LIST			
			----------------------------------------------------------------------------------------------------*/
			/*----------------------------------------------------------------------------------------------------
			LLISTAT ORGANITZACIONS
			----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div#llistat_organitzacions{
				padding: 	10px 0px 10px 0px;
			}
			div#total div#contenidor div#centre div#content div#llistat_organitzacions form{
				width:98%;
            }			
			div#total div#contenidor div#centre div#content div#llistat_organitzacions form input#text{
				width: 45%;
			}
			div#total div#contenidor div#centre div#content div#llistat_organitzacions form input#submit{
				margin-right: 30%;
			}
            div#total div#contenidor div#centre div#content div#llistat_organitzacions form p{
				float:left;
    			margin-top: 5px;	
			}				

			/*----------------------------------------------------------------------------------------------------
			END LLISTAT ORGANITZACIONS			
			----------------------------------------------------------------------------------------------------*/
	         /*----------------------------------------------------------------------------------------------------
	         CONTRACTACIONS
	         ----------------------------------------------------------------------------------------------------*/
                                               
             div#total div#contenidor div#centre div#content div.contractacio ul
             {
				margin-bottom:0px;
				margin-top:0px;
				overflow:auto;

            }
                                               
			div#total div#contenidor div#centre div#content div.contractacio li.titol
			{
				overflow:auto;
				clear: both;
				margin-bottom:4px;
				
			}
			div#total div#contenidor div#centre div#content div.contractacio li.espai
			{
				overflow:auto;
				background-color: #c5e6f2;
				text-align: center;
				margin-bottom:0px;
                height:2px;
				font-size:1px;
			}
			
			div#total div#contenidor div#centre div#content div.contractacio li.titol div
			{
				float:left;
				text-align: left;
			}
			div#total div#contenidor div#centre div#content div.contractacio li.titol div.data{
				width: 23%;
				margin-right:2%;
			}
			div#total div#contenidor div#centre div#content div.contractacio li.titol div.titol{
				width: 75%;
				font-size:10px;
			}

            /*----------------------------------------------------------------------------------------------------
            END CONTRACTACIONS
            ----------------------------------------------------------------------------------------------------*/
            /*----------------------------------------------------------------------------------------------------
	         ENLLAÇOS I DOCUMENTS
	         ----------------------------------------------------------------------------------------------------*/
			div#total div#contenidor div#centre div#content div.element_frame h1
			{
				margin: 		0px 0px 2px 0px;
				padding:		2px 0px 4px 10px;
				font-size:		1.3em;
				background:		#DDE2E5;
				color:			#0176BB;
				
			}      
			/*----------------------------------------------------------------------------------------------------
            END ENLLAÇOS I DOCUMENTS
            ----------------------------------------------------------------------------------------------------*/
			
		/*----------------------------------------------------------------------------------------------------
		END CENTRE
		----------------------------------------------------------------------------------------------------*/
				
	
/*----------------------------------------------------------------------------------------------------
	END CONTENIDOR
----------------------------------------------------------------------------------------------------*/