/* -- BODY -- */

:root {
	--color-primari:#f48000;
}

* {
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
}

table {border-collapse: collapse;}

td    {padding: 2px;}

body{
	background:url(../imatges/fons.png);
	padding-top:60px;
	font-family: 'Montserrat', sans-serif;
}

/* -- NAVBAR -- */

.navbar {
	background-color:var(--color-primari);
	color:#fff;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
}

.navbar-brand {
	width:180px;
}

.navbar-brand .logo {
	width:18%;
}

.titol_nav {
	color:white;
}

/* -- HEADER -- */

header {
}

/* -- TITOL -- */

.titol {
	padding-top:8px;
	padding-bottom:6px;
	background:var(--color-primari);
	color:#fff;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
}

.titol_name {
	font-size:;
	text-align:center;
}

/* -- MAIN -- */

.article {
	margin-top:3px;
	background:;
	min-height:300px;
}


.seleccio:hover {

	background:var(--color-primari);
}

.enlla {
	color:black;
	display:block;
	padding:10px;
	text-decoration:none;
}

.enlla:hover {
	text-decoration:none;
}

.conf-form {
	margin-top:10px;
	margin-bottom:10px;
	background:RGB(244,128,0,0.6);
	padding:7px;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.conf-full {
	margin-top:10px;
	margin-bottom:10px;
	background:RGB(244,128,0,0.6);
	padding:20px;
	padding-top:10px;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.fulla {
width: 100%;
background: white;
padding-top: 35px;
padding-left:90px;
padding-right: 90px;
}

.logo-full {
	width:20%;
}

.full-cos {
	margin-top: 5px;
	padding-top: 80px;
}

.text-full {
text-align: justify;
font-size: 24px;
}

.text-full-peu{
	text-align: justify;
	font-size: 20px;
}


.img-fail {
	width:80%;
	margin-top:10px;
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.img-fail-2 {
	width:80%;
	margin-top:20px;
	margin-bottom:20px;
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.col-form {
	color:white;
	font-weight: bold;
}

.conf-but {
	background:var(--color-primari);
	font-weight: bold;
	color:white;
}

.conf-but-desc {
	background:green;
	font-weight: bold;
	color:white;
	font-size: 80%;
}

.conf-but-desc:hover {
	background:red;
	color:white;
}

.conf-but-desc:active {
	background:red;
	color:white;
}

.text-sal {
	font-size:60%;
	font-weight: bold;
}


.conf-but:hover {
	background:#FF460A;
	color:white;
}

.conf-but:active {
	background:red;
	color:white;
}


.but-aling {
  text-align:center;
}

.menu{
	margin-bottom:5px;
}

.div-taula{
	text-align: center;
	font-size:100%;
}

.div-taula table {
  margin: 0 auto;
  text-align: left;
}

.cap-taula{
	text-align: center;
	background:#f48000;
	font-weight:bold;
	color:white;
  border-bottom: 1px solid black;
}

.cap-tau{
	text-align: center;
	background:#f48000;
	font-weight:bold;
	color:white;
  border-bottom: 1px solid black;
	height: 30px;
}

.cont-taula{
  text-align:left;
	background:;
	font-weight:bold;
	color:blue;
	border-bottom: 1px solid black;
	height: 30px;
}

.cont-tau{
  text-align:center;
	background:#F5B041;
	font-weight:bold;
	color:white;
	border-bottom: 1px solid black;
	height: 30px;
}

.cont-tau-ok{
  text-align:center;
	background:green;
	font-weight:bold;
	color:white;
	border-bottom: 1px solid black;
	height: 30px;
}

.cont-tau-fail{
  text-align:center;
	background:red;
	font-weight:bold;
	color:white;
	border-bottom: 1px solid black;
	height: 30px;
}

.cont-taula td {

}

.cont-taula:nth-child(even) {
	background-color: #f2f2f2;
}

.cont-taula:hover{
	color:black;
}

.div-taula-2{
	text-align: center;
	font-size:40%;
}

.div-taula-2 table {
  margin: 0 auto;
  text-align: left;
}

.cap-taula-2{
	text-align: center;
	background:#f48000;
	font-weight:bold;
	color:white;
  border-bottom: 1px solid black;
}

.cont-taula-2{
  text-align:left;
	background:;
	font-weight:bold;
	color:blue;
	border-bottom: 1px solid black;
	height: 30px;
}

.cont-taula-2 td {

}

.cont-taula-2:nth-child(even) {
	background-color: #f2f2f2;
}

.cont-taula-2:hover{
	color:black;
}

.div-taula-3{
	text-align: center;
	font-size:90%;
}

.div-taula-3 table {
  margin: 0 auto;
  text-align: left;
}

.div-taula-4{
	text-align: center;
	font-size:75%;
}

.div-taula-4 table {
  margin: 0 auto;
  text-align: left;
}

.form-num-registres{
	font-size:200%;
	color:white;
	font-weight: bold;
}

.marge {
	margin-left:5px;
}

.estil-text {
	color:white;
	font-weight: bold;
}


/* -- FOOTER -- */

.footer {
	margin-top:4px;
	color:white;
	background:var(--color-primari);
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
}

/* -- MODAL WEBMASTER -- */

.color_author {
	color:black;
}

.row-ganxet {
	margin:0px;
}

.img_ganxet35 {
}

.img-g {
	width:100%;
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
}

.ganxet-text {
	padding:2%;
	background:var(--color-primari);
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
	-webkit-box-shadow: 2px 2px 5px #000;
	-moz-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
	filter: shadow(color=#000, direction=135, strength=9);
}

.color_author_text{
	color:white;
}

.tointr{
  cursor: auto;
	color:white;
}

.tointr:hover{
  cursor: auto;
	text-decoration: none;
	color:white;
}

/* -- Estils Modal emergent avis de cokies -- */

.modal .modal-dialog .modal-content .panell_cokies_BackColorHead {

	background:var(--color-primari);

	}

.modal .modal-dialog .modal-content .panell_cokies_BackColorHead .modal-title  {

	color:white;
	font-weight:bold;

	}

.modal .modal-dialog .modal-content .panell_cokies_BackColorHead .close  {

	}

/* -- Final estils Modal emergent avis de cokies -- */


/* Small devices (tablets, 768px and up) */

@media screen and (max-width: 768px){

	.navbar-brand {
		width:200px;
	}


	.titol_name {
		font-size:130%;
	}

	.footer-left   {
		font-size:60%;
	}

	.footer-right   {
		font-size:60%;
	}

	.img_ganxet35 {
		width:80%;
	}

	.ganxet-text {
		margin-top:2%;
		font-size:90%;
	}

	.div-taula{
	 font-size:30%;
	}

	.div-taula-2{
	 font-size:30%;
	}

	.div-taula-3{
	 font-size:65%;
	}

	.div-taula-4{
	 font-size:50%;
	}

	.no-centrat {
	display: none;
	}

 }


/* Medium devices (desktops, 992px and up) */

@media screen and (min-width: 992px){

	.div-taula{
	 font-size:55%;
	}

	.div-taula-2{
	 font-size:30%;
	}

	.div-taula-3{
	 font-size:100%;
	}

	.div-taula-4{
	 font-size:65%;
	}

 }


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1200px){

	.div-taula{
	 font-size:60%;
	 }

	 .div-taula-2{
 	 font-size:50%;
 	 }

	 .div-taula-3{
		font-size:100%;
	 }

	 .div-taula-4{
 	 font-size:85%;
 	}

	}


	@media print {

		.titol {
		display:none;
		}

		.but-aling{
			display:none;
		}

		.footer {
		display:none;
		}

		.pan-but-mod {
		display:none;
		}

		.fulla {
		width: 100%;
		max-width: 1679px;
		background: white;
		padding-top: 35px;
		padding-left:90px;
		padding-right: 90px;
		padding-bottom: 45px;
		}


	}

}