#mqmFrame {
   position:absolute;
   width:100%;
   overflow:hidden;
   top:0;
   bottom:0;
}

#page_container {
	margin:0;
	padding:0;
}
#page_element {
width:100%;
}

#sadrzaj {
	width:100%;
	margin:0 auto;
	padding:0;

}

/* MENI */

#meni{
background:#333333;
float:left;
width:100%;
margin:0 0 0 0;
height:65px;
}

/* VRH */

#vrh {
width:100%;
height:105px;
padding:32.5px 0 0 0;
}

#top_search_page {
width:98%;
height:120px;
float:left;
padding:0;
margin:0 1% 0 1%;
}

#lijevo {
float:left;
}

#vrh_trazilica {
float:left;
margin:30px 0 0 20px;
width:65%;
}

/* STRANICE */

#specs_frame {
width:98%;
margin:0 0 0 1%;
}

.tabovi  {
margin:0 0 0 1%;
}

@media all and (max-width: 30000px) {

  html, body {
  margin:0;
  padding:0;
  font-size:15px;
  color:#555555;
  font-family:Arial;
  background:url(/images/space.jpg) top center repeat-x #000000;
  }

  input,textarea {
  outline:0;
  border:0;
  }

  h1 {
  font-size:24px;
  color:#012e5a;
  margin:0 0 0 0;
  }

  h2 {
  color:#012e5a;
  font-size:22px;
  margin:0 0 0 0;
  }

  h3 {
  color:#012e5a;
  margin:0 0 0 0;
  font-size:18px;
  }

  a {
  color:#333c57;
  text-decoration:none;
  }

  p {
  margin:0 0 15px 0;
  }

  :focus {
  outline:0;
  }

  .clearfloat {
  clear:both;
  }

  input[type="submit"] {
  border:none;
  outline:0;
  }

  .save,.close,.delete,.import,.start {
  margin:0 10px 0 0;
  float:left;
  width:100px;
  padding:10px 0 10px 0;
  background:#000000;
  text-align:center;
  cursor:pointer;color:#ffffff;
  border:none;
  outline: 0;
  font-size:12px;
  }

	/* MEQAM LOGO */

	#vrh_logo {
	width:100%;
	margin:17px 0 0 0;
	}

	#logo_stranice {
	width:250px;
  margin:0 auto 0 auto;
  display:block;
	}

	#top_search_page_logo {
	float:left;
		width:75px;
	height:75px;
	margin:20px 0 0 10px;
	}

	#top_search_page_logo img {
		width:75px;
		height: 75px;
	}

  #user_login_page {
  position:absolute;
  top:35px;
  right:20px;
  }

	#user_login_page2 {
	position:absolute;
	top:0;
	right:20px;
	}

	* {
	   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

/* MEQAM SEARCH */

#search_frame {
width:500px;
margin:0 auto 0 auto;
}

#searchform input.search_submit_button {
  background:url(/images/search-100.png) no-repeat #ffffff;
  background-position: 10px 3px;
  background-size:40px 40px;
  color:#333333;
  border-right:1px solid #9BB9D1;
  font-size:12px;
  font-weight:bold;
  margin:37px 0 0 0;
  display:inline;
  float:left;
  width:57px;
  height:47px;
  text-align:center;
  padding:0 20px 0 20px;
  cursor:pointer;

}

#searchform input.search {
	background-color:#FFFFFF;
  box-shadow:inset 5px 5px 10px -2px rgba(0,0,0,0.8);
	border:none;
	color:#545454;
	font-size:16px;
  font-weight:500;
	margin:37px 0 0 0;
  padding:15px 0 12px 20px;
	width:409px;
	height:20px;
  float:left;
  vertical-align:middle;
}

#searchform input.search2 {
	background-color:#FFFFFF;
  box-shadow:inset 5px 5px 10px -2px rgba(0,0,0,0.5);
	border:none;
	color:#545454;
	font-size:16px;
  font-weight:500;
	margin:37px 0 0 30px;
  padding:15px 0 12px 20px;
	width:35%;
	height:20px;
  float:left;
  vertical-align:middle;
}

#searchform input.search3 {
	width:270px;height:26px;background:#e7e7e7;padding:10px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.3);
}

