body{
font-family: arial, helvetica, sans-serif;
font-size:100%;
margin:0;
color:#fff;
background-color:#000;
}

a:link{
color:#fff;
}
a:hover{
color:#fff;
}
a:visited{
color:#fff;
}

/* CABECERA */
#marge_superior {
width:100%;
background-color:#000; 
border-bottom:1px solid #cecece;
overflow:hidden;
}
#superior {
width:1240px; 
margin:auto;
padding-top:10px;
}

#superior h1{
font-size:1.2em;
text-align:left;
color:#fff;
font-weight: normal;
}

img.logo{
vertical-align: middle;
}

#menusaltar {z-index: -9999; position:absolute;}
#menuidioma {
float:right;
margin-top:15px;
font-size:0.8em;
}

#menuidioma ul {
display:inline;
list-style: none;
}

#menuidioma ul li {
margin-left: 1em;
padding-left: 0.5em;
display:inline;
}

#menuidioma  .categoria_activa {color:#3d3d3d;}

#titol {float:left; width:50%}


/* BUSCADOR */
#search{
float:right;
width:40%;
padding:1em 0 0 0;

}
.os_search {
font-size:85%;
margin:1.5em 0 0 0;
text-align:right;
}

.inline{
display:inline;
}

.os_searchh div {
white-space:nowrap;
text-align:center;
margin:0em auto;
  padding:0.2em;
border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  color:#fff;
  background-color:#eeeeee;
}
.os_search div input, .os_search div select {
vertical-align:middle;
font-size:inherit;
}
.os_search div label {}

#formcercador{
display:inline;
text-align:right;
}
#formcercador label input {border:none; width:200px; height: 28px; margin-left:10px; padding-left: 8px; border: 1px solid #ccc;}
#formcercador input#cercar {
background-color: #fff;
border: medium none;
color: #000;
font-weight: bold;
height: 29px;
margin-left: -5px;
cursor:pointer
}

/* FIN BUSCADOR */


/* CONTENIDO */

#marge_contingut {width:100%;}
#contingut{width:1240px;margin:auto; }

#contingut2{
float:left;
}
/*
#contingut p {
text-indent:1em;
}
*/
/* MENU */
#lateral{
float:left;
padding-right: 39px;
padding-bottom: 70px;
width:22%;
}

#lateral ul {
margin:0.2em 0 0 0em;
padding:0;
list-style:none;
}

#lateral li {

float: left;
margin: 0 0 -2px;
padding: 5px;
width:100%;
}
#lateral #menuprincipal {
margin:-39px 0 0 0em;
}
#menuprincipal a{
float: left;
background-color:#efeeee;
padding:10px 20px; 
border-left: 2px solid #fff;
text-decoration: none;
transition: 0.2s;
color: #000;
}
#menuprincipal a:hover {
float: left;
background-color:#fff;
padding:10px 40px 10px 20px; 
font-weight:bold;
color: #000;
transition: 0.2s;
}
#lat_contacte {
border-top: dotted 1px #9b9b9b;
margin-top: 30px;
padding-top: 75px;
float:left;
padding-top: 20px;
}
#lat_contacte  p {
text-align: center;
}
#lateral #lat_llistaxarxes {
margin-left: 23%;
margin-top:-79px;
}
#lateral #lat_llistaxarxes li {
float:left;
width:auto;
padding: 2px;
}
#lateral #lat_llistaxarxes li a {
border:none;
background:none;
padding: 0 2px;
}

/* FIN MENU */

