body {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
	color: #444;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.pagina {
	width:80%;
	max-width:900px;
	margin: 20px auto 20px auto;
	padding: 0px;
	height: 200px;
	min-height: 200px;
	height: auto !important;
	background-color:#f0f0f0;
	box-shadow: 4px 4px 4px #aaa;
	border-radius: 4px;
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	display:table;
}
p { margin: 10px 10px; }
a {
	text-decoration: underline;
	color: #52A7D8;
	margin: 0px;
	padding: 0px;
}
a:Hover {
	color: #666;
}
a:focus {
	outline:none;
} 
:focus { outline: 0; }

h1,h2,h3,h4,h5,h6,h7,h8 { font-family: 'Antic Slab', serif; padding:0px; color:#000; }
h1 {
	margin: 10px 10px 5px 10px;
}
h2 {
	margin: 10px 10px 5px 10px;
}
h3 {
	margin: 10px 10px 5px 10px;
}
h4 {
	margin: 5px 10px 5px 10px;
}
h5 {
	margin: 5px 10px 5px 10px;
}
h6 {
	margin: 5px 10px 5px 10px;
}
h7 {
	margin: 5px 10px 5px 10px;
}
h8 {
	margin: 5px 10px 5px 10px;
}


img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.situacio {
    width: 100%; 
    height: 15px; 
    line-height: 15px; 
    vertical-align: middle;
    margin: 0px 0px 15px 0px; 
    padding: 0px;
	font-size: 80%;
	clear: both;
}
.situacio ul {
    width: 95%; 
    height: 15px; 
    padding: 0px;
    margin: 0px 0px 0px 10px; 
    list-style-type:none;
    float: left;
    vertical-align: middle;
}
.situacio ul li {
   height: 15px; 
   line-height: 15px; 
   vertical-align: middle; 
   float: left;
   margin: 0px;
}
.situacio ul li a {
   height: 15px; 
   line-height: 15px; 
   vertical-align: middle;
   margin: 0px;
   padding: 0px;
   display: block;
}
.situacio ul li a:hover {
}
.situacio ul li p {
   height: 15px; 
   line-height: 15px; 
   vertical-align: middle;
   margin: 0px;
   padding: 0px 10px 0px 5px;
   float: left;
   font-weight: normal;
   text-decoration: none;
}
.situacio ul li::after {
	content: " | ";
	color: #000;
}

.campobligatori { color: #52A7D8; font-weight:bold; }
.td0 { width:100%; margin: 0px 0px; padding: 10px 0px; clear:both; }
.td1 { width: 30%; margin: 0px 1% 0px 0px; float:left; }
.td2 { width: 68%; margin: 0px 0% 0px 0px; float:left; }
.fontcomentari { font-size:80%; color: #666; }
input,select {
	/*width: 99%;*/
	height: 25px;
	padding: 0px 5px;
	border: 1px solid #666;
	font-family:'Montserrat',sans-serif;
	background-color:#fff;
}
input[type="radio"] {
	width:20px; height:13px;
}
.checkbox { width:30px; height: 20px; float:left; }
input[type="checkbox"] { width:20px; }

input[type="button"] {
	margin: 10px 0px;
	min-width: 100px;
	max-width: 250px;
	height: 32px;
	padding: 8px 5px;
	font-weight: bold;
	background-color: #52A7D8;
	color: #fff;
	border: 0px;
}
#edatinscrit { line-height: 25px; }


.campfile {
	position: relative;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	overflow:hidden;
	background:url(/control/gestor-2/galeria/icona08.png) left top no-repeat;
	background-size: 22px;
	clip:rect(0px, 22px, 22px, 0px);
	float: left;
}
.campfile input {
	position: absolute;
	left: auto;
	right: 0px;
	top: 0px;
	margin:0;
	padding:0;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.pujararxiu{ text-align:center; padding:5px 10px; margin: 0px 0px 10px 0px; background:#52A7D8; color:#fff; border:0px solid #fff; }
.pujararxiu:hover{ color:#fff; background:#666; }
.info { margin: 5px; }
.textinfo { margin: 5px 0px; font-style: italic; font-weight: bold; }
.imatgecurs {
	width:100%;
	height:392px;
	overflow:hidden;
	margin:10px 0px;
	position:relative;
}
.imatgecurs > .crop {
	position:absolute;
	left: -100%;
	right: -100%;
	top: -100%;
	bottom: -100%;
	margin:auto;
	min-height:100%;
	min-width:100%;
	max-width:100%;
}

form { margin: 10px; }
.camp10  { width: 6.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp20  { width:16.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp25  { width:21.9%; margin:0px 0.9% 0px 0px; float:left; }
.camp30  { width:26.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp33  { width:29.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp40  { width:36.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp50  { width:46.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp60  { width:56.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp70  { width:66.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp75  { width:71.2%; margin:0px 0.9% 0px 0px; float:left; }
.camp80  { width:76.8%; margin:0px 0.9% 0px 0px; float:left; }
.camp90  { width:86.9%; margin:0px 0.9% 0px 0px; float:left; }
.camp100 { width:96.8%; margin:0px 0.9% 0px 0px; float:left; }


.icona1 { width: 32px; height: 32px; }

.activitats { padding:10px; }
.activitat {
	width: 235px;
	height: 235px;
	margin: 4px;
	padding:0px;
	background:none;
	float:left;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 150%;
	opacity:1;
	display:block;
}
.activitat:hover {
	opacity:0.8;
}
.activitat .fonstransp {
	position:relative;
	top:0;
	left:0;
	width:250px;
	height:250px;
	background-color:red;
	z-index:1000;
}
.activitat .fonstransp img {
	width:250px;
	height:250px;
}
.activitat .textinfo {
	position:relative;
	top:0;
	left:0;
	width:250px;
	height:250px;
	background-color:green;
}
.activitat p {
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 3%;
	padding: 5px;
	background-image: url("/inscripcions/fonstranspnegre30.png");
	background-repeat: repeat;
	width: 89%;
	height: 89%;
}
.activitat a { color: #fff; text-shadow: 2px 2px 6px #000; display:block; text-decoration:none; font-size: 160%; line-height: 25px; }
.activitat a:hover { color:#fff; text-shadow: 2px 2px 6px #000; }
.activitat .places { font-size: 12pt; text-transform:lowercase; font-family:'Montserrat',sans-serif; font-weight: normal; }

.cap {
	width:100%;
	margin: 10px auto;
	padding: 0px; 
	height: 600px;
	background:#ff0;
}

.logo { 
	width: 400px;
	height: 140px;
	margin: 0px 0px 0px 0px; 
	padding: 0px;
}
.logo p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 120px 0px;
}


.registre .camp {
	width:96% !important;
	min-height:25px; height: auto !important; height:25px;
	margin:5px 10px 10px 5px; padding:5px;
	z-index:1;
	display:flex;
}

.registre .camp .campnom {
	width: 150px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	float: left;
}
.registre .campobligatori {
	font-weight: bold;
}
.campobligatori::after {
	content: " *";
	color: #f00;
}
.amagacamp { display: none; }

.amagamobil { 
	display: inline;
}

.registre .camp .campcontingut {
	min-height: 25px;
	height: auto !important;
	height: 25px;
	margin: 0px 0px 0px 2px;
	padding: 0px 5px 0px 0px;
	float: left;
	width:75%;
}
.registre .camp .campcontingut input {
	font-size: 110%;
	height: 20px;
	padding: 0px;
}
.registre .camp .campcontingut select {
	font-size: 110%;
	height: 20px;
}
.registre .camp .campcontingut1 {
	min-height: 25px; height: auto !important; height: 25px;
	margin: 0px; padding: 0px;
}
.registre .camp .campcontingut1 input {
	font-size: 110%;
	height: 20px;
	padding: 0px;
}
.registre .camp .campcontingut1 select {
	font-size: 110%;
	height: 25px;
}
.registre form input, textarea, select {
	border: 1px solid #999;
}
.registre input.camp_no_editable {
	font-size: 110%;
	height: 20px;
	padding: 0px;
	color: #ccc;
	border: 1px solid #ccc;
}
.registre .camp p.font-menuda {
	font-size: 80%;
	margin: 1px 0px !important;
	clear: both;
	color: #666 !important;
}
.registre .camp .font-menuda {
	font-size: 80%;
}

.DIVAmagat { display: none; }

.peu {
	width: 100%; height: 50px; margin: 0px; padding: 0px; text-align: center; 
	background:#ccc; color: #000; clear: both; 
}


.botoajuda { background:#000; color:#fff; padding:2px 5px; border-radius:10px; font-weight:bold; }
.tooltip { position:relative; display:inline-block; }
.tooltip .tooltiptext {
	visibility:hidden; width:300px; background-color:#555555; color:#fff; text-align:left;
	border-radius:6px; padding:0px; position:absolute; z-index:1;
}
.tooltip p { margin:5px; }
.tooltip:hover .tooltiptext { visibility:visible; }


.separador { width: 100%; height: 1px; margin: 0px; clear: both; }
.separador5 { width: 100%; height: 5px; margin: 0px; clear: both; }
.separador10 { width: 100%; height: 10px; margin: 0px; clear: both; }
.separador20 { width: 100%; height: 20px; margin: 0px; clear: both; }



.boto02 {
	margin: 10px 10px;
	min-width: 100px;
	max-width: 50%;
	height: 32px;
	padding: 8px 5px;
	color: #fff;
	border: 0px;
	float:left;
}
.boto02 a { 
	background-color: #52A7D8; color:#fff !important; text-decoration:none; display:block; padding:20px; 
}
.boto02 a:hover { background-color: #666; color:#fff !important; text-decoration:none; }


.boto03 {
	margin: 10px 35%;
	min-width: 100px;
	width: 30%;
	height: 32px;
	padding: 8px 5px;
	color: #fff;
	border: 0px;
	clear:both;
}
.boto03 a { 
	background-color: #52A7D8; color:#fff !important; text-decoration:none; display:block; padding:20px; 
}
.boto03 a:hover { background-color: #666; color:#fff !important; text-decoration:none; }



.boto01 {
	clear: both;
}
.boto01 ul {
	margin: 5px;
}
.boto01 p {
	width: 250px;
	padding: 0px;
	margin: 10px 0px;
	border: 1px solid #ffffff;
	list-style: none;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
.boto01 p a {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0px 0px 0px 15px;
	background-image: url(galeria/punt02.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="galeria/punt02.png", sizingMethod="crop");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
.boto01 p a:hover {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0px 0px 0px 15px;
	background-image: url(galeria/punt01.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="galeria/punt01.png", sizingMethod="crop");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ffffff;
	display: block;
}
.boto01 p a span {
	display: block;
	padding: 0px 0px 0px 15px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
}
.boto01 p a:hover span {
	display: block;
	padding: 0px 0px 0px 15px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
}

.avis {
	background-color: #f0f0f0;
	padding: 20px;
	width: 80%;
	height: 94%;
	margin: 2% auto;
	color: #000;
	text-align: center;
	font-size: 120%;
}
.avis p {
	font-weight:bold;
}


.elementtag { 
	background-color:#A9E2F3;
	color: #000;
	padding:5px 5px 5px 26px;
	margin:0px 5px 5px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-image: url(galeria/x1.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-size:18px 18px;
	display: inline-block;
}
.elementtag0{ 
	background-color:#ccc;
	color: #000;
	padding:5px 5px 5px 5px;
	margin:0px 5px 0px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.elementtagfitxa { 
	background-color:#cecece;
	color: #000;
	padding:5px;
	margin:0px 5px 0px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

@media (min-device-width : 320px) and (max-device-width : 824px) {
	.pagina {
		width: 90%;
		display: block;
	}
	.imatgecurs {
		height:200px;
	}
	.imatgecurs > .crop {
		width: 800px;
		max-width: 60%;
	}
	.activitat { 
		width:100%;
	}
	.td0 { width:98%; margin: 0px 0px; padding: 10px 1%; clear:both; }
	.td1 { width: 98%; margin: 0px; float:none; height: 20px; }
	.td2 { width: 98%; margin: 0px; float:none; }
	.camp10  { width:25%; margin:0px; float:none; }
	.camp20  { width:47%; margin:0px; float:none; }
	.camp25  { width:47%; margin:0px; float:none; }
	.camp30  { width:47%; margin:0px; float:none; }
	.camp33  { width:47%; margin:0px; float:none; }
	.camp40  { width:47%; margin:0px; float:none; }
	.camp50  { width:47%; margin:0px; float:none; }
	.camp60  { width:97%; margin:0px; float:none; }
	.camp70  { width:97%; margin:0px; float:none; }
	.camp75  { width:97%; margin:0px; float:none; }
	.camp80  { width:97%; margin:0px; float:none; }
	.camp90  { width:97%; margin:0px; float:none; }
	.camp100 { width:97%; margin:0px; float:none; }
	.info { margin: 10px 5px; }

	.boto03 {
		margin: 10px 10%;
		width: 80%;
	}
	
	.registre .camp .campnom {
		border: 0px solid #ccc;
		width:100% !important;
		float: none !important; clear: both !important;
	}
	.registre .camp .campcontingut {
		border: 0px solid #ccc;
		float: none !important; clear: both !important;
		width:100% !important;
	}

	.amagamobil { display: none !important; }
}



@media (min-device-width : 600px) and (max-device-width : 824px) {
	.activitat { 
		width:100%;
	}
	
	.registre .camp .campnom {
		border: 0px solid #ccc;
		width:100% !important;
		float: none !important; clear: both !important;
	}
	.registre .camp .campcontingut {
		border: 0px solid #ccc;
		float: none !important; clear: both !important;
		width:100% !important;
	}

	/*.amagamobil { display: none !important; }*/
}



@media (min-device-width : 1024px) and (max-device-width : 1200px) {
	.activitat { 
		width:100%;
	}
	
	.registre .camp .campnom {
		border: 0px solid #ccc;
		width:100% !important;
		float: none !important; clear: both !important;
	}
	.registre .camp .campcontingut {
		border: 0px solid #ccc;
		float: none !important; clear: both !important;
		width:100% !important;
	}

	/*.amagamobil { display: none !important; }*/
}