#searchform_search_page input.search {
	background-color:#FFFFFF;
  box-shadow:inset 5px 5px 10px -2px rgba(0,0,0,0.8);
	border:none;
	color:#545454;
	font-size:16px;
    font-weight:500;
	margin:30px 0 0 0;
    padding:15px 0 12px 20px;
	width:35%;
	height:30px;
    float:left;
    vertical-align:middle;
}

#searchform_search_page input.search_submit_button {

	background:url(/images/search-100.png) no-repeat #ffffff;
	background-position: 10px 3px;
  background-size:50px 50px;
	color:#333333;
	border-right:1px solid #9BB9D1;
	font-size:12px;
	font-weight:bold;
	margin:30px 0 0 0;
  display:inline;
  float:left;
	width:70px;
	height:57px;
  text-align:center;
	padding:0 20px 0 20px;
	cursor:pointer;

}

#specs_page_left {
float:left;width:40%;margin:0 0 0 0;
}

#specs_page_right {
float:left;width:40%;margin:0 0 0 19%;
}

#example_search {
float:left;
margin:50px 0 0 10px;
padding:0 0 0 0;
width:auto;
color:#ffffff;
cursor:pointer;
}
#example_search span {
font-size:18px;
padding:0 0 0 30px;
}
#example_search_page {
display: none;
float:left;
margin:48px 0 0 100px;
padding:0 0 0 0;
width:auto;
color:#ffffff;
background:url(/slike/examples-search.jpg) no-repeat center left;
cursor:pointer;
}
#example_search_page span {
font-size:18px;
padding:0 0 0 30px;
}

#desna_strana_info {
width:750px;
}

#spec_category_left {
float:left;
width:290px;
margin:0 0 0 20px;
}

#spec_category_right{
float:left;
width:290px;
margin:0 0 0 70px;
}

/* MAIN LAYOUT */

	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
    background:#000000;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
	position:relative;
	left:258px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:258px;
	    padding-bottom:1em;
	}
	.leftmenu .column_two {
	background:#000000;
        margin:0 0 0 258px;
	position:relative;
	right:100%;
	overflow:hidden;
	}
    .leftmenu .column_one {background:#000000;
        min-height:720px;
        float:left;
        width:258px;
        position:relative;
        right:258px;
    }

  #register-info {
  float:right;
	width:auto;
	margin:3px 0 0 0;
	}

	#login_form {
		display:none;position:absolute;right:0px;top:75px;
	}

	#prijava_registracija_top {
	float:left;
	width:auto;
	margin:49px 15px 0 0;
	}

	#prijava_registracija_top a {
  font-size:12px;
	color:#ffffff;
  }

#prijava_registracija_top_login,#prijava_registracija_top_login2 {
float:right;
background:url(/images/user.png) no-repeat top left;
width:70px;
height:30px;
padding:5px 0 0 38px;
margin:45px 30px 0 0;
color:#ffffff;
cursor:pointer;
}

#prijava_registracija_top_login a,#prijava_registracija_top_login2 a {
color:#ffffff;
font-size:12px;
}

#prijava_registracija_top_register {
float:left;
background:url(/images/user.png) no-repeat top left;
width:80px;
height:30px;
padding:3px 0 0 41px;
}

#specifikacije {
width:285px;margin:7px 0 0 5px;float:left;
}

.container_kolona {
float:left;
width:240px;
display:inline;
margin:0 0 0 0;
}
}

@media all and (max-width: 1365px){
#example_search {
display:none;
}
}

@media all and (max-width: 1300px) {

  #search_frame {
	width:450px;
	margin:0 auto 0 auto;
	}

	#login_form {
		display:none;position:absolute;right:0px;top:5px;
	}

	#register-info {
	position:absolute;
	top:20px;
	right:20px;
	}

	#prijava_registracija_top {
	background:none;
	width:auto;
	float:left;
	margin:0 20px 0 0;
	}

	#prijava_registracija_top_login {
	background:url(/images/user.png) no-repeat top left;
	width:30px;
	float:left;
	margin:0;
	padding:0;
	}

  #prijava_registracija_top_login a {
  display:none;
  }

	#prijava_registracija_top_login2 {
	margin:0;
	width:auto;
	float:left;
	color:#ffffff;
	}

