HTML , BODY { width: 100%; height: 100%; overflow: auto; }

BODY {
	padding: 0px;
	margin: 0px;
	font: normal 9pt Arial;
	color: #90907d;
	
}

BODY.cover_img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;	
}
BODY.b_prepage {
	background-color: #3a383a;
}

DIV#nl { padding: 78px 0px 0px 37px; }
INPUT#nl_email { width: 348px; padding: 0px 5px 0px 5px; width: 338px; height: 41px; border: 2px solid #dfdfdf; clear: both; float: left; margin-right: 6px; color: black; font: normal 30px Arial; }
A#btn_nl { display: block; outline: 0px; text-indent: -9999px; float: left; width: 42px; height: 44px; background: url(../images/arrow_btn.gif) no-repeat; }

A#contact_link { display: block; width: 380px; height: 50px; position: absolute; top: 285px; left: 37px; z-index: 6000; }
A#contact_link_fb { display: block; width: 160px; height: 40px; position: absolute; top: 495px; left: 37px; z-index: 6000; }
A#contact_link_tw { display: block; width: 130px; height: 40px; position: absolute; top: 445px; left: 37px; z-index: 6000; }
A.hidden { margin-left: -9999px; }
A {
	font: normal 9pt Arial;
	color: #90907d;
	text-decoration: none;
}
A:hover { text-decoration: underline; }

A#start_link {
	position: absolute;
	left: 35px;
	top: 150px;
	z-index: 6000;
}

DIV.nl_hr { background: url(../images/nl_hr.gif) no-repeat 0px 0px; width: 570px; height: 148px; }
DIV.nl_en { background: url(../images/nl_en.gif) no-repeat 0px 0px; width: 570px; height: 148px; }

UL , LI , IMG , FORM, P, H1, H2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
}

DIV#site {
	width: 100%;
	height: 100%;
}

DIV#site_border {
	/*border: 1px solid #231f20;*/
	height: 100%;
}


DIV#top {
	float: left;
	width: 100%;
	height: 121px;	
	/*z-index: 4000;*/
}

DIV#logo {
	float: left;
	height: 115px;
}
DIV#logo A {
	display: block;
	width: 330px;
	height: 115px;
	outline: 0px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
	/*z-index: 4000;*/
}
DIV#site.intro2 DIV#top { z-index: 6000; position: absolute; left: 0px; top: 0px; width: 100%; height: 115px; }
DIV#site.intro2 DIV#logo A {
	background: url(../images/LOGO_WHITE.png) no-repeat 23px 12px;
}

DIV#p_menu {
	height: 115px;
	overflow: hidden;
	background-color: white;
		
}
DIV#p_menu UL { float: left; /*width: 105px;*/  padding-top: 35px; width: 146px; }
DIV#p_menu UL LI { clear: both; /*float: left;*/ /*width: 100%;*/ }
DIV#p_menu UL LI A { color: #231f20; padding-left: 8px; outline: 0px; }

DIV#p_menu UL.black_links { width: auto; float: left; }
DIV#p_menu UL.black_links A { color: #231f20; }

DIV#topmenu_panel {
	float: left;
	width: 580px;
	height: 115px;
	position: relative;
	overflow: hidden;
		width: 583px;
		margin-right: 10px;
		
}
DIV#topmenu_panel_pos {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10000px;
	height: 115px;
}

/*DIV#p_menu UL A.active {
	background: url(../images/dot.gif) no-repeat 100% 5px;
	padding-right: 8px;
}*/

DIV#p_menu UL A.active { background: url(../images/dot.gif) no-repeat 0px 5px; }

DIV#site_panel {
	clear: both;
	width: 100%;
		/*height: 86%;
		height: 85%;*/
		/*background-color: #292724;*/
		/*background-color: #3a383a;*/
		overflow: hidden;
		position: relative;
}

DIV#site_panel.pre_page DIV { padding: 80px 0px 0px 37px;  }

