/*Full d'estil per al lloc web d'IGenus*/

/*Elements contenidors de la pàgina*/
body {
	background-color: #FFF;
	background-image: url(../img/fons_degradat.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#bastidor {
	background-color: #FFF;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-left: 1px solid #918B91;
	border-right: 1px solid #918B91;
	border-bottom: 1px solid #918B91;
	color: #000;
}

#inicicontinguts {
	height: 40px;
	color: #918B91;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 5px 5px 10px;
	text-align: left;
	text-transform: uppercase;
}

#inicicontinguts a {
	text-decoration: none;
	color: #918B91;
}

#inicicontinguts a:visited {
	text-decoration: none;
	color: #918B91;
}

#inicicontinguts a:hover {
	text-decoration: none;
	color: #CB1000;
}

#finalcontinguts {
	clear: both;
	height: 40px;
	background-image: url(../img/indicador_fi_pagina.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/*Menús: auxiliars superiors i principal*/

#menuauxiliar {
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 57px;
}

#menuauxiliar ul {
	list-style: none;
	padding: 3px 0 0 0;
	margin: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 0.1em;
}

#menuauxiliar li {
	padding: 0 0 0 5px;
	margin: 30px 0 0 0;
	color: #918B91;
	font-weight: bold;
	float: left;
}

#menuauxiliar li a {
	text-decoration: none;
	color: #918B91;
}

#menuauxiliar li a:visited {
	text-decoration: none;
	color: #918B91;
}

#menuauxiliar li a:hover {
	text-decoration: none;
	color: #CB1000;
}

#fonsquisom {
	background-image: url(../img/sup_quisom2.jpg);
	height: 109px;
}
#fonsquefem {
	background-image: url(../img/sup_quefem.jpg);
	height: 109px;
}

#fonsquefemviolencia {
	background-image: url(../img/sup_quefem_violencia.jpg);
	height: 109px;
}

#fonsquefeminvestigacio {
	background-image: url(../img/sup_quefem_investigacio.jpg);
	height: 109px;
}

#fonsquefemcooperacio {
	background-image: url(../img/sup_quefem_cooperacio.jpg);
	height: 109px;
}

#fonsquefemmarqueting {
	background-image: url(../img/sup_quefem_marqueting.jpg);
	height: 109px;
}

#fonsquefemdones {
	background-image: url(../img/sup_quefem_dones.jpg);
	height: 109px;
}

#fonsquefemjoves {
	background-image: url(../img/sup_joves.jpg);
	height: 109px;
}

#fonsonsom {
	background-image: url(../img/sup_onsom.jpg);
	height: 109px;
}

#fonsentitats {
	background-image: url(../img/sup_entitats.jpg);
	height: 109px;
}

#fonsrequeriments {
	background-image: url(../img/sup_requeriments.jpg);
	height: 109px;
}

#fonsavislegal {
	background-image: url(../img/sup_avislegal.jpg);
	height: 109px;
}

#menuprincipal {
	padding: 13px 0 8px 0;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
}
	
#menuprincipal ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menuprincipal li {
	padding-bottom: 5px;
	padding-left: 15px;
}

#menuprincipal li a {
	text-decoration: none;
	color: #fff;
}

#menuprincipal li a:visited {
	text-decoration: none;
	color: #FFF;
}

#menuprincipal li a:hover {
	text-decoration: none;
	color: #CB1000;
}

#menuprincipal li.in {
	background-image: url(../img/indicador_menu.gif);
	background-repeat: no-repeat;
	color: #ECDFA8;
	padding-left: 15px;
}

#menuprincipal span.inhover {
	color: #ECDFA8;
}


#navegaciodintreespais {
	color: #918B91;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 10px 0 0;
	margin: 0;
	text-align: left;
}

#navegaciodintreespais a {
	text-decoration: none;
	color: #918B91;
}

#navegaciodintreespais a:visited {
	text-decoration: none;
	color: #918B91;
}

#navegaciodintreespais a:hover {
	text-decoration: none;
	color: #CB1000;
	border: 0;
}


/*Peu de la pàgina*/



#copyright {
	margin: 0 auto;
	padding: 6px 2px 0 0;
	width: 770px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #918B91;
}


#menufinal {
	margin: 0 auto;
	padding: 2px 2px 30px 0;
	width: 770px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #918B91;
}

#menufinal ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menufinal li {
	padding: 0 0 0 2px;
	float: right;
}

#menufinal li a {
	text-decoration: none;
	color: #918B91;
}

#menufinal li a:visited {
	text-decoration: none;
	color: #918B91;
}

#menufinal li a:hover {
	text-decoration: none;
	color: #CB1000;
}


