/*Estructura de la web

Wrap - contenedor web
Home - contenidos de la home
	Menu izquierda - incluye logo y menu - elemento flotado a la izquierda
		-Logo

		-Menu 
			Quienes somos
			Que hacemos
			Qué puedes hacer tú
		
	Contenido -  flotado a la derecha - incluye el buscador los idomas y debajo el contedor para todos los contenidos del site
		-Derecha
			cabecera
				buscador
				idiomas
			Contenido	
				Quienes somos	
			Menu derecha
			Boletín
		
	Pie -  Cierre de web

Genericos -- cajas etc..	
	
 */
 
  /*Wrap - contenedo
--------------------------------------------------------------------------- */
#wrap { width:865px; margin: 0 auto;}

  /*Home - contenidos de la Home
--------------------------------------------------------------------------- */
#foto_home  { }
#menu_home ul li  { display: inline;}
#texto_home       { background:url(../img/fons-home.jpg) repeat-x top; border-bottom:#CCCCCC 1px dashed; padding:1em 0.5em; clear:both}
p.texto_home     { font-size:1.2em;  color:#666; clear:both; line-height: 170%; padding-top:10px;}
#revista_home     { background:url(../img/frame-revista.gif) no-repeat bottom right;}
#colabora_home    { background:url(../img/frame-colabora.gif) no-repeat bottom right;}
#sensibilizacion  { background:url(../img/frame-sensibilizacion.gif) no-repeat bottom right;}
#resultados       { background:url(../img/frame-resultados.png) no-repeat bottom right;  clear: left;}
#cuentas_claras   { background:url(../img/frame-cuentasclaras.gif) no-repeat bottom right;}
/*menu home se controla desde cat.css y esp.css*/
#notis-home { margin-bottom:10px;}
#menu-home { background:url(../img/bg-menu.jpg) repeat-x; padding: 0 0 10px 0;}
#menu-casa { width:527px; float:left; background: url(../img/menu-cat.jpg); height:44px;}
#menu-casa-cast { width:527px; float:left; background: url(../img/menu-cast.jpg); height:44px;}
.home #social-networks  { width:85px; float:right; margin-top:5px;  padding-left: 0; margin-right:10px; padding-top:10px;}
.home #destacada { width:305px; float:left; /*background:#F4F0E3;*/ padding:5px;}
.home #altres-notis { width:305px; float:right; /*background:#F4F0E3;*/ padding:5px;}
.home #destacada img {  padding-bottom:10px;}
.home #destacada h2 a, .home .notis-box h3 a{ text-decoration:none; color:#E76615; }
.home #destacada p  a, .home .notis-box p  a { text-decoration:none; padding-top:5px;}
.home .notis-box { float:left; border-bottom:#CCC 1px dotted; margin-bottom:5px; }
.home .notis-box img { float:left; padding:0 5px 5px 0; width:120px;}
.home .notis-box h3   {  width: 170px;float:left; }
.home .notis-box h3 a { font-size:14px; }
.home #banners-inici {/*background:#F4F0E3;padding:5px;*/  margin-top:10px; clear:both;}
.home #banners-inici li { float: left; padding-left: 4px;}

a#menu-h-a-cat { height:44px; width:129px; display:block; text-indent:-9999px; float:left;  }
a#menu-h-b-cat { height:44px; width:176px; display:block; text-indent:-9999px; float:left;  }
a#menu-h-c-cat { height:44px; width:220px; display:block; text-indent:-9999px; float:left;  }
 
 /*Menu izquierda
--------------------------------------------------------------------------- */
	#menu_izquierda { width:150px; float:left;}
		#logo  { background:#F1E8DA; margin-bottom: 14px;}
		
		/*Menu de la web*/
		#menu_izquierda #menu { text-align:left; }
		#gallery-home { background:#FFF;}
		/*Enlaces para el menu H2*/
		#menu h2 a:link,
		#menu h2 a:visited { color:#E76615;text-decoration:none;}
		#menu h2 a:hover   { text-decoration:underline; color: #E76615;}
		/*Enlaces para el menu*/
		#menu a:link,
		#menu a:visited { color:#666666;text-decoration:none;}
		#menu a:hover   { text-decoration:underline; color: #333333;}
		#menu a:active  { color:#990000;}
			/*Cajas para cada bloque del menu*/
			.cajas_menu { padding:0.5em; background:url(../img/fons-caixas.gif) no-repeat bottom;}
			/*Listados de las cajas*/
			.cajas_menu ul { padding:0.5em 0; list-style-type:none;}
			.cajas_menu li { padding:0.1em 0 ;}
			.cajas_menu li a { font-size:13px;;}

 
 /*Cabecera
--------------------------------------------------------------------------- */
	#derecha { width:76%; float:left; }
		#cabecera { clear:both; background:#FFFFFF; margin-left:17px;  }
			
			/*Porcentaje para flotar div idioma y buscadores
			#derecha div#buscador, #derecha div#idiomas { width:48%; float:left;}
			/*Buscador 
			#buscador { padding:0.8em;}*/
						
			/*Idiomas listado*/
			#idiomas       { text-align:right; padding-top:0.9em;}
			#idiomas ul li { display: inline;}
			#idiomas li    { font-weight:bold; padding-left:0.5em;}
			#idiomas ul    { list-style-type:none;}
			#lang p    { text-align:right; font-weight:bold; }
			#lang   {  margin:5px 0; display:block;}
			
			#social-networks  {height:20px; padding-left:95px; margin-top:10px;}
			a#share-a { margin-left:5px; background:url(../img/share-a.png) no-repeat; display:block; width:16px; height:16px; float:left; text-indent:-9999px; }
			a#share-b { margin-left:5px; background:url(../img/share-b.png) no-repeat;  display:block; width:16px; height:16px; float:left; text-indent:-9999px;}
			a#share-c { margin-left:5px; background:url(../img/share-c.png) no-repeat; display:block; width:16px; height:16px; float:left; text-indent:-9999px; }
			a#share-d { margin-left:5px; background:url(../img/share-d.png) no-repeat; display:block; width:16px; height:16px; float:left; text-indent:-9999px; }
				
				
		/*Contenido web*/
		#contenido    { width:440px; float:left; padding:1.4em;}
		.home #contenido    { width:98%; float:left; padding:0 1.4em;}
		
		
		
		
			/*Quienes somos*/
			#quienes_somos { }
			#galeria        { clear:both; background:#F1E8D9; padding:0 0 0.8em 0; margin:0.5em;}
			#galeria h4     { padding:0.5em;}
			.volver_galeria { clear:both; font-weight:bold;}
			.fotillo    {float:left; padding:1em; height:75px; }
			.tira_fotos  {  }
			.previews       { width:70px; float:left; margin:0.5em; }
						* html 			.previews   {  margin:0.3em;}

			.previews img   { border:#CCCCCC 2px solid;}
				/*Anclas en que es ared*/
				.anclas       { margin:2em 0; padding:1em; border-bottom:#CCCCCC 1px solid;  border-top:#CCCCCC 1px solid; background:#F1E8D9;}
				.anclas img { float:left; padding-right:0.8em;}
				.ancla_volver { padding:0.5em;}
				#oculto { height:500px;}
				#oculto p { display:none;}
			/*Que hacemos*/
			#que_hacemos ul, li { list-style-type:none;}
			#sensibilizacion {}
			#resultados {}
				/*formacion*/
				#formacion       
				.cursos { border-bottom:#CCCCCC 1px dashed; margin-bottom:1em; padding:0.5em 0.2em; }
				.formacion_foto { width:28%; float:left;}
				.formacion_texto { width:69%; float:left;}

			/*Que puedes hacer tu*/
			#que_puedes_hacer_tu { }
			#padding_top { margin:2em 0;}
			.mitad { background: url(../img/fons-empresa.jpg) repeat-x top;width:95%;
					 margin:0.6em; text-align:left; border-bottom:#CCCCCC 1px solid;}
			.otras_formas     { border-bottom:#CCCCCC 1px dashed; margin-bottom:1em; padding:0.5em 0.2em; }
			.otras_formas img { margin:0.5em; float:left;}
			.mitad img { float:left; padding-right:0.8em;}
			.mitad h4 { padding:0.5em 0;}
			
				/*aportaciones economicas*/
				#derecha div#economicas    { padding-top:1.5em; margin-left:1em; }
				#derecha div#economicas h5 { font-size:1em; font-weight:bold; color:#666; padding-top:1em;}
				#derecha div#economicas h4 { display:none;}
				.cuentas_claras { font-size:0.9em; margin:2em 0; border-bottom:#CCCCCC 1px solid;  border-top:#CCCCCC 1px solid; background:#F8F8F8;}
				.paddins_p p    { padding:0.5em;}
				.paddins_p ul  { padding:0.5em 0 0.5em 3em; list-style-type:square;}
				.paddins_p li  { padding:0.3em 0 0.3em 0.5em;}
				.paddins_p h5  { font-weight:bold; padding-top:1em;}
				
				/*formularios*/
				.texto_peque { font-size:0.8em;}


				/*Empresas*/
				.xantal p {  font-size:0.9em;}
				.xantal   { width:90%; background:#F3F3F3; border:#CCCCCC 1px solid; margin:1em 0.5em; padding:0.5em;}
				
				/*Boletin*/
				#encaso { font-size:0.9em; padding-top:1em;}
				
			/*cuentas claras*/
			#cuentas_claras {}	
			dl { padding:0.5em;}
				/*Genéricos para el contenido - comparten 4 bloques: quienes somos, que hacemos, que puedes hacer tu y noticias*/	
				#derecha div#quienes_somos,  #derecha div#que_hacemos, #derecha div#que_puedes_hacer_tu, #derecha div#noticias {}
				#derecha div#quienes_somos p,  #derecha div#que_hacemos p, #derecha div#que_puedes_hacer_tu p, #derecha div#noticias p 
				{ padding:0.3em;}
				#derecha div#quienes_somos ul,  #derecha div#que_hacemos ul, #derecha div#que_puedes_hacer_tu ul, #derecha div#noticias ul 
				{ padding:0.5em 0 0.5em 2em; }
				#derecha div#quienes_somos li,  #derecha div#que_hacemos li, #derecha div#que_puedes_hacer_tu li, #derecha div#noticias li 
				{padding:0.3em 0 0.3em 1.5em; list-style-type:none; background:url(../img/fons-list.gif) no-repeat left top;}
			/*Noticias*/
			#noticias img   { float:left; margin:0.5em; border:#CCCCCC 2px solid;}
			.previews_notis { border-bottom:#CCCCCC 1px dashed; margin-bottom:1em; clear:both;}
			#derecha div.volver_print img { float:left; border:0; padding-right:0.5em;}
			.volver_print { padding-top:1em;}
			.volver_print p  { padding-top:0.2em; font-weight:bold;}

		
		
		/*Menu derecha*/
		#menu_derecha { width:27.5%; float:left;}
		
			/*Cajas para Actualidad*/
			.actualidad { padding:0.5em;  border-bottom:#E76615 1px dashed; margin-bottom:0.5em; text-align:left;}
			/*Titulos de Actualidad*/
			#menu_derecha h3, h4 { text-align: left; color:#E76615;  }
			#menu_derecha h3 { font-size:1.4em; padding:0.2em 0 0;font-weight:bold; text-align: right; margin-top:5px; padding-top:5px; border-top:#CCC 1px solid; }
			.rss {background:url("../images/rss_icon.jpg") no-repeat scroll 135px 20px transparent;}
			#menu_derecha h4 { font-size:1em; padding:0.2em;}
			#menu_derecha p  { padding:0.2em; font-size:0.9em;}
			/*Ver todas las noticias*/
			#mas_notis   { text-align:right; padding:0.5em 0; background-color:#F1E8D9;}
			#mas_notis a { color:#993300;font-weight:bold;}
			
				
				/*Banner de Salta*/
				#salta { padding:0.5em 0;}
				/*Logos de ISOS*/
				#isos img{ float: left; padding:0.3em 0.2em 0 0.2em;}
				
				
			/*Boletín*/
			#boletin img   { float:left; padding:0  1em 1em 1em;}
			#mas_boletines { clear:left}
			#mas_boletines img   { float:left; padding:0  0.5em 1em 0.5em;}
			#subscribir {}
			#ver_mas { padding:0.5em;}
			.padding { padding:1em;}
			
			
			/*Formularios*/
			.enlaces_forms {}

/*tablas para formularios*/
.tablas { border-bottom: #CCCCCC 1px solid; padding:0; margin:0;}
.tablas ul { padding:0.5em 0 0.5em 2em; }
.tablas li { padding:0.3em 0 0.3em 1.5em; list-style-type:none; background:url(../img/fons-list.gif) no-repeat left top;}

/*Class enlaces formularios*/
.enlace a:link,
.enlace a:visited { color:#E76615; text-decoration:underline; font-weight:bold;}
.enlace a:hover   { text-decoration:none; color: #EA7B39;}


 /*Pie
--------------------------------------------------------------------------- */
#peu { clear:both; padding:0.5em; border-top:#CCCCCC 1px dashed; font-size:0.9em; margin:1em 0; color:#666666;}
#peu #isos { text-align:center; clear: both;     height: 60px;}
#peu #isos  p { text-align:center;}
#peu_a {  font-weight:normal; text-align:center; margin:0.5em 0;}
#peu_b { text-align:center;}


 /*Genéricos -
--------------------------------------------------------------------------- */
#derecha div.cajas, #derecha div.cajas_fuera /*#derecha div.medio*/ {  background:#F1E8D9; border-bottom:#CCCCCC 1px dashed; }
#derecha div.cajas, #derecha div.cajas_fuera { clear:both; padding:0.5em; }

.cajas_fuera h4 { padding-bottom:0.5em;}

#derecha div#contenido h4, #derecha div.cajas_fuera h4 { text-align:left; color:#E76615;; font-size:1.1em; font-weight:bold; }
.medio     { height:262px;}
.medio h4  { padding:0.5em;}

/*Genericos para las paginas principales, quienes somos, que hacemos, que puedes hacer tu - layouts de las cajas flotadas*/
#derecha div#quienes_a, #derecha div#quienes_b, #derecha div#hacemos_a, #derecha div#hacemos_b, #derecha div#hacestu_a, #derecha div#hacestu_b 
{ width:48%; margin-bottom:2em;}
#derecha div#quienes_a p, #derecha div#quienes_b p, #derecha div#hacemos_a p, #derecha div#hacemos_b p, 
#derecha div#hacestu_a p, #derecha div#hacestu_b p  { padding:0.3em;}

#derecha div#quienes_a, #derecha div#hacemos_a,  #derecha div#hacestu_a { float:left;}
#derecha div#quienes_b, #derecha div#hacemos_b,  #derecha div#hacestu_b { float:right;}

#derecha div#quienes_a { background:url(../img/quienes1.gif) no-repeat bottom;}
#derecha div#quienes_b { background:url(../img/quienes2.gif) no-repeat bottom;}

#derecha div#hacemos_a { background:url(../img/hacemos1.gif) no-repeat bottom;}
#derecha div#hacemos_b { background:url(../img/hacemos2.gif) no-repeat bottom;}

#derecha div#hacestu_a { background:url(../img/hacestu1.gif) no-repeat bottom;}
#derecha div#hacestu_b { background:url(../img/hacestu2.gif) no-repeat bottom;}

#derecha div#quienes_a p, #derecha div#quienes_b p, #derecha div#hacemos_a p, 
#derecha div#hacemos_b p, #derecha div#hacestu_a p, #derecha div#hacestu_b p   { padding:0 1em 1em 1em;}

#derecha div#quienes_a h4, #derecha div#quienes_b h4, #derecha div#hacemos_a h4, 
#derecha div#hacemos_b h4, #derecha div#hacestu_a h4, #derecha div#hacestu_b h4   { padding:1em;}

/*Genericos para las fotos*/
.fotos_right { width:184px; margin:0.5em 1em 0.5em  0; float:left; border:#CCCCCC 2px solid;}
.fotos_left { width:184px; margin:0.5em 1em 0.2em  0; float:left; border:#CCCCCC 2px solid;}

/*Estilos para las cajas que llevan imagenes por fuera*/
.cajas_img { border-bottom:#CCCCCC 1px solid;}
.cajas_img{ padding:2em 6em 0.5em 0.5em;}
.cajas_img{ margin:1em 0;}




 /*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;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


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

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

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



.error {color:#FFF; padding:0.5em; background:#E7651A; font-weight:bold; margin:1em;}
.verde {color:#333; padding:0.5em; background:#F1E8D9; font-weight:bold; margin:1em;}