html {
  position: relative;
  min-height: 100%;
}

    @font-face {
    font-family: 'Carlito Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Carlito Regular'), url('Carlito-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Carlito Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Carlito Italic'), url('Carlito-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Carlito Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Carlito Bold'), url('Carlito-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Carlito Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Carlito Bold Italic'), url('Carlito-BoldItalic.woff') format('woff');
    }


body {
font-family: 'Carlito Regular', sans-serif;
font-weight:300;
/*
  background: rgb(243,112,70);
	background: -webkit-linear-gradient(rgba(243,112,70,1) 0%, rgba(240,85,39,1) 100%);
	background: -o-linear-gradient(rgba(243,112,70,1) 0%, rgba(240,85,39,1) 100%);
	background: linear-gradient(rgba(243,112,70,1) 0%, rgba(240,85,39,1) 100%);
*/
background:#ebb043 url('../../imatges/fondo-web.png') top left;
background-size:cover;	
  color:#172f6f;
  font-size:18px;
}


a {color:#fff; text-decoration:underline;}

.navbar {
	height:120px;
	background: transparent;
	border:0;
	border-top:0px solid transparent;
	padding-top:0px; margin-top:0px;
}
	
header {margin:2em 0;}
footer {
  position: relative;
  margin:3em 0 1em;
  width: 100%;

}


.principal {width:90%; margin:auto;}

a {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}

footer p {text-align:center; mergin:1em;}



span.glyphicon {font-size:0.8em; margin-right:12px}




.container {
	max-width:1280px;
}

.content {
	font-size:1.4em;
	padding-bottom:130px;
}

.centrat {text-align:center}

h2 {
	color:#172f6f;
	font-size:2.6em;
	font-weight:800;
}

h3 {
	color:#fff;
	font-size:1.8em;
	font-family: 'Carlito Bold', sans-serif;
font-weight:600;
}

h4 {
	color:#fff;
	font-size:1.5em;
	font-family: 'Carlito Bold', sans-serif;
font-weight:600;
	margin:1.8em 0;
}

.mrgv60 {margin:60px auto;}
.minus {font-size:0.9em; line-height:0.95em}
.biggus {font-size:1.3em}


ul.caixa {margin:3em 2em;}

ul.caixa li {list-style:none; text-align:left; font-size:1.5em; font-weight:500;}

.marr {background:rgba(88,69,35, 0.45); padding:2em; width:90%; margin:2em auto;}

.formulat {color:#fff; font-family: 'Carlito Bold', sans-serif;
font-weight:500; }

.form-interior {
  max-width: 100%;
  padding: 15px;
  margin: 0 auto;
  font-size:18px; font-weight:500;
}
.form-interior .form-control {
  position: relative;
  height: 22px;
  padding:0px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  font-size: 14px;
  margin-bottom:1.2em;
}

.form-interior input, .form-interior select  {
  height:36px !important;
  font-size:18px !important;
  border-radius:6px;
  -webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.75);
width:100%;
color:#000;
margin-bottom:1.2em;
}

.form-interior input.errori {border:3px solid red;}
.form-interior select.errori {border:3px solid red;}

.form-interior input[type="checkbox"] {width:auto; height:auto !important; padding-top: 10px;}
label span {display:inline-block; border:0px solid blue; padding:0px 0px; }

a.sub {text-decoration: underline}

p.parg {font-size:0.8em; font-weight:300; margin:1em 0; color:#fff;}

/* inici */

a.tancapop {display:block; width:54px; height:54px; background:url(../../imatges/tanca.png) no-repeat; position:absolute; right:5px; top:5px;}

div.error {width:320px; position:absolute; z-index:10; 
	padding:70px 20px;
	left:calc(50% - 160px); 
	top:100px;
	background:#243262;
	background: -moz-linear-gradient(
		top,
		#243262 40%,
		#304288);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#243262),
		to(#304288));
	font-size:1.3em;
	-moz-box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
	box-shadow:
		9px 9px 7px rgba(0,0,0,0.5);
		display:none;
}


footer p {color:#172f6f;}

/* cookies */
#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:40px;
	width:100%;
	text-align:center;
	min-height:130px;
	background-color: rgba(0, 0, 0, 0.8);
	color:#fff;
	z-index:99999;
}

.inner {
	width:100%;
	position:absolute;
	padding-left:5px;
	font-size:14px;
	top:20px;
	min-height:130px;
}

.inner a.ok {padding:4px;color:#fff; text-decoration:underline; background:#666; border-radius:4px; padding:3px 10px;}
.inner a.info {padding-left:5px;text-decoration:underline;color:#fff; background:#666; border-radius:4px; padding:3px 10px;}

/* fi centr */

.boto {
	background-color:#172f6f;
	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:800;
	font-size:1.8em;
	padding:8px 20px;
	text-decoration:none;
	border-radius: 0px;
}
.boto:hover {
	text-decoration: none;
	color:yellow;
}
.boto:active {
	position:relative;
	top:1px;
}

.petit {font-size:1.7em;
	padding:1px 25px;}


/* mediaqueries */

@media (max-width: 980px) {

	#barraaceptacion {min-height:160px; font-size:12px;}
	.inner {min-height:160px;}
	
}

@media (max-width: 768px) {

ul.caixa {margin:2em 1em;}

ul.caixa li {list-style:none; text-align:left; font-size:1.3em; font-weight:500;}
	
}

@media (max-width: 640px) {

	#barraaceptacion {min-height:250px; font-size:12px;}
	.inner {min-height:250px;}
	img.logo {width:200px; height:auto; display:block; margin:auto;}
	
		
}

@media (max-width: 480px) {

	

	h3 {
		font-size:1.4em;
	}
	div.caixatextcheck { width:80%}
	.padsup70 {padding-top:40px}
	

 
	
}


div.ficampanya {padding:10px 40px; border:1px solid #ea5b0f; background:#252772; font-size:2.0em; width:400px; margin:auto; margin-top:5%; text-align:center;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45);
}