* {
	font-family: Varta;
}


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

.divflex { 
		display: flex;
		font-family:Varta; 
		font-size: 16px;
		padding: 15px;
        width: 45%;
	    min-width: 300px;
        margin: 1%;
        float: left; 
}

.divflexfooter { 
		padding: 5px;
        float: left; 
}


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

@media screen and (max-width: 720px) {
        .taula_noti_home {	
            width: 100%; 
		}
}




.menusup {
   position:fixed; 
   text-align:center;  
   top: 0px;   
 	justify-content: center;
	display: flex;
	width: 100%;

}

.menudiv {
			 font-family:Varta; 
			 font-size: 18px;
}

.fix{
    position    : absolute;
    bottom      : 10px;
    left        : 50%;
    margin-left : -35px; /* half width of img */
}


 .destacat { border: transparent;
			display: flex;
			justify-content: center;
			 font-family:Varta; 
			 font-size: 16px;
			 padding: 15px;
             width: 29%; 
             height: 300px;
             margin: 1%;
             float: left; 
}

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


 .footer { border: transparent;
		display: flex;
		justify-content: center;
			 font-family:Varta; 
			 font-size: 16px;
			 padding: 10px;
             width: 29%; 
             height: 100px;
             margin: 1%;
             float: left; 
}


@media screen and (max-width: 720px) {
         .footer { border: transparent;
		 display: flex;
	justify-content: center;
				font-family:Varta; 
		 	    font-size: 16px;
 				padding: 5px;
                width: 88%; 
                height: 100px;
                margin: 1%; 
			}
}


			
A:link {
	font-family:Varta; 
	COLOR: #000;
	text-decoration:none;
}
A:active {
	font-family:Varta; 

	COLOR: #000;
	text-decoration:none;


}
A:visited {
	font-family:Varta; 

	COLOR: #000;
	text-decoration:none;

}
A:hover {
	font-family:Varta; 

	COLOR: #000;
	text-decoration: underline;

}


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


body {
	
}	


BODY {
   background-image: url("https://www.amic.media/img/home.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position-x: 100%;
	-o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
	margin:0 0 0 0;
	background-position-y: 100px;
}

@media screen and (max-width: 720px) {
	
	.TDinici { height:100vh;}
	
	BODY {
		background-position-y: 200px;
	}
}



.inputform {
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	border-bottom: 1px solid #FFF;
}
.inputform2 {
	color: #000000;
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	border-bottom: 1px solid #000;
}

.textareaform {
	color: #FFFFFF;
	background: transparent;
	border: 1px solid #fff;
}
.textareaform2 {
	color: #000000;
	background: transparent;
	border: 1px solid #000;
}

input::placeholder{
	overflow: visible;
	font-size: 16px;
	color: #FFFFFF;
}

input.inputform2::placeholder {
	overflow: visible;
	font-size: 16px;
	color: #000;
}
input.textareaform2::placeholder {
	overflow: visible;
	font-size: 16px;
	color: #000;
}



td { font-family:Varta; font-size: 14px; color: #000000; text-decoration: none;}
div { font-family:Varta; font-size: 14px; color: #000000; text-decoration: none;}

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

a:link.seccio { font-family:Varta; font-size: 14px; color: #f93822; text-decoration: none }
a:visited.seccio { font-family:Varta; font-size: 14px; color: #f93822; text-decoration: none }
a:hover.seccio { font-family:Varta; font-size: 14px; color: #f93822; text-decoration: none}


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

.tornar { 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; font-size: 14px; color: #000000; text-decoration: none}
a:link.cos { font-family:Varta; font-size: 14px; color: #000000; text-decoration: none }
a:visited.cos { font-family:Varta; font-size: 14px; color: #000000; text-decoration: none }
a:hover.cos { font-family:Varta; font-size: 14px; 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: #f93822; 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;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 250px;
	cursor: hand;
	font-weight: normal;
	-webkit-appearance: none;
}

.bototaronja {
	background-color: #FC8608;
	font-family:Varta;
	color:#FFFFFF;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 270px;
	cursor: hand;
	font-weight: bold;
	-webkit-appearance: none;
}

.botovermell {
	background-color: #e7412b;
	border: 0px;
	font-family:Varta;
	color:#FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 4px 20px;
	border-radius: 12px;
	cursor: hand; cursor: pointer;
	font-weight: bold;
	-webkit-appearance: none;
}
.botonegre {
	background-color: #000;
	border: 0px;
	font-family:Varta;
	color:#FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 4px 20px;
	border-radius: 12px;
	cursor: hand; cursor: pointer;
	font-weight: bold;
	-webkit-appearance: none;
}
.botogris {
	background-color: #4c4c4c;
	border: 0px;
	font-family:Varta;
	color:#FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 4px 20px;
	border-radius: 12px;
	cursor: hand; cursor: pointer;
	font-weight: bold;
	-webkit-appearance: none;
}



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

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


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

.text2 { font-family:Varta; font-size: 14px; color: #343333; text-decoration: none; background-color: #f93822;  }

#myMenu {
    display: none;
    position: fixed;
    top: 59px;
    left: 0;
    width: 100%;
    z-index: 99;
}

#myMenu ul {
    width: 100%;
    padding: 0;
    margin: 0;

    max-height: calc(100dvh - 59px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    border-top: 1px solid #808080;
}

#myMenu li {
    text-align: left;
    height: 40px;
    line-height: 40px;
    background: #e7412b;
    width: 100%;
    margin: 0;
    padding-left: 14px;
    list-style: none;
    border-bottom: 1px solid #808080;
}

/* Perquè l'anchor no quedi sota el header */
:target { scroll-margin-top: 90px; }

@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          :target { padding-top: 70px; }
     }
}

/*:target::-webkit-full-page-media, .anchor:future, .anchor:root .safari_only { padding-top: 70px;}*/


/* COOKIES */
#cookie-bar.fixed {
    position: fixed;
	bottom: 0;
	top: auto;
    z-index: 9999;

}

#cookie-bar {
    line-height: 24px;
    color: #eeeeee;
    width: 30%;
	min-width: 300px;
    background-color: #444;
    display:none;
	padding: 20px;
}

.cb-enable {
    border-radius: 10%;
    color: black;
	background-color: white;
    padding: 5px;   
    font-family: serif;
    text-decoration: none;
    transition: .3s background-color;
 }

.cb-enable:hover {
    background-color: white;
}

.cb-policy {
    color: #000DFF;
    text-decoration: underline;
}

.cb-policy:hover {
    color: #000DFF;
}
/* FI COOKIES */