/*
Ajuntament de Sabadell - Ciutadania
 

-Basic
-Container / Estructura
-Navegació
-Varis
-Footer
 
 Basic
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
 font-size: 12px;
 font-family: Verdana, Arial, sans-serif;
 color: #333;
 padding: 0;
 margin: 0;
 background: #218c90 url(../i/fons_plana.jpg) 50% 0 repeat-y; 
}
 
#gencontenidor {
 text-align:left;
 margin: 0px auto;
 /*width: 780px;*/
 width: 830px!important;
 padding: 0 8px;
 /*
 border-left-style:none;
 border-left-width:0px!important;
 border-right-style:none;
 border-right-width:0px!important;
 */
}
 

ul,ol,dl,fieldset {margin:0;padding:0;}
img {border: 0;}
ul {list-style: none;}
a {
 color: #008489;
 font-weight: bold; 
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
 

/* Container / Estructura
---------------------------------------------*/
 
div#container_main {
 width: 933px;
 
 margin: 0 auto; 
 text-align: left;
 position: relative;
 background: #fff;
}
div#header {
 /*height: 356px;*/
}
 
/* Navegació
---------------------------------------------*/
div#nav_idiomes {
 height: 30px; 
}
div#nav_idiomes ul {
 margin-top: 10px;
}
div#nav_idiomes ul li{
 padding: 0px 10px;
 float: left;
 display: inline;
 text-align: center;
 margin: 0px 5px 5px 0;
 border-right: 1px #000 solid;
}
div#nav_idiomes ul li a:hover {
 background-color: black;
 color: white; 
}
 

ul.menu_nav {
 background-color: #e8ebe6;
 /* padding: 5px; */
 font-size: 11px;
}
ul.menu_nav li{
 padding: 3px;
 margin: 8px 5px;
 background-color: #fff;
}
ul.menu_nav li a {
 font-size: 12px; 
}
ul.menu_nav li a strong {
 color: #000; 
}
ul.menu_nav li ../i {
 float: right; 
}
 
/* Varis
---------------------------------------------*/
.flash-replaced {
 display: block;
 height: 0;
 position: absolute;
 overflow: hidden;
 width: 0;
}
 

.colorcgris
{
background-color:#E8EBE6
}
 

.colorcblau
{
background-color:#C8E2E3
}
 

.colorcverd
{
background-color:#228B8F
}
.what {
float:left;
padding-top:15px;
}
.what h3 {
font-size:1.3em;
font-weight:bold;
margin:0;
padding:0;
}
 

.navegacioPagines  {
border:1px solid #999999;
color:#333333;
padding:4px 6px;
text-decoration:none;
}
 
.navegacioPagines a:hover, .navegacioPagines a:active, .navegacioPagines a:focus {
background:#208C8F none repeat scroll 0 0;
border:1px solid #208C8F;
color:#FFFFFF;
}
 
 
 
.info {
 clear: both;
 font-size: 16px;
 font-family: Georgia, Times New Roman;
 padding-left: 50px;
 background-image: url(../i/icon_info.jpg);
 background-repeat: no-repeat;
 height: 38px;
}
 
div.separador {
 background-image: url(../i/ombreta_separador_fons.jpg); 
 background-repeat: repeat-x;
 height: 3px;
 clear: both;
}
 
.cos_textverd12{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:12;
 color:#008489; font-weight:bold;
}
 
.cos_textverd16{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:24;
 color:#008489; 
}
 
