@charset "utf-8";
/* CSS Document */


html {
	margin-top:0px;
	margin-bottom: 0px;
/*	background:url('fons.png') center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	}
body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: medium;
	background-color: #f4f4f4;
	margin-left:16%;
	margin-right:16%;
	margin-top: 1em;
	}
@media only screen and (max-width: 780px) {
  body {
    margin-left:1em;
	margin-right:1em;
	margin-top: 1em;
  }
	.smallertxtenmq {
		font-size: small;
	}
}
a{
	text-decoration: none;
	color: #2475C1;
	}
h1{
	font-size: 2em;
	font-weight:normal;
	margin-top: 0px;
	}
h2{
    font-size: medium;
    font-weight: bolder;
	padding-bottom: 0px;
	margin-bottom: 0,5em;
	color: #1A5689;
	}
#contingut{
	
	}
ul{}
img {
    max-width: 100%;
    max-height: 100%;
}
#cap{
	border-bottom: thick solid #2475C1;
	background-color: white;
	padding: 0.5em 1em 0em 1em;
	}
#titol{
	float:left;
	width:86%;
	padding-top:0px;
	}
#logo{
	float:right;
	text-align:right;
	width:10%
	}
#menu {
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	background-color: white;
	}
#cos{
	background-color: white;
	padding: 0.5em 1em 0.5em 1em;
	margin-top: 1em;
	}
#cos2{
	background-color: #fbfbfb;
	color: #606060;
	padding: 0.5em 1em 0.5em 1em;
	margin-top: 1em;
	font-size: small;
	}
#cos ul {
	list-style: none;
	padding-left:1em;
	text-indent:-1em;
	 }
#cos ul li:before {
    content: "\2014 ";
/*	display: block;
    float: left;
    width: 1.2em;*/
    color: #2475C1;
	}
#cos2 ul {
	list-style: none;
	padding-left:1em;
	text-indent:-1em;
	 }
#cos2 ul li:before {
    content: "\2014 ";
/*	display: block;
    float: left;
    width: 1.2em;*/
    color: #2475C1;
	}
#cos2 h2
	{font-size: small;
	}
#peu{
	background-color: white;
	font-size: smaller;
	text-align: center;
	margin-top:1em;
	margin-bottom:1em;
	padding: 0.2em 1em 0.2em 1em;
	}
.row{}
.col2{
	display:inline-block;
	width:48%;
	vertical-align:top;
	padding-right:0.5em;
	}
	

.col3{
	display:inline-block;
	width:31%;
	vertical-align:top;
	padding-right:0.5em;
	}
.col3_2{
	display:inline-block;
	width:63%;
	vertical-align:top;
	padding-right:0.5em;
	}
.col4{
	display:inline-block;
	width:23%;
	vertical-align:top;
	padding-right:0.5em;
	}
.col4_3{
	display:inline-block; 
	width:72%;
	vertical-align:top;
	padding-right:0.5em;
	}
.col-heading{
	font-size:medium;
	font-weight:bold;
	line-height:0.6%;
	}
.list-heading{
	font-size:medium;
	font-weight:bold;
	}
.listdash{
	list-style-type:circle;
	} 
.listnobullets{
	list-style:none;
	padding-left:1em;
	}
.listmenu{
	display:inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
	}
.linelower{
	line-height:0.6%;
	}
.width100{
	width:100%;
	}
.imgname{
	font-size:smaller;
	font-weight:bold;
	text-align:center;
	line-height:0.5%;
	}
.centrar{
	text-align:center
	}
.voratop {
	border-top: #C7C6C6 thin solid;
	margin-top:1em;
	}
.vorabot {
	border-bottom: #C7C6C6 thin solid;
	margin-bottom:1em;
	}
.subtit4 {
	font-weight:normal;
	text-decoration:underline;
	text-indent:1em;
	padding-top: 0px;
	margin-top: 0px;
	}
/*.paddingleft{
	padding-left:0.8em;
	}*/
.box{
	border: #CDCDCD solid thin;
	padding: 1em;
	font-size: large;
	}
.big{
	font-size: x-large;
	color: #1A5689;
}
.smallertxtenmq {}
#notapeu {
	font-size: xx-small; 
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
/*http://www.positioniseverything.net/easyclearing.html*/
	}