@charset "utf-8";

/* CSS Document */
/* Genèrics */


body{ 
	
	  padding: 0;
	  margin:0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: 62.5%;	  
	  color: #FFF;
	  background:#1D70A6 url(../img/bg-cel.jpg) no-repeat center top;
	  height:auto;
	  
	  
}
a{ text-decoration:none; color:#FFE700; border-bottom:1px dashed #afc2cf;}
a:hover{ border-bottom:1px dashed #FFF;}

a.altres-link{ font-weight:bold; line-height:1.4;}
img{ border:0;}
ul{ list-style:none; padding:0; margin:0 0 2.1em;}
ul li {background:url(../img/guio.gif) no-repeat left 0.6em; padding-left:0.8em; font-size:1.2em;}
h1, h2, h3, h4, form, dl{ margin:0; padding:0;}
p{  margin:0; padding:0 0 1.6em; font-size:1.2em; line-height:1.2em;}
	body#welcome #columna-2 p{ margin:0; padding:0 0 0.8em;}
h1{ font-size:4.5em; text-transform:uppercase; color:#FFEA00; font-weight:bold; margin-bottom:0.1em;}
h1 img{ margin-left:-0.05em;}
p.slogan{ font-size:2.4em!important; font-weight:bold; padding:0;}
h2{font-size:2.4em;}
h2 img{ margin:0; }

img{ display:block;}

#marc-web{ width:99.5em; margin: 0 auto; position:relative;}

h3{ font-size:1.4em; font-weight:bold; margin-bottom:0.5em;}

strong{ color:#FFEA00;}

/* Barra Corporativa 
--------------------------------------------------------------------------- */

#barra-corporativa { background-color:#000000; min-height:3em; margin:0; padding:0; position:relative; text-align:right; }
    #barra-corporativa a{ color:#FFFFFF; text-decoration:none; border:0; }
    #barra-corporativa a:hover { border-bottom:1px solid #ffffff; border:0;}
	#barra-corporativa img{ float:left; display:block;}
	#barra-corporativa #idiomes{ float:right; margin:0; padding:0.8em 1.4em; position:relative; z-index:10;}
		#barra-corporativa #idiomes li{ display:inline; margin-left:.2em; font-weight:bold; font-size:1.1em; padding-left:0; background:none;}
		#barra-corporativa #idiomes li.separador{ background: url(../img/separador-idioma.gif) no-repeat right; padding-right:.7em;}

		

/* Capcalera
----------------------------------------------------------------------------------*/

.image-logo{ position:absolute; right:6.2em; top:0; display:block; z-index:2;}
	body#welcome{ right:1.9m;}

#introduccio{  border-bottom:1px solid #d1e4ef; padding:1.7em 0 4.9em; margin-bottom:4.4em; height:6.3em;}
	#introduccio p{ width:31.2em; display:block; font-size:1.4em; margin:0; padding:0;}
	
/* Menu Principal
----------------------------------------------------------------------------------*/

#menu-principal{ height:1%; margin-bottom:4.1em; float:left; position:relative;}
#menu-principal li{  float:left; width:13.55em; font-size:1.6em; font-weight:bold; margin-right:1px; background:#023259 none; padding-left:0;}

	
		#menu-principal li a{ position:relative; z-index:10!important; text-align:center; color: #FFE800; width:100%; display:block; border:0; padding:0.3em 0 0.2em; }
		
/*submenus*/

		#menu-principal li.actual-submenu{ height:3.25em; background: #0068a6; text-align:center; padding:0.3em 0 0; z-index:1; margin-bottom:0.6em; height:1.4em;}
		#menu-principal .actual-submenu ul {padding-top:.2em;}
		
			

		
		#menu-principal .actual-submenu ul li{ font-size:0.75em; text-align:left;   display:block; overflow:hidden; float:none; background:url(../img/raquo_groc.gif) no-repeat left top; text-align: left; padding-left:2em;  width:100%; height:20px;  }
		#menu-principal .actual-submenu ul li.actual{background:url(../img/raquo_blanc.gif) no-repeat left top; }
		
	#menu-principal .actual-submenu ul li a{ padding:0!important; }
		#menu-principal .actual-submenu ul li a:hover{ border-bottom:1px dashed #FFF;}
		#menu-principal li ul {position:absolute; top:2em; left:0;}
		
		#menu-principal li ul li a{display:inline;}	
				
			
/* Contenidor
----------------------------------------------------------------------------------*/

#contenidor{ background:url(../img/bg-contenidor.jpg) no-repeat left top; padding:5.9em 6.1em 2.8em 6.2em; height:auto; overflow:hidden;}
body#detalls h2.tit-submenu{ margin-top:8em;}

/* home */

body#welcome #columna-1{  width:43.6em; float:left; border-right:1px solid #d1e4ef; margin:2.4em 3.4em 2em 0; display:block; padding-bottom:1em;}
body#welcome #columna-2 { width:39.8em; float:left; margin:2.4em 0 0;  padding-top:1.1em;}
	body#welcome #columna-2 h3{ margin-bottom:1.1em; height:auto;}
	body#welcome #columna-2 ul{ margin-top:2em ; float:left; margin-bottom:0; width:48%; padding:0;}
	body#welcome #columna-2 img{ float:left; margin-top:2.3em; margin-right:1.8em;}

body#welcome #contenidor ul li{ font-size:1.2em; margin-bottom:0.4em; }
body#welcome h3{ color:#ffea00; font-weight:bold; font-size:1.6em;}
	body#welcome #columna-1 h3{ padding:.7em 0 1em 3.7em; margin-bottom:0.1em;}
	body#welcome h3 a{ color:#ffea00;}
		.sms{ background:url(../img/ico-sms.png) no-repeat -0.2em center;}
		.subscripcio{ background:url(../img/ico-ajuntament.png) no-repeat left center;}
		.bicing{ background:url(../img/ico-bicing.png) no-repeat left center;}
		.transit{ background:url(../img/ico-transit.png) no-repeat left center;}
		.bustia{ background:url(../img/ico-bustia.png) no-repeat left center;}
		.bcnmobil{ background:url(../img/ico-bcnmobil.png) no-repeat left center;}
		.wifi{ background:url(../img/ico-wifi.png) no-repeat left center;}
		.hicenda{ background:url(../img/ico-hicenda.png) no-repeat left center;}
		.dev-hicenda{ background:url(../img/ico-dev-hicenda.png) no-repeat left center;}
		.grua{ background:url(../img/ico-grua.png) no-repeat -0.2em center;}
		.multes{ background:url(../img/ico-multes.png) no-repeat -0.2em center;}
		.ingressos{ background:url(../img/ico-ingressos.png) no-repeat -0.2em center;}
		.tramits{ background:url(../img/icono_tramits.png) no-repeat -0.2em center;}
		.incidencies{ background:url(../img/icono-incidencies.png) no-repeat -0.2em center;}
		.colegi{ background:url(../img/icono-consulta-collegi.png) no-repeat -0.2em center;}
		.cavalcada{ background:url(../img/icono-cavalcada.png) no-repeat -0.2em center;}
		.java{ background:url(../img/icono-mobil-java.png) no-repeat -0.2em center; height:28.5px;}
		.visual {background:url(../img/ico-visual.png) no-repeat left center;}
		.cultural {background:url(../img/ico-cultural.png) no-repeat left center;}
/* detalls */
.torna { background:url(../img/bt-torna.png) no-repeat left top; padding:0.3em 3em 0.9em; font-size:1.6em; font-weight:bold; margin:2em 0 2.1em;}
.torna a{ color:#ffea00;}
body#detalls h2 {
font-size:1.6em;
padding:.7em 0 1em; 
}
.primer-paragraf{ padding-top:1.1em; clear:both; }
	.primer-paragraf-sms {padding-bottom:0.3em; padding-top:1.1em; clear:both;}
/* serveis */


.bloc-info{
padding:0 0 2.2em;
margin-bottom:4em;
clear:both;
border-bottom:1px solid #91bed8;
}
.ultim{ border-bottom:0; margin-bottom:1.2em;}
body#detalls .bloc-info h2{ padding-left:4em; margin-bottom:0.5em; font-size:1.6em; padding-top:1.3em;}


/* Aplicacions */

.caixa, .caixa-accedir{width:41.6em; float:left; margin-right:3.6em; margin-top:4em; background:url(../img/sup-caixa.gif) no-repeat left top;}
	.caixa.par, .caixa-accedir.par{ margin-right:0;}
	.caixa h3 { font-size:1.6em; color:#ffe827; margin-bottom:0; padding:1.2em 1.6em 0.5em; width:15em; line-height:1em;}

	.caixa div, .caixa-accedir div{ background:url(../img/inf-caixa.gif) no-repeat bottom left; height:12.5em; position:relative; padding-bottom:3.5em;}
	.caixa-accedir div{ margin-top:3.8em;}
		.caixa div h4{ font-size:1.4em; width:50%; padding:0 0 0 1.8em; line-height:1em; margin-bottom:0.6em;}
		.caixa div p, .caixa-accedir div p{ width:55%; padding-left:2.1em;}
		
	.caixa div div, .caixa-accedir div div{ position:absolute; bottom:0; right:-0.5em; background:none; height:auto;}


/* Peu
---------------------------------------------------------------------------------------*/

#peu{ background:#053d79; text-align:center; clear:both; padding:0.6em 0; line-height:1.2em;}
	#peu p{ font-size:1.1em; padding:0; margin:0;}
	#peu a{ color:#ffea00; font-weight:bold; border:0;}
	#peu a:hover{ border-bottom:1px dashed #FFF;}


/* Popup
---------------------------------------------------------------------------------------*/

body#popup{ background:#fff none; color:#000000; padding:2.4em 2.8em;;}
	body#popup h1{ font-size:2.2em; color:#000000; text-transform:inherit;}
	body#popup ul{ margin:1.4em 0 1.6em;;}
		body#popup ul li{ background:url(../img/guio-popup.gif) no-repeat left 0.6em;}


ul.llistat { float:left; width:100%; display:block;}