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

/* Genèrics */

body{ 
	  margin: 0;
	  padding: 0;
	  font-family:  Verdana,Tahoma,Verdana, Geneva, Arial,  Helvetica, sans-serif;
	  width:100%;
	  height:100%;
	  font-size: 62.5%;
	  background-color: #2d2d2d;
	  color: #444;
	  
}



img{ border:0;}
ul{ list-style-type:none;  }
ul, h1, h2, h3, h4, h5{ margin:0; padding:0;}
h4{ margin:0;padding:0;}
h1 img, h2 img,h3 img, h4 img,h5 img{display:block;}
h5{
margin:0;padding:0;font-size:1.1em;
}
.activitat-esq h6{
font-size:1.2em;
margin:0;padding:0;
}
.activitat-esq p{
margin:0;padding:0;
color:#333;
margin-top:.4em;
}


img,img a{
border:0;
margin:0;
padding:0;
}
a{ text-decoration:none; color:#333333;border:0;}
a:hover{ border-bottom:0; text-decoration:underline;}
hr{ display:none;}

#capsalera img{ display:block;}
.access{ display:none;}
.aclarir{ clear:both;}

dl{
font-size:1.2em;
margin:0;padding:0;
}
dt{
margin:0;padding:0;
margin-bottom:1em;
}
dd{
margin:0;padding:0;
margin-bottom:.1em;
}

/*Capçalera 
--------------------------------------------------------------------------- */

#capsalera{ 
background:url(../imatges/diadeladiversitat-09bcn.jpg) top left no-repeat;

height:14.2em;

width:94.4em;
}
#capsalera h1{ 
display:none;
}


/* Barra Corporativa 
--------------------------------------------------------------------------- */
#barra-corporativa{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
	margin:0;
	min-height:3em;
	padding:0;
	position:relative;
	text-align:right;
}
    #barra-corporativa a{ color:#FFFFFF;}
	#barra-corporativa img{ float:left; display:block;}
	#barra-corporativa #idiomes{ float:right; margin:0; padding:0.8em 1.4em;}
	#barra-corporativa #idiomes li{ display:inline; margin-left:.2em;}
	#barra-corporativa #idiomes li.separador{ padding-left:1em;}
	


/* Marc General 
--------------------------------------------------------------------------- */

#marc-web{ width:94.4em; margin:0 auto;}



/* Enllacos interns
--------------------------------------------------------------------------- */

#salta-nav div{ position: absolute; top:0; left:0; z-index: 10000;}
	#salta-nav div ul{ margin: 0; padding: 0; list-style: none; }

.inici-pag{ margin:0; padding:0; line-height:0; }	
	.inici-pag a { margin-left: -1000em; position:absolute;	}

#salta-nav div a { position: absolute; top: 0; width: 27.8em; margin: -100em 0 0 25em; text-align: center; background: #D82E39;}
	#salta-nav div a:focus,
	#salta-nav div a:active { top: 0; margin-top: 0; padding: 0.2em 0 0.5em 0; outline: 0; color: #fff;}

.inici-pag a:focus, .inici-pag a:active{ margin: 0; padding: 0; line-height: 1.4em;}


/* Contenidor
-------------------------------------------------------------------------- */

#contenidor{ clear:both; padding:0; }
#contenidor:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Columnas
-------------------------------------------------------------------------- */

#columna0, #columna1{ float:left; margin:0; padding:0; }
#columna0{ margin-right:3.5em;}
#columna0{ width:53.1em;}
#espai-promo{ width:52.1em; height:17.2em;  float:left;margin-bottom:1.2em;}

#columna1, #columna2{ width:37.2em;}

#columna1 ul, #columna2 ul, #columna3 ul{ font-size:1.1em;}

#llegenda{font-size:1.2em; color:#000000; margin-top:2.2em; margin-left:0.7em;}
#llegenda p{}

