/* -- BODY -- */

:root {
	--color-primari:rgb(170, 68, 0);
	--font-titol:ParchmentMf-Vqge, normal;
	--font-primari:'Poiret One', cursive;

}

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

a{
color:white;
font-style:;
}

a:hover {
	color:black;
}

a:hover :visited {
	color:grey;
}

body{
	min-width:350px;
	background-color:;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23aa4400' fill-opacity='0.4' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
	padding-top:75px;
	font-family:var(--font-primari);
	}

/* -- NAVBAR -- */

.navbar {

	background-color: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);
}

.navbar-brand {
}

.nom-menu{
	display:none;
	color:white;
}

.navbar-brand .logo {
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.lang-nav{
	margin-left:450px;
}

.titol_nav {
color:white;
}


/* -- HEADER -- */

header {
}

/* -- TITOL -- */

.titol {
	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);
	display:none;
}

.titol_name {
	font-size:200%;
	text-align:center;
	font-family:var(--font-titol);
}

.titol-cookies {
	display:none;
}

.old-card{
 display:none;
}

/* -- MAIN -- */

.article {
	margin-top:3px;
}



.card-img-overlay {
	text-align: center;
}

.titol-text-cookies {
	font-size:450%;
	color:white;
}

.titol-text-home {
  font-family:var(--font-titol);
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
	filter: shadow(color=#000, direction=135, strength=9);
	background: rgb(170, 68, 0,0.7);
	font-size:230%;
	color:white;
	font-weight:normal;
	padding:10px;
}

.card-text-home{
	font-size:150%;
	font-weight:bolder;
	text-align:center;
}

.home-text {
	font-family:var(--font-titol);
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
	filter: shadow(color=#000, direction=135, strength=9);
	background: rgb(170, 68, 0,0.7);
	font-size:;
	color:white;
	font-weight:normal;
	padding:10px;
}

.div-map{
	width:100%;
}

.div-map-2{
	padding-bottom:15px;
	padding-top:15px;
}

.icon-close{
	color:white;
	font-weight:bold;
}

.icon-close:hover {
	color:black;
}


.text-cookies {
	font-size:90%;
	font-weight:bold;
	text-align:justify;
}

.seleccio:hover {

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

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

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

.card-body-2 {
		background:var(--color-primari);
	}

.size-card {
	margin-top:10Px;
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

.size-card-2{
	padding:15px;
}

.size-card-3{

}

.titol-card-2 {
  color:white;
	text-align:center;
}

.titol-card-3 {
  color:white;
	font-size:200%;
	text-align:center;
}


.text-card-2 {
	color:white;
	font-size:85%;
	text-align:justify;
}

.text-card-3 {
	color:white;
	font-size:180%;
	text-align:justify;
}

.embed-container {
    position: relative;
    padding-bottom: 120%;
    height: 0;
    overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* -- FOOTER -- */

.footer {
	margin-top:;
	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 -- */


.modal fade {
	height:100%;
	width:100%;
}


.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 {
	margin-top:2%;
	padding:2%;
	font-size:75%;
	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;

}

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

.btn-conf:hover {
	background:#B35D36;
	color:white;
}

.btn-conf:active {
	background:#B3141B;
	color:white;
}

.modal-body {

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23aa4400' fill-opacity='0.4' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");

}

/* -- 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;
	}

.modal .modal-dialog .modal-content .panell_cokies_BackColorHead .close  {
color:white;
	}

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


/* -- Barra social flotant -- */

 .social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 350px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
 }

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background:rgb(59, 89, 152,0.3); font-weight: bold; padding: 10px 19px; color:rgb(255, 255, 255,0.3);} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-instagram {background:rgb(228, 64, 95,0.3); color:rgb(255, 255, 255,0.3);}
	.social ul li .icon-mail {background: rgb(102, 102, 102,0.3); color:rgb(255, 255, 255,0.3);}
	.social ul li .icon-youtube {background: rgb(196, 48, 43,0.3); color:rgb(255, 255, 255,0.3);}
	.social ul li .icon-linkedln {background: rgb(14, 118, 168,0.3); font-weight: bold; color:rgb(255, 255, 255,0.3);}

	.social ul li .icon-facebook:hover {background:rgb(59, 89, 152); color:rgb(255, 255, 255);}
	.social ul li .icon-instagram:hover {background:rgb(228, 64, 95); color:rgb(255, 255, 255);}
	.social ul li .icon-mail:hover {background: rgb(102, 102, 102); color:rgb(255, 255, 255);}
	.social ul li .icon-youtube:hover {background: rgb(196, 48, 43); color:rgb(255, 255, 255);}
	.social ul li .icon-linkedln:hover {background: rgb(14, 118, 168); color:rgb(255, 255, 255);}

	.social ul li .icon-facebook:hover {padding: 10px 34px;}

	.social ul li a:hover {
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

/* -- Final barra social flotant -- */



#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}

.inner {
    position:absolute;
    font-size:12px;
	}

.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}

.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

.tointr{
  cursor: default;
}

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

.css-acces{

	padding:20px;
	margin:10px;
	margin-top:40px;
	margin-bottom:40px;
	-moz-border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-khtml-border-radius: 1em 1em;
	border-radius: 1em 1em;
}

/* -- Barra Social -- */

#navegador ul{
   list-style-type: none;
   text-align: center;
}
#navegador li{
   display: inline;
   text-align: center;
   margin: 0 10px 0 0;
}
#navegador li a {
   padding: 2px 7px 2px 7px;
   color:;
   background-color:;
   border: 1px solid #ccc;
   text-decoration: none;
	 -moz-border-radius: 1em 1em;
	 -webkit-border-radius: 1em 1em;
	 -khtml-border-radius: 1em 1em;
	 border-radius: 1em 1em;
}
#navegador li a:hover{
   background-color: #333333;
   color: #ffffff;
}

