/* TOC
	- imports
	- layout
	- barra-idiomes
	- capsalera
	- contenidor
		- menu principal
		- contingut
		-fomularis
	- bg_peu
	*/

/* imports
--------------------------------------------------------------------------- */
@import 'http://www.bcn.es/css_accessible/basic.css';
@import 'http://www.bcn.es/css_accessible/components/barra.css';

/* layout
--------------------------------------------------------------------------- */
body, select, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif;}
body { background-color: #dddcdc;}
body#docs_internet3_tr, body#docs_internet2_tr, body#docs_internet_tr  { background-color:#fff;}
#marc_web { width:77.8em; margin: 0 auto;}
h1, h2, h3, h4 { margin: 0; font-size: 1em;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}

/* cantonades
--------------------------------------------------------------------------- */
.cantonades { position: relative; z-index: 1; overflow: visible;}
.cantonades span.se, .cantonades span.sd, .cantonades span.ie, .cantonades span.id { display: block; position: absolute; z-index: 2; font-size: 0;}

/* barra-corporativa
--------------------------------------------------------------------------- */
#barra_corporativa { width: 77.8em;}
#barra_corporativa #logo_ajuntament { width: 17em; height: 3em;}

/* capsalera
--------------------------------------------------------------------------- */
#capsalera { border:none; background-color: #FFF; width:77.8em!important;}
	#capsalera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#capsalera span { display: none;}
	#capsalera h1 { float: left;}
	#capsalera h2 { float: right; margin-right: 1.7em; display: inline;}
	#capsalera h1 img { width: 18.5em; height: 7.6em; margin: 0;}
	#capsalera h2 img { width: 57.1em; height: 7.6em; margin: 0;}
	#capsalera span.ie, #capsalera span.id { display: block; width: 5px; height: 5px;}
	#capsalera span.ie { background: url(../imatges_accessible/contingut_cantonada_ie.gif); bottom: 2px; left: 0; !bottom: -1px;}
	#capsalera span.id { background: url(../imatges_accessible/contingut_cantonada_id.gif); bottom: 2px; right: 0; !bottom: -1px; !right: -1px;}
	#capsalera span.se, #capsalera span.sd { display: none;}

/* contenidor
--------------------------------------------------------------------------- */
#contenidor { background: #fff url(../imatges_accessible/bg_contenidor_bottom.gif) no-repeat bottom left; padding: 0.1em 0 0; width:77.8em; clear:both;}
#contenidor.corto { padding-bottom: 7em;}
body#docs_internet3_tr #contenidor, body#docs_internet_tr #contenidor, body#docs_internet2_tr #contenidor { background: #fff!important; padding-top:2.5em;}
/*- menu principal
--------------------------------------------------------------------------- */
#zona_menus { float: left; width: 18.5em;}
#menu_principal div { background: url(../imatges_accessible/bg_menu_bottom.gif) no-repeat bottom right;}
#menu_secundari div { margin-top: 0.2em; background: url(../imatges_accessible/bg_menu_bottom2.gif) no-repeat bottom right;}
.menu_lateral ul, .menu_lateral h3 { width: 14.8em; padding: 0.3em 0.7em 0.3em 3em;}
#menu_principal ul { background: url(../imatges_accessible/bg_menu_top.gif) no-repeat top right;}
#menu_secundari h3 { padding-top: 1em; font-weight: normal; color: #FFF; text-transform: uppercase; background: url(../imatges_accessible/bg_menu_top2.gif) no-repeat top right;}
.menu_lateral ul li { padding: 0.9em 0;}
.menu_lateral ul li.separador { background: url(../imatges_accessible/separador_menu.gif) repeat-x top;}
.menu_lateral ul li a { font-size: 1.2em; font-weight: bold;}
.menu_lateral ul li a, .menu_lateral ul li a:visited { color: #cce0eb;}
#menu_secundari ul li a { font-size: 1.1em; color: #FFF;}
.menu_lateral ul li a.actiu, .menu_lateral ul li a.actiu:visited { color: #FFF;}

#zona_menus_tr { float: right; width: 17.8em; font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;}
#menu_tramits { background: #CCCCCC; }
#menu_tramits h2{ background: #666666; padding:0.3em!important; color: #fff; font-size:1.1em; border-bottom:1px solid #fff; border-top:1px solid #fff;}
#menu_tramits h2.ajuda { background: #6699CC; border-bottom:none;}
#menu_tramits ul { margin:0; padding:.5em;}
#menu_tramits ul li{ margin:0; padding:0; }
#menu_tramits a { color: #006699;}
#menu_tramits a.normal { font-weight: normal;}

#menu_tramits p { padding: .5em .5em 1em; font-size:1.2em; color: #000;}
#menu_tramits p span { font-size:0.9em;}

#menu_tramits form { background:none; padding: .5em; border-bottom:1px solid #fff; height: 1%; border-bottom:1px solid #fff;}
#menu_tramits input { position:relative;}
#menu_tramits input#lupa { width: auto; }

#banners { margin-top: .5em;}
#banners li{ margin: .3em 0;}

/*- contingut
--------------------------------------------------------------------------- */
#contingut { float: right; display: inline; margin: 0 1.7em 0 0; padding: 2em 2.8em 4em 2.3em; background: url(../imatges_accessible/bg_contingut_top.gif) repeat-x top; height: 1%; width: 52em;}

#contingut.dreta { background: none!important; float: left!important; }

#contingut span.se, #contingut span.sd { display: block; width: 5px; height: 5px;}
#contingut span.se { background: url(../imatges_accessible/contingut_cantonada_se.gif); top: 0; left: 0;}
#contingut span.sd { background: url(../imatges_accessible/contingut_cantonada_sd.gif); top: 0; right: 0;}
#contingut span.ie, #contingut span.id { display: none;}
#contingut a, #contingut a:visited { color: #006699;}
#contingut p, #contingut h3, #contingut h4, #contingut ul, #contingut table { font-size: 1.1em;}
#contingut ul p, #contingut ul h4 { font-size: 1em;}
#contingut p { margin-bottom: 1em;}
#contingut h3 { margin-bottom: 1em;}
#contingut ul { margin: 0 0 0 1.5em;}
/*---cal saber---*/
body#calsaber #contingut ol li { height: 1%; margin-bottom: 0.2em; padding: 1.5em 1.9em; border: 1px solid #e1e1e1; background: url(../imatges_accessible/calsaber_llista_fons.gif) no-repeat bottom left;}
body#calsaber #contingut ol li h3, body#calsaber #contingut ol li h4, body#calsaber #contingut ol li p, body#calsaber #contingut ol li ul { padding-left: 2.2em;}
body#calsaber #contingut ol li h4 { margin-bottom: 0.6em;}
body#calsaber #contingut ol li#llista_primer h3 { background: url(../imatges_accessible/llista_primer.gif) no-repeat 0 -1px;}
body#calsaber #contingut ol li#llista_segon h3 { background: url(../imatges_accessible/llista_segon.gif) no-repeat 0 -1px;}
body#calsaber #contingut ol li#llista_tercer h3 { background: url(../imatges_accessible/llista_tercer.gif) no-repeat 0 -1px;}
body#calsaber #contingut ol li#llista_quart h3 { background: url(../imatges_accessible/llista_quart.gif) no-repeat 0 -1px;}
body#calsaber #contingut ol li#llista_cinque h3 { background: url(../imatges_accessible/llista_cinque.gif) no-repeat 0 -1px;}
body#calsaber .cuad_info { height: 1%; margin-top: 2em;}
body#calsaber .cuad_info p { color: #777; font-size: 1em;}
body#calsaber .cuad_info img { float: left; margin-right: 1em;}
body#calsaber #contingut ul li { margin-bottom: 1em; padding: 0 0 0 1.2em; border: none; background: url(../imatges_accessible/punt_llista.gif) no-repeat 0 0.4em;}
body#calsaber #contingut ul li h4 { padding: 0;}
#contingut ol li span.se, #contingut ol li span.sd, #contingut ol li span.ie, #contingut ol li span.id { display: block; width: 9px; height: 9px;}
#contingut ol li span.se { background: url(../imatges_accessible/llista_cantonada_se.gif); top: -1px; left: -1px; }
#contingut ol li span.sd { background: url(../imatges_accessible/llista_cantonada_sd.gif); top: -1px; right: -1px; !right: -2px;}
#contingut ol li span.ie { background: url(../imatges_accessible/llista_cantonada_ie.gif); bottom: -1px; left: -1px; !bottom: -2px;}
#contingut ol li span.id { background: url(../imatges_accessible/llista_cantonada_id.gif); bottom: -1px; right: -1px; !bottom: -2px; !right: -2px; }
/*---sistema---*/
#contingut.sistema p.imatge { text-align: center;}
#contingut.sistema #taula_horari, #contingut.sistema p.imatge, #contingut.sistema ul { margin-bottom: 3em;}
#contingut.sistema #taula_horari td { text-align: left;}
#contingut.sistema #taula_horari td.td_imatge { text-align: center;}
#contingut.sistema ul li { height: 1%;}
#contingut.sistema ul li div { float: left; width: 16em;}
body#calsaber #contingut.sistema .cuad_info { margin-top: 0; padding: 0 2em;}
body#calsaber #contingut.sistema .cuad_info p { color: #777; font-size: 1.1em; float: left;}
body#calsaber #contingut.sistema .cuad_info img { float: left; margin-left: 1em;}
/*---docs internet---*/
#contingut.tramits { background: none; color: #000000; font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif; margin: 0 1.7em 14em 0; padding: 0; width: 57.1em;}
body#docs_internet #contingut ul, body#docs_internet_tr #contingut ul { list-style-type: disc;}
body#docs_internet2 #contingut, body#docs_internet2_tr #contingut { background-color: #CCC!important;}
#contingut.tramits p, #contingut.tramits ul, #contingut.tramits h3, #contingut.tramits h4 { font-size: 1.3em;}
#contingut.tramits h3, body#docs_internet2 #contingut h4, body#docs_internet2_tr #contingut h4 { background-color: #006699; color: #FFF; padding: 0.3em;}
#contingut.tramits h3 { margin-bottom: 0;}
#contingut.tramits div { padding: 0.5em;}
#contingut.tramits ol { margin: 2em auto 3em auto; width: 30.5em; }
#contingut.tramits ol li { font-weight: bold; padding-left: 2.7em; margin-bottom: 2.8em;}
#contingut.tramits ol li#llista_primer { background: url(../imatges_accessible/uno.gif) no-repeat 0 0.2em;}
#contingut.tramits ol li#llista_segon { background: url(../imatges_accessible/dos.gif) no-repeat 0 0.2em;}
#contingut.tramits ol li, #contingut.tramits ol p { line-height: 1.3em;}
#contingut.tramits ol ul { margin-left: 3em;}
#contingut.tramits ol ul li { margin-bottom: 0.9em; padding: 0; background: none;}
#contingut.tramits p#dubte_tramits { text-align: center;}
body#docs_internet2 #contingut ol, body#docs_internet2_tr #contingut ol { margin: 0; padding: 0.3em; list-style-type: decimal;}
body#docs_internet2 #contingut ol, body#docs_internet2 #contingut p, body#docs_internet2_tr #contingut ol, body#docs_internet2_tr #contingut p { font-size: 1.1em;}
body#docs_internet2 #contingut ol li, body#docs_internet2_tr #contingut ol li { font-weight: normal; padding-left: 0; margin-left: 2em; margin-bottom: 1em;}
body#docs_internet2 #contingut ul, body#docs_internet2_tr #contingut ul { margin: 0;}

#taula_horari { background-color: #e6e6e6; margin: 0 0 1em 0; height: 1%;}
#taula_horari table, #taula_horari th, #taula_horari td { border: none;}
#taula_horari th { color: #333;}
#taula_horari td { padding: 0.5em; border-top: 1px solid #FFF; text-align: center;}
#taula_horari td.td_central { border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
#taula_horari td.td_imatge { border-left: 1px solid #FFF; text-align: center;}
body#calsaber #taula_horari span.se, body#calsaber #taula_horari span.sd, body#calsaber #taula_horari span.ie, body#calsaber #taula_horari span.id { display: block; width: 3px; height: 3px;}
body#calsaber #taula_horari span.se { background: url(../imatges_accessible/taula_cantonada_se.gif); top: 0; left: 0; !top: 0; !left: 0;}
body#calsaber #taula_horari span.sd { background: url(../imatges_accessible/taula_cantonada_sd.gif); top: 0; right: 0; !right: -1px;}
body#calsaber #taula_horari span.ie { background: url(../imatges_accessible/taula_cantonada_ie.gif); bottom: 0; left: 0; !bottom: 0; !left: 0;}
body#calsaber #taula_horari span.id { background: url(../imatges_accessible/taula_cantonada_id.gif); bottom: 0; right: 0; !right: -1px; }

/*- formularis
--------------------------------------------------------------------------- */

p#camp_obligatori{ padding:0.3em; margin:0; background:#ccc; border-top: 1px solid #FFF; font-size: 1em!important;}
form { margin: 0; padding: 0; background: #006699 url(../imatges_accessible/bg_form.gif) right repeat-y; height: 1%;}
 form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
form h4 { clear: both; float: left; padding: 0.3em; width: 7.5em; color: #FFFFFF; margin: 0; border-top: 1px solid #FFF; height: 1%;}
label { width: 11.6em; font-size: 1.1em; float: left; padding-top: 1.8em; position:relative;}
form div { float: left; width: 45.4em; background-color: #CCC; border-top: 1px solid #FFF; border-left: 1px solid #FFF; margin:0; padding:0;}
form div.solitari { margin-left: 10.5em;}
input, select { position: absolute; left: 0; top: 0; font-size: 1em; width: 11.2em;}

/*label#bloque, label#escala, label#porta { width: 3em;}*/
.petit { width: 3.5em;}
.petit input { width: 3em;}

form div#submit { background-color: #fff; width: 57.1em; border:none; padding: 2em 0 0!important; margin:0; height: 1%;}
form div#submit p { margin:0; padding:0.3em; background-color: #006699;}
form div#submit input { position:relative; font-size: 0.9em; width:auto; cursor: pointer;}
p.mesinfo { margin-top: 1em;}

input#lupa { vertical-align:middle;}

/*- peu
--------------------------------------------------------------------------- */
#peu { clear: both; background-color: #2d77a4; padding: 0.6em; padding-left: 21.3em; width: 55.9em;}
#peu a {color: #FFFFFF; }

/* clearing */
body#calsaber .cuad_info:after, #contingut.sistema ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}