/*Estructura de la web

	Wrap - contenedor web
	
		Idiomas	
		Cap
			zona login
			
		Contenedor	
			Menu 					
			Contenido			
				Home
				Servicios
				Agenda -Noticias
				Ofertas
				Espais
				El colegi
				Agenda
				Generico fotos dentro de contenido
				Enlaces - Links
				FAQS
				Resultados Búscador
				Alta colegiados
				Internacional
			
			Menu de la derecha
		
		Pie	
--------------------------------------------------------------------------- */

/* css para botones estilo google */

    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#888 !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }





/*----------------------------------------------------------------------------*/




 
 /*Wrap - contenedor web
--------------------------------------------------------------------------- */
#wrap { width:80em;  }

	 /*Idiomas
	--------------------------------------------------------------------------- */
	#idiomas       { background:#000000; padding:0.5em; font-size:0.9em; color:#FFF; height:16px;}
	#idiomas ul li { display: inline; }
	#idiomas ul    { list-style-type:none;}
	#idiomas li    { padding:0.3em;}
		#idiomas_left  { width:79%; float:left;}
		#idiomas_right { width:18%; float:right; text-align:right;}
	
	
	#idiomas a:link,
	#idiomas a:visited { color:#fff; }
	#idiomas a:hover   { text-decoration:none;color: #ccc;}
	 
	 /*Cap
	--------------------------------------------------------------------------- */
	#cabecera    { background:url(../img/cap.jpg) no-repeat left top; height:130px; }
	#logo        { width:73%; float:left;}
	#login       { width:26%; float:left; padding-top:1em; font-size:0.9em;  }
	#login h2    { font-size:1em; background:none;}
	.login_input { width:80px; border:#333 1px solid; font-size:1em; background:#F8F9FB; color:#333333;}
	#user_pass   { text-align:right; }
	
	
	 /*Contenedor
	--------------------------------------------------------------------------- */
	#contenedor { clear: both;}

		 /*Menu
		--------------------------------------------------------------------------- */
		#menu { width:19%; float:left;}
			#buscador { background:url(../img/cercador.gif) no-repeat; margin:1em 0; height:92px;}
			#buscador h2 { margin-left:0.5em;}
			#buscador input { font-size:1em;}
		
		 /*Contenido
		--------------------------------------------------------------------------- */
		#contenido { width:60%; float:left; padding:0.5em;}
			/*contenido UL*/
			#contenido  ul { padding:0.5em 0 1em 3em; list-style-type:square; } 
			#contenido  li { padding:0.5em 0 0 0em;}
			/*Home
			--------------------------------------------------------------------------- */	
			#collegiat_online { width:48%; float:left;}
			#agenda_home      { width:48%; float: right; border-bottom:#CCCCCC 2px solid;}
			#noticies_home    { clear:both; margin:1em 0;}
				.notis_home { margin:1em 0.5em; background:#FBFBFB; border-bottom:#CCCCCC 1px dashed; padding:0.5em;}
				.notis_home img { float: right; margin:0.5em; border:#CCCCCC 2px solid;}
			#serveis_utilitats { width:48%; float:left;}
				.serveis_utilitats     { background:#F5F5F5; height:26px; margin-bottom:0.4em;	}
				.serveis_utilitats img { border:0; padding:0; margin:0; float:left; padding-right:0.5em;}
				.serveis_utilitats p   { font-weight:bold; font-size:1.1em;}
				#serveis_caixa  { padding:0.5em 0;}				
				#embed          { padding-top:1em;}					
			#videos            { width:48%; float: right; }
			
			/*Servicios
			--------------------------------------------------------------------------- */	
			#guia_digital {float: right;margin-top:-4px; margin-right: 10px;}
			#serveis { background:#FBFBFB; width:45%; float:left; margin:0.5em 0.5em 2em 0.5em; border-bottom:#CCCCCC 1px dashed; padding:0.5em;}
			#contenido div#bloque_a, #contenido div#bloque_b  { width:250px; float:left;}
			.cajas_serveis { background: url(../img/fons-serveis.jpg) repeat-x top; margin-bottom:1em; padding-bottom:0.5em;}
			#contenido div#bloque_a, #contenido div#bloque_b { margin:1em 0.5em;}
			#contenido div#bloque_a ul, #contenido div#bloque_b ul { margin:0 0 0 -1em;}
			#contenido div#bloque_a li, #contenido div#bloque_b li { margin: 0.5em; list-style-type:square;}
			#center_serveis { text-align:center; margin:auto 0;}
			#aling_serveis  { text-align:left;   margin:auto 0; padding-left:2.1em;}
			* html #aling_serveis  { padding-left:1.6em;}
				/*servei detall*/
				#servei_descripcio         { margin:2 0.5em; border-bottom:#CCCCCC 1px dotted; padding-top:1.5em;padding-bottom:15px;}
				#servei_descripcio  ul     { padding:0 0 0 2em; list-style-type:none; } 
				#servei_descripcio  li     { padding:0.5em 0 0 0em;  margin-left: -10px; padding-left:25px}
				#foto_servei               { width:23%; float:left; margin-top: 30px;}
				#descripcio_servei_assessor, #descripcio_servei_avant,#descripcio_servei_serveis,#descripcio_servei_formacio { width:75%; float:left;}
				#descripcio_servei_assessor li {background:url(../img/icon_check_assessor.gif) no-repeat; } 
				#descripcio_servei_avant li {background:url(../img/icon_check_avant.gif) no-repeat;} 
				#descripcio_servei_serveis li {background:url(../img/icon_check_serveis.gif) no-repeat; } 
				#descripcio_servei_formacio li {background:url(../img/icon_check_formacio.gif) no-repeat;}				
				
				#barrasub_avant,#barrasub_serveis,#barrasub_assessor,#barrasub_formacio { height:5px;margin-top: 10px; margin-bottom: 12px;}
				#barrasub_avant    {background-color: #C7BD96;}
				#barrasub_serveis  {background-color: #99BBDD;}
				#barrasub_assessor {background-color: #9AAF72;}
				#barrasub_formacio {background-color: #A04964;}
				#quefaig_avant,#quefaig_serveis,#quefaig_assessor,#quefaig_formacio {padding: 10px; margin-top: 20px; margin-bottom: 20px; border: 1px solid }
				#quefaig_avant h4,#quefaig_serveis h4, #quefaig_assessor h4,#quefaig_formacio h4{margin-bottom: 5px;}
				#quefaig_avant   {border-color: #c7bd96; background-color: #EDEADE; }
				#quefaig_serveis {border-color: #99BBDD; background-color: #DEE9F3; }
				#quefaig_assessor{border-color: #9AAF72; background-color: #E4EADB; }
				#quefaig_formacio{border-color: #A04964; background-color: #F9E3DF; }
				
/*				#descarregues_serveis      { clear:both; padding-top:1em;}      */
				#descarregues_serveis      { clear:both; margin-left:0.5em;margin-top:1.5em}
				#descarregues_serveis  h3  { padding-bottom:0;}
/*				#descarregues_serveis  ul  { margin:0.5em 0.5em 0.5em 2em;}  */
				#descarregues_serveis  li  {margin-left: 0.5em; list-style-type:square; background:none;  padding-left: 0px}
				#banner_serveis            { padding:1em 0;}
					#otros_servicios_categoria { margin-top:1.5em; padding-left:1em;}
					#otros_servicios_categoria  ul     { padding:0 0 0 2em; list-style-type:square; } 
					#otros_servicios_categoria  li     { padding:0.3em 0 0 0em; }
			
			#descarregues_serveis a:link,
			#descarregues_serveis a:visited { border-bottom:1px dotted;}
			#descarregues_serveis a:hover   { border-bottom:1px solid; }
			
			
			/*Agenda -Noticias
			--------------------------------------------------------------------------- */	
			.block_noticies { margin:0.5em; border-bottom:#CCCCCC 1px dashed; margin:0.8em 0;}
			.block_noticies_prev { margin:0.5em; margin:0.8em 0;  padding:15px;}
			/*.block_noticies h3 a:link,
			.block_noticies h3 a:visited { text-decoration:underline; }
			.block_noticies h3 a:hover   { text-decoration:none;}
			.block_noticies p a:link, a:visited, a:hover { text-decoration:none;}*/
			
			
			#contenido div.block_noticies  img, #contenido div.detall_noticies  img  { margin:0.5em; }
            .block_noticies_prev img{float: left; padding-right:20px;}
			.detall_noticies { padding-top:0.8em;}
			.detall_noticies  h3 { padding-left:0.3em;}	
			.detall_noticies_b { background:url(../img/informat.gif) no-repeat right top;}
			.detall_noticies_b { padding-top:0.8em;}
			.detall_noticies_b  h3 { padding-left:0.3em;}	
			
			/*Agenda
			--------------------------------------------------------------------------- */			
			.agenda_tercio       { width: 28%; float:left; margin:1.5em 1em; border-bottom:#CCCCCC 1px dashed; height: 160px; 
									background: url(../img/fons-agenda.jpg) no-repeat top;}
			.agenda_tercio table { font-size:0.9em; padding:0.5em;}
			#agenda_medio        { border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
			
			/*Ofertas
			--------------------------------------------------------------------------- */				
			#form_buscador_ofertas { padding:0.5em; border-bottom:#CCCCCC 2px solid;}
			.preview_oferta { border-bottom:#CCCCCC 1px dashed; padding:0.8em; margin:0.5em;}
				#oferta_dentro { padding:1em 0.5em;}
				/* botones colegiado - noColegiado */
			.navegacion_b input {border:1px solid #ccc; width:140px; height: 25px; background-color: #f0f0f0; cursor:pointer} 
			
			/*Espais
			--------------------------------------------------------------------------- */				
			#espais  h3 { padding:1em 0; border-bottom:#CCCCCC 1px solid;}
			#peu_espais  { border-top:#CCCCCC 2px solid; margin:0.5em 0; background:url(../img/espaiscoacb_fons.gif) repeat-y;}
			.fotos_espais  { width:100px; float:left; padding:0.5em;}
			.cincuenta { width:47%; float:left; padding:0.5em;}   
			.float_der { width:37%; float:right; padding:0.5em;}  
			.float_der_5 { width:47%; float:right; padding:0.5em;}  
			#espais_coacb  { padding:0.5em;} 
			#espais_foto_fons { background:url(../img/fons-serveis.gif) no-repeat bottom right;}
			#situacio_espais img{ padding-top:0.5em; }
			#fotos_espais { clear:both;}
			#fotos_espais img { float:left; margin:0.8em; border:#CCCCCC 1px solid;}
			#foto_planta { padding:0.5em;}
			
		/*	#situacio_espais { width:130px; float:left; padding-top:0.5em; padding-bottom:0.7em;} */
			#situacio_espais { width:140px; float:left; padding-top:0.5em; padding-bottom:0.7em;}
			
 		/*	#menu_espais  { width:130px; float:left; border-left:#CCCCCC 1px solid; padding-left:0.3em; padding-top:0.5em; padding-bottom:0.7em;} */
  			#menu_espais  { width:111px; float:left; border-left:#CCCCCC 1px solid; padding-left:1.5em; padding-top:0.5em; padding-bottom:0.7em;}
			
			#menu_espais  ul { padding:0; list-style-type:none; } 
			#menu_espais  li { padding:0.3em 0 0 0em; }
			
			/*El colegi
			--------------------------------------------------------------------------- */
			#menu_colegi { padding:1em 0; width:100%;}				
			#menu_colegi li { float:left; list-style-type:none;}
			#contenido_colegi { clear:both; padding-top:1em;}
			.linea_bottom { border-bottom:#F7F5F4 1px solid; margin-bottom:1em;}
			
			
			
			/*Generico fotos dentro de contenido
			--------------------------------------------------------------------------- */				
			.foto_right             { width:210px; float:right; padding:0.8em;}
			.foto_right_petita      { width:150px; float:right; padding:0.8em;}
			.foto_right_petita_prev { width:100px;height:150px; float:right; padding:0.8em;}
			.foto_left_petita       { width:150px; float:left; padding:0.8em;}
			.foto_left_petita_dos   { width:130px; float:left; padding:0.5em;}
			.foto_altres_organismes { width:130px; float:left; padding:0.5em; height:70px;}
			.foto_centro            { width:450px; clear:both; margin: auto;
									  border:#999999 solid 1px;	}
			
			/*Enlaces - Links
			--------------------------------------------------------------------------- */					
			.enlaces     { padding:0.5em; font-size:0.9em; margin-top:0.5em; border-bottom:#F7F4F2 2px solid;}
			.enlaces img { padding:0.3em;}
			.enlaces_utilidades { margin-top:30px}
			#caja_enlaces  { background: url(../img/fons-enlaces.jpg) no-repeat;}
			#enlaces_a { }
			#enlaces_b {}
			
			.contenido_enlaces { width:75%; float:left;}
			.logo_enlaces { width:19%; float:left; }
			.enlace { height:60px; margin-left: 5px;} 			
			
			/*Descargas
			--------------------------------------------------------------------------- */	
			.descargas_caja { clear:both; border-bottom:#CCCCCC 1px solid; padding:0.5em;}
			.descargas_caja_prev { clear:both; padding:0.5em;}
			.logo_descargas { width:19%; float:left; }
			.contenido_descargas { width:65%; float:left;}
			.icono_descargas { width:15%; float:right;}
			#contenido div.icono_descargas  p { font-size:0.9em;}
			#descargas_prev{margin-bottom:55px;}

			
			
			
			
			
			/*Descargas
			--------------------------------------------------------------------------- */				
			.publicacions li { list-style-type:none; }
			.publicaciones { clear:both; border-bottom:#CCCCCC 1px solid; margin-bottom:0.8em;}
			.logo_publicaciones  { width:15%; float:left;}
			.logo_publicaciones  { font-size:0.9em;}
			.texto_publicaciones { width:83%; float:right;}
			.caja_detall_publicacions { width:60%;}
			.portadas { text-align:center;}
			
			#publicacions_div { clear:both; margin-top:1em;}
			#publicaciones_a { width:47%; float:left;   padding:0.5em;}
			#publicaciones_b { width:47%; float:right;    padding:0.5em;}
				
			.publicaciones_dos { border-bottom:#cccccc 1px solid; margin:1em 0;}
			.texto_publicaciones_dos { width:75%; float:left;}
			.texto_publicaciones_dos p { font-size:1.1em; font-weight:bold;}
			.logo_publicaciones_dos  { width:25%; float:right;}
			.logo_publicaciones_dos p { font-size:0.9em;}
						
			.texto_publicaciones_dos_prev { width:85%; float:left;}
			.texto_publicaciones_dos_prev p { font-size:1.1em; font-weight:bold;}
			.logo_publicaciones_dos_prev { width:15%; float:left;}						
			.logo_publicaciones_dos_prev p { font-size:0.9em;}
						
			#ver_mas { text-decoration:underline; font-weight:bold; text-align:center;, float: none; 
			border-bottom:#ccc 1px dotted; padding-bottom:10px; margin-bottom:40px;}
			#separador { height: 25px; width:500px; margin-left:40px;clear:both; border-bottom:1px dotted; border-color:#ccc;}
			
			
			
			/*FAQS
			--------------------------------------------------------------------------- */					
			.listado_numeros {border-bottom:#F7F4F2 2px solid;}
			.faqs_prev {clear:both; margin-bottom:30px; margin-top: 30px;}
			
			/*Resultados Búscador
			--------------------------------------------------------------------------- */				
			#resultats_cerca { padding-left:1em;}
			#resultats_cerca dt { padding:0.5em; font-weight:bold; list-style-type:square;}
			#resultats_cerca dd { padding:0 0.5em 1em 0.5em; border-bottom:#CCCCCC 1px dashed; margin-top:0.5em;}
			#sin_resultados { height:600px; }
			
			/*Alta colegiados
			--------------------------------------------------------------------------- */					
			.forms { border:#B1C3D9 1px solid; }
			.error { color: #f00; }
			.alta_colegiados {}
			#padding_form { padding-left:3em;}
			#contenido div#texte_petit h3 { font-size:0.8em; }
			#contenido div#texte_petit p  { font-size:0.8em; }
			#texte_petit { border:#E2E2E2 1px solid; background:#F8F9FB; padding:0.5em;}
			#cajas_alta { border-bottom:#CCCCCC 1px dashed; padding:0.5em;}
			#datos_personales {border:#E2E2E2 1px solid; background:#F8F9FB; padding:0.5em;}
            #datos_coneix_estudis, #datos_coneix_idiomas, #datos_coneix_informatica, #datos_como_nos_conocio, #datos_zonas {border:#E2E2E2 1px solid; background:#F8F9FB; padding:0.5em;}
			
			#alta_desactivada{ border: 1px solid  #ccc; width: 510px; margin-left: 9px; background-color: #F9FAF8; padding: 20px; }
			
			/*Internacional
			------------------------------------------------------------------------------*/
			#menu_internacional       { padding:1em 0; width:100%;}				
			#menu_internacional li    { float:left; list-style-type:none;}
			#contenido_internacional  { clear:both; padding-top:2em; text-align:justify; margin-left: 10px; margin-right: 10px;}
/*		    .foto_right_internacional { width:150px; float:right; padding:0.8em; margin-left:10px; margin-top: -5px; margin-right:45px;} */
			.foto_right_internacional      {  float:right; padding:0.8em; padding-top:4px; margin-left: 10px;}
			.foto_mapa { width:550px; clear:both ;  border:1px solid #999; margin-bottom:20px ;}


			
		 /*Menú de la derecha
		--------------------------------------------------------------------------- */		
		#menu_dreta {  width:19%; float:left; }
			/*darreres ofertes - LA IMAGEN DE FONDO ESTA EN LAS CSS cat.css , esp.css y eng.css*/
			#darreres_ofertes {  padding:3em 1em 0 1em; border-bottom:#F2F0EF 1px solid;}
			#darreres_ofertes h3 { font-size:0.9em; font-weight:bold;}
		/*	#darreres_ofertes h3 a:link,
			#darreres_ofertes h3 a:actived { color:#333333; background:none; text-decoration:none;  }
			#darreres_ofertes h3 a:visited { color:#333333; background:none; text-decoration:none;  }
			#darreres_ofertes h3 a:hover   { color:#000000; background:none; }*/
			#darreres_ofertes p  { font-size:0.9em; text-align:left;}
				/*Banners Petits*/
				#banners_petits { text-align:right; padding:0.3em 0;}
				#banners_petits  img{ padding:0.3em; }
				
			#logo_transparent { padding-bottom:0.5em;}
			

			.fechas {  font-size:0.8em; color:#990000;}
			.cerrar { font-weight:bold; }
			
			


						
			/* newsletter  - toni
			-----------------------------------------------------------------*/			
				
				 #newsletter { background:url(../img/newsletter_dcha.gif) no-repeat; margin:1em 0 0 0; height:105px;}
				 #newsletter h2 { margin-left:0.5em;}
				 #newsletter input { font-size:1em; margin-left:1.0em; padding-top:0;}
				 #newsletter p { padding-bottom:0em; }
				 #text_newsletter {margin-left:1.5em; padding-top:0.5em; }
				 #info_{ float: right; margin-right:1.6em; margin-top: -1em;}


				#info{visibility:hidden; margin-top: 20px;	
    			   width: 180px;
			       height: 32px;
			       border: 1px solid #ccc;
			       background-color: #FFFFF4;
			       position: relative;
			       padding: 10px; }
				 
						
						

 /*Pie
--------------------------------------------------------------------------- */
#peu { clear:both; border-top:#000000 1px solid; font-size:0.9em;}
	#peu_a { float:left; width: 60%;}	
	#peu_b { float: right; width: 30%; text-align:right;}

/*Botones volver*/
.volver_print { z-index:1; position:absolute; padding-left:41em;}
.volver_print img { padding-left:0.5em;}






 /*Hack para las cajas - valida la css - solo ie + Firefox
--------------------------------------------------------------------------- */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height:1px;}


.linea_bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .linea_bottom {height:1px;}

.enlaces:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .enlaces {height:1px;}

.notis_home:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .notis_home {height:1px;}


.descargas_caja:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .descargas_caja {height:1px;}

.descargas_caja_prev:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .descargas_caja_prev {height:1px;}

.publicaciones:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .publicaciones {height:1px;}

.publicaciones_dos:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .publicaciones_dos {height:1px;}

.right {
	float:right;
}