#principal{
float:left;
width:74%;
}
#principal h2{
border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-align: left;
}
#principal li{
line-height: 30px;
}
#caixa_benvinguda {
margin:50px 0 35px 0;
background-image: url("../img/imbcabecera_braille1.jpg");
background-repeat: no-repeat;
background-position: left top;
padding:40px 15px;
}
#caixa_benvinguda  h2 {
background-color: #000;
box-shadow: 1px 1px 9px #929292;
margin: auto;
opacity: 0.81;
padding: 20px 30px;
text-align: center;
width: 48%;
color: #fff;
}
#caixa_benvinguda  p {
background-color: #000;
box-shadow: 1px 1px 9px #929292;
margin: 27px auto 0 auto;
opacity: 0.81;
padding: 20px 30px;
text-align: center;
width: 70%;
color: #fff;
line-height: 23px;
}
#caixa_actualitat, #caixa_agenda {
border-top:dotted 1px #9b9b9b;
margin-bottom: 30px;
}
#caixa_actualitat h3, #caixa_agenda h3, #principal h3 {
border-bottom: 1px solid #fff;
color: #fff;
margin:0;
padding:10px 15px;;
}
#caixa_actualitat ul{list-style: none; margin-left:-25px;line-height: 22px;}
#caixa_actualitat ul li {margin-bottom: 5px;border-bottom: 1px dotted #ccc; padding-bottom:5px;
background-image: url("../img/flecha2.gif");
background-position: left 11px;
background-repeat: no-repeat;
padding-left:11px;
}
#caixa_actualitat ul.mesopcions li, #caixa_agenda ul.mesopcions li  { background: none; border: none;}
#caixa_agenda ul {list-style: none; margin-left:-15px;line-height: 22px;}
#caixa_agenda li {margin-bottom:10px; overflow:hidden; border-bottom: 1px dotted #ccc; padding: 7px 0;}
#caixa_agenda li a { 
width:72%; 
float:left;
/*
background-image: url("../img/flecha_icons.gif");
background-position: right 10px;
background-repeat: no-repeat;
padding-right:15px;
*/
}
#caixa_agenda li p {
background-image: url("../img/flecha1.png");
background-position: top left;
background-repeat: no-repeat;
width:25%; 
float:left; 
margin:0; 
padding-left:15px;
padding: 5px 0	5px 15px;
}

#caixa_agenda .mesopcions a {float:none;}

.caixa_destacat  {
  border-bottom: 1px dotted #ccc;
}


.mesopcions  {
padding-left: 10px;
font-size:14px;
}
.mesopcions a {
color:#000;
background-color: #fff; 
padding-top: 7px;
padding-bottom: 5px;
padding-right: 10px;
text-decoration: none;
transition: 0.5s;
font-weight:normal;
}
.mesopcions a:hover{
background-color: #fff; 
transition: 0.5s;
}
.mesopcions a.veuremes {
background-image: url("../img/spritebtn_1.png");
background-repeat: no-repeat;
background-position: 2px 6px;
padding-left: 39px;
}
.mesopcions a.subscriure_mail, .mesopcions a.subscripcio_mail {
background-image: url("../img/spritebtn_1.png");
background-position: 1px -24px;
background-repeat: no-repeat;
padding-left: 40px;
}
.mesopcions a.subscriure_rss {
background-image: url("../img/spritebtn_1.png");
background-position: 2px -52px;
background-repeat: no-repeat;
padding-left: 40px;
}
.mesopcions a.agenda_publicar {
background-image: url("../img/spritebtn_1.png");
background-position: 7px -78px;
background-repeat: no-repeat;
padding-left: 45px;
}
.mesopcions li  {
list-style: none;
}
/* elements capçalera */



#marge_peu {
background-color: #000;
border-top: 1px solid #cecece;
overflow: hidden;
width: 100%;
}
#peu{
width: 990px;
margin:auto;
}

#peu_divxarxes #pxarxes {
position:absolute;
left:-5000px;
}


/* elements contingut pagina principal */
/* mes opcions actualitat i agenda */
ul.mesopcions {
margin-left: 0;
padding:0.2em 0.5em 1em 0.5em 21px;
list-style: none;
border: none;
overflow:hidden;
}

ul.mesopcions li {
margin-left: 0.5em;
padding-left: 0.5em;
margin-right:-2px;
border: none;
float:left;
list-style-type:none;

}

.caixa{
float:left;
clear:both;
}


/* elements contingut */
/* breacrumb +*/

#bread{
float:left;
padding:39px 0.5em 1em 0.5em;
width:72%;
}

#bread h2 {
display:inline;
font-size:1em;
}

#bread ul {
margin-left: 0;
padding-left: 0;
display:inline;
list-style:none;
border:none;
}

#bread ul li {
margin-left: 0;
padding-left: 0.2em;
border: none;
display: inline;
}



/*elements peu */

#peu p {
text-align:center;
font-size: 0.9em;
}

#peu_divmenu{
color: #474747;
overflow:hidden;
}
#peu_divmenu #peu_llistamenu, #peu_divxarxes #peu_llistaxarxes, #peu_divicones #peu_llistaicones {
float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}
#peu_divmenu #peu_llistamenu li, #peu_divxarxes #peu_llistaxarxes li, #peu_divicones #peu_llistaicones li {
 float:left;
 position:relative;
 right:50%;
 margin:10px;
}