/* Presentació
-------------------------------------------------------------------------- */
#presentacio{
width:53.1em;
display:block;

}
#presentacio h3{

}


.presentacio-up{
background-image:url(../imatges/presentacio-up.gif);
background-position: top left;
background-repeat:repeat-x;
height:9.7em;
margin:0;padding:0;
background-color:#9A0A6D;


}


.presentacio-down{
/*background-image:url(../imatges/pastilla-down-ddd.gif);
background-position: bottom left;
background-repeat:repeat-x;*/
background-color:#9A0A6D;
margin:0; padding:0;
padding:1.5em;

}
.presentacio-down p{
margin:0;
margin-bottom:1em;
padding:0;
color:#FFF;
font-size:1.2em;
}

#mes-presentacio{
display:block;
}

#videoportada{
margin-bottom:1em;
}
/* Activitats
-------------------------------------------------------------------------- */
#activitats{
width:53.1em;
background-color:#FED501;

}
#activitats2{
width:53.1em;
margin:0 auto;
background-color:#FED501;

}
#activitats h3{

}

.activitats-up{
background-image:url(../imatges/activitats.gif);
background-position: top left;
background-repeat:repeat-x;
height:12.5em;
margin:0;padding:0;

}
.activitats-up h4{
float:right;
}
.activitats-up h1{
padding-top:4em;
padding-left:1.3em;
color:#000000;
}

.activitats-down{
margin:0; padding:0;
padding-bottom:3.5em;

}

.bloc{
background-image:url(../imatges/separador-activitats.gif);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:1.6em;
}
.bloc2{
border-bottom:1px dotted #CCCCCC;
margin-bottom:1.6em;
font-size:1.2em;
}
.bloc h5{
margin:0;padding:0;

}
.bloc-text{
margin:0;padding:0;
padding:0em 2.5em 1.7em 2em;
font-size:1.2em;
color:#000000;
}
.bloc-text2{
margin:0;padding:0;
padding:0em 2.5em 0em 2em;
font-size:1.2em;
color:#000000;
}
activitats-contingut{
padding-bottom:3em;
}

.activitat-dret{
width:133px;
float:right;
position:relative;
}
.activitat-esq{
width:320px;
float:left;
position:relative;
}
ul#entitats{
margin-top:1.2em;
}
p.entitats{
margin-bottom:0.2em;
}
/* Incscripció
-------------------------------------------------------------------------- */
#inscripcio{

}

.inscripcio-up{
background-image:url(../imatges/inscripcio-up.gif);
background-position: top left;
background-repeat:repeat-x;
height:11.7em;
margin:0;padding:0;
background-color:#E2E2E2;
}

.inscripcio-down{
background-color:#E2E2E2;
margin:0; padding:0;
padding:1.5em;
}
.inscripcio-down p{
margin:0;
margin-bottom:1em;
padding:0;
color:#000;
font-size:1.2em;
}

/* Formulari Inscripció
-------------------------------------------------------------------------- */
#formulari-inscripcio{
width:45.5em;
margin:0 auto;
}

.formulari-inscripcio-up{
background-image:url(../imatges/formulari-up.gif);
background-position: top left;
background-repeat:no-repeat;
height:2em;
margin:0;padding:0;


}

.formulari-inscripcio-down{
background-image:url(../imatges/formulari-down.gif);
background-position: bottom left;
background-repeat:no-repeat;
margin:0; padding:0;
height:2em;
}
.formulari-cos{
margin:0;padding:0;
background-color:#e2e2e2;
}
#zona-formulari{
padding:3em 5em;
}

#zona-formulari label{
display:block;
font-size:1.2em;
color:#000000;
margin-bottom:.1em;
}
#zona-formulari input{
border:none;
width:100%;
background-color:#6b1f81;
padding:.2em;
margin-bottom:.5em;
color:#FFFFFF;
}
#zona-formulari input.franja{
border:none;
width:2em;
height:2em;
display:inline;
}
#zona-formulari span{

