/* Imports
-------------------------------------------------------------------------------- */
@import "http://www.bcn.cat/css_accessible/components/barra.css";


/* Elements
-------------------------------------------------------------------------------- */
body { margin: 0; padding: 0; font-size: 62.5%; background: #44aefb url(../img/bgBodyIzq.jpg) no-repeat left top;}
body#bases { background: #44aefb;}
body, input, select, textarea { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;	color: #555; }
input, select, textarea { font-size: 1em;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
ul, ol { margin: 0; padding: 0;}
ul { list-style-type: none;}
img { border: none;}
p { margin: 0;}
h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 1.1em;}
hr { display: none;}
#salta-nav { display: none;}

/* General
-------------------------------------------------------------------------------- */
#barra-corporativa, #info-ajbarna { font-family: Verdana, Arial, Helvetica, sans-serif;}
#barra-corporativa { border-bottom: 1px solid #FFF;}

#pre-marc-web { background: url(../img/bgBodyDer.jpg) no-repeat right top;}
#marc-web { width: 778px; margin: 0 auto; position: relative;}
body#bases #marc-web { width: 100%;}

#capsalera { height: 106px;}
	#capsalera h1 { display: none;}
	
#menu-principal li, #contingut h2, #contingut h3, form ul#botons a { font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}

#menu-principal { background: url(../img/bgMenu.gif) no-repeat 0 top;}
	#menu-principal ul { height: 49px; padding: 0 44px;}
	#menu-principal li { display: inline; font-size: 1.2em; margin-right: 35px; background: url(../img/puntMenu.gif) no-repeat 0 .4em; padding-left: 12px; background-color:#f47f00;}
	#menu-principal li a { color: #FFF;}
	
#pre-contingut { background: url(../img/bgContingut.gif) repeat-y 0 0;}
body#bases #pre-contingut { background: #FFF;}
#contingut { width: 520px; padding: 20px 25px 20px 36px; min-height: 54em;}
	#contingut h2, #contingut h3 { color: #f47f00;}
	#contingut h2 { font-size: 1.8em; padding: 0 0 .2em 0; margin-bottom: .8em; background: url(../img/bgTitol.gif) no-repeat 0 bottom;}
	#contingut h3 { font-size: 1.4em; margin: 2em 0 .8em 0;}
	body#bases #contingut h3 { margin-top: 0;}
	#contingut p { font-size: 1.1em; margin-bottom: .7em;}
	#contingut a { color: #b20605;}
	#contingut ol { font-size: 1.1em; padding-left: 20px;}
		#contingut ol li { margin-bottom: .5em;}
		#contingut ol h4 { display: inline;}
	
#dibuix { position: absolute; left: 565px; top: 11em;}

#info-ajbarna { background: url(../img/bgPeu.gif) no-repeat 0 top; height: 2.2em; padding: 1.8em 16px;}
	#info-ajbarna a { color: #FFF;}
	#info-ajbarna a:hover { text-decoration: none;}

body#resposta p.error { color: #CC0000; font-weight: bold;}

/* Formulari
-------------------------------------------------------------------------------- */
form { font-size: 1.1em;}
form ul#botons { clear: both; padding: 3.5em 0 4em 12em; margin: 2.1em 0 0 0; background: url(../img/bgTitol.gif) no-repeat 0 top;}
	form ul#botons li { background: url(../img/bgBoto.gif) no-repeat 0 0; width: 122px; height: 3em; float: left; margin-right: 12px;}
	form ul#botons a { display: block; padding: 5px 0; color: #FFF; font-weight: bold; font-size: 1.1em; text-align: center; width: 100%;}
	form label { display: block; float: left; width: 124px; margin-bottom: .3em;}
	form p.avis label { display: inline; float: none; width: auto;}
	form input, form select { float: left; width: 120px; margin-bottom: .3em;}
	form select { width: 124px;}
	form textarea { width: 97%;}
	form p.avis input { float: none; width: auto;}
	form p.esquerra, form p.email, form p.data { clear:both;}
		form p.esquerra input, form p.esquerra select { margin-right: 1em;}
		form p.email input { width: 280px;}
		form p.numero input, form p.data input { width: 40px;}
		form p.data select { width: 50px; margin-right: 3px;}
		
#eleccions { position: relative; height: 180px; clear: both; padding-top: 1em; background: url(../img/bgTitol.gif) no-repeat 0 top;}
	#eleccions label, #eleccions select { float: none;}
	#eleccions select { width: 200px;}
#Capa_0, #Capa_1, #Capa_2, #Capa_3 { position: absolute; left: 0; top: 40px; clear: both; display: none;}
#Capa_0 { display: block;}