#evenement {
  padding-top:120px}


.tableau {
  overflow: hidden;
  background: transparent;
  width: 100%; padding:0; margin:0;
  margin-top:30px}

.tabAK {margin-top:2px; text-align:center}

.tableau button {
  width:19.6%; margin:0%;
  margin-bottom: 6px;
  background-color: rgba(190,190,90,0.4);

ligInSlid   border-radius: 0.3em;
  border: 1px solid #383;
  border-top: 1px solid #dfd;
  border-left: 1px solid #dfd;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px; line-height:20px;
  font-weight:500;
  text-align:center;
  font-family: Arial, sans-serif;
  color: #220;
}

.ligFlor .boton {padding:0; margin:0 5px}

.actif { 
box-shadow: 0 -4px 1px #560, 0 4px 1px #560;
border-radius:0; border:1px solid #560;
border-left:1px solid #790;
border-right:1px solid #030;
padding:0 8px; margin:0 5px; background:#560;}


.ligFlor {background-image:url(../img/natura/flora1.jpg);
  border:2px solid #020; padding:0;
  border-bottom:2px solid rgba(255,255,255,0.7); 
  border-right:2px solid rgba(255,255,255,0.7); 
  border-radius:8px;
  box-shadow: inset 0 15px 20px rgba(0,0,0,0.9);}


.tabAK button {width:40%; margin:0.3%; background-color: rgba(190,190,90,0.4);
}

.via {margin-top:3px; padding:2px;
  border:1px solid #fff;
  border-bottom:2px solid #674; 
  border-right:2px solid #674; 
  border-radius:6px}

.via:hover {background-color: #cf9;
  border:2px solid #674;
  border-bottom:1px solid #fff; 
  border-right:1px solid #fff; 
  border-radius:6px}

.tableau button a {color: #040;} 
.tableau button a:hover {text-decoration:none} 

.tableau button:hover {
  background-color: #efd;
  color: #040;
  text-shadow:1px 1px 3px rgba(255,255,255,0.7);
}

.tableau button.active {
  background-color: rgba(235,255,205,0.5);
  text-shadow:1px 1px 2px rgba(255,255,255,0.7);
  color: #494; 
}
#gastro2 .tableau button {width:30%;}

#gastro2 .tableau button {background-color: rgba(255,235,180,0.4);
} 
#gastro2 .tableau button a {color: #420;
  background-color: rgba(255,225,140,0.1);
} 

#gastro2 .tableau button:hover {
  background-color: #fed;
  color: #420;
}

#gastro2 .tableau button.active {
  background-color: rgba(235,255,205,0.5);
  color: #432;}


.tabcontent {
  margin-top: 2px;
  display: none;
  padding: 6px 12px;
  color:#230;
  border: 1px solid #383;
  border-top: 1px solid #dfd;
  border-left: 1px solid #dfd;
  border-radius: 0.6em;
  background-color: rgba(235,255,205,0.5);
  width: 100%;
  overflow: hidden;
}

#contenu {position:relative; width:100%; height:100%; text-align:center;overflow: hidden; margin-bottom:10px;}
#tabXL {display:inline-block; width:100%; padding:0;  }

#contenu h3 {
  text-shadow: 1px 1px 2px rgba(255,255,255,0.8);  
  font-size: 28px;
  line-height: 32px;
font-weight: 600; text-align: center;}


.tabXL {display:inline-block; width:97%; box-shadow:1px 1px 3px rgba(0,0,0,0.4); border-radius:8px;
padding:15px;background:rgba(255,225,180,0.3);
  }
.z00 {box-shadow:none; background:transparent}

.cartaR .tabLG {padding:15px; text-align:justify}

.tabB, .tab, .tabD, .tabG {position:relative; float:left; width:49%; margin:0.5%; text-align:justify; margin-top:20px;}
.tabXL .tab { width:48%; margin:1%; background:rgba(255,225,180,0.4);}

.tabXL .tabB { width:48%; margin:1%; background:rgba(235,235,255,0.7);}

#tabXL .tab { width:48%; margin:1%;} 

.tabXL .bst { background:rgba(235,245,255,0.6);}

.tabD {width:37%; min-height:440px;}
.tabG {width:60%; min-height:440px;}

.tab p, .tabD p, .tabG p {text-shadow: none; font-size: 0.9em; font-weight: 500; text-align: justify; line-height: 1.2em}
.tab b, .tabD b, .tabG b {line-height: 1.1em;}

@media only screen and (max-width: 1200px) {
.tab p, .tabD p, .tabG p {font-size: 0.9em; line-height: 1em;}
 }
@media (min-width: 768px) and (max-width: 991px) {
.tabG, .tabD {min-height:355px} 
.tabD {width:32%; min-height:440px;}
.tabG {width:66%; min-height:440px;}
.tab p, .tabD p, .tabG p {font-size: 0.8em; line-height: 1em;} 
}
@media only screen and (max-width: 768px) {
.tabD, .tab, .tabG {width:98%; min-height:auto} 
.tableau button {font-size:13px}
.tabXL .tab, #tabXL .tab { width:98%; margin:1%;} 
}


.imactu {  position: relative;}
.imactu .info {
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  position: absolute;
  top:20%; left:10%; height:60%;
  width:80%;
  background: rgba(80,33,33,0.9);
  color: #fff;
}
.imactu .info h3 {
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  color: #fff;
}
.imactu .info:hover {
  background: rgba(80,33,33,0.6);
  color: #ff9;
  box-shadow: 0 0 0 2px #ff9;
  -webkit-box-shadow: 0 0 0 2px #ff9;
}