margin:0;padding:0;padding-top:1em;line-height:2em;}

#zona-formulari input.opcions{
border:none;
background-color:#FFFFFF;
width:2em;
display:block;
float:left;
}
#zona-formulari input.enviar{
border:none;
width:10em;
display:block;
float:right;
margin-top:1em;
}
#zona-formulari label.opcions{
padding-left:1em;
background-color:#6b1f81;
padding:.2em;
}
fieldset{
border:none;
padding:0;
}
legend{
font-size:1.2em;
margin-bottom:.2em;
padding:0;
color:#000000;
}
legend.titol-formulari{
display:none;
}
ol{
list-style-type:none;
padding:0;
}
li{
margin:0;padding:0;
}


/* enllaços
-------------------------------------------------------------------------- */
#enllacos{

}

.enllacos-up{
background-image:url(../imatges/videos-up.gif);
background-position: top left;
background-repeat:repeat-x;
height:8.6em;
margin:0;padding:0;
background-color:#E2E2E2;

}

.enllacos-down{
background-color:#E2E2E2;
margin:0; padding:0;
padding:1.5em;
}
.enllacos-down p{
margin:0;
margin-bottom:1em;
padding:0;
color:#000;
font-size:1.2em;
}
/* recursos
-------------------------------------------------------------------------- */
#recursos{

}

.recursos-up{
background-image:url(../imatges/videos-up.gif);
background-position: top left;
background-repeat:repeat-x;
height:8.6em;
margin:0;padding:0;
background-color:#E2E2E2;

}

.recursos-down{
background-color:#E2E2E2;
margin:0; padding:0;
padding:1.5em;
}
.recursos-down p{
margin:0;
margin-bottom:1em;
padding:0;
color:#000;
font-size:1.2em;
}
ul#llistarecursos{
list-style-type:none;
background-image:none;
}
ul#llistarecursos li{
margin-bottom:.6em;
list-style-type:none;
background-image:none;
}

/* videos
-------------------------------------------------------------------------- */
#videos{

}

.videos-up{
background-image:url(../imatges/videos-up.gif);
background-position: top;
background-repeat:repeat-x;
height:8.6em;
margin:0;padding:0;

}

.videos-down{
background-color:#E2E2E2;
background-image:url(../imatges/videos-down.gif);
background-position: bottom right;
background-repeat:no-repeat;
margin:0; padding:0;
padding:1.5em;
}
.videos-down2{
background-color:#E2E2E2;
/*background-image:url(../imatges/videos-down.gif);
background-position: bottom right;
background-repeat:no-repeat;*/
margin:0; padding:0;
padding:1.5em;
}
.videos-down p,.videos-down2 p{
margin:0;
margin-bottom:1em;
padding:0;
color:#000;
font-size:1.2em;
/*padding-right:8em;*/
}

/* fotografies
-------------------------------------------------------------------------- */
#fotos{

}

.fotos-up{
background-image:url(../imatges/vidoes-up.gif);
background-position: top;
background-repeat:repeat-x;
height:8.6em;
margin:0;padding:0;

}

.fotos-down{
background-color:#E2E2E2;
margin:0; padding:0;
padding:1.5em;
}
.fotos-down p{
margin:0;
margin-bottom:1em;
padding:0;
color:#000;
font-size:1.2em;
padding-bottom:3em;
}
/* arribar-hi
-------------------------------------------------------------------------- */
#arribar{

}

.arribar-up{
background-image:url(../imatges/arribar-up.gif);
background-position: top;
background-repeat:repeat-x;
height:9.3em;
margin:0;padding:0;
background-color:#E2E2E2;
}



/* INFO PAGINA
------------------------------------------------------------------------------------*/
#info-pagina{
margin:0;padding:0;
}

		
/* Sobre-diadeladiversitat   -- Info página
-------------------------------------------------------------------------- */

