BODY {FONT-SIZE: 11pt; COLOR:#404040; FONT-FAMILY: arial;}
TD {FONT-SIZE: 11pt;}
INPUT {FONT-SIZE: 11pt;}
TEXTAREA {FONT-SIZE: 11pt;}
SELECT { FONT-SIZE: 11pt}
A:link {COLOR: #076B96; TEXT-DECORATION: underline}
A:active {COLOR: #5a6a72; TEXT-DECORATION: underline}
A:visited {COLOR:#08719C; TEXT-DECORATION: underline}
A:hover {COLOR: red; TEXT-DECORATION: underline}

a.noun:link {}
A.noun:hover {COLOR: red; TEXT-DECORATION: none;}

a.nounz:link {COLOR: #404040;  TEXT-DECORATION: underline}
a.nounz:active {COLOR: #404040; TEXT-DECORATION: underline}
a.nounz:visited {COLOR: #404040; TEXT-DECORATION: underline}
a.nounz:hover {COLOR: red; TEXT-DECORATION:  underline}


a.button150 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button150:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button150:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}




a.button100 {
  position: relative;
  color: #FED6A9;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em; 
  outline: none;
  background-color: #673D3E;
  background-image: linear-gradient(45deg, rgba(254,214,169,.0) 30%, rgba(254,214,169,.8), rgba(254,214,169,.0) 70%), radial-gradient(255% 10% at 60% 0%, rgba(254,214,169,.7) 0%, rgba(254,214,169,.5) 50%, rgba(254,214,169,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
a.button100:active {
  top: 1px;
  box-shadow: none;
}
a.button100:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}


a.button101 {
  position: relative;
  color: #FED6A9;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em; 
  outline: none;
  background-color: #673D3E;
  background-image: linear-gradient(45deg, rgba(254,214,169,.0) 30%, rgba(254,214,169,.8), rgba(254,214,169,.0) 70%), radial-gradient(255% 10% at 60% 0%, rgba(254,214,169,.7) 0%, rgba(254,214,169,.5) 50%, rgba(254,214,169,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
  transition: .7s linear;
  background-position: -200% 0, 0 0;
  text-decoration: none;
}







a.button6 {
  position: relative;
  font-weight: bold;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 1px #cc5500;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  border-radius: 1px;
  background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31);
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, #000 0 10px 15px -10px;
  transition: 0.2s;
}
a.button6:hover {
  background-size: 140% 100%, auto;
}
a.button6:active {
  top: 1px;
  color: #ffdead;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, 0 10px 10px -9px #000;
}



p.ok {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;}
.x {PADDING-LEFT:20px;}
.z {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;}
.y {font color=#008000;}

.good{
	font-weight:normal;
	text-shadow: 0 2px 3px rgba(0,0,0,.2);
       margin-top: 0;
       margin-bottom: 0;
	}

.good2{
	font-weight:bold;
	text-shadow: 0 3px 4px rgba(0,0,0,.2);
       margin-top: 0;
       margin-bottom: 0;
	}


 .spoiler_body1 {display:none;height:100%;width:98%;}
 .spoiler_links1 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;}
 .spoiler_body2 {display:none;height:100%;width:98%;}
 .spoiler_links2 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;}
 .spoiler_body3 {display:none;height:100%;width:98%;}
 .spoiler_links3 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;}
 .spoiler_body4 {display:none;height:100%;width:98%;}
 .spoiler_links4 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;}
 .spoiler_body5 {display:none;height:100%;width:98%;}
 .spoiler_links5 {cursor:pointer;font-weight:bold;text-shadow: 0 3px 4px rgba(0,0,0,.2);margin-top: 0;margin-bottom: 0; COLOR:#535353;}


.good3{
	font-weight:bold;
	text-shadow: 0 3px 3px rgba(0,0,0,.1);
       margin-top: 0;
       margin-bottom: 0;
	}


A.g:link {COLOR: black; TEXT-DECORATION: none}

h1 {FONT-FAMILY: arial, helvetica; FONT-SIZE: 11pt;}

p.text {FONT-SIZE: 11px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px}
p.raz {COLOR:white; PADDING-LEFT: 30px; align:center;FONT-FAMILY: arial;}
p.raz1 {COLOR:white; PADDING-LEFT: 5px; align:center; FONT-FAMILY: arial;}
p.raz2 {COLOR:#ff4e00; PADDING-LEFT: 16px; align:center}
.tobl {FONT-SIZE: 11px}






		.tooltip {
			#border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Arial, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 450px;
			font-size: 1em;
			color:#586381;
		}

		.img2  {
			#border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}

		.tooltip:hover em {
			font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 1.1em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
			color:#4B556D;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #D0DFEE; border: 1px solid #687498;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }






/* form */
	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:152px;
		border:1px solid #ddd;
        -moz-border-radius:.3em;
	    -webkit-border-radius:.3em;
	    border-radius:.3em;		
		
		padding:3px;
		}	
	#form1 textarea{
		height:125px;
		
		margin-top:0px;
		}	
					
	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				




	#form2 p{margin:.5em 0;}	
	#form2 label{display:block;}	
	#form2 input, #form1 textarea{		
		width:452px;
		border:1px solid #ddd;
        -moz-border-radius:.3em;
	    -webkit-border-radius:.3em;
	    border-radius:.3em;		
		
		padding:3px;
		}	
	#form2 textarea{
		height:125px;
		
		margin-top:0px;
		}	
					
	
	#form2 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				



	#form3 button{
		width:150px;
		height:23px;
		line-height:25px;		
		border:none;
		// background:url(../images/form/form_button.gif) no-repeat -1 0 0;
		background:#D0DFEE;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}

	#form33 button{
		width:170px;
		height:23px;
		line-height:25px;		
		border:none;
		// background:url(../images/form/form_button.gif) no-repeat -1 0 0;
		background:#D0DFEE;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}	


	#form4 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}


	#form5 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form/form_button2.jpg) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}





/* // form */










		.tooltip2 {
			#border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: pointer; text-decoration: none;
			position: relative;
		}
		.tooltip2 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip2:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Arial, Tahoma, Geneva, sans-serif;
			position: absolute; left: 20em; top: 0em; z-index: 99;
			margin-left: 0; width: 750px;
			font-size: 0.9em;
			color:#444D64;
		}


		.tooltip2:hover em {
			font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 1.0em; font-weight: bold; 
			display: block; padding: 0.0em 0 0.0em 0;
			color:#4B556D;   
		}





#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 5px;
  left: 50%;
  width: 980px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 5px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  color: $color_text;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}