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

@font-face {
    font-family: 'NimbusRegular';
    src: url(../fonts/nimbussanl-reg.eot);
    src: url(../fonts/nimbussanl-reg.eot?#iefix) format('embedded-opentype'),
url(../fonts/nimbussanl-reg.woff2) format('woff2'),
url(../fonts/nimbussanl-reg.woff) format('woff'),
url(../fonts/nimbussanl-reg.ttf) format('truetype'),
url(../fonts/nimbussanl-reg.svg#nimbus_sans_lregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
		 url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
		 url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
		 url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
	font-weight: normal;
	font-style: normal;
}


* {box-sizing:border-box;}

body {
	margin:0;
	padding:0;
	/*font-family:OpenSans, Arial, Helvetica, sans-serif;*/
	font-size:12pt;
	background-color:#000;
	/*background-image:url(../imatges/bg-pattern.png);
	background-position:center 180px;*/
}

.top-scroll {
	display:block;
	position:fixed;
	bottom:25px;;
	right:25px;
	width:38px;
	height:38px;
	border-radius:19px;
	background-color:#333;
	border:1px solid #CCC;
	text-align:center;
	cursor:pointer;
	transition: opacity 0.5s ease;
	z-index:1000;
}
.top-scroll::after {
	font-family: "FontAwesome";
	content: "\f062";
	font-size: 24px;
	color: #DDD;
	line-height: 34px;
}

#nou {
	background-color:#FFF;
	border:solid 1px #999;
	position:fixed;
	z-index:400;
	width:600px;
	height:auto;
	left:50%;
	top:50%;
	margin:-150px 0px 0px -300px;
	padding:10px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5);
}

#blanc {
	background:#FFF url(../imatges/loading.gif) no-repeat center center;
	opacity:0.5;
	filter: alpha(opacity = 50);
	position:fixed;
	width:100%;
	height:100%;
	z-index:900;
}

#frmClose {
	position:absolute;
	top:-16px;
	right:-16px;
	width:32px;
	height:32px;
	color:#a30030;
	border-radius:18px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #FFF;
	cursor:pointer;
}

#frmClose::after {
	font-family: "FontAwesome";
	content: "\f057";
	font-size: 32px;
	line-height: 32px;;
}

#cnt-page {
	max-width:1250px;
	margin:0px auto;
}

section:after {
	content:'';
	display:block;
	clear:both;
}

table {border-spacing:3px;}
textarea {width:100%;}

.titols {
	font-family:NimbusRegular, Arial, Helvetica, sans-serif;
	color:#9C9A9A;
	letter-spacing:0.6em;
	text-transform:uppercase;
	margin-bottom:25px;
}

footer {
	padding:40px;
	text-align:center;
}

footer a:link, footer a:visited {
	color:#9C9A9A;
	text-decoration:none;
	outline:none;
}

footer a:hover {
	color:#EEE;
	/*text-decoration:underline;*/
}

figcaption {
	font-family:NimbusRegular, Arial, Helvetica, sans-serif;
	color:#9C9A9A;
}
.una-mini {
	display:block;
	margin-bottom:25px;
}

.una-mini:last-child {
	margin-bottom:0px;
}

.una-mini img {
	display:block;
	margin:0px auto;
	width:100%;
	max-width:350px;
	cursor:pointer;
}

.accions {
	text-align:center;
	margin-top:10px;
}

.boto {
	display:inline-block;
	padding:7px 10px;
	margin:4px;
	font-family:NimbusRegular, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-transform:uppercase;
	color:#FFF !important;
	background-color:#c10059;
	border:1px solid #c10059;
	cursor:pointer;
	transition: background-color 0.25s linear;
}

.boto:hover {
	color:#c10059 !important;
	background-color:#FFF;
}

a.boto:link, a.boto:visited {text-decoration:none;}

.btnEnviar::before {
	content: "\f1d9";
	display: inline;
	margin-right:10px;
	font-size:14px;
	font-family: "FontAwesome";
}

.rowForm {
	margin:5px 0px;
}

label {display:block;font-size:90%; font-weight:bold;}
.camp {
	width:100%;
	padding-right:30px !important;
}

.tocat:required:invalid {
	background-image: url(../imatges/cancel.png);
	background-position: 98% center;
    background-repeat: no-repeat;
	border:1px solid #d4323d;
	background-color:#FFE1D2;
	box-shadow: none;
}

.tocat:required:valid {
	background-image:url(../imatges/aceptar.png);
	background-position: 98% center;
    background-repeat: no-repeat;
	border:1px solid #090;
	background-color:#D9FEC2;
}