.imactu .info .preview {
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 24px;
  border-radius: 50%;
  background: #fd9;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #722;
  box-shadow: -1px -1px 2px #fff, 1px 1px 2px #db6;
  -webkit-box-shadow: 0 0 0 2px #db6;
}

.imactu .info .preview:hover {
  background: #732;
  color: #ff9;
  box-shadow: 0 0 0 2px #ff9;
  -webkit-box-shadow: 0 0 0 2px #ff9;
}


.imactu .info:hover {
  opacity: 1;
}



.imaZoom {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.imaZoom:hover {
-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

p i {color:#207;}
.cartaR {
     width: 100%;
     border-radius: 7px;
     border: 1px solid #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	font-size: 1em; line-height:1.2em;}

.cartaR .imaR img {
     width: 90%;
     border-radius: 7px;
     border: 1px solid #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	margin:5%;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

.cartaR .imaL img {width: 98%; margin-left:1%}

.cartaR .imaR {background: rgba(225,205,105,0.3);
	border-right: 1px solid #840; box-shadow: inset -1px -1px 8px rgba(0,0,0,0.4); padding:10px 0;
}

.cartaR .imaL {background: rgba(255,205,225,0.5);
	padding:10px 0; box-shadow: inset 1px 1px 6px rgba(0,0,0,0.3); 
}
.cartaR h3 {font-size: 32px; line-height:36px;color:#800; margin-top:10px; margin-bottom:0;}

.cartaR h3 i {font-size: 28px;}
.hons {width: 100%; margin:0;}

.cartaR .recR img {width:auto}

.card-body {background: rgba(225,185,55,0.5);
	border-left: 1px solid #fff; height:100%;
	box-shadow: inset -2px -2px 8px rgba(255,255,255,0.4);
}
.recI {background: rgba(255,255,155,0.2);}
.recI p {margin:5px;
	font-size: 0.8em; line-height:1.1em;}
.imaL p, .recR p {margin:10px; margin-right:24px; margin-bottom:5px; 
	font-size: 0.9em; line-height:1.2em;}
#CLF .recR, .imaL p, #CL .recR {text-align:justify}
.recepta {padding:30px}
.legenda .verb, .recepta .verb {padding-bottom:10px}

#CR .carousel-indicators {
     position: absolute;
     bottom: -50px;
     margin: 0;
     left: 0;
     right: 0;
     width: auto;
}
.legenda {padding:20px; padding-bottom:0;}

#CLF .card-body h5, #CL .card-body h5 {color:#603; font-size:24px; font-weight:600; float:left; line-height:100px}
#CLF .card-body, #CL .card-body {background: rgba(255,185,205,0.5);}
#CR .carousel-indicators li, .carousel-indicators li.active {
     float: left;
     width: 20%;
     height: 30px;
     margin: 0;	color:#000;
     border-radius: 7px;
     border: 1px solid #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
     background: rgba(255,255,155,0.2);
	cursor:pointer;
     text-align:center;
     text-indent: 0;
      margin: 0 2px;
	font-size:16px;
      line-height: 30px;
      transition: all 0.8s ease;
	box-shadow: inset -1px -1px 8px rgba(0,0,0,0.4);
}

#CR .carousel-indicators li.active {
     background: rgba(255,255,185,0.7);
}

#CR .carousel-indicators li:hover {
     background: rgba(255,255,255,0.9);
}

#CLF .carousel-indics, #CL .carousel-indics {position:relative; margin-top:60px; margin-bottom:-60px; height:110px; width:100%; }

#CLF .carousel-indics li, #CL .carousel-indics li {
     background:transparent; float: left; border:none;
	box-shadow: none;
     width: 100px; height:100px;
     margin:0 3px; list-style-type: none; 	
	cursor:pointer;
      transition: all 0.5s ease;
} 

#CLF .carousel-indics li, #CL .carousel-indics li {border-radius:3px;
     background:rgba(255,255,255,0.1); float: left; 
     width: 30px; height:40px;} 
#CLF .carousel-indics li:hover, #CL .carousel-indics li:hover {background:rgba(0,0,0,0.8); }

#CLF .carousel-indics img, #CL .carousel-indics img {width:30px; height:40px;}


.icoLG {width:40px; height:100%; padding:20px 0;margin-right:6px}

#planBorda {width:80%; margin:2% 10%;}

.planLig {width:100%; margin:0; display:inline-block; padding:0;}

.lig5 {position:relative; width:20%; margin:0; padding:4px 0; text-align:center; float:left;background:#558; font-size:16px; font-family:arial, sans-serif; border-bottom:0; border-top:4px solid #558}
.lig5 a, .lig5 a:hover, .lig5 a:focus, .lig5 a:active {color:#fff; text-decoration:none} 

.lig5b {background: #65c; border-bottom:4px solid #65c; border-top:0}
.lig5:hover {background:#249; border-bottom:4px solid #0f0; border-top:0}
.lig5b:hover {background:#05c; border-top:4px solid #f00; border-bottom:0}

.planIma {width:100%; margin:0;float:left} 
.planIma img {width:100%; margin:0;} 


@media only screen and (max-width: 768px) {
#CLF .carousel-indics img, #CL .carousel-indics img, #CLF .carousel-indics li, #CL .carousel-indics li, #CLF .carousel-indics, #CL .carousel-indics {width:25px; height:35px} #CLF .carousel-indics, #CL .carousel-indics {width:100%; height:35px; margin-top:40px; margin-left:-40px;} 
#gastro2 .tableau button {width:44.4%;}
.tabXL .tabB { width:98%;}
}