@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500|Roboto:300,400,500&subset=latin,latin-ext);
html,body{font-family:Ubuntu,Roboto,Verdana,Helvetica,sans-serif;font-weight:100;color:#333;background:#222;}
textarea {resize:vertical;}
b {font-weight:bold;}
.nopadding {padding:0;}
hr {border-top:1px dotted #96c56f;margin:10px 0;}
.mb10 {margin-bottom:10px;}
b,strong,label {font-weight:500;}
.highlight {background:#FFF;border:2px solid #B00;padding:0 10px 10px;border-radius:6px;}
.highlight h3 {border-color:#B00;color:#B00;}

/*HEADER*/
.grad1 {
	background: #96c56f;
	background: -moz-linear-gradient(-45deg,  #96c56f 0%, #0e6133 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#96c56f), color-stop(100%,#0e6133));
	background: -webkit-linear-gradient(-45deg,  #96c56f 0%,#0e6133 100%);
	background: -o-linear-gradient(-45deg,  #96c56f 0%,#0e6133 100%);
	background: -ms-linear-gradient(-45deg,  #96c56f 0%,#0e6133 100%);
	background: linear-gradient(135deg,  #96c56f 0%,#0e6133 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c56f', endColorstr='#0e6133',GradientType=1 );
}
.grad2 {
	background: #000000;
	background: -moz-linear-gradient(-45deg,  #000000 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(100%,#333333));
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#333333 100%);
	background: -o-linear-gradient(-45deg,  #000000 0%,#333333 100%);
	background: -ms-linear-gradient(-45deg,  #000000 0%,#333333 100%);
	background: linear-gradient(135deg,  #000000 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=1 );
}
header {
	height: 480px;
	background: url("adds/head.jpg") 50% 100% repeat-x;
	border-bottom: 3px solid #FFF;
}
.info {
	border-bottom: 5px solid #E6E666;
	text-shadow:rgba(0,0,0,0.5) 3px 3px;
	box-shadow: rgba(0,0,0,0.4) 0 30px 10px 10px;
}
h1 {color:#FFF;margin-bottom:20px;}
h1 small {color:#FFF;text-shadow:none;margin-left:20px;white-space:nowrap;}
h2 {color:#FFF;padding-top:100px;font-size:48px;text-shadow:#000 0 0 2px;}
.nav {
	margin-top: 30px;
}
.nav .btn {
	display: block;
	border-radius: 0;
	font-size: 20px;
	padding: 15px 0;
	background: #E6E666;
	border: none;
	box-shadow: rgba(0,0,0,0.3) 0 0 0 3px;
	font-weight: 500;
	transition: all 0.5s;
}
.nav .btn:hover {
	box-shadow: rgba(0,0,0,0.3) 0 0 0 3px,rgba(0,0,0,0.2) 0 0 0 80px inset;
	color: #FFF;
}
@media (min-width: 992px) {
	.nav .btn.lb {border-radius:6px 0 0 6px;}
	.nav .btn.rb {border-radius:0 6px 6px 0;}
}

/*SECTION*/
section {
	padding: 20px 0;
	min-height: 250px;
	background: #EDEDED;
}
h3 {border-left:10px solid #96c56f;padding-left:5px;}

.shadow{background:#F0F0F0 url('adds/shadow.png')50% 0% no-repeat;background-size:contain;}
/*FOOTER*/
footer{padding:20px; border-top:3px solid #FFF; color:#EEE;}
address abbr {display:inline-block;width:48px;border:none !important;text-align:right;margin-right:5px;}
address a {color:#E6E666;}
address a:hover {text-decoration:none;color:#FFF;}
/***SCROLLUP***/
#scrollup {
	display:none;position:fixed;top:100%;left:50%;width:96px;height:96px;box-sizing:border-box;border-radius:100%;margin:0 0 0 -48px;border:2px solid #222;box-shadow:#333 0 0 5px 0;
	background:#EEE url('svg.php?scrollup')50% 0% no-repeat;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;
	z-index:999;
}
#scrollup:hover {background-color:#E6E666;}
/***COOKIE***/
#cookie {
	position:relative;display:none;padding-top:3px;background:rgba(0,0,0,1);color:#EEE;text-align:center;font-size:12px;min-height:26px;line-height:14px;z-index:99;
}
#cookie button {
	width:16px;height:16px;vertical-align:middle;margin:2px 5px;float:right;border:none;background:transparent url('svg.php?cookie')50% 50% no-repeat;background-size:cover;
}
@media (min-width: 915px) {
	#cookie {line-height:22px;}
}
/***MAP***/
#map {
	width: 100%;
	min-height: 250px;
	margin-bottom: 10px;
}
/***SVG***/
.svg {
  display:block;border:0;background-repeat:none;background-size:cover;width:48px;height:48px;
}
.svg img {
  width:100%;height:100%;opacity:0.8;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;
}
.svg:hover img {
  opacity:1;
}
/***WEBMASTER***/
#webmaster {
  font-size:11px;text-decoration:none;text-align:right;color:#EEE;
}
/*MEDIA*/
@media print {
	.noprint{display:none;}
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
