a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:underline; outline:none; }
a:ACTIVE { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-decoration:underline; outline:none; }
a:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#007FC5; text-decoration:underline; outline:none; }
a:VISITED {	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:underline; outline:none; }
a:VISITED:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#007FC5; text-decoration:underline; outline:none; }

.redlink { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:none; outline:none; }
.redlink:ACTIVE { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; text-decoration:none; outline:none; }
.redlink:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#E0003F; text-decoration:underline; outline:none; }
.redlink:VISITED {	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;	color:#333333; text-decoration:none; outline:none; }
.redlink:VISITED:HOVER { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#E0003F; text-decoration:underline; outline:none; }

.form {
        border: #999999 1px solid;
		font-size: 10px; 
		background: #ffffff; 
		color: #222222; 
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin-bottom:2px;		
}
.submitbutton {
        border: #999999 1px solid; 
		font-size: 10px;
		font-weight:bold;
		background: #efefef;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #222222;
}

#bottomStripe {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
}
#bottomStripe a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
		text-decoration: none;
}
#bottomStripe a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #007fc5;
		line-height: 15px;
		text-decoration: underline;
}

/* NEW INTRO SHIZZLE MAGIC */

#flag_circle {
	display: block;
	position: absolute;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 11px solid #007fc5;
	border-radius: 999px;
	overflow: hidden;
	margin: auto;
	top: calc(50% - 18.5px);
	left: calc(50% - 18.5px);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#flag_circle:hover {
	width: 122px;
	height: 122px;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#flag_circle #flag_box {
	display: block;
	position: absolute;
	width: 122px;
	height: 122px;
	top: -54.5px;
	left: -54.5px;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
#flag_circle:hover #flag_box {
	top: -12px;
	left: -12px;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}

#flag_circle .flag_intro {
	height: 30px;
	width: 30px;
	position: absolute;
	border-radius: 15px;
	background: transparent url('img/intro/flag_si.png') no-repeat center center;
	background-size: 40px 40px;
}
#flag_circle .flag_si {
	background: transparent url('img/intro/flag_si.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_en {
	background: transparent url('img/intro/flag_en.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_de {
	background: transparent url('img/intro/flag_de.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_it {
	background: transparent url('img/intro/flag_it.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_ba {
	background: transparent url('img/intro/flag_ba.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_hr {
	background: transparent url('img/intro/flag_hr.png') no-repeat center center;
	background-size: 40px 40px;
}
#flag_circle .flag_rs {
	background: transparent url('img/intro/flag_rs.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_hu {
	background: transparent url('img/intro/flag_hu.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_bg {
	background: transparent url('img/intro/flag_bg.png') no-repeat center center;
	background-size: 34px 34px;
}
#flag_circle .flag_0 {
	top: 58px;
	left: 58px;
}
#flag_circle .flag_1 {
	top: 17px;
	left: 58px;
}
#flag_circle .flag_2 {
	top: 28px;
	left: 89px;
}
#flag_circle .flag_3 {
	top: 58px;
	left: 99px;
}
#flag_circle .flag_4 {
	top: 88px;
	left: 89px;
}
#flag_circle .flag_5 {
	top: 98px;
	left: 58px;
}
#flag_circle .flag_6 {
	top: 88px;
	left: 28px;
}
#flag_circle .flag_7 {
	top: 58px;
	left: 17px;
}
#flag_circle .flag_8 {
	top: 28px;
	left: 27px;
}

