@charset "utf-8";
h3 { font-size: 22px;}
.botoform {background-color: #609c00; color: white; font-size: 16px; padding: 20px; border-radius: 3px; border: none; cursor: hand; cursor:pointer}


.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 30px;
  text-align: center;
  align-items: stretch;
}

.divflex { 
		box-shadow: 10px 10px 5px #aaaaaa;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 22%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex {
			border: transparent;
			display: flex;
		    flex-wrap: wrap;
		    flex: 30%;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}

.divflextecnics { 
		background-color: #ddd;
		box-shadow: 10px 10px 5px #aaaaaa;
		border: transparent;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 260px; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflextecnics {
			border: transparent;
		    flex-wrap: wrap;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 100%; 
            margin: 1%; 
		}
}


.divflex2 { 
		box-shadow: 0px;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 40%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex2 { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}


.divflex2elemA { 
		box-shadow: 0px;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 60%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex2elemA { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}
.divflex2elemB { 
		box-shadow: 10px 10px 5px #aaaaaa;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 30%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex2elemB { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}


.divflex3elem { 
		box-shadow: 10px 10px 5px #aaaaaa;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 30%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex3elem { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}


.divflex4elem { 
		box-shadow: 10px 10px 5px #aaaaaa;
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 20%; 
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .divflex4elem { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            margin: 1%; 
		}
}


.destacat { 
		box-shadow: 10px 10px 5px #727070;
		  -ms-transform: rotate(2deg); /* IE 9 */
  -webkit-transform: rotate(2deg); /* Safari */
  transform: rotate(2deg);
		border: transparent;
		display: flex;
		justify-content: center;
		font-family: Varta, verdana, Helvetica, sans-serif; 
		font-size: 16px;
		padding: 15px;
        width: 25%; 
        height: 300px;
        margin: 1%;
        float: left; 
}

@media screen and (max-width: 720px) {
        .destacat { border: transparent;
			display: flex;
			justify-content: center;
			font-family: Varta, verdana, Helvetica, sans-serif; 
		 	font-size: 16px;
 			padding: 10px;
            width: 88%; 
            height: 200px;
            margin: 1%; 
		}
}


 .footer { border: transparent;
		display: flex;
			 font-family: Varta, verdana, Helvetica, sans-serif; 
			 font-size: 16px;
			 padding: 10px;
             width: 29%; 
             height: 100px;
             margin: 1%;
             float: left; 
}


@media screen and (max-width: 720px) {
         .footer { border: transparent;
		 display: flex;
				font-family: Varta, verdana, Helvetica, sans-serif; 
		 	    font-size: 16px;
 				padding: 5px;
                width: 88%; 
                height: 140px;
                margin: 1%; 
			}
}


a:link.link { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; }
a:visited.link { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; }
a:active.link { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; }
a:hover.link { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration: none;}

			
A:link {
	font-family: Varta, verdana, Helvetica, sans-serif; 
	COLOR: #6cac00;
	text-decoration:none;
}
A:active {
	font-family: Varta, verdana, Helvetica, sans-serif; 

	COLOR: #6cac00;
	text-decoration:none;


}
A:visited {
	font-family: Varta, verdana, Helvetica, sans-serif; 

	COLOR: #6cac00;
	text-decoration:none;

}
A:hover {
	font-family: Varta, verdana, Helvetica, sans-serif; 

	COLOR: #6cac00;
	text-decoration: underline;

}


img {border-color:" #ed8c23 ";} 

BODY {
	margin:0 0 0 0;
}



td { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 16px; font-weight: ; color: #000000; text-decoration: none}
div { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 16x; font-weight: ; color: #000000; text-decoration: none}

.seccio {font-family:verdana, verdana, Helvetica, sans-serif;font-size:12px;color:#ffffff;}

a:link.seccio { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #FFFFFF; text-decoration: none }
a:visited.seccio { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #FFFFFF; text-decoration: none }
a:hover.seccio { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #FFFFFF; text-decoration: none}


.secciopetit{ font-family: Varta, verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; text-decoration: none}
a:link.secciopetit { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; text-decoration: none }
a:visited.secciopetit { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; text-decoration: none }
a:hover.secciopetit { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FC8608; text-decoration: none}

.tornar { font-family: font-family:verdana, Helvetica, sans-serif; font-size:12px; color: #D14719; text-decoration: none}
a:link.tornar { font-family: Varta, Helvetica, sans-serif; font-size:12px;color: #D14719; text-decoration: none }
a:visited.tornar { font-family: Varta, Helvetica, sans-serif; font-size:12px; color: #D14719; text-decoration: none }
a:hover.tornar { font-family: Varta, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #D14719; text-decoration: none; text-decoration:underline;}


.cos { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #000000; text-decoration: none}
a:link.cos { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #000000; text-decoration: none }
a:visited.cos { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #000000; text-decoration: none }
a:hover.cos { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: ; color: #000000; text-decoration: none}


.paginadorblau {
	COLOR: #0755AD; FONT: 10px verdana
}
.paginadorblau:link {
	COLOR: #0755AD; FONT: 10px verdana;
	text-decoration: none;
}
.paginadorblau:visited {
	COLOR: #0755AD; FONT: 10px verdana;
	text-decoration: none;
}
.paginadorblau:hover {
	COLOR: #FC8608; FONT: 10px verdana;
	text-decoration: none;
}	
	
.paginadortaronja {
	COLOR: #FC8608; FONT: 10px verdana
}

.paginadorvermell {
	COLOR: #C11604; FONT: 10px verdana
}

.paginadorvermell:link {
	COLOR: #C11604; FONT: 10px verdana;
	text-decoration: none;
}
.paginadorvermell:visited {
	COLOR: #C11604; FONT: 10px verdana;
	text-decoration: none;
}
.paginadorvermell:hover {
	COLOR: #C11604; FONT: 10px verdana;
	text-decoration: none;
}	

.boldblanc {
	COLOR: #FFFFFF; FONT: 10px verdana; font-weight:bold
}

.boldvermell {
	COLOR: #C11604; FONT: 10px verdana; font-weight:bold
}
.boldvermellbuscador {
	COLOR: #D73C00; FONT: 10px verdana; font-weight:bold
}
.boldtaronja {
	COLOR: #FC8608; FONT: 10px verdana; font-weight:bold
}
.boldverd {
	COLOR: #718106; FONT: 10px verdana; font-weight:bold
}
.boldnegre {
	COLOR: #000000; FONT: 10px verdana; font-weight:bold
}
.txtpaginar {
	COLOR: #FC8608; FONT: 10px verdana; 
}

.txtpaginarbold {
	COLOR: #FC8608; FONT: 10px verdana; font-weight:bold
}

.botoverd {
	background-color: #A0D8D2;
	border: 1px solid #2B7E77;
	font-family: Varta, verdana, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 250px;
	cursor: hand;
	font-weight: normal;
}

.bototaronja {
	background-color: #FC8608;
	font-family: Varta, verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 270px;
	cursor: hand;
	font-weight: bold;
}

.botovermell {
	background-color: #DE1317;
	font-family: Varta, verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 18px;
	cursor: hand;
	font-weight: bold;
}


.cap_titol {
color:#D14719;
font-family:verdana, verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.text16 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none;  }
.text14 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none;  }
.text11 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none;  }
.text12 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none;  }
.text10 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none;  }

.calendarMonthTitle {
	color:#6cac00;
	background-color:#ffffff;
	border-bottom:1px solid #FFFFFF; 
	font-size:14px;
	font-weight:bold;
	font-family:verdana, verdana, Helvetica, sans-serif;
}

.calendarHeader {
	font-weight:bold; 
	font-size:14px;
    color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
    background-color: #7bb9cf;
	font-family:verdana, verdana, Helvetica, sans-serif;
}

.calendarToday {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color: #86bc81;
	color:#1d1d1b; 
	font-size:14px;
	font-weight:bolder;
	font-family:verdana, verdana, Helvetica, sans-serif;
} 
.calendarLinkBG {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color: #6cac00;
	color:#ffffff; 
	font-size:14px;
	font-weight:bolder;
	font-family:verdana, verdana, Helvetica, sans-serif;
} 

.calendar { 
	background-color: #ffffff;
	color:#1d1d1b; 
	font-size:14px;
	font-weight:bolder;
	font-family:verdana, verdana, Helvetica, sans-serif;
}
.calendarSunday { 
	background-color:#ffffff;
	color:#6cac00;
	font-size:14px;
	font-weight:bolder;
	font-family:verdana, verdana, Helvetica, sans-serif;
}
.calendarLink { 
	color:#ffffff; 
	font-size:14px;
	font-weight:bolder;
	font-family:verdana, verdana, Helvetica, sans-serif;
}
a:link.calendarLink { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none }
a:visited.calendarLink { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none }
a:hover.calendarLink { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: underline}

.bottomtext {  font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #bebdbd; text-decoration: none}
.bottomtext2 {  font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; border-width: 1px}
.text1 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; background-color: #FFFFFF;  }
.text1shim { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #343333; text-decoration: none;  }
.text1bold { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #343333; text-decoration: none }
.textred { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #ce2828; text-decoration: none }
.textredbold { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #ce2828; text-decoration: none ; font-weight: bold}
.textnegrebold { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none ; font-weight: bold }

.text2 { font-family: Varta, verdana, Helvetica, sans-serif; font-size: 14px; color: #343333; text-decoration: none; background-color: #FFFFFF;  }

#myMenu { display: none; }
#myMenu ul { width: 100%; padding: 10px; margin-left: 0px; margin-right: 20px; position: absolute; top: 180px; left: 0px;text-decoration:none;color: #6cac00; }
#myMenu li { text-align: left; height: 30px; line-height: 40px; color: #6cac00;background: #f6fbf8; width: 100%; margin: 0px; padding-left: 15px; padding: 6px; list-style: none; border-bottom:1px solid #6cac00;text-decoration:none;}

.boto_link {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #6cac00;
    border-radius: 5px !important;
}
.boto_link:link {
    color: #000;
}

.boto_link:active,
.boto_link:focus,
.boto_link:hover,
.boto_link:visited {
 color:#fff;
text-decoration: none;
}

/* Add a pseudo-element inside the target element */
.boto_link:before {
  font-size: 1.3em;
  content: "➚";
}

.pijama tr:last-child td {
  border-bottom: none;
}

.pijama tr:nth-child(even) {
  background: #f2f2f2;
}