#peu_divxarxes{
float:left;
width:100%;
}
#peu_divicones{
float:left;
width:100%;
}
#peu_divllicencia{
float:left;
clear:both;
width:100%;
/*color:#474747;*/
}
/*
#peu_divxarxes p{
text-align:left;
font-weight:bold;
display:inline;
}


#peu_llistaxarxes li{
display:inline;
margin-left: 1em;
padding-left: 0.5em;
}

#peu_llistaxarxes img{
vertical-align:middle;
}


#peu_divicones{
float:left;
padding-left: 2em;
}

#peu_llistaicones {
list-style:none;
display:inline;
}

#peu_llistaicones li{
display:inline;
margin-left: 1em;
padding-left: 0.5em;
}

#peu_llistaicones img{
vertical-align:middle;
}



#peu_divllicencia img{
vertical-align:middle;
}

ol.romans{
list-style-type:upper-roman;
}
*/
/* estils */

 /*p {
text-align:justify;
}*/

.centrar{
text-align:center;
}

.dreta{
text-align:right;
}

.negreta {
font-weight: bold;
}

.ocult{
top: -9999em;
position:relative;
}

/* paginacio */

#display_content h3 { text-align: center }
#content { border: 1px solid #111; margin-left:auto;margin-right:auto; width:80% }
.page_thumbnail { text-align:center;}
.page_thumbnail ul {list-style:none;}
.page_thumbnail ul li {
display:inline;
margin:0 3px; 
padding:5px;
border:solid 1px #ccc;
}
.first_offline, .prev_offline, .next_offline, .last_offline { display:none; }
.page_thumbnail .page_online, .next_online, .last_online { text-decoration:none;}
.page_thumbnail ul li.page_offline { color:#000; font-size: 120%; font-weight:bold; text-decoration:none; }





/* ***** Orca Search - Search Engine XHTML Output CSS ************ */


#os_main {
font-size:90%;
  padding:1em;
}
#os_main p#os_msg {
text-align:center;
}
#os_main ul {
  text-align:left;
}

#os_resultbar {
color:#fff;
background-color:#eeeeee;
border-top:0.2em solid #808080;
margin:0.3em 0em 1.5em 0em;
padding:0.2em;
text-align:right;
}

#os_results {
  list-style-type:decimal;
  margin:0em;
  padding:0em 0em 0em 2em;
text-align:left;
}
#os_results li {
  margin:1em 0em;
}


/* ***** Result Template ***** */
#os_results li h3 {
  font-weight:normal;
  position:relative;
  margin:0px;
  border-bottom:2px solid #808080;
  font-size:120%;
display:block;}
#os_results li h3 span.filetype {
  font-size:70%;
  text-transform:uppercase;
  color:#0000cc; display:inline;}
#os_results li h3 small {
  font-size:80%;
}
#os_results li h3 a {
  text-decoration:none;
}
#os_results li h3 a:hover {}
#os_results li p {
  clear:left;
  margin:2px;
}
#os_results li blockquote {
  margin:0px;
}
#os_results li blockquote p {
  margin:0px;
}
#os_results li blockquote p cite {
  color:#008000;
  background-color:transparent;
}
#os_results li blockquote p small {
  font-size:80%;
  color:#808080;
  background-color:transparent;
}



/* ***** Pagination ***** */
#os_pagination {
  margin:0.5em 17% 50px;
  font-size:90%;
  height:auto;
}
#os_pagination div#os_pagin1 a{
  float:left;
  width:15%;
  white-space:nowrap;
  text-align:right;
  
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin: -4px 3px;
	padding: 5px;
	text-decoration:none;
}
#os_pagination div#os_pagin2 a {
  margin:0px 20%;
  text-align:center;
  
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin: 0 3px;
	padding: 5px;
	text-decoration:none;
}
#os_pagination div#os_pagin3 a {
  float:right;
  width:15%;
  white-space:nowrap;
  text-align:left;
  
  background-color: #eeeeee;
	border: 1px solid #ccc;
	margin: -4px 3px;
	padding: 5px;
	text-decoration:none;
}
#os_pagination div#os_pagin2 strong {
  text-align:center;
  padding:5px;
	 background-color: #fff;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}
/* categoria agenda, categoria links*/
.categoria_activa {
color:#fff;
font-weight:bold;
}

/* seccio agenda */
#cercadorevents{
float:left;
width:35%;
margin-left: 4%;
}