#vrh {
	width:100%;
	height:125px;
	padding:0;
	margin:0 0 0 0;
}

#vrh_logo {
width:100%;
margin:50px 0 20px 0;
}
#logo_stranice {
width:170px;
margin:0 auto 0 auto;
display:block;
}

	#searchform input.search {

		background-color:#FFFFFF;
		border:none;
		color:#545454;
		font-size:12px;
	  font-weight:500;
		margin:20px 0 0 5%;
	  padding:15px 0 12px 15px;
		width:73%;
		height:20px;
	  float:left;
	  vertical-align:middle;

	}

  #searchform input.search2 {

		background-color:#FFFFFF;
		border:none;
		color:#545454;
		font-size:12px;
	  font-weight:500;
		margin:20px 0 0 5%;
	  padding:15px 0 12px 15px;
		width:73%;
		height:20px;
	  float:left;
	  vertical-align:middle;

	}

  #searchform input.search3 {

		background-color:#FFFFFF;
		border:none;
		color:#545454;
		font-size:12px;
	  font-weight:500;
		margin:20px 0 0 5%;
	  padding:15px 0 12px 15px;
		width:73%;
		height:20px;
	  float:left;
	  vertical-align:middle;

	}

	#searchform input.search_submit_button {

    background:url(/images/search-100.png) no-repeat #f3f3f3;
		background-position: 10px 3px;
    background-size:40px 40px;
		color:#333333;
		border-top:1px solid #e7e7e7;
		border-right:1px solid #e7e7e7;
		border-left:none;
		border-bottom:1px solid #e7e7e7;
		font-size:12px;
		font-weight:bold;
		margin:20px 0 0 0;
	  display:inline;
	  float:left;
		width:57px;
		height:47px;
	  text-align:center;
		padding:0 20px 0 20px;
		cursor:pointer;

	}

.container_kolona {
float:left;
width:152px;
display:inline;
margin:0 0 0 0;
}
}

@media all and (max-width: 1000px) {

  #user_login_page {
  position:absolute;
  top:15px;
  right:15px;
  }

  #user_login_page2 {
  display:none;
  }

  #search_frame {
  width:405px;
  margin:0 auto 0 auto;
  }

  #top_search_page_logo {
  float:left;
  width:50px;
  height:50px;
  margin:0 0 0 10px;
  }

  #top_search_page_logo img {
    width:50px;
    height: 50px;
  }

  #top_search_page {
  width:98%;
  height:70px;
  float:left;
  padding:20px 0 0 0;
  margin:0 0 0 0;
  }

  #searchform_search_page input.search {
  	background-color:#FFFFFF;
    box-shadow:inset 5px 5px 10px -2px rgba(0,0,0,0.8);
  	border:none;
  	color:#545454;
  	font-size:12px;
    font-weight:500;
  	margin:5px 0 0 0;
    padding:10px 0 10px 12px;
  	width:30%;
  	height:20px;
    float:left;
    vertical-align:middle;
  }

#searchform_search_page input.search_submit_button {

  background:url(/images/search-100.png) no-repeat #ffffff;
  background-position: 7px 3px;
  background-size:35px 35px;
  color:#333333;
  border-right:1px solid #9BB9D1;
  font-size:12px;
  font-weight:bold;
  margin:5px 0 0 0;
  display:inline;
  float:left;
  width:47px;
  height:40px;
  text-align:center;
  padding:0 20px 0 20px;
  cursor:pointer;

}
}

@media all and (max-width: 430px) {

  input[type="text"],input[type="password"] {
  max-width:250px;
  }

  #search_frame {
  width:355px;
  margin:0 auto 0 auto;
  }

  #searchform input.search {
  	background-color:#FFFFFF;
  	border:none;
  	color:#545454;
  	font-size:12px;
  	font-weight:500;
  	margin:20px 0 0 5%;
  	padding:15px 0 12px 15px;
  	width:250px;
  	height:20px;
  	float:left;
  	vertical-align:middle;

  }

  #searchform input.search2 {
  	background-color:#FFFFFF;
  	border:none;
  	color:#545454;
  	font-size:12px;
  	font-weight:500;
  	margin:20px 0 0 5%;
  	padding:15px 0 12px 15px;
  	width:250px;
  	height:20px;
  	float:left;
  	vertical-align:middle;

  }

  #searchform input.search3 {
  	background-color:#FFFFFF;
  	border:none;
  	color:#545454;
  	font-size:12px;
  	font-weight:500;
  	margin:20px 0 0 5%;
  	padding:15px 0 12px 15px;
  	width:250px;
  	height:20px;
  	float:left;
  	vertical-align:middle;

  }

