#main{
	position: relative;
	width: 85%;
	height: 100%;
	margin: auto;
	background-color: #f2f2f2;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	background-color: #e0e0e0;
	height: 100%;
}
#header{
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #005da5;
	margin: 0;
	padding: 0;
}
#header_logo{
	position: relative;
	margin: auto;
	width: 650px;
	height: 60px;
}
#slideshow{
	position: relative;
	height: auto;
	width: 100%;
}
.slide_images{
	position: relative;
	display: none;
	width: 100%;
}
#menu{
	position: relative;
	height: 30px;
	width: 100%;
	background-color: #005da5;
	text-align: center;
	color: white;
	font-size: 25px;
	border-bottom: 3px solid #e00000;
}
#menu_content{
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #f2f2f2;
	color: white;
	border-top: 3px solid #e00000;
}
#menu_box{
	position: relative;
	height: 100px;
	background-color: #001f38;
	border: 3px solid #005da5;
	border-top: none;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
#menu_list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_box{
	width: 33%;
	height: 43px;
	float: left;
	padding-top: 7px;
	color: white;
}
.menu_text_fix{
	font-size: 17px;
	padding-top: 9px;
}
.menu_box:hover{
	background-color: #000d19;
	cursor: pointer;
}
.menu_text{
	display: inline-block;
	float: left;
	padding-top: 9px;
}
.menu_text_1:hover{border-bottom-left-radius: 20px;}
.menu_text_2:hover{border-bottom-right-radius: 20px;}
.menu_text_mid{width: 34%;}
.menu_arrow{
	display: inline-block;
	float: left;
}
.menu_links{
	text-decoration: none;
	color: white;
}
.menu_box_text{
	color: white;
}
#under_menu{
	position: absolute;
	top: 50px;
	right: 0;
	width: 33%;
	height: 150px;
	background-color: #001f38;
	z-index: 4;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
}
#under_menu_list{
	padding-left: 25px;
}
#under_menu_2{
	position: absolute;
	top: 50px;
	left: 0;
	width: 33%;
	height: 100px;
	background-color: #001f38;
	z-index: 4;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
}
#content{
	width: 98%;
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
}
#main_text{
	position: relative;
	width: 73%;
	height: auto; /*780px*/
	display: inline-block;
	background-color: white;
	border-left: 4px solid #e00000;
	padding: 8px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#ads{
	position: relative;
	display: inline-block;
	width: 23%;
	height: 810px;
	float: right;
}
#ads_text{
	position: relative;
	width: 95%;
	height: 25px;
	background-color: #001f38;
	border: 3px solid #005da5;
	border-radius: 10px;
	color: white;
	font-size: 18px;
	margin: auto;
	text-align: center;
	padding-top: 3px;
}
#loader {
  height: 6px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #630000;
  display: none;
}
#loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -1000px;
  width: 2000px;
  height: 6px;
  background-color: #e00000;
  animation: loading 3s linear infinite;
}

@keyframes loading {
    from {left: 0px; width: 0%;}
    100% {width: 100%;}
    to {left: 0%;}
}
.fake_ads{
	position: relative;
	width: 100%;
	height: 120px;
	background-color: grey;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color: white;
	font-weight: bold;
	text-align: center;
}
#footer{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	height: 150px;
	background-color: #001f38;
}
#footer_left{
	display: inline-block;
	width: 260px;
	position: relative;
	height: 150px;
	color: white;
	float: left;
}
#footer_middle{
	display: inline-block;
	position: relative;
	height: 150px;
	color: white;
	width: 290px;
	left: 20px;
	float: left;
}
#footer_right{
	display: inline-block;
	width: 400px;
	float: right;
	position: relative;
	height: 150px;
}
#footer_under{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	height: 17px;
	background-color: #005da5;
	color: white;
	font-size: 15px;
	text-align: right;
}
.reklama{
	position: relative;
	width: 200px;
	height: 235px;
	margin: auto;
}
.reklama_fix_2{
	width: 120px;
	height: 154px;
}
.reklama_fix_3{
	height: 100px;
}
.reklama_fix_4{
	width: 146px;
	height: 155px;
}
#button{
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	display: none;
}

/*galerija*/
#pravni_akti_body{
	background-color: #001f38;
	height: 650px;
}
#pravni_akti{
	position: relative;
	width: 90%;
	height: 650px;
	background-color: white;
	border: 3px solid #e00000;
	border-radius: 25px;
	margin: auto;
}
#pravni_akti_text{
	position: relative;
	width: 25%;
	height: 30px;
	border: 3px solid #005da5;
	margin: auto;
	text-align: center;
	background-color: #001f38;
	color: white;
	margin-top: 5px;
	border-radius: 15px;
	font-size: 18px;
}
#pravni_akti_nazad{
	position: absolute;
	top: 8px;
	right: 10px;
	width: 150px;
	height: 25px;
	background-color: #001f38;
	border-radius: 10px;
	border: 2px solid #005da5;
	color: white;
	text-align: center;
}
#pravni_akti_main{
	position: relative;
	width: 100%;
	height: 700px;
}
#images{
	position: relative;
	top: 20px;
	width: 450px;
	height: 450px;
	margin: auto;
}
#images_scroller{
	position: relative;
	width: 100%;
	height: 120px;
	overflow: auto;
	top: 20px;
}
.images_box{
	position: relative;
	display: inline-block;
	width: 120px;
	height: 120px;
	cursor: pointer;
}
.images_box_hide{
	display: none;
	cursor: default;
	position: relative;
	width: 450px;
	height: 450px;
}

/*screen fix*/
@media only screen and (min-width: 1900px) {
	#under_menu{height:100px;}
}
@media only screen and (max-width: 1250px) {
    #main{width:100%;}
}
@media only screen and (max-width: 1050px) {
    #main_text{height:900px;}
	#under_menu{height:200px;}
	#under_menu_2{height:200px;}
	#footer_right{width: 250px;}
	#map{width: 240px;}
}
@media only screen and (max-width: 860px) {
    #main_text{height:1000px;}
	#footer_right{display:none;}
}
@media only screen and (max-width: 750px) {
    #main_text{height:1200px;}
	#under_menu{height:250px;}
}