body { 
	width:100%;
	font-family: 'Lato', sans-serif; 
	margin: 0px; 
	background-color: #fff; 
	background-image: none; 
	background-attachment:fixed;
	background-position: top center; 
	background-repeat: repeat; 
	background-size:100%;
	font-size: 1.2em; 
}
.botoenviar { font-size: 20px; padding: 5px 10px; border:2px solid #000; border-radius: 5px; color: #fff; background-color: #00b300}
.boto { border-radius:5px; font-weight:bold; border: 2px solid #000; font-size:14px; margin:10px 20px; padding:10px; color:#fff; }

.boto1 {
	width: 64%;
	padding: 5px 15px;
	margin: 10px 18%;
	background-color: #dedede;
	text-align:center;
	color: #555555;
	display: block;
	border: 1px solid #000;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.boto1:hover { background-color: #ccc; }
.boto1 a { color: #000; text-decoration: none; display: block; }
.boto1 a:hover { color: #666; }


.pagina { width:70%; margin:20px 15%; background-color:#fff; }
p { margin: 10px 20px; }
.cap { width:100%; margin: 0px 0px 20px 0px; }
.cap h1 { text-align:left; }
h1 { font-size: 160%; margin: 10px; }
h2 { font-size: 110%; margin: 10px; }
.peu { width:100%; margin: 20px 0px 0px 0px; text-align:center; }
.cap img, .peu img { width:100%; margin:0px; }
.info { width:100%; height: auto; clear: both; margin: 0px auto; }
.blocinscripcio { 
	width:99%; height:auto; 
	margin:25px 0px; padding:10px 0.5%;
	box-shadow:1px 1px 10px grey; 
	background-color: #eee;
}
.separador { width:100%; height:1px; clear:both; }
.separador5 { width:100%; height:5px; clear:both; }
.separador10 { width:100%; height:10px; clear:both; }
.separador20 { width:100%; height:201px; clear:both; }
.separador30 { width:100%; height:30px; clear:both; }

.ambelsuport { font-size: 70%; width:100%; height: auto; margin: 0px auto; background-color:#fff; clear: both; }
.ambelsuport p { margin: 10px 0px 0px 10px; }

.logoSuport1 { background-color: #fff; width:50%; padding:10px 1%; clear:both; vertical-align:bottom; }
.logoSuport2 { background-color: #fff; width:20%; padding:10px 1%; float: left;vertical-align:bottom; }
.logoSuport3 { background-color: #fff; width:20%; padding:10px 1%; float: left;vertical-align:bottom; }

.logoSuport1a { background-color: #fff; width:37%; padding:10px 1%; float: left; vertical-align:bottom; }
.logoSuport2a { background-color: #fff; width:15%; padding:10px 1%; float: left;vertical-align:bottom; }
.logoSuport3a { background-color: #fff; width:15%; padding:10px 1%; float: left;vertical-align:bottom; }


.avispantallacompleta5 {
	visibility: hidden;
	background-color: #fff;
	width: 100%;
	height: 100%;
	color: #f00;
	font-size: 130%;
	position: absolute;
	top: 0;
	left: 0;
}
.avispantallacompleta5 p {
	text-align: center;
	width: 50%;
	margin: 0px 25%;
}
.avispantallacompleta5 a {
	color: #0397A3;
}
.avispantallacompleta10 {
	visibility: hidden;
	background-color: #fff;
	width: 100%;
	height: 100%;
	color: #f00;
	font-size: 130%;
	position: absolute;
	top: 0;
	left: 0;
}
.avispantallacompleta10 p {
	text-align: center;
	width: 50%;
	margin: 0px 25%;
}
.avispantallacompleta10 a {
	color: #0397A3;
}


.camp {
	width:48%; height:auto; float:left; margin: 10px 1% 10px 1%;
}
.campnom {
	width: 30%; float:left; 
}
.camp100 { 
	width:100%; height:auto; clear: both; margin: 10px 1% 10px 1%;
}
.camp100 .campnom {
	width: 14%; float:left; 
}
.campform {
	width: 70%; float:left; 
}
.campform p { margin: 0px 0px 10px 0px; }

.camp input, .camp select { max-width:95%; font-size: 12pt; font-family: 'Lato', sans-serif; }
.camp input, .camp select { font-size: 10pt !important; }

.taulallista {
	text-align: center; width: 96%; margin-left: auto; margin-right: auto;
}
.taulallista td { border: 1px solid #000; }
#tit {
	color: #000;
	font-weight: bolder;
	text-transform: none;
	text-align: center;  
	border-bottom: 1.5px solid black;
}
#tit th {
	border:1px solid #000;
}





@media (min-width:300px) and (max-width:800px){
	.pagina {
		width: 96%;
		margin: 0px 2%;
	}
	.camp {
		width:100%; height:auto; clear:both; margin: 10px 0%;
		font-size:80%;
	}
	.campnom {
		width: 30%; float:left; 
	}
	.campform {
		width: 69%; float:left; 
	}
}