#searchform input.search_submit_button {

  background:url(/images/search-100.png) no-repeat #f3f3f3;
	background-position: 10px 3px;
  background-size:40px 40px;
	color:#333333;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-left:none;
	border-bottom:1px solid #e7e7e7;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 0;
	display:inline;
	float:left;
	width:57px;
	height:47px;
	text-align:center;
	padding:0 20px 0 20px;
	cursor:pointer;

}

}

@media all and (max-width: 350px) {

  input[type="text"],input[type="password"] {
  max-width:250px;
  }

  #search_frame {
  width:335px;
  margin:0 auto 0 auto;
  }

  #searchform input.search {

  	background-color:#FFFFFF;
  	border:none;
  	color:#545454;
  	font-size:12px;
  	font-weight:500;
  	margin:20px 0 0 5%;
  	padding:15px 0 12px 15px;
  	width:230px;
  	height:20px;
  	float:left;
  	vertical-align:middle;

  }

#searchform input.search_submit_button {

  background:url(/images/search-100.png) no-repeat #f3f3f3;
	background-position: 10px 3px;
  background-size:40px 40px;
	color:#333333;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-left:none;
	border-bottom:1px solid #e7e7e7;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 0;
	display:inline;
	float:left;
	width:57px;
	height:47px;
	text-align:center;
	padding:0 20px 0 20px;
	cursor:pointer;

}
}

@media all and (max-width: 330px) {

  input[type="text"],input[type="password"] {
  max-width:250px;
  }

  #search_frame {
  width:285px;
  margin:0 auto 0 auto;
  }

  #searchform input.search {
  	background-color:#FFFFFF;
  	border:none;
  	color:#545454;
  	font-size:12px;
  	font-weight:500;
  	margin:20px 0 0 5%;
  	padding:15px 0 12px 15px;
  	width:180px;
  	height:20px;
  	float:left;
  	vertical-align:middle;
  }

#searchform input.search_submit_button {

  background:url(/images/search-100.png) no-repeat #f3f3f3;
	background-position: 10px 3px;
  background-size:40px 40px;
	color:#333333;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-left:none;
	border-bottom:1px solid #e7e7e7;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0 0;
	display:inline;
	float:left;
	width:57px;
	height:47px;
	text-align:center;
	padding:0 20px 0 20px;
	cursor:pointer;


}

}

#loginform_top .submit_prijava {
  font: 12px Arial;
	font-weight: bold;
	color: #ffffff;
	background:#E81D0F;
	width: 90px;
  float:right;
	height: 24px;
	padding: 1px 0 0 0;
	text-align: center;
	margin:7px 10px 0 7px;
	cursor: pointer;
	border:1px solid #cccccc;
}

#loginform_top {
width:252px;
margin:100px auto 0 auto;
}

#loginform_top .login {
width:252px;
padding:10px 0 10px 0;
text-align:center;
margin:0 0 0 0;
background:green;
color:#ffffff;
cursor:pointer;
border-right:1px solid green;
border-left:1px solid green;
}

#loginform_top #username {
padding:15px;width:222px;font-size:12px;border-bottom:1px solid #cccccc;
}
#loginform_top #password {
padding:15px;width:222px;font-size:12px;
}

#searchform input.search_input {
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:9px 0 0 0;
	padding:2px;
	width:370px;
	height:15px;
	position:relative;
	vertical-align:middle;
}
#gallery_imgs_frame {
background:#333333;
padding:0;
margin:0 0 0 20px;
float:left;
}

#gallery_imgs_side {
width:270px;
float:left;
margin:7px 0 0 8px;
}

.gallery-small-images {
float:left;
width:135px;
}
.gallery-small-images img {
width:127px;
height:90px;
}

#gallery_large_image {
max-width:390px;
overflow:hidden;
float:left;
cursor:pointer;
}
#gallery_large_image img {
height:270px;
float:left;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: Arial;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {

}