/* INTRO ROTATOR */

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
		-webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating {
	from {
		-webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.intro_rotating {
	position: absolute;
	display: block;
	height: 240px;
	width: 240px;
	z-index: 1;
	background: transparent url('img/intro/intro_rotator.png') no-repeat center center;
	background-size: 100% 100%;
	top: calc(50% - 120px);
	left: calc(50% - 120px);
	
	-webkit-animation: rotating 40s linear infinite;
  -moz-animation: rotating 40s linear infinite;
  -ms-animation: rotating 40s linear infinite;
  -o-animation: rotating 40s linear infinite;
  animation: rotating 40s linear infinite;
}
.intro_center {
	position: absolute;
	display: block;
	height: 220px;
	width: 220px;
	z-index: 0;
	background: transparent url('img/intro/mainmenu_f0.jpg') no-repeat center center;
	background-size: 100% 100%;
	top: calc(50% - 110px);
	left: calc(50% - 110px);
}

.intro_pic {
	position: absolute;
	display: block;
	overlay: hidden;
	height: 0px;
	width: 0px;
	border-radius: 110px;
	background: transparent url('img/intro/mainmenu_f1.jpg') no-repeat center center;
	background-size: 220px 220px;
	top: calc(50%);
	left: calc(50%);
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
	z-index:1;
}
.intro_pic.intro_1 {
	background: transparent url('img/intro/mainmenu_f1.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_2 {
	background: transparent url('img/intro/mainmenu_f2.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_3 {
	background: transparent url('img/intro/mainmenu_f3.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_4 {
	background: transparent url('img/intro/mainmenu_f4.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_5 {
	background: transparent url('img/intro/mainmenu_f5.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_6 {
	background: transparent url('img/intro/mainmenu_f6.jpg') no-repeat center center;
	background-size: 220px 220px;
}
.intro_pic.intro_7 {
	background: transparent url('img/intro/mainmenu_f7.jpg') no-repeat center center;
	background-size: 220px 220px;
}

.intro_pic.active {
	position: absolute;
	display: block;
	overlay: hidden;
	height: 220px;
	width: 220px;
	border-radius: 110px;
	z-index: 0;
	background-size: 220px 220px;
	top: calc(50% - 110px);
	left: calc(50% - 110px);
	z-index:2;
}

.intro_link {
	position: absolute;
	display: block;
	height: 100px;
	width: 100px;
	z-index: 5;
	top: 80px;
	left: 20px;
	/*border: 1px solid red;*/
}
.intro_link .theimg {
	display:block;
	position:absolute;
	height: 30px;
	width: 30px;
	border-radius: 30px;
	border: 10px solid #fff;
	background: #fff;
	-ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.intro_link .thetxt {
	position:absolute;
	display:block;
	width: 100px;
	height: 40px;
	text-align: center;
	font-size: 13px;
	line-height: 14px;
	/*border: 1px solid green;*/
	font-weight: 500;
}

	.intro_link_7 {
		height: 90px;
		width: 105px;
		top: 28px;
		left: 299px;
	}
	.intro_link_7 .theimg {
		bottom: 0;
		left: 0;
		background: transparent url('img/intro/mainmenu_f7G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_7 .thetxt {
		width: 85px;
		top: 10;
		right: 0;
	}


	.intro_link_6 {
		height: 60px;
		width: 117px;
		top: 137px;
		left: 372px;
	}
	.intro_link_6 .theimg {
		top: 10;
		left: 0;
		background: transparent url('img/intro/mainmenu_f6G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_6 .thetxt {
		width: 65px;
		top: 15;
		right: 0;
	}

	.intro_link_5 {
		height: 80px;
		width: 110px;
		top: 265px;
		left: 354px;
	}
	.intro_link_5 .theimg {
		top: 0;
		left: 0;
		background: transparent url('img/intro/mainmenu_f5G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_5 .thetxt {
		width: 60px;
		bottom: 10;
		right: 0;
	}

	.intro_link_4 {
		height: 100px;
		width: 135px;
		top: 322px;
		left: 204px;
	}
	.intro_link_4 .theimg {
		top: 0;
		left: 43;
		background: transparent url('img/intro/mainmenu_f4G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_4 .thetxt {
		width: 135px;
		bottom: 0;
		right: 0;
	}

	.intro_link_3 {
		height: 95px;
		width: 170px;
		top: 267px;
		left: 18px;
	}
	.intro_link_3 .theimg {
		top: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f3G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_3 .thetxt {
		width: 130px;
		bottom: 5;
		left: 0;
	}

	.intro_link_2 {
		height: 60px;
		width: 150px;
		top: 137px;
		left: 18px;
	}
	.intro_link_2 .theimg {
		bottom: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f2G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_2 .thetxt {
		width: 100px;
		top: 10;
		left: 0;
	}

	.intro_link_1 {
		height: 90px;
		width: 110px;
		top: 27px;
		left: 135px;
	}
	.intro_link_1 .theimg {
		bottom: 0;
		right: 0;
		background: transparent url('img/intro/mainmenu_f1G.jpg') no-repeat center center;
		background-size: 100% 100%;
	}
	.intro_link_1 .thetxt {
		width: 80px;
		top: 10;
		left: 0;
	}

.intro_link_7:hover .theimg,
.intro_link_6:hover .theimg,
.intro_link_5:hover .theimg,
.intro_link_4:hover .theimg,
.intro_link_3:hover .theimg,
.intro_link_2:hover .theimg,
.intro_link_1:hover .theimg {
	border-color: #1a86c6;
	background: transparent url('img/intro/mainmenu_arrow.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.intro_link_1:hover .theimg {
	-ms-transform: rotate(154.5deg);
  -moz-transform: rotate(154.5deg);
  -webkit-transform: rotate(154.5deg);
  -o-transform: rotate(154.5deg);
  transform: rotate(154.5deg);
}
.intro_link_2:hover .theimg {
	-ms-transform: rotate(103deg);
  -moz-transform: rotate(103deg);
  -webkit-transform: rotate(103deg);
  -o-transform: rotate(103deg);
  transform: rotate(103deg);
}
.intro_link_3:hover .theimg {
	-ms-transform: rotate(51.5deg);
  -moz-transform: rotate(51.5deg);
  -webkit-transform: rotate(51.5deg);
  -o-transform: rotate(51.5deg);
  transform: rotate(51.5deg);
}
.intro_link_4:hover .theimg {
	-ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.intro_link_5:hover .theimg {
	-ms-transform: rotate(-51.5deg);
  -moz-transform: rotate(-51.5deg);
  -webkit-transform: rotate(-51.5deg);
  -o-transform: rotate(-51.5deg);
  transform: rotate(-51.5deg);
}
.intro_link_6:hover .theimg {
	-ms-transform: rotate(-103deg);
  -moz-transform: rotate(-103deg);
  -webkit-transform: rotate(-103deg);
  -o-transform: rotate(-103deg);
  transform: rotate(-103deg);
}
.intro_link_7:hover .theimg {
	-ms-transform: rotate(-154.5deg);
  -moz-transform: rotate(-154.5deg);
  -webkit-transform: rotate(-154.5deg);
  -o-transform: rotate(-154.5deg);
  transform: rotate(-154.5deg);
}