h1,h2,h3,h4,legend {
	font-family: "Roboto Condensed", "Arial Narrow", Arial;
    font-weight: bold;
	}

.header { background: #008539 url(../img/logoUAB.png) no-repeat 0 0; margin-bottom: 2em; padding: 2em 1em 2em 198px; color: #fff;}

@media (min-width: 651px) and (max-width: 894px) {
	body { padding: 0; }
	.header { background: #008539 url(../img/logoUAB.png) no-repeat 0 0; margin-bottom: 2em; padding: 1em 1em 1em 198px; color: #fff; line-height: 0.4em;}
	.container { margin: 0 30px;}
}

@media (min-width: 541px) and (max-width: 650px) {
	body { padding: 0;}
	.header { background: #008539 url(../img/logoUAB.png) no-repeat 0 0; margin-bottom: 2em; padding: 1em 1em 1em 198px; color: #fff; line-height: 0.4em;}
	h1 { font-size: 1.5em; }
	h1 span { font-size:1.2em; }
	.container { margin: 0 30px;}

}

@media (max-width: 540px) {
	body { padding: 0;}
	.header { background: #008539 url(../img/logoUABPetit.png) no-repeat 0 0; margin-bottom: 2em; padding: 0.7em 1em 0.7em 120px; color: #fff; line-height: 0.4em;}
	h1 { font-size: 1.3em; line-height: 1.25em;}
	h1 span { font-size:1.1em; }
	.container { margin: 0 15px;}
}

h1 span {
	font-size:0.8em;
}
h1 span:before {
	content:"( ";
}
h1 span:after {
	content:" )";
}

h3 { color:  #008539; margin-bottom: 0.7em;}

.container {
}



#conceptes .row { margin: 0;}
#conceptes > div  span.preu,
#conceptes > div  span.credits,
#conceptes > div  span.preu_credit,
#conceptes > div  span.subtotal,
#conceptes h3 span,
#preu_recarrec_2ona_titulacio,
#preu_inicial,
#preu_fraccionat_1er,
#preu_fraccionat_2on,
#descompte_equitat, #preu_amb_equitat
 {
	float:right;
	
}


}

#descompte_equitat:before , #descompte_matricules:before{
	content:"- ";
}

#conceptes > div  span.preu:after,
#conceptes > div  span.preu_credit:after,
#conceptes > div  span.subtotal:after,
#conceptes h3 span:after,
#preu_total:after,
#preu_inicial:after ,
#preu_fraccionat_1er:after,
#preu_fraccionat_2on:after,
#descompte_equitat:after , #preu_amb_equitat:after
 {
	content:" €";
}


#preu_recarrec_2ona_titulacio:before{
	content:"x ";
}



#conceptes > div  span.credits:after {
	content:" Crédits";
}

#conceptes h3 span{font-size: 0.6em; color: #333; font-family: Arial; }


#preu_total {
		float:right;
		font-size:1.2em;
		font-height:bold;
	
	
}


#configuracio {
//	background: #F4F5F7;
	
}

legend { color: #000; font-size: 2em; border-bottom: none;}



#total , #descarreg{
	background-color: #fff;
  	border:1px solid rgba(119,142,143,0.79);
  	border-radius	: 0.4em;
	-moz-border-radius: 0.4em;
	padding:1em;
	-webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.15);
}

#total h2 span { font-size:0.8em; }

p#equitatinfo { color: #999; font-size: 11px; }
p#responsabilitats { color: #2d946c; font-weight: bold; }

.final { font-weight: bold;}

/*
legend#pas1 { background: url(../img/num1.png) 0 8px no-repeat; padding-left: 39px; }
legend#pas2 { background: url(../img/num2.png) 0 8px no-repeat; padding-left: 39px; }
legend#pas3 { background: url(../img/num3.png) 0 8px no-repeat; padding-left: 39px; }
legend#pas4 { background: url(../img/num4.png) 0 8px no-repeat; padding-left: 39px; }
legend#pas5 { background: url(../img/num5.png) 0 8px no-repeat; padding-left: 39px; }
legend span { display: none; }
*/


legend span {  color: #000; font-size: 1em; font-weight: bold; }

legend span:after
 {
        content:".";
}


.pasdescripcio { color: #008539; font-size: 14px; font-weight: normal; letter-spacing: normal;
	font-family: Helvetica, Arial, sans-serif;

	}

.separador { border-top: 2px solid #ccc; padding-top: 2em;}
.controls { margin: 0;}
.control-group { margin: 0;}
.control-label { font-weight: bold;}

#preu_total_credits, #subtotal_administratiu { font-size: 1.1em !important; color:  #008539 !important;}
#preu_total { font-weight: bold; font-size: 1.2em !important; color: #000 !important;}


#puntuacio { padding-top: 1em; border-top: 2px solid #ccc; }
#score-demo { width: 300px !important; margin-bottom: 0.4em; }
#puntuacio .mitja { margin-top: 0.4em; }
#puntuacio .mitja span { font-weight:bold;}