a. cos_textverd12:link {text-decoration: none;}
a. cos_textverd12:active {color:#008489;text-decoration: none;}
a. cos_textverd12:visited {color:# 008489;text-decoration: none;}
a. cos_textverd12:hover {text-decoration: none;}
 
 
 
 
 
.cos_textverdb{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11;
 color:#008489; font-weight:bold;
}
 
a. cos_textverdb:link {text-decoration: none;}
a. cos_textverdb:active {color:#008489;text-decoration: none;}
a. cos_textverdb:visited {color:# 008489;text-decoration: none;}
a. cos_textverdb:hover {text-decoration: none;}
 
.cos_textgris{
  font-family: Grisana, Arial, Helvetica, Geneva, sans-serif; font-size:11;
 color:#666666;
}
 
a. cos_textgris:link {text-decoration: none;}
a. cos_textgris:active {color:#666666;text-decoration: none;}
a. cos_textgris:visited {color:#666666 text-decoration: none;}
a. cos_textgris:hover {text-decoration: none;}
 

.cos_textgrisb{
  font-family: Grisana, Arial, Helvetica, Geneva, sans-serif; font-size:11;
 color:#666666; font-weight:bold;
}
 
a. cos_textgrisb:link {text-decoration: none;}
a. cos_textgrisb:active {color:#666666;text-decoration: none;}
a. cos_textgrisb:visited {color:#666666; text-decoration: none;}
a. cos_textgrisb:hover {text-decoration: none;}
 
.cos_textnegreb{
  font-family: verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11;
 color:#000000; font-weight:bold;
}
 
a. cos_textnegrebb:link {text-decoration: none;}
a. cos_textnegrebb:active {color:#000000;text-decoration: none;}
a. cos_textnegrebb:visited {color:#000000; text-decoration: none;}
a. cos_textnegrebb:hover {text-decoration: none;}
 

.cos_textnegrebpetit{
  font-family: verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11;
 color:#000000; font-weight:bold;
}
 
 
 

.cos_textgrisss{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:12;
 color:#666666; 
}
 
a. cos_textgrisss:link {text-decoration: none;}
a. cos_textgrisss:active {color:#666666;text-decoration: none;}
a. cos_textgrisss:visited {color:#666666;text-decoration: none;}
a. cos_textgrisss:hover {text-decoration: none;}
 
.cos_textblanco{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:12;
 color:#ffffff; 
}
 
a. cos_textblanco:link {text-decoration: none;}
a. cos_textblanco:active {color:#ffffff;text-decoration: none;}
a. cos_textblanco:visited {color:#ffffff;text-decoration: none;}
a. cos_textblanco:hover {text-decoration: none;}
 

.cos_textverde14{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:14;
 color:#218C94; 
}
 

.cos_textverde18{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:24;
 color:#218C94; 
}
 
.cos_textnegro14{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:14;
 color:#000000; font-weight: bold;
}
 
 
 

.titol {
 padding: 5px;
 font-size: 12px;
 height: 16px;
 background-color: #008489; 
 color: #fff;
 font-weight: bold; text-align: left
;}
 
 
 
.titolblanc {
 padding: 5px;
 font-size: 11px;
 height: 16px;
 background-color: #11585A; 
 color: #ffffff;
 font-weight: bold; text-align: left
;}
 
 
 

.titular {
 padding: 5px;
 font-size: 12px;
 height: 16px;
 background-color: #008489; 
 color: #fff;
 font-weight: bold;
text-align:center;}
.titFitxa h4 {
color:#000000;
font-size:2em;
font-weight:normal;
margin:0;
text-align:right;
}
 

.agenda {
 font-weight: bold; 
}
.agenda a ../i {
 float: right; 
}
.mes_titulars {
 font-weight: bold; 
}
/* 3 columnes */
div.box {
 float: left; 
 margin-top: 10px;
 margin-bottom: 20px;
}
div#nav1, div#nav2 {
 width: 335px; 
 margin-right: 22px;
 background-color: #E8EBE6;
}
div#nav3 {
 width: 212px; 
}
div#nav3 ../i {
 margin-bottom: 20px; 
}
ul.agenda_nav {
 border-top: 1px solid #DADADA; 
}
ul.agenda_nav li{
 padding: 8px 0;
 border-bottom: 1px dashed #DADADA;
}
 
/* títols */
.apartat{
 font-size:12;
 font-weight:bold;
 padding-bottom:10px;
 border-bottom:1px dashed #AAA; 
 color:#2F2F2F;
 margin:0;
}
 

.titol2{
 margin:0;
 font-size:16;
 font-weight: bold;
 color:#218c94!important;
 padding:5px 0;
 border-bottom:1px solid #AAA;
}
.subtitol{
 font-size:16;
 font-weight:bold;
 color:#000000;
 padding:10px 0;
 margin:0;
}
 

.subtitolblanc{
 font-size:14;
 font-weight:bold;
 color:#ffffff;
 padding:10px 0;
 margin:0;
}
 
 
 
 
 
.tipusA{
 background: url(../i/kland_estil_caixa.gif) no-repeat 10px 6px #E9EBE6;
 color:#666;
 padding:5px 10px 5px 22px;
 margin:10px 0;
 font-size:14;
font-weight:bold;
}
.tipusB{
 font-size:12;
font-weight:bold;
 color:#333;
 background:url(../i/kland_subtitular.jpg) no-repeat 0 6px;
 padding:5px 5px 5px 18px;
 margin:10px 0;
}
.tipusC{
 font-size:12;
 font-weight:normal;
 margin:10px 0;
 padding:5px 0;
 border-top:1px solid #999;
 border-bottom:1px solid #999;
}
.tipusD{
 color:#000;
 font-size:11;
 font-weight:bold;
 margin:10px 0;
}
 
.caixetagris {margin:0; padding:0; border-style : solid;border-width : 1; border-color: #CCCCCC;}
 
 
 
/* llistes planes interiors */
.llista{
 padding:10px 0;
}
 .nivell1{
  background:url(../i/llistat_niv_1.gif) no-repeat 0 7px;
  padding:3px 0 3px 12px;
  font-size:11px;
  font-weight:bold;
color:#000;
 }
  .nivell2{
   background:url(../i/llistat_niv_2.gif) no-repeat 0 7px; font-size:11; font-weight:bold;color:#000; padding:6px 0 3px 12px;
  }
   .nivell3{
    background:url(../i/llistat_niv_3.gif) no-repeat 0 7px; padding:6px 0 3px 12px;
    
    padding-bottom:0; font-size:11; color:#000;
   }
.destLateral{
 padding-right:0;
 padding-left:11px;
 padding-top:10px;
 padding-bottom:0;
 margin:0;
 width:169px;
}
 .destLateral2{
  background: url(../i/kland-destLateral.gif) no-repeat 8px 10px #E9EBE6;
  padding:5px 5px 5px 18px;
  
font-size:12;
 }
  .destLateral li.titular{
   background: #135355;
   color: #FFF;
   font-weight:bold;
   border-bottom:none;
  }
  .destLateral li.last{
   border-bottom:none;
  }
  .destLateral li.imatge{
   background-image:none;
   padding:10px;
   border-bottom:none;
  }
  .destLateral li.peu{
   background-image:none;
   border-bottom:none;
   padding:0 10px 5px 10px;
  }
.llistaGran{
 margin:10px 0;
}
 .llistaGran1{
  padding:10px 0;
  color:#777;
  font-size:13px;
  background:url(../i/kland_subtitular.jpg) no-repeat 0 12px;
  padding-left:22px;
  border-bottom:1px dashed #A6A6A6;
 }
 .llistaGran2{
  padding:10px 0;
  color:#777;
  font-size:13px;
  background:url(../i/kland_subtitular.jpg) no-repeat 0 12px;
  padding-left:22px;
  }
 
 .llistaGran3{
padding:10px 0;
  border-bottom:2px solid #999; color:#777;
  font-size:13px;
 background:url(../i/kland_subtitular.jpg) no-repeat 0 2px;
 }
 .llistaGran4 {
padding:10px 0;
  border-top:2px solid #999; color:#777;
  font-size:13px;
background:url(../i/kland_subtitular.jpg) no-repeat 0 2px;
 }
 
.double{
 margin-top:35px;
}
 ul.double li{
  width:45%;
  margin:0;
 }
.relacionats{
 margin-top:5px; 
}
 .relacionats li{
  padding:10px 8px 10px 20px;
  background: url(img/kland-relacionats.jpg) no-repeat 8px 15px #11585A;
  margin:10px 0;
  font-size:11px;
  color:#888;
 }
.caixesquan{
 padding:0 0 5px 0;
 border-bottom:1px dashed #AAA; 
}
 .caixesquan li{
  float:left;
  background:url(img/fons_degradat_caixa.jpg) repeat-x;
  width:335px;
  /*height:114px;*/
  height:120px;
  margin:0 15px 15px 0;
 }
 
 
 

 .caixesquan li div{
  padding:10px 5px 10px 117px;
  color:#666;
 }
  ul.caixesquan li div h4{
   font-weight:bold;
   color:#218c94;
   font-size:1.2em;
   margin:3px 0;
  }
   .caixesquan li div h4 strong{
    color:#000;
   }
  .caixesquan li div.pas1{
   background:url(../i/ilustra_empadronat.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas2{
   background:url(../i/ilustra_sessio_acollida.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas3{
   background:url(../i/ilustra_documents.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas4{
   background:url(../i/ilustra_metge.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas5{
   background:url(../i/ilustra_escola.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas6{
   background:url(../i/ilustra_formacio.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas7{
   background:url(../i/ilustra_feina.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas8{
   background:url(../i/ilustra_habitatge.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas9{
   background:url(../i/ilustra_internet.jpg) 0 0 no-repeat;
  }
  .caixesquan li div.pas10{
   background:url(../i/ilustra_associacions.jpg) 0 0 no-repeat;
  }
  .caixesquan li div img{
   padding:10px 0 0 0;
  }
 
 
 

/* Footer
---------------------------------------------*/
 
div#footer {
 font-size: 12px;
 font-family: Verdana, Arial, sans-serif;
 clear: both;
 height: 180px;
 background: #323232 url(../i/fons_peu_plana.jpg);
 background-repeat: repeat-x;
 margin-bottom: 20px;
 margin-top: 20px;
 color: #9C9C9C;
 padding: 20px;
}
div#footer a {
 color: #C6CC68;
 font-weight: bold;
}
div#footer img {
 float: left;
 margin: 10px; 
}
p.contacta {
 padding: 0 10px 10px 0;
 /* margin: 10px; */
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 background-image: url(../i/fons_separa_peu_plana.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}
 
div#footer div#colA {
 /*width: 330px;*/
  width: 260px; 
}
div#footer div#colB {
 /*width: 330px;*/
  width: 290px;  
 margin-top: 20px; 
}
div#footer div#colB p{
 margin-top: 86px; 
}
div#footer div#colC {
  width: 190px;  
 margin-top: 54px; 
}