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

* {
		padding: 0;
		margin: 0;
}
@font-face {
    font-family: "BebasNeue-Book";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../fonts/BebasNeue-Book.woff") format("woff"), url("../fonts/BebasNeue-Book.ttf") format("truetype");
}
html,body{
	height:100%;
}
body {
	background: rgba(149,59,112,1);
background: -moz-linear-gradient(-45deg, rgba(149,59,112,1) 0%, rgba(165,50,104,1) 19%, rgba(196,49,88,1) 38%, rgba(196,49,88,1) 58%, rgba(133,65,119,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(149,59,112,1)), color-stop(19%, rgba(165,50,104,1)), color-stop(38%, rgba(196,49,88,1)), color-stop(58%, rgba(196,49,88,1)), color-stop(100%, rgba(133,65,119,1)));
background: -webkit-linear-gradient(-45deg, rgba(149,59,112,1) 0%, rgba(165,50,104,1) 19%, rgba(196,49,88,1) 38%, rgba(196,49,88,1) 58%, rgba(133,65,119,1) 100%);
background: -o-linear-gradient(-45deg, rgba(149,59,112,1) 0%, rgba(165,50,104,1) 19%, rgba(196,49,88,1) 38%, rgba(196,49,88,1) 58%, rgba(133,65,119,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(149,59,112,1) 0%, rgba(165,50,104,1) 19%, rgba(196,49,88,1) 38%, rgba(196,49,88,1) 58%, rgba(133,65,119,1) 100%);
background: linear-gradient(135deg, rgba(149,59,112,1) 0%, rgba(165,50,104,1) 19%, rgba(196,49,88,1) 38%, rgba(196,49,88,1) 58%, rgba(133,65,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953b70', endColorstr='#854177', GradientType=1 );

 background-attachment: fixed;
	font-size:21px;
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
article {
	padding-bottom: 30px;}
#main{
	max-width: 1024px;
	width: 100%;
	/*max-width: 894px;*/
	/*padding: 0 65px;*/
	margin: auto;
	height: auto;
	/*background: url(../imatges/fondo.jpg) center top repeat-y;*/
	background-size: 100%;
	padding-bottom: 100px;
	background: #fff;
	}
	
	
a {
	text-decoration: none;
		color:#000;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

a, a img {border:none;}
h2, h3, h4 {
	font-weight: normal;
	text-transform:uppercase;
	font-family:BebasNeue-Book;}
/* header */	
header {
	/*background: rgba(255,255,255,0.75);*/
	/*background: #000;*/
	
	margin: 0 0;
	}
header nav {
	/*margin: 0 50px;*/
	margin: 0 auto;
	width:90%;
	max-width: 900px;
	/*border-bottom: solid 1px #000;*/
	background:#fff;
	padding-bottom: 20px;
	}

header nav ul {
	padding-top: 50px;
	padding-bottom: 5px;}	
header nav ul li {
	display:inline-block;
	width: 35%;}	
header nav ul li.cartell {
	width: 28%;}
header nav ul li a {
	width: 100%;
	display:block;
	color: #ccc;
	font-size: 1.524em;
	text-transform:uppercase;
	font-family:BebasNeue-Book;}
header nav ul li.cartell a {
	text-align:center;}
header nav ul li.formulari a {
	
	background:url(../imatges/formulari.png) right top no-repeat;
	background-size: 10%;
	}

header nav ul li a:hover {
	color:#000000;} 
	header nav ul li.actual a {
		color: #662D91;}
/* TITOL */
header h1 {
	/*padding-top: 125px;*/
	text-indent: -9999px;
	background: url(../imatges/header.jpg) center no-repeat;
	/*background-size: 90%;*/
	width: 100%;
	/*max-width: 900px;*/
	height: 345px;
	background-color: rgba(239,235,235,1);	
}
/* CONTINGUTS */
section {    

	margin: 0 6%;
	padding-top: 0px;
	max-width: 900px;
	background: rgba(255,255,255,0.75);
	background: rgba(239,235,235,1);
	
	
	}
section h2 {
	/*border-bottom: solid 1px #000;*/
	/*max-width: 770px;*/
	margin: 0px 27px 15px -10px;
	font-size: 2.381em;
	padding: 12px 17px 1px;
    color: #fff;
	background:#000;
	}
section p, section ul {
	padding-left: 38%;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 8%;
	text-align:justify;}
section p.gratuita {
	padding-bottom: 25px;}
section  ul {
	list-style: circle;
	padding-top: 15px;
	margin: 0;
}
section  ul li {
	padding-bottom: 15px;}
section a.formulari {
	display:block;
	font-size: 1.524em;
	padding-left: 38%;
	padding-top:35px;
	padding-bottom: 3px;
	margin-right: 6%;
	padding-right: 8%;
	text-transform:uppercase;
	font-family:BebasNeue-Book;
	text-align:right;
	background:url(../imatges/formulari.png) right top no-repeat;}
	section a.pdf {
	display:block;
	font-size: 1.000em;
	padding-left: 38%;
	padding-top:35px;
	padding-bottom: 3px;
	margin-right: 6%;
	padding-right: 4%;
	text-transform:uppercase;
	font-family:BebasNeue-Book;
	text-align:right;
	background:url(../imatges/pdf.png) right center no-repeat;}
section a.formulari:hover, section a.pdf:hover {
	color:#662D91; 
	}
	
section h3 {
	border-bottom: solid 1px #000;
	max-width: 770px;
	margin: 15px 60px 2px;
	font-size: 1.667em;
	}
	 /*ORGANITZA */
section article.organitza {
	min-height: 265px;
	}
section article ul.logos{
	list-style: none;
	padding: 2% 6%;
	
	}
section article ul.logos li {
	display:inline-block;
	
	margin: auto;}
section article ul.logos li img {
	width: 90%;}
	/**/
section article.coordina {
	width: 42%;
	float:left;} 
section article.coordina h3 {
	width: 60%;}
section article.coordina p{
	
	padding-left: 15%;
	font-size: 0.857em;}
section article.informacio {
	/*width: 55%;*/
	padding:0;
	/*float:right;*/
	margin:0;
	padding-bottom: 50px;
	padding: 2% 6%;
	/*margin-right: 15px;*/} 
section article.informacio h3 {
	margin-left:0;
	}
section article.informacio p {
	
	padding-left: 0;
	text-align:left;
	font-size: 0.857em;}
	
section h4 {
	border-bottom: solid 1px #000;
	max-width: 770px;
	margin: 2px 60px;
	font-size: 1.143em;
	}
section h4 span {
	
font-size: 0.667em;
color: #662D91;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:none;
	}
section article.patrocina {
	}
section article.colabora {
	}
	
section article.cartell {
	padding-bottom: 0px;
	background: #fff;}
section article.cartell img{
	width: 100%;}
	
	/* FORMULARI */
	form {
		padding-bottom: 20px;}
.obligatori, form fieldset p span {
	color:#662D91; 
	
	text-transform:uppercase;
	font-family:BebasNeue-Book;
	font-weight: bold;
	font-size: 1.143em;
	
	}
form fieldset p {
		padding:0;}
form fieldset p.nota {
	font-size: 0.667em;}
form fieldset.dades {
	border:none;
	padding-left: 38%;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 8%;
	text-align:justify;
}
form fieldset.dades input, form fieldset.dades textarea{
	width: 100%;
	font-size: 0.857em;
	padding: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size:0.857em;
	margin: 10px 0;
	}
	
form fieldset.participants {
	border:none;
	float:left;
	padding-top: 10px;
	padding-bottom: 25px;
	padding:0 3% 0 6%;
	text-align:justify;
	width: 40%;
	margin-top: 25px;
}
form fieldset.participants2 {
	border:none;
	float:left;
	padding-top: 10px;
	padding-bottom: 25px;
	padding:0 6% 0 3%;
	text-align:justify;
	width: 40%;
	margin-top: 25px;
}
form fieldset.participants input, form fieldset.participants2 input{
	width: 100%;
	font-size: 0.667em;
	padding: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	
	margin: 5px 0;
	}
	form p.peu {
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		margin: 15px 6%;
		font-size: 0.857em;
		padding:15px 0;}
		
form fieldset.captcha {
	border:none;
	
	padding-top: 10px;
	padding-bottom: 25px;
	padding:0 3% 0 6%;
	text-align:justify;
}
form fieldset.captcha p.obligatori {
	font-size:0.857em;
	padding-right: 15px;
}
form fieldset.captcha input{
	width: 20%;
	font-size: 0.667em;
	padding: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 5px 0;
	}
form fieldset.captcha a.captcha {
	display: inline;
	padding: 5px 15px;
        margin:0 7px;
	background: url(../imatges/icon/bg-captcha.jpg) center no-repeat #fff; 
	cursor:pointer;
}
form fieldset.captcha img{
	
	margin-top: 5px;
	float:left;
	background: #fff;}
form fieldset.captcha a.btn{
	width: 20%;
	float: right;
	font-size: 0.857em;
	padding: 5px;
	text-transform:uppercase;
	font-family:BebasNeue-Book;
	text-align:center;
	margin: -35px 0;
	margin-right: 3%;
	background:#662D91; 
	color: rgba(255,255,255,1.00);
	}
#captcha_image{display:block;float:left;width:150px;height:34px;margin-right:7px;}        
#form-result{display:none;height:340px;}

section article.social  {
	padding-bottom: 50px;
	
	}
section article.social a {
	background: url(../imatges/facebook.png) left center no-repeat;
	padding: 15px 0px 15px 45px;}
section article.social a:hover {
	color:#662D91;
	}
@media (max-width: 768px) { 
	
header nav ul li {
	display:inline-block;
	width: auto;}	
header nav ul li.cartell {
	width:auto;
	padding:0 4%;}
header nav ul li a {
	
	font-size: 1.333em;
	}
header nav ul li.formulari {
	padding-right:2%;}
header nav ul li.formulari a {
	width: 100%;padding-right: 5%;
	background:url(../imatges/formulari.png) right top no-repeat;
	background-size: 10%;
	}
section article p, section article ul{
	font-size: 0.857em;
	}
	
section a.formulari {
	
	background:url(../imatges/formulari.png) right bottom no-repeat;
	background-size: 5%;
	}
	
	
}
@media (max-width: 600px) { 
	
		
section p, section ul {
	padding-left: 12%;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-right: 12%;
	text-align:justify;}
	form fieldset.dades {
	padding-left: 12%;
	}
}
@media (max-width: 420px) {
	
header h1 {
	padding-top: 25px;
	
	height: 110px;
	
}
	} 
	
/* CSS Document */

