body {
	background-color: #FFFFFF; 
	color: #000000;
	margin:40px;
	font-size: 15px;
  font-family: 'Open Sans', 'Verdana', 'Tahoma', sans-serif;
}
::selection {
  background: #ffff00; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffff00; /* Gecko Browsers */
}
h1 {
	padding-top: .3em;
	padding-bottom: .3em;
	border-top: 3px solid #004a8c;
	border-bottom: 3px solid #004a8c;
	font-size: 1.5em;
  font-family: 'Overlock', sans-serif;
	color: #004a8c;
	text-align: center;
	margin-bottom: 1.5em;
}
h2 {
	font-size: 1.4em;
  font-family: 'Overlock', serif;
	color: #004a8c;
	padding-top: .1em;
	padding-bottom: .1em;
	text-align: center;
	text-decoration: none;
	margin-top: 3em;
	margin-bottom: 3em;
}
h3 {
	font-size: 1.2em;
  font-family: 'Overlock', serif;
	color: #004a8c;
	text-align: justify;
	text-decoration: none;
	margin-top: 3em;
	margin-bottom: 3em;
}
p{
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
	text-decoration: none;
	margin-top: 1em;
	margin-bottom: 1em;
}
table{
	font-size: 1em;
	margin: auto;
}
ul {
	margin: 1.5em 1em;
	padding-left: 3em;
	text-indent: 0em;
	list-style-type: disc;
}
ol {
	margin: 1.5em 1em;
	padding-left: 1em;
	text-indent: 0em;
	text-align: justify;
	list-style-type: none;
}
ol.a {
	margin-left: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-left: 3em;
	text-indent: 0em;
	list-style-type: lower-alpha;
}
ol.n {
	margin-left: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-left: 3em;
	text-indent: 0em;
	list-style-type: decimal;
}
li{
	padding-top: .4em;
	padding-bottom: .4em;
	text-align: justify;
}
a:link {color: #002277;text-decoration: none;}
a:visited {color: #005599;text-decoration: none;}
a:hover {color: #FF8833;text-decoration: none;}
a:active {color: #FF8833;text-decoration: none;}

.clic {color: #005599;text-decoration: none;}
.clic:link {color: #005599;text-decoration: none;}
.clic:hover {color: #FF8833;text-decoration: none;}
.clic:active {color: #FF8833;text-decoration: none;}


/*
Estil de les taules que contenen fórmules e imatges
*/

table.formula{width:100%;padding:1em;font-size: 1em;}
table.imagen{margin-left:auto;margin-right:auto;padding:1em 0;}

.button_example{
	border:1px solid #ffad41;
	-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
	-moz-box-shadow: #B7B8B8 0px 1px 0px inset;
	box-shadow: #B7B8B8 0px 1px 0px inset;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;border-radius: 9px;
	font-size:12px;
	font-family: 'Overlock', sans-serif;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFFFFF;
	background-color: #ffc579;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
	background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
}

.button_example:hover{
	border:1px solid #f7b800;
	background-color: #ffaf46;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
}

.capsa{
	border-style:solid;
	border-width:1px;
	border-radius:10px;
	margin: 2.5em auto;
	padding: 1em;
}
.capsa_exemple{
	border-style:solid;
	border-width:2px;
	border-radius:10px;
	margin: 2.5em auto;
	padding: 1em;
	border-color:#004a8c;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.capsa_exercici{
	border-style:solid;
	border-width:2px;
	border-radius:10px;
	margin: 2.5em auto;
	padding: 1em;
	border-color:#ff8800;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.capsa_solucio{
	width:80%;
	border-style:solid;
	border-width:1px;
	border-radius:10px;
	margin: 2.5em auto;
	padding: 1em;
	border-color:#004a8c;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.capsa_resum{
	width:70%;
	border-style:solid;
	border-width:3px;
	border-radius:10px;
	margin: 2.5em auto;
	padding: 1em;
	border-color:#004a8c;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.solucio{
	width:80%;
	border-color:#004a8c;
	background-color: #F0F0FF; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.exemple{
	width:80%;
	border-color:#004a8c;
	background-color: #F0F0FF; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.exercici{
	width:80%;
	border-color:#004a8c;
	background-color: #E0FFE0; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.important{
	width:80%;
	border-color:#000000;
	background-color: #FFFFFF; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.important40{
	width:40%;
	border-color:#000000;
	background-color: #FFFFFF; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.important60{
	width:60%;
	border-color:#000000;
	background-color: #FFFFFF; 
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.centrat{
	text-align: center;
}
.dreta{
	text-align: right;
}
.puntuacio{
	font-size: .8em;
	line-height: 3em;
	text-align:left;
	font-style: italic;
}
.linksolucio{
	line-height: 3em;
	text-align:right;
	margin-left: 1em;
	margin-right: 1em
}
.codi{
	font-family: 'Courier';
	font-size: 0.8em;
	text-align:left;
}