@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(../images/Yanone.woff2) format('woff2'), url(../images/Yanone.woff) format('woff');
}
@media (min-width: 200px) and (max-width: 600px) {
	body{
		font-family: 'Arial';
		text-align:center;
		font-size:15px;
		color:#3D363B;
	}
}
@media (min-width:901px) {
	body{
		font-family: 'Arial';
		text-align:center;
		font-size:15px;
		color:#3D363B;
		background: #ffffff url(../images/bg.png) repeat-y 50% 0; 
	}
}
.clear { clear: both; }
*{padding:0;}
.img_curve_all {
border: 5px solid #EBBC6F;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.img_round {
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}
.iborder { 
	border:1px solid #cccccc; padding:10px; background: #ffffff;
}

/* TOP MENU */
ul, li{
list-style:none;}
a{
color:#3D363B;text-decoration:none;cursor:pointer;
}
a:hover{color:#c00;
}
.mm2 {margin: auto; width: 870px; margin: 0 0 0 0; overflow:hidden; float:right; text-align:right; font-family: 'Arial';}
#mm ul {padding:0; margin:0; text-align:right; }
#mm ul li {float: right; height: 60px; font-size: 14px; color: #ffffff; padding: 40px 20px 0 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: -moz-linear-gradient(top, #3D363B, #B90000);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; 
}
#mm ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #B90000; 
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#mm ul li a{color: #ffffff;}
#mm ul li a:hover, #mm ul li a:focus, #mm ul li a:active {color: #ffffff;}
#mm ul li:hover:before, #mm ul li:focus:before, #mm ul li:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); 
}
#mm ul .last a {border-right: none}
/* TOP MENU */

.special {
	width: 190px; height: 190px; margin: 25px 20px 0 25px; overflow: hidden;
	border-bottom-left-radius: 50%; 
	border-bottom-right-radius: 50%; 
	box-shadow: 0 8px 6px -6px black;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 0 8px 6px -6px black;
}

/* Div Eye */
div.eye {float: right; font-size: 18px; color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
div.eye:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #B90000; 
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
div.eye:hover, div.eye:focus, div.eye:active {color: #ffffff;}
div.eye:hover:before, div.eye:focus:before, div.eye:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); 
}
/* Div Eye */

.link {
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
	background:#B90000; color: #ffffff; padding: 5px 15px 5px 15px; border: 1px solid #B90000;
	border-radius: 15px; 
}
.link:hover {
	background: #3D363B; color: #ffffff;
	border: 1px solid #dddddd;
}


.body_shade {
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eeeeee, #ffffff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eeeeee, #ffffff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #eeeeee, #ffffff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #eeeeee, #ffffff);	
}
.textArea { 
	border-right : 1px solid #a2aeb9; 
	overflow : auto; 
	border-top : 1px solid #a2aeb9; 
	font-size : 11px; 
	border-left : 1px solid #a2aeb9; 
	color : #000000; 
	border-bottom : 1px solid #a2aeb9; 
	font-family : Verdana;
	font-size: 12px;
	background-color : #ffffff; 
	padding: 5px;
}
.button {
	background: #126C79;
	border: 1px solid #BED5FA;
	color: #ffffff;
	font-size: 11px;
	float:right;
	margin: 5px 0 0 10px;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	cursor: pointer;
}
.button:hover {
	background: #199DAF;
	color: #ffffff;
}