/*Títols i emfasi*/

#nomespai {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	height: 30px;
}
	
.nomespai1 {
	color: #000;
}

.nomespai2 {
	color: #CBB900; /*verd*/
}

.verd {
	color: #CBB900;
}

.gris {
	color: #918B91;
	font-weight: bold;
	font-size: 18px;
	display: block;
	text-align: left !important;
}

.grisupper {
	color: #918B91;
	font-weight: bold;
	font-size: 19px;
	display: block;
	text-align: left !important;
	text-transform: uppercase;
}

.grisp {
	color: #918B91;
	font-weight: bold;
	font-size: 12px;
}

.grispbg {
	background-color: #918B91; /*gris*/
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 4px;
	padding: 0;
	text-transform: uppercase;
}

.vermell {
	color: #CB1000;
}

.cita {
	color: #918B91;
	font-size: 1.0em;
}

/*Continguts comuns*/
#continguts {
	margin: 0 40px 0 40px;
	text-align: justify;
	font-size: 1.2em;
	width: 690px;
}

#continguts a {
	text-decoration: none;
	color: #918B91;
}
	
#continguts a:visited {
	text-decoration: none;
	color: #918B91;
}

#continguts a:hover {
	text-decoration: none;
	color: #CB1000;
}


#continguts table a:hover {
	border-bottom: none;
}


#continguts img a{
	border:0;
	padding:0;
	text-decoration: none;
}

#continguts img a:visited{
	border:0;
	padding:0;
	text-decoration: none;
}

#continguts img a:hover{
	border:0;
	padding:0;
	text-decoration: none;
}



#continguts img  {
	border: 0;
}

/*Continguts qui som*/

#col1 {
	width: 330px;
	float: left;
}

#col2 {
	width: 330px;
	float: right;
}


	
/*Continguts On som*/

#colesquerra2cols {
	float: left;
	width: 460px;
}

#colesquerra2cols_din {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	line-height: 23px;
	border-bottom: 1px dotted #918391;
	padding-bottom: 6px;
	padding-top: 12px;
	font-size: 14px;
}


#colesquerracol1 {
	float: left;
	width: 215px;
	border-right: 1px dashed #918391;
	height: 355px;
}

#colesquerracol2 {
	float: right;
	width: 215px;
	border-right: 1px dashed #918391;
	height: 355px;
}

#coldreta1col {
	float: right;
	width: 200px;
	text-align: left;
}

.zoom {
	font-size: 0.9em;
	text-align: left;
}

/*Continguts entitats*/

#col1entitats {
	width: 225px;
	float: left;
	padding-right: 10px;
}

#col2entitats {
	width: 410px;
	padding-left: 24px;
	float: right;
	border-left: 1px dashed #918B91;
}
	
#col2titollogos {
	width: 396px;
	background-color:#918B91;
	padding: 5px 7px 5px 7px;
	font-size: 0.9em;
	color:#FFFFFF;
}

#col2entitats table {
	width: 410px;
}

#col2entitats table td {
	padding: 20px 0 20px 0;
}

#col2entitats img a {
	text-decoration: none;
	border: 0;
}
#col2entitats img a:visited {
	text-decoration: none;
	border: 0;
}
#col2entitats img a:hover {
	text-decoration: none;
	border: 0;
}

/*Continguts requeriments tècnics i avís legal*/

#colunica {
	width: 680px;
}

/*Continguts què fem*/

#col1quefem {
	width: 140px;
	float: left;
	padding: 0 0 0 0;
	text-align: left;
		border-right: 1px dashed #918B91;
}

#col2quefem {
	width: 515px;
	padding-left: 24px;
	float: right;

}




#col2quefem ul {
	list-style: none;
	padding: 12px 0 12px 50px;
	margin: 0;
}

#col2quefem li {
	 height: 25px;
}

#col1quefem ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#col1quefem li {
	padding: 0 0 10px 0;
	border-bottom: 10px solid #FFF;
}


#col1quefem li.violencia {
	background-image:url(../img/quefem_violencia.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #CB1000;  /*vermell*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
	text-transform: uppercase;
}

#col1quefem li.investigacio {
	background-image:url(../img/quefem_investigacio.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #FFC426; /*groc*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
		text-transform: uppercase;
}

#col1quefem li.cooperacio {
	background-image:url(../img/quefem_cooperacio.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #17497C; /*blau*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
		text-transform: uppercase;
}

#col1quefem li.marqueting {
	background-image:url(../img/quefem_marqueting.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #F57421; /*taronja*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
		text-transform: uppercase;
}


#col1quefem li.dones {
	background-image:url(../img/quefem_dones.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #9FAA00; /*verd*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
		text-transform: uppercase;
}