DIV#site.intro2 DIV#site_panel { position: absolute; top: 0px; left: 0px; height: 100%; z-index: 1000; }

DIV#site.intro2 DIV#site_panel.intro_page_new {  }

UL#img_ratio { display: none; }
UL#img_switch_list {
	padding: 0px;
	margin: 0px;
	position: absolute;
		left: 328px;
			left: 336px;
		top:  25px;
}
UL#img_switch_list LI { float: left; padding-right: 2px; }
UL#img_switch_list LI A {
	float: left;
	display: block;
	width: 13px;
	height: 14px;
	background: url(../images/Krug_Bijeli_Prazan.png) no-repeat 0px 0px;
	outline: 0px;
		text-indent: -9999px;
}
UL#img_switch_list LI A.active { background: url(../images/Krug_Bijeli_Pun.png) no-repeat 0px 0px; }

BODY.white_bg UL#img_switch_list LI A { background: url(../images/Krug_Sivi_Prazan.png) no-repeat 0px 0px; }
BODY.white_bg UL#img_switch_list LI A.active { background: url(../images/Krug_Sivi_Pun.png) no-repeat 0px 0px; }

UL#img_switch_list LI A#img_prev , UL#img_switch_list LI A#img_next { width: 8px; height: 14px; display: none; }

UL#img_switch_list LI A#img_prev { background: url(../images/Strelica_Levo.png) no-repeat 0px 0px; margin-right: 5px; }
UL#img_switch_list LI A#img_next { background: url(../images/Strelica_Desno.png) no-repeat 0px 0px; margin-left: 5px;  }

BODY.white_bg UL#img_switch_list LI A#img_prev { background: url(../images/Strelica_Levo_Siva.png) no-repeat 0px 0px; }
BODY.white_bg UL#img_switch_list LI A#img_next { background: url(../images/Strelica_Desno_Siva.png) no-repeat 0px 0px; }

DIV#site_panel.intro { background-color: white; }
DIV#intro_screen { padding: 80px 0px 0px 40px; }
DIV#intro_screen IMG { float: left; }
A.small_img_link {
	clear: both;
	float: left;
	/*padding-top: 35px;*/
	margin-top: 35px;
	outline: 0px;
	width: 125px;
	height: 27px;
	display: block;
	background: url(../images/link.jpg) no-repeat 0px 0px;
}
A.small_img_link:hover { background: url(../images/link.jpg) no-repeat 0px 100%; }


A#project_arrow_left , A#project_arrow_right {
	display: block;
	outline: 0px;
	width: 33px;
	height: 177px;
	position: absolute;
		width: 250px;
		height: 80%;
		top: 120px;
			background: url(../images/Strela_Levo.png) no-repeat -100% -100%;
}
A#project_arrow_left { 
	left: 0px; 
}
A#project_arrow_left:hover {
	background: url(../images/Strela_Levo.png) no-repeat 30% 60%; 
}
A#project_arrow_right { 
	right: 0px; 
}
A#project_arrow_right:hover {
	background: url(../images/Strela_Desno.png) no-repeat 70% 60%; 
}

BODY.white_bg A#project_arrow_left:hover { background: url(../images/Strela_Levo_Grey.png) no-repeat 30% 60%; }
BODY.white_bg A#project_arrow_right:hover { background: url(../images/Strela_Desno_Grey.png) no-repeat 70% 60%; }

A#baloon {
	display: block;
	outline: 0px;
	position: absolute;
	top: 140px;
	left: 753px;
		left: 775px;
	width: 71px;
	height: 64px;
	background: url(../images/Balon_Bijeli.png) no-repeat;
}
BODY.white_bg #baloon {	background: url(../images/Balon_Sivi.png) no-repeat; }

IMG#over_img {
	position: absolute;
	top: 188px;
	left: 37px;
	cursor: pointer;
}


DIV#small_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black
}

DIV#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background: black url(../images/loading.gif) no-repeat 50% 50%;*/
	background: black url(../images/ajax-loader.gif) no-repeat 50% 50%;
}