#events{
float:left;
width:61%;
}
#events h3 {
background:none;
border-top:dotted 1px #ccc;
padding-top:10px;
margin-top:10px;
padding-left: 0;
font-size:17px;
}
#events p {margin-top:0;}
#subscripcio_esdeveniments{
float:left;
clear:both;
}

.p_pictos{
padding:0 0 2 0.5em;
}

/* Form crear esdeveniment*/
legend {font-weight:bold;}
#crearesdeveniment fieldset  {border:none;margin-bottom:0;margin-left: 0;padding-left: 0;}
#crearesdeveniment fieldset legend {
	border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 7px;
    width: 100%;
}
#crearesdeveniment label {
clear: both;
    float: left;
    margin-bottom: 12px;
    width: 40%;
	padding-right:15px;
}
#crearesdeveniment input, #crearesdeveniment select  { 
	height: 29px;
    margin-bottom: 18px;
    width: 57%;
}
fieldset #contingut{width:100%;}

#crearesdeveniment .mesures_accessibilitat input {margin-bottom:0px; height:auto; width:auto;}
#crearesdeveniment .mesures_accessibilitat label {float:none;}
#nomorganitzador {width:100%;}
#crearesdeveniment .agenda_previsualitzar {
width:auto; 
float:left; 
margin-right:30px;
background-color: #fff;
color: #000;
font-weight: normal;
border:none;
text-decoration: none;
transition: all 0.5s ease 0s;
font-weight:bold;
cursor:pointer;
padding-left:7px;
padding-right:7px;
}
#crearesdeveniment .agenda_enviar, input#enviar {
width:auto;
background-color: #fff;
color: #000;
font-weight: normal;
border:none;
text-decoration: none;
transition: all 0.5s ease 0s;
font-weight:bold;
cursor:pointer;
padding:7px;
}

/** Twitter Timeline (Personalizar) **/
#timeline {
	/*background-color: #f5f5f5;*/
	clear:both;
}

#timeline ul {
list-style:none;
   margin: 0 0 0 -20px;
}

#timeline .header {
	padding-bottom: 0.5em;
}

#timeline .nombre,
#timeline .nombre a,
#timeline .nombre a:hover {
	color: #000;
	text-decoration: none;
}

#timeline .usuario,
#timeline .usuario a,
#timeline .usuario a:hover{
	color: #fff;
	text-decoration: none;
}

#timeline .time {
	font-size: 0.85em;
}

#timeline .nRTs,
#timeline .nFav {
	float: right;
	font-size: 0.85em;
}

#timeline p {
	border-bottom: 1px dotted #ccc;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 0;
    padding-bottom: 13px;
}

#timeline a {
	color: #fff;
	text-decoration: underline;
}

#timeline a:hover {
	text-decoration: none;
}

#compartir{
float:left;
width:90%;
clear:both;
padding:1em;
}

#compartir h2{
font-size:1em;
display:inline;
text-align:left;
border:none;
}

#compartir ul{
list-style-type:none;
display:inline;
}

#compartir li{
display:inline;
}



@media (max-width: 1024px) {
#contingut, #superior, #peu{width: 990px;}
#lateral #lat_llistaxarxes {margin-left: 16%;}
}
@media (max-width: 960px) {
#contingut, #superior, #peu{width: 900px;}
#lateral {width: 20%;}
}
@media (max-width: 768px) {
#contingut, #superior, #peu{width: 724px;}
#principal {width: 73%;}
#formcercador label input {width: 167px;}
#lateral #lat_llistaxarxes {margin-left: 5px;}
#lateral #lat_llistaxarxes li {padding: 1px;}
#search {width: 43%;}
}
@media (max-width: 640px) {
#contingut, #superior, #peu, #principal, #lat_contacte, #search, #menuidioma, #titol {width: 98%;}
#lateral {width: 98%;margin-bottom:0; padding-right:0; padding-bottom:0;}
#lateral li {width: auto;}
#menuprincipal a, #menuprincipal a:hover {padding: 5px 9px;font-weight: normal;}
#lat_contacte {margin-top: 15px;padding-top: 0;}
#lateral #lat_llistaxarxes  {width:173px;margin: -50px auto;}
#caixa_benvinguda {margin: 20px 0 35px;}
#formcercador label input {width: 170px;}
#search {padding: 0 10px 10px;}
img.logo {
    float: left;
    margin-right: 20px;
    width: 105px;
}
    
}