#col1quefem li.joves {
	background-image:url(../img/quefem_joves.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 92px;
	background-color: #AAA7C1; /*gris*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 9px;
	padding: 89px 6px 9px 10px;
	text-transform: uppercase;
}


#col1quefem li a{
	text-decoration: none;
	color: #FFF;
}

#col1quefem li a:visited{
	text-decoration: none;
	color: #FFF;
}

#col1quefem li a:hover{
	border-bottom: none;
	text-decoration: none;
	color: #000;
}
/*Continguts què fem violencia*/

#col1quefemesquerra {
	width: 515px;
	float: left;
	padding: 0 0 0 0;
	text-align: left;
	padding-right: 24px;
	text-align: justify;
}

#col1quefemesquerranocolright {
	width: 690px;
	float: left;
	padding: 0 0 0 0;
	text-align: left;
	text-align: justify;
}

#col1quefemesquerra ul, #col1quefemesquerranocolright ul {
	list-style: square;
	margin-top: 8px;
	margin-bottom: 8px;
}
#col1quefemesquerra p, #col1quefemesquerranocolright p {
	margin: 12px 0 8px 0;
}

#enconstruccio {
	width: 515px;
	float: left;
	padding: 0 0 0 0;
	text-align: left;
	padding-right: 24px;
	text-align: justify;
}

#col1quefemesquerramarqueting {
	width: 300px;
	padding: 0 0 0 0;
	text-align: left;
}

#col1quefemesquerramarqueting img  {
	border: 0;
}




#col2quefemdreta {
	width: 144px;
	float: right;
	padding-top: 12px;
}

#col1quefemesquerramenu {
	width: 690px;
	float: left;
	padding: 0 0 20px 0;
	text-align: left;
}

#col1quefemesquerramenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#col1quefemesquerramenu li {
	float: left;
}

#col1quefemesquerramenu li.violencia {
	width: 102px;
	height: 47px;
	background-color: #CB1000;  /*vermell*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border-right: 3px solid #FFF;
	text-transform: uppercase;
}

#col1quefemesquerramenu li.investigacio {
	width: 102px;
	height: 47px;
	background-color: #FFC426; /*groc*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border-right: 3px solid #FFF;
	text-transform: uppercase;
}

#col1quefemesquerramenu li.cooperacio {
	width: 102px;
	height: 47px;
	background-color: #17497C; /*blau*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	text-transform: uppercase;
}

#col1quefemesquerramenu li.marqueting {
	width: 102px;
	height: 47px;
	background-color: #F57421; /*taronja*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border-right: 3px solid #FFF;
	text-transform: uppercase;
}

#col1quefemesquerramenu li.dones {
	width: 102px;
	height: 47px;
	background-color: #9FAA00; /*verd*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border-right: 3px solid #FFF;
	text-transform: uppercase;
}

#col1quefemesquerramenu li.joves {
	width: 102px;
	height: 47px;
	background-color: #AAA7C1; /*gris*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border-right: 3px solid #FFF;
	text-transform: uppercase;
}


#col1quefemesquerramenu span.negre {
	color: #000;
	font-weight: bold;
}


#col1quefemesquerramenu li a{
	text-decoration: none;
	color: #FFF;
}

#col1quefemesquerramenu li a:visited{
	text-decoration: none;
	color: #FFF;
}

#col1quefemesquerramenu li a:hover{
	border-bottom: none;
	text-decoration: none;
	color: #000;
}

#titolviolencia {
	width: 515px;
	height: 24px;
	background-color: #918B91;
	color: #FFF;
}


#col2quefemdreta ul {
	list-style: none;
	padding: 0;
	margin: 0 0 22px 0;
}
#col2quefemdreta li {
	border-bottom: 1px dashed #918B91;
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #918B91;
	letter-spacing: 0.9px;
}

#col2quefemdreta li a {
	text-decoration: none;
	color: #918B91;
	letter-spacing: 0.9px;
}

#col2quefemdreta li a:visited {
	text-decoration: none;
	color: #918B91;
	letter-spacing: 0.9px;
}

#col2quefemdreta li a:hover {
	text-decoration: none;
	color: #CB1000;
	border-bottom: none;
	letter-spacing: 0.9px;
}

#col1quefemesquerra span.titularprogrames, #col1quefemesquerranocolright span.titularprogrames {
	border-top: 1px solid #D2d2d2;
	border-right: 1px solid #D2d2d2;
	display: block;
	text-align: right;
	padding-right: 5px;
	color: #918B91;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#col1quefemesquerra table, #col1quefemesquerranocolright table {
	border-top: 1px dashed #D2D2D2;
	margin-left: 20px;
	color: #918B91;
	font-size: 13px;
	margin-top: 20px;
}

