@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic);

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */dl,h3,menu,ol,p,pre,ul{margin:1em 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/***********************************************************************
 ** CSS base
 ***********************************************************************/

/* Formularios
------------------------------------------------------------------------------------------------------------------------ */
form, fieldset { margin: 0; padding: 0;}
fieldset { border: 0;}
legend { padding: 0;}
input, textarea, select { margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea { height: 100px;}
input:focus, textarea:focus, input.in-selected, textarea.in-selected { background:#EBF1F8; color:#333;}

/* Botones de input y enlace con y sin javascript */
.botonera a, .botonera input { float:left; width:auto; margin:0 1em .2em 0; padding:.2em .8em .5em .8em; border:1px solid #CCC; font-size:1em; font-weight:bold; color:#069;}
.botonera a{ padding:.4em 1em .7em 1em;}
.botonera a:hover, .botonera input:hover { border:1px solid #666; color:#444;}
.botonera a:active, .botonera input:focus { margin:.2em 1em 0 0; border:1px solid #666;}
* html .botonera input { overflow: visible;} /*Hack IE padding absurdo en los botones*/

/* Cercador
************************************************************************/
#search{ float:right; padding-right:2.4em;}
#search p{ margin:1em 0 0; float:left; font-size:1.1em;}
#search form {float:left; margin-right:0.8em;}
#search form p { padding:0; margin-top:0.6em;  background: url(../imatges/home/input-cercador.png) no-repeat left top; width:23.7em; position:relative; font-size:1.2em;}
#empresa #search form p {background: url(../imatges/home/az-input-cercador.png) no-repeat left top ;}
#search a{ color:#FFFFFF; border:0; padding-left:0.6em; }
#search #cerca{ border:0; height:1.6em; line-height:2em; padding-right:1em; width:88%; background:none; margin-left:0.8em; padding-top:0.15em; font-size:1em; color:#939393;}
#search #envia{ position:absolute; top:0.4em; right:0.5em;}
#search label{ position:absolute; top:0.4em; font-size:0.9em; color:#FFFFFF;  letter-spacing:-0.5px;}
.js #search label{ left:1em!important; color:#939393;}
#search label{left:-11em;}

/***********************************************************************
 ** Nou model
 ***********************************************************************/

*, *:before, *:after
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
	font: normal 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
}

h3
{
	font-weight: bold;
}

label
{
	font-weight: normal;
}

.neutral-backgroundcolor { background-color: #f2f2f2 }

.font-corporativa { font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif; }

.javascript-required
{
	display: none; /* poner a initial mediante javascript */
}

.valigned { vertical-align: middle; }

a.active
{
	font-weight: bold;
}

div.floater
{
	position: fixed;
	background-color: #f2f2f2;
}

.showOnMobile { display: none }

#barracorporativa
{
	position: relative;
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	width: 100%;
	border-top: 0.6em solid #e1e3e3;
	border-bottom: 0.1em solid #e1e3e3;
	height: 46px;
}

#barracorporativa img
{
	max-height: 100%;
}

#barracorporativa-logo
{
	float: left;
	height: 100%;
	padding-left: 2em;
	padding-right: 2em;
}

#barracorporativa-logo .barcelona-inspira
{
	font-size: 2em;
	font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

#barracorporativa-logo a, #barracorporativa-logo a:link, #barracorporativa-logo a:hover
{
	color: black;
	text-decoration: none;
	border-bottom: none;
}

#barracorporativa-center
{
	position: absolute;
	width: 100%;
	text-align: center;
}

#barracorporativa-center span
{
	font-size: 1.4em;
}

#barracorporativa-center ul
{
	padding: 0;
}

#barracorporativa-center .llista-idiomes li
{
	display: inline;
	margin: 1em;
}

#barracorporativa-shield
{
	float: right;
	text-align: right;
	height: 100%;
	padding-left: 2em;
}

#barracorporativa-shield .big-shield { display: inline }
#barracorporativa-shield .small-shield { display: none }

#page
{
	width: 80%;
	margin: 0 auto;
	padding-top: 2em;
}

#header
{
	width: 100%;
	height: 8em;
	padding: 0 1em;
	position: relative;
}

#header > div
{
	height: 100%;
}

#link_home
{
	float: left;
	width: 30%;
}

#home_img_wrapper
{
    position: relative;
    height: 100%;
}

#home_img_wrapper img
{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    max-width:100%;
}

#link_home a
{
	border: none;
}

#titol_tramits
{
	float: right;
	width: 70%;
	font-weight: bold;
	font-size: 1.9em;
	
	display: none; /* Nos han pedido que no aparezca, en vez de eliminarla no la mostramos */
}

#titol_tramits > div
{
	position: absolute;
	top: 50%;
	height: 1em;
	margin-top: -0.5em;
}

#style_selector
{
	font-size: 1.2em;
	text-align: right;
	margin: 0.6em 0;
	margin-top: 0px;
}

#menu_principal
{
	margin: 0.4em 0;
	padding: 0.4em;
}

#menu_principal ul
{
	list-style-type: none;
	padding-left: 1.8em;
}

#menu_principal li
{
	display: inline;
	padding-right: 1em;
}

#menu_principal li span
{
	font-size: 1.2em;
	font-weight: bold;
}

#menu_principal a, #menu_principal a:link
{
	border: none;
}

#menu_principal_links
{
	display: inline-block;
}

#menu_principal_buscador
{
	float: right;
}

#autenticat
{
	font-size: 1.1em;
	text-align: right;
}

#nom-autenticat
{
	font-weight: bold;
}

#salir
{
	margin-left: 1.4em;
}

.esquinas
{
	border: 1px solid;
	padding: 0 2em;
	margin: 0.5em 0;
}

#tit_tramite_gran
{
	font-size: 1.2em;
}

#contingut
{
	font-size: 1.2em;
}

#advertencia
{
	padding: 0;
}

#advertencia .admiracion-wrapper
{
	padding: 0.4em 2em;
	/* background-color: lightyellow; */
	font-size: 1.2em;
}

#advertencia .admiracion-wrapper p { margin: 0; }

#advertencia .advertencia-desc
{
	padding: 0 2em;
}

.advertencia p.admiracion { padding:.6em 0 .6em 3em; background: transparent url(../imatges/admiracion.gif) left center no-repeat; }

#canals
{
	min-height: 45px;
	height: 45px;
	width: 100%;
	font-size: 1.2em;
	display: table;
}

#canals .canal-wrapper
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0.3em;
	width: 20%;
}

/*
#canals .canal-wrapper:first-child { border-top-left-radius: 6px; }
#canals .canal-wrapper:last-child { border-top-right-radius: 6px; }
*/

#canals .canal-name
{
	width: 100%;
	text-align: center;
	font-weight: 700;
}

#container #canals a, #container #canals a:link, #container #canals a:hover
{
	text-decoration: none;
	border-bottom: none;
}

#canals .icono-desplegable
{
	width: 20px;
	height: 1em;
	display: inline-block;
	background: transparent url(../imatges/icono_desplegable.png) left top no-repeat;
}

div#subcanals-wrapper, div#pestanyes-wrapper
{
	width: 100%;
}

div#subcanals, div#pestanyes
{
	display: table;
	min-height: 45px;
	height: 45px;
	font-size: 1.2em;
	border-collapse: separate;
	border-spacing: 1em 0;
	border-bottom: none;
}

div#subcanals .subcanal-wrapper, div#pestanyes .pestanya-wrapper
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0.3em;
}

#container div#subcanals a, #container div#subcanals a:link, #container div#subcanals a:hover,
#container div#pestanyes a, #container div#pestanyes a:link, #container div#pestanyes a:hover
{
	text-decoration: none;
	border-bottom: none;
	color: white;
}

div#subcanals .subcanal-wrapper.active, div#pestanyes .pestanya-wrapper.active
{
	font-weight: bold;
}

div#subcanals .subcanal-wrapper.inactive:hover, div#pestanyes .pestanya-wrapper.inactive:hover
{
	font-weight: bold;
}

#desc_tramite
{
	margin-top: 0;
}

#quicklinks
{
	text-align: center;
	padding: 1em 0;
}

#quicklinks a
{
	margin: 0 0.6em;
}

#pasos .informacion
{
	margin: 1em 0;
}

div.iniciar-wrapper
{
	width: 100%;
	text-align: center;
	margin: 1em 0;
}

div.iniciar-wrapper.floater
{
	bottom: 0;
	font-size: 1.1em;
	margin: 0;
}

div.iniciar-wrapper input
{
	float: none !important;
	margin: 0 auto !important;
}

input.flecha-iniciar
{
	width: 200px !important;
	height: 36px !important;
	float: none !important;
	margin: 0 auto !important;
}

#ajuda-wrapper
{
	padding: 3em 0;
}

#ajuda .ajuda-section
{
	display: inline-block;
	text-align: center;
}

#ajuda .ajuda-section.tresIcones
{
	width: 33%;
}

#ajuda .ajuda-section.duesIcones
{
	width: 49.5%;
}

#ajuda a
{
	text-decoration: none !important;
	border: none !important;
}

#ajuda a .bigroundbutton
{
	background-image: url("../imatges/bigroundbutton.png");
	background-repeat: no-repeat;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	padding: 0;
	font-size: 10em;
	position: relative;
}

#ajuda .bigroundbutton-iconwrapper
{
	position: absolute;
	top: 50%;
	margin-top: -0.66em;
	width: 100%;
	font-weight: bold;
	font-size: 0.9em;
}

#ajuda .ajuda-titol
{
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}

#ajuda .ajuda-subtitol
{
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #707070;
}

#ajuda .dataPublicacio
{
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #707070;
}

#ajuda i.icon-external-link
{
	font-size: 0.8em;
	margin-left: 0.2em;
}

#desc_tramite
{
	padding: 2em;
	border-top: none;
}

#desc_tramite h5
{
	font-weight: bold;
	font-size: 1.2em;
}

#desc_tramite h6
{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 1em;
}

#desc_tramite div.small-desc
{
	padding-left: 4em;
}

#desc_tramite div.desc ul, ol
{
	margin: 0;
	padding: 0;
}

#desc_tramite li
{
	padding: 0.3em 0;
}

#ama li
{
	padding: 0;
	font-weight: bold;
}

#faq
{
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

#callmeback-wrapper
{
	text-align: center;
	padding: 2em;
}

#callmeback-wrapper .ajuda-titol
{
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-bottom: 0.2em;
}

#callmeback-wrapper img
{
	max-width: 100%;
}

#callmeback-wrapper.floater
{
	top: 30%;
	right: 0;
	padding: 1em;
	max-width: 18em;
}

#callmeback-wrapper.floater h4
{
	margin: 0;
	margin-bottom: 0.5em;
	font-size: 1em;
}

#callmeback-wrapper.floater img
{
	margin: 0 auto;
}

#footer
{
	text-align: center;
	font-family: Source Sans Pro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 2em 0;
	margin-bottom: 1em;
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer li
{
	display: inline-block;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

/* Responsive
************************************************************************/

@media screen and (max-width: 1023px)
{
/* Pantalla pequeña */

/* Barra corporativa */
#barracorporativa { height: 41px; }
#barracorporativa-logo { padding-left: 1em; padding-right: 1em; }
#barracorporativa-logo .barcelona-inspira { font-size: 1.6em; }
#barracorporativa-center { position: initial; float: none; }
#barracorporativa-center .llista-idiomes li { margin: 0.4em; }
#barracorporativa-center span { font-size: 1.1em; }
#barracorporativa-shield { padding-left: 1em }

/* Mostrar escudo recortado */
#barracorporativa-shield .big-shield { display: none }
#barracorporativa-shield .small-shield { display: inline }

/* Header */
#titol_tramits { padding-left: 1em; }

/* Menu */
#menu_principal ul { list-style-type: square; list-style-position: outside; }
#menu_principal li { display: list-item; }

#menu_principal_buscador { float: none; }
#menu_principal_buscador #search { float: none; }
#menu_principal_buscador #search form { float: none; }
#menu_principal_buscador #search form p { float: none; }

/* Cuerpo */
#page { width: 90%; }
.esquinas { padding: 0 1em; }
#advertencia .admiracion-wrapper { padding: 0.4em 1em; }
#advertencia .advertencia-desc { padding: 0 1em; }
#desc_tramite { padding: 0 1em; }
#callmeback-wrapper { padding: 1em; }
}

@media screen and (max-width: 767px)
{
.hideOnMobile { display: none }
.showOnMobile { display: inline-block; display: initial } /* inline-block para IE 9, initial para el resto */

#canals .canal-wrapper { font-size: 1.8em; }

div#subcanals, div#pestanyes { font-size: 1em; }

#desc_tramite { padding-bottom: 1em; }

#desc_tramite div.small-desc { padding-left: 1.5em; }

#desc_tramite h6 { margin-top: 1.5em; }

#desc_tramite dd { margin-left: 2em; }

#quicklinks { line-height: 2em; }

#callmeback-wrapper.floater
{
	max-width: 6em;
	padding: 0.4em;
}
#callmeback-wrapper img { width: 3em }

#ajuda .ajuda-section { width: 100%; }
#ajuda .ajuda-section.tresIcones { width: 100%; }
#ajuda .ajuda-section.duesIcones { width: 100%; }
#faq { border: none; }
}

/* Versió per imprimir
************************************************************************/
@media print
{
	#page { width: 100%; }

	div { border: none !important; }
	
	#tramit_header,
	#missatges,
	#advertencia,
	#advertencia .admiracion-wrapper,
	#advertencia .advertencia-desc
	{ padding: 0 !important; }
	
	#menu_principal,
	#ajuda-wrapper,
	#callmeback-wrapper,
	#herramientas-wrapper,
	.iniciar-wrapper,
	#quicklinks
	{ display: none; }
	
	#canals, div#subcanals, div#pestanyes { font-size: 1.1em; }
	.canal-wrapper.active span, .subcanal-wrapper.active span, .pestanya-wrapper.active span { font-weight: bold; }
	.canal-wrapper.inactive span, .subcanal-wrapper.inactive span, .pestanya-wrapper.inactive span { font-weight: normal; }
}