@font-face {
	font-family: 'FranklinGothic';
	src: url('../../fonts/ITCFranklinGothicStd-Book.eot');
	src: local('ò?'),
			 url('../../fonts/ITCFranklinGothicStd-Book.woff') format('woff'),
			 url('../../fonts/ITCFranklinGothicStd-Book.ttf') format('truetype'),
			 url('../../fonts/ITCFranklinGothicStd-Book.svg#webfont') format('svg');
}
@font-face {
	font-family: 'FranklinGothicM';
	src: url('../../fonts/ITCFranklinGothicStd-Med.eot');
	src: local('ò?'),
			 url('../../fonts/ITCFranklinGothicStd-Med.woff') format('woff'),
			 url('../../fonts/ITCFranklinGothicStd-Med.ttf') format('truetype'),
			 url('../../fonts/ITCFranklinGothicStd-Med.svg#webfont') format('svg');
}
@font-face {
	font-family: 'FranklinGothicMC';
	src: url('../../fonts/ITCFranklinGothicStd-MdCd.eot');
	src: local('ò?'),
			 url('../../fonts/ITCFranklinGothicStd-MdCd.woff') format('woff'),
			 url('../../fonts/ITCFranklinGothicStd-MdCd.ttf') format('truetype'),
			 url('../../fonts/ITCFranklinGothicStd-MdCd.svg#webfont') format('svg');
}

a { color: rgb(0,130,155); text-decoration: none; }
a:hover { /* background: #621813;*/ color: white; text-decoration: none; }

#contingut { with: 100%; background: white; text-align: left; }
#pagina { width: 1200px; margin: 0 auto; text-align: center; background: white; box-shadow: 0 0 15px 0 rgba(0,0,0,.3); margin-top: 30px; margin-bottom: 30px; }


.row { clear: both; text-align: left; }
.reset { clear: both; margin: 0; width: 0; height: 0; }

h2.formh2 { font: 1.65em FranklinGothicM, sans-serif; color: #000; margin: 20px 0 10px 0; text-align: left; height: auto; }
h2.formtit { border-top: 1px solid rgba(0,130,155, 0.5); padding-top: 10px; font: 1.8em FranklinGothicM, Sans-serif; color: rgba(0,130,155,1); margin: 30px 0 10px 0; }
p { text-align: justify; }
p.lopd { font-size: 100%; color: rgba(0,0,0,0.7); }
.red { color: #FF0000; }

/* FORMS */
.avis_recaptcha { border: 2px dashed red; border-radius: 10px; padding: 15px; font-weight: bold; background: white; margin-top: 20px; margin-bottom: 20px; color: #F00; text-align: center; }

.formphp { margin: 30px 20px 20px 20px; padding: 10px 15px; background: rgba(0,130,155, 0.1); border: 1px solid rgba(0,130,155, 0.5); border-left: none; border-right: none; }
.formphp h2 { font: 1.8em FranklinGothicM, Sans-serif; color: rgba(0,130,155,1); margin: 0 0 10px 0; }
.formphp legend { color: rgba(0,130,155,0.6); font-size: 1.3em; font-weight: bold; border-bottom: 2px dotted rgba(0,130,155,0.3); padding-top: 15px; margin-bottom: 10px; }
.form-group label { font-size: 0.95em; font-family: Arial, Sans-serif; }
.form-group label.radio-inline, form .form-group label.checkbox { font-size: 14px; font-weight: 300; }
.form-group label.checkbox:hover { cursor: pointer; }
.form-group select { padding: 5px 10px; border-radius: 5px; border-color: rgba(0,0,0,0.3); }
.g-recaptcha { margin: 10px 0; }
.rc-anchor-light { background-color: rgba(255,255,255,0.5) !important; } /* Recaptcha */
.form_botons { background: rgba(0,0,0,0.15); margin: 30px -15px -10px -15px; padding: 0 15px 10px 15px; border-top: 1px solid rgba(0,130,155, 0.5); text-align: center; }

.radio-inline { margin-right: 15px; }
.radio-label { font-size: 0.95em; }

.btn-default, .btn-primary { background: rgba(0,130,155,1); border-color: rgba(0,130,155,1); color: white; }
.btn-default:hover, .btn-primary:hover { background: black; border-color: black; color: white; }
.btn-pdf { background: rgba(255,255,255,1); border: 2px solid rgba(0,130,155,1); color: rgba(0,130,155,1); margin: 20px 15px 25px 0; }
.btn-pdf:hover { background: black; border-color: black; color: white; }
.btn-secondary { background: rgba(255,255,255,0.9); border-color: rgba(0,130,155,1); color: rgba(0,130,155,1); }
.btn-secondary:hover { background: black; border-color: black; color: white; }

.formphp h4 { font: 1.3em FranklinGothicM, Sans-serif; margin-bottom: 3px; color: #878482; }

/* RESULTATS */
table.formdades { margin-top: 15px; margin-bottom: 10px; border: 1px solid rgba(0,0,0,0.3); }
table.formdades tr { border-bottom: 1px dashed rgba(0,0,0,0.3); }
table.formdades tr:nth-child(odd) { background: rgba(255,255,255,1); }
table.formdades tr:last-child { border-bottom: none; }
table.formdades td { padding: 3px 15px; background: rgba(255,255,255,0.5); }
table.formdades td:first-child { background: rgba(0,0,0,0.1); color: rgba(0,130,155,1); }
table.formdades tr.fosca { background: rgba(0,0,0,0.3); color: black; }
table.formdades tr.fosca td:first-child { color: white; }

.colB { color: black; }

.form_candau { background: url(./pantalla-amb-candau.png) no-repeat center center; height: 300px; background-size: contain;  }

.rc-anchor-container { overflow: hidden !important; }


.radio-label { font-size: 1.05em; }
.form-group label { font-size: 1.05em; color: rgb(51,51,51); font-weight: bold; }
.form-group label.radio-inline { font-weight: normal; }
.form-control { background-color: white; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border: 1px solid #CCC; background-image: none; color: #555; font-size: 14px; padding: 6px 12px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
::-webkit-input-placeholder, :-ms-input-placeholder, ::placeholder { color: #CCC; }
.avis_recaptcha { font-size: 1.15em; }
table.formdades { font-size: 1.15em; }




@media screen and (max-width: 1200px)
{
	#pagina { width: 100%; }
}


@media only screen and (max-width: 1024px)
{
	.contingut, .peupagina { width: 100%; }
	.peupagina { margin-top: 0; }
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s1024 { display: inline; }
}

@media only screen and (max-width: 960px)
{
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s960 { display: inline; }
}

@media only screen and (max-width: 768px)
{
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s768 { display: inline; }
}

@media only screen and (max-width: 640px)
{
}

@media only screen and (max-width: 478px)
{
	/*div#calendari { display: none; }*/
	.prog li { width: 48%; margin: 1% 1% 10px 1%; height: 300px; }
	.prog .foto { height: 125px; }
	.prog h3 { font-size: 1.2em; line-height: 1.1em; }
	.prog p.tagged { font-size: 0.95em }
	.s1280, .s1024, .s960, .s768, .s478 { display: none; }
	.s478 { display: inline; }
}