#col1quefemesquerra table td, #col1quefemesquerranocolright table td{
	padding: 5px 0;
}

#col1quefemesquerra table p, #col1quefemesquerranocolright table p{
	padding: 0;
	margin: 0;
	display: inline;
}



#col1quefemesquerra img, #col1quefemesquerranocolright img {
	border: 0;
}


#col1quefemesquerra table.fundacionline {
	border-top: 1px dashed #D2D2D2;
	margin-left: 20px;
	color: #918B91;
	font-size: 0.9em;
}

p.programessagnat {
	padding-left: 20px;
	padding-right: 20px;
}





/*Continguts mapa del web*/

#contingutsmapaweb {
	margin: 0 40px 0 40px;
	text-align: justify;
	font-size: 1.2em;
	width: 690px;
}


#col1mapaweb {
	width: 449px;
	float: left;
	padding-right: 20px;
	margin-top:20px;
}

#col2mapaweb {
	width: 150px;
	float: right;
	padding: 0;
	margin-top: 20px

}

.contenidormapawebprimer {
	width: 449px;
	border-bottom: 1px dashed #918B91;
	padding-bottom: 20px;
}

.contenidormapaweb {
	width: 449px;
	border-bottom: 1px dashed #918B91;
	padding-bottom: 20px;
	padding-top: 20px;
}


.mapaweb {
	display: block;
	background-color: #918B91; /*gris*/
	color: #FFF;
	border-bottom: 1px solid #717074;
	border-right: 1px solid #717074;
	width: 170px;
	padding-left: 5px;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.mapaweb a {
	text-decoration: none;
	color: #FFF;
}

.mapaweb a:visited {
	text-decoration: none;
	color: #FFF;
}

.mapaweb a:hover {
	text-decoration: none;
	color: #CB1000;
}


.mapawebnivell2 {
	color: #918B91;
	display: block;
	padding-left: 40px;
	padding-top: 5px;
}

.mapawebnivell2 a {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell2 a:visited {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell2 a:hover {
	text-decoration: none;
	color: #CB1000;
}

.mapawebnivell3 {
	color: #918B91;
	display: block;
	padding-left: 80px;
	padding-top: 2px;
	font-size: 0.9em;
}

.mapawebnivell3 a {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell3 a:visited {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell3 a:hover {
	text-decoration: none;
	color: #CB1000;
}


.mapawebnivell4 {
	color: #918B91;
	display: block;
	padding: 5px;
	border-bottom: 1px dashed  #918B91;
}

.mapawebnivell4 a {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell4 a:visited {
	text-decoration: none;
	color: #918B91;
}

.mapawebnivell4 a:hover {
	text-decoration: none;
	color: #CB1000;
}

/*Crèdits*/

#contcredits {
	color: #918B91;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}


#contcredits a {
	color: #918B91;
	text-decoration: none;
}

#contcredits a:visited {
	color: #918B91;
	text-decoration: none;
}

#contcredits a:hover {
	color: #BC1000;
	text-decoration: none;
}

/*Finestra flotant*/

#lightbox {
	background-color:#fff;
	padding: 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#lightboxDetails {
	font-size: 0.9em;
	padding-top: 0.4em;
}
	
#lightboxCaption { 
	float: left; 
}

#keyboardMsg { 
	float: right; 
}

#closeButton { 
	bottom: 1px; 
	right: 1px; 
}

#lightbox img { 
	border: none; 
	clear: both;
} 

#overlay img { 
	border: none; 
}

#overlay { 
	background-image: url(overlay.png); 
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
}

.emfasidones {
	color: #9FAA00; /*verd*/
	font-size: 15px;
	font-weight: bold;
}

.emfasiviolencia {
	color: #CB1000;  /*vermell*/
	font-size: 15px;
	font-weight: bold;
}

.emfasicooperacio {
	color: #17497C; /*blau*/
	font-size: 15px;
	font-weight: bold;
}

.emfasiinvestigacio {
	color: #FFC426; /*groc*/
	font-size: 15px;
	font-weight: bold;
}

.emfasimarqueting {
	color: #F57421; /*taronja*/
	font-size: 15px;
	font-weight: bold;
}

.emfasijoves {
	color: #AAA7C1; /*gris-lilós*/
	font-size: 15px;
	font-weight: bold;
}

.programesactuals {
	font-size: 13px;
	color: #FFF;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	display: inline;
	background-color: #918B91; /*gris*/
	padding: 4px;
	font-family: "Arial Narrow", Arial, sans-serif;
}