#navegador ul li .icon-facebook-nav {background:rgb(59, 89, 152);  padding: 8px 10px; font-weight: bold; color:rgb(255, 255, 255);} /* Establecemos los colores de cada red social, aprovechando su class */
#navegador ul li .icon-instagram-nav {background:rgb(228, 64, 95); padding: 8px 10px; color:rgb(255, 255, 255);}
#navegador ul li .icon-whatsapp-nav {background:rgb(74, 201, 89); padding: 8px 10px; color:rgb(255, 255, 255);}
#navegador ul li .icon-twitter-nav {background:rgb(29, 161, 242); padding: 8px 10px; color:rgb(255, 255, 255);}
#navegador ul li .icon-mail-nav {background: rgb(102, 102, 102); padding: 8px 10px;  color:rgb(255, 255, 255);}
#navegador ul li .icon-youtube-nav {background: rgb(196, 48, 43); padding: 8px 10px; color:rgb(255, 255, 255);}
#navegador ul li .icon-linkedin-nav {background: rgb(14, 118, 168); padding: 8px 10px;  font-weight: bold; color:rgb(255, 255, 255);}

#navegador ul li .icon-facebook-nav:hover {background:rgb(59, 89, 152,0.7); color:rgb(255, 255, 255);}
#navegador ul li .icon-instagram-nav:hover {background:rgb(228, 64, 95,0.7); color:rgb(255, 255, 255);}
#navegador ul li .icon-whatsapp-nav:hover {background:rgb(74, 201, 89,0.7);  color:rgb(255, 255, 255);}
#navegador ul li .icon-twitter-nav:hover {background:rgb(29, 161, 242,0.7); color:rgb(255, 255, 255);}
#navegador ul li .icon-mail-nav:hover {background: rgb(102, 102, 102,0.7); color:rgb(255, 255, 255);}
#navegador ul li .icon-youtube-nav:hover {background: rgb(196, 48, 43,0.7); color:rgb(255, 255, 255);}
#navegador ul li .icon-linkedin-nav:hover {background: rgb(14, 118, 168,0.7); color:rgb(255, 255, 255);}



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

	body {
		min-width:300px;
		padding-top:58px;
	}

	.navbar-brand, .logo {
		width:30%;
	}

	.nom-menu{
		display:inline;
		font-size:50%;
	}

	.lang-nav{
		margin-left:0px;
	}

	.social    {
		font-size:100%;
	}

	.social ul li a {
	padding: 5px 8px;
	}


	.social ul li a:hover {
	padding: 5px 14px;
	}

	.social ul li .icon-facebook {
		 padding: 5px 12px;
	}

	.social ul li .icon-facebook:hover {
		 padding: 5px 18px;
	}

	.titol_name {
		font-size:140%;
	}

	.titol-cookies {
		display:none;
	}

	.text-cookies {
		font-size:85%;
	}

	.text-card-2 {
		font-size:70%;
	}

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

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

	.img_ganxet35 {
	}

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

	#barraaceptacion {
	    padding-bottom:20px;
			min-height:90px;
	}


	.inner {

	    position:absolute;
	    font-size:12px;
	}


	.titol-text-cookies {
		font-size:100%;
	}


	.text-cookies {
		font-size:75%;
	}

	.modal .modal-dialog .modal-content .panell_cokies_BackColorHead .modal-title  {
		color:white;
		font-size:125%;
		}

	.modal-header {
		width:100%;
		}

	.titol-text-home {
			font-size:95%;
		}

	.card-text-home{
		font-size:75%;
		display:none;
		}

	.titol-card-3 {
		  color:white;
			font-size:120%;
			text-align:center;
		}

	.text-card-3 {
			color:white;
			font-size:90%;
			text-align:justify;
		}

		#navegador ul li .icon-facebook-nav  {padding: 6px 6px; font-size: 70%;} /* Establecemos los colores de cada red social, aprovechando su class */
		#navegador ul li .icon-instagram-nav {padding: 6px 6px; font-size: 70%;}
		#navegador ul li .icon-whatsapp-nav  {padding: 6px 6px; font-size: 70%;}
		#navegador ul li .icon-twitter-nav   {padding: 6px 6px; font-size: 70%;}
		#navegador ul li .icon-mail-nav      {padding: 6px 6px; font-size: 70%;}
		#navegador ul li .icon-youtube-nav   {padding: 6px 6px; font-size: 70%;}
		#navegador ul li .icon-linkedin-nav  {padding: 6px 6px; font-size: 70%;}

 }


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


	.lang-nav{
		margin-left:0px;
	}

	.nom-menu{
	}

 }



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

	.embed-container {
	    padding-bottom: 120%;
	}

}

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

	.embed-container {
	    padding-bottom: 158%;
	}

}


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

	.embed-container {
	    padding-bottom: 138%;
	}

}

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

	.embed-container {
	    padding-bottom: 130%;
	}

}