#sobre-diadeladiversitat h3{ display:none;}

#organitza h2{ display:block; width:10em; font-size:1.2em; vertical-align:top;margin-bottom:1em;}
#collabora h2{ display:block;width:10em;font-size:1.2em; vertical-align:top;margin-bottom:1em;text-align:right;float:right;}
#sobre-diadeladiversitat{ background-color:#fff; padding:1.4em 2.7em;margin-top:7em;}

#organitza{
float:left;
vertical-align:top;
position:relative;
width:40em;
}

#organitza ul{
float:left;
vertical-align:top;
list-style-type:none;
}

#organitza li{
display:inline;

}

#collabora{
float:right;
vertical-align:top;
list-style-type:none;
text-align:right;
width:45em;
}

#collabora ul{

float:right;
}

#collabora li{
display:inline;

}

/*Info Aj.Barna 
--------------------------------------------------------------------------- */

#info-ajbarna{ 
	background-color:#000000;
	color:#FFFFFF;
	margin:0;
	padding:0;
	position:relative;
	padding:1.2em;
	}
	#info-ajbarna p{ 
	padding:0;
	margin:0;
	}


/* SPRITES
------------------------------------------------------------------------------------*/


a#carta-serveis, #utilitats form#frmcerca input#cerca, #telefons-urgencies dl dt, #menu-interactius ul span, #columna2 li.altresopcions, #columna2 li.rss, #telefons-urgencies .mesinformacio, #menu-principal ul span, #tots-tramits, #tot-aj, #menu-principal ul li a, #menu-principal li a.ciutat, #menu-interactius ul li.dsota-rss, #menu-interactius ul li.dsota-mobil span, #menu-interactius ul li.ciutada, #columna1  ul li a, #columna1  ul li a, #atencio-ciutada dl dt, #espai-promo h2, .video, #barra-corporativa #idiomes li.separador, #frmcerca p{/*background:url(http://www.bcn.cat/imatges_accessible/img09/img_sprite.gif) no-repeat;*/}


#utilitats form#frmcerca input#cerca { background-position:left -460px;}
#telefons-urgencies dl dt, #espai-promo h2 { background-position:left -643px;}
#menu-interactius ul span { background-position: left -145px;}
#columna2 li.altresopcions { background-position: left 4px;}
#columna2 li.rss, #menu-interactius ul li.dsota-rss { background-position:left -239px;}
#telefons-urgencies .mesinformacio { background-position:left -210px;}
#menu-principal ul span,#menu-principal li a.ciutat{ background-position: left -115px;}
#tots-tramits { background-position: left -309px;}
#tot-aj { background-position: left -341px;}
#menu-principal ul li a { background-position: left -86px;}
#menu-interactius ul li.dsota-mobil span { background-position: left -176px;}
#menu-interactius ul li.ciutada { background-position: left -375px;}
#columna1  ul li a, #columna1  ul li a,a#carta-serveis, #atencio-ciutada dl dt  { background-position: left 3px;}
.video { background-position:left -581px;}
#barra-corporativa #idiomes li.separador { background-position: left -496px;}
#frmcerca p{ background-position: left -522px;}


/**** FOTOS****/

.bloc-fotos{
padding:1em 1em;
}
.bloc-fotos img{
border:0;
}
a.fotoflickr{
margin-right:1.3em;
margin-bottom:1.3em;

}

ul.videos li {
  float: left;
  width: 8em;
  height:10em;
  display:block;
  margin-bottom: 1em;
  margin-right: 1.3em;
  border-bottom:1px dotted #CCCCCC;
}
ul.videos li img {
  width: 8em;
  height:6em;
  cursor:pointer;
}
.titlec {
font-size:.8em;
display:block;
height:2em;
vertical-align:bottom;
}
ul.videos
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}

#playerContainer{
width: 20em; height: 26em; float: left;
margin-bottom:1.5em;
}