/* Element Size
---------------------------------------------- */
.size-1-6 {
    width: 60px;
}

.size-2-6 {
    width: 90px;
}

.size-3-6 {
    width: 150px;
}

.size-4-6 {
    width: 210px;
}

.size-5-6 {
    width: 270px;
}

.size-6-6 {
    width: 530px;
}

.size-half {
    width: 50%;
}

.size-full {
    width: 100%;
}

@media (max-width: 767px) {
 .size-4-6, .size-5-6, .size-6-6 {
   display: block;
    width: 100%;
    min-height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 }
}
/* Input Box
---------------------------------------------- */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999999;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  background: url("../images/ui/input-bg.jpg") repeat-x scroll left top #F2F4F6;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
          border-radius: 10px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}



/* Loader sa overlay-om */
 #loading2 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/loading_krug.gif") no-repeat scroll 50% 50% rgba(30, 33, 35, 0.9);
    border-color: #46494B #323537 #282B2D;
    border-left: 1px solid #323537;
    border-radius: 5px 5px 5px 5px;
    border-right: 1px solid #323537;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 15px #000000;
    color: #CCCCCC;
    font-size: 30px;
    height: 100px;
    opacity: 0.6 !important;
    position: absolute;
    text-align: center;
    width: 160px;
    z-index: 999;
    display: none;
}

#loading1 {
    display: none;
    position: absolute;
    z-index: 998;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    vertical-align: middle;
    min-width:100%;
    min-height:100%;
}

#overlay {
  background-color: #00050A;
      /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;

  position: absolute;
  z-index: 98;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* Flat dugme */
 .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
.btn-default:active, .btn-default.active {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-primary a:link {
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}


/* Button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}


/*******************************************************************************
							Horizontalni meni - Standardna konfiguracija
*******************************************************************************/
.atec1-menu {
    /*background: #303030 url(../images/pozadina-glavni-meni-linija.jpg) repeat-x;*/
    height: 44px;
	width: 100%;
	margin:0;
	padding: 0;
	position:relative;
	float:left;
	font-family: arial,tahoma,"lucida sans",sans-serif
	list-style: none;
    color: #FFFFFF;
}

.atec1-menu li > a {

}

.atec1-menu li {
	display:inline-block;
	font-size:12px;
	margin:0;
	padding:0;
	float:left;
	line-height: 20px;
	position:relative;
    background: url(../images/separator.png) right center no-repeat;
    z-index: 11;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    height: 50px;
    top: -7px;
}
.atec1-menu > li > a {
	padding:14px 16px;
	color: #FFFFFF;
    font-family: 'Roboto Slab', serif;
	text-decoration:none;
	display:block;
	font-size: 1.2em;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

/* Hover glavni meni */
.atec1-menu li:hover > a,
.atec1-menu li.active a {
	/*background: #b14749 url(../images/pozadina-glavni-meni-hover.jpg) repeat-x;*/
	background-color: #970102;
	color: #ffffff;
    height: 50px;

}
/* Hover podmeni */
.atec1-menu li li:hover > a,
.atec1-menu li li.active a {
	
	color: #188BDF
    height: 40px;
}

/*----------------------------
	Horizontalni meni - Desno ravnjanje (item)
----------------------------*/
.atec1-menu li.right{
	float: right;
}

/*-----------------------------
	Horizontalni meni - Drop down konfiguracija
-----------------------------*/
.atec1-menu ul,
.atec1-menu ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;
	display: none;
    position: absolute;
    z-index: 99999;
	width: 200px;
	background: #333333;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.atec1-menu ul {
    top: 40px;
    left: 0;
}
.atec1-menu ul li ul {
    top: 0;
    left: 100%;
}
.atec1-menu ul li {
	clear:both;
	width:100%;
	border: none;
	font-size:10px;
    height: 40px;
    line-height: normal;
}
.atec1-menu ul li a {
	padding:10px 20px;
	width:100%;
	color:#dedede;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

/*-----------------------------
	Horizontalni meni - Drop down indikatori
-----------------------------*/
.atec1-menu > li .indicator{
	position: absolute;
	color: #dedede;
	top: 13px;
	right: 8px;
	font-size: 17px;
}

.atec1-menu > li .indicator img{
	position: relative;

}

.atec1-menu ul > li .indicator{
	top: 10px;
	right: 8px;
}

/*------------------
	Horizontalni meni - Preset sizes
------------------*/
.thin > li > a{
	padding: 10px 22px;
}
.thin ul{
	top: 40px;
}
.thin > li .indicator{
	top: 10px;
}

.thick > li > a{
	padding: 40px 22px;
}
.thick ul{
	top: 100px;
}
.thick > li .indicator{
	top: 40px;
}

/*-------------------------
	Horizontalni meni - Konfiguracija za ikonice
-------------------------*/
.atec1-menu i{
	line-height: 20px !important;
	margin-right: 6px;
	font-size: 18px;
	float: left;
}

/*------------------------------------
	Horizontalni meni - Padajuci meni konfiguracija
------------------------------------*/
.atec1-menu > li.showhide{
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color:#dedede;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	background: #333333;
}
.atec1-menu > li.showhide span.title{
	margin: 16px 0 0 25px;
	float: left;
}
.atec1-menu > li.showhide span.icon{
	margin: 17px 20px;
	float: right;
}
.atec1-menu > li.showhide .icon em{
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #ccc;
}

/*-----------------
	Horizontalni meni - Light tema
-----------------*/
.light{ background: #fff; border: solid 1px #dfdfdf; }
.light a{ color: #555 !important; }
.light li:hover > a, .light li.active a { background: #555; color: #fff !important; }
.light ul, .light ul li ul { background: #fff; }
.light > li.showhide{ background: #fff; color: #555 !important;}
.light > li.showhide .icon em{ background: #555; }
.light li .indicator{ color: #555; }
.light li:hover > .indicator{ color: #fff; }




/*******************************************************************************
		  Horizontalni meni - Konfiguracija za vertikalni meni
*******************************************************************************/
.atec1-menu.vertical{
	width: 200px;
}
.atec1-menu.vertical li{
	width: 100%;
}
.atec1-menu.vertical li a{
	display: inline-block !important;
	width: 100%;
	padding:18px 20px 16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.atec1-menu.vertical ul li{
	width: 100%;
}

/*--------------------------------
	Horizontalni meni - Drop down za vertikalni meni
--------------------------------*/
.atec1-menu.vertical ul,
.atec1-menu.vertical ul li ul {
	width: 150px;
}
.atec1-menu.vertical ul {
    top: 0;
	left: 100%;
}
.atec1-menu.vertical ul li ul {
    top: 0px;
}

/*---------------------------------
	Horizontalni meni - Vertikalni meni na desnoj strani
---------------------------------*/
.atec1-menu.vertical.right{
	float: right !important;
}
.atec1-menu.vertical.right ul{
	left: -150px !important;
}

/*------------------------------
	Horizontalni meni - Indikator za vertikalni meni
------------------------------*/
.atec1-menu.vertical > li .indicator{
	top: 17px;
	right: 15px;
	font-size: 17px;
}
.atec1-menu.vertical ul > li .indicator{
	top: 18px;
	right: 15px;
}


/*****************************************************************************
	  Horizontalni meni - Meni responsive pregled
*****************************************************************************/
@media only screen and (max-width: 768px) {
	.atec1-menu.vertical{
		width: 100%;
	}
	.atec1-menu li{
		display: block;
		width: 100%;
	}
	.atec1-menu > li > a{
		padding-top:15px;
		padding-bottom:15px;
		padding-left: 25px;
	}
	.atec1-menu a{
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.atec1-menu ul,
	.atec1-menu ul li ul,
	.atec1-menu.vertical ul,
	.atec1-menu.vertical ul li ul{
		width: 100%;
		left: 0;
		border-left: none;
		position: static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.atec1-menu ul li {
		border-left: none;
		border-right: none;
	}
	.atec1-menu ul li a,
	.atec1-menu.vertical ul li a	{
		padding-top:10px;
		padding-bottom:10px;
	}
	.atec1-menu ul > li > a{
		padding-left: 40px !important;
	}
	.atec1-menu > li .indicator{
		top: 15px;
		right: 25px;
		font-size: 17px;
	}
	.atec1-menu ul > li .indicator{
		right: 24px;
	}
	.atec1-menu.vertical ul > li .indicator{
		top: 10px;
		right: 15px;
	}
	.atec1-menu > li > ul > li > a{ padding-left: 40px !important; }
	.atec1-menu > li > ul > li > ul > li > a{ padding-left: 60px !important; }
	.atec1-menu > li > ul > li > ul > li > ul > li > a{ padding-left: 80px !important; }
}



/*******************************************************************************
							Vertikalni meni - Standardna konfiguracija
*******************************************************************************/
.atec2-menu {
	width: 100%;
	margin:0;
	padding: 0;
	position:relative;
	float:left;
	list-style: none;
}
.atec2-menu li {
	display:inline-block;
	font-size:13px;
	margin:0;
	padding:0;
	float:left;
	line-height: 20px;
	position:relative;
    font-family: 'Roboto Slab',serif;
    text-transform: uppercase;
}
.atec2-menu > li > a {
	padding:20px 22px;
	color:#4C4D4E;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.atec2-menu li:hover > a,
.atec2-menu li.active a {
	background: url(../images/pozadina-horizontalni-meni_over.png) repeat-x scroll left bottom rgba(0, 0, 0, 0);
	color: #fff;
}

/*----------------------------
	Vertikalni meni - Desno ravnjanje (item)
----------------------------*/
.atec2-menu li.right{
	float: right;
}

/*-----------------------------
	Vertikalni meni - Drop down konfiguracija
-----------------------------*/
.atec2-menu ul,
.atec2-menu ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;
	display: none;
    position: absolute;
    z-index: 99999;
	width: 160px;
	background: #333333;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.atec2-menu ul {
    top: 60px;
    left: 0;
}
.atec2-menu ul li ul {
    top: 0;
    left: 100%;
}
.atec2-menu ul li {
	clear:both;
	width:100%;
	border: none;
	font-size:12px;
}
.atec2-menu ul li a {
	padding:10px 20px;
	width:100%;
	color:#4C4D4E;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

/*-----------------------------
	Vertikalni meni - Drop down indikatori
-----------------------------*/
.atec2-menu > li .indicator{
	position: absolute;
	color: #dedede;
	top: 20px;
	right: 8px;
	font-size: 17px;
}
.atec2-menu ul > li .indicator{
	top: 10px;
	right: 8px;
}

/*------------------
	Vertikalni meni - Preset sizes
------------------*/
.thin > li > a{
	padding: 10px 22px;
}
.thin ul{
	top: 40px;
}
.thin > li .indicator{
	top: 10px;
}

.thick > li > a{
	padding: 40px 22px;
}
.thick ul{
	top: 100px;
}
.thick > li .indicator{
	top: 40px;
}

/*-------------------------
	Vertikalni meni - Konfiguracija za ikonice
-------------------------*/
.atec2-menu i{
	line-height: 20px !important;
	margin-right: 6px;
	font-size: 18px;
	float: left;
}

/*------------------------------------
	Vertikalni meni - Padajuci meni konfiguracija
------------------------------------*/
.atec2-menu > li.showhide{
	display: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color:#dedede;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	background: #333333;
}
.atec2-menu > li.showhide span.title{
	margin: 16px 0 0 25px;
	float: left;
}
.atec2-menu > li.showhide span.icon{
	margin: 17px 20px;
	float: right;
}
.atec2-menu > li.showhide .icon em{
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #ccc;
}

/*-----------------
	Vertikalni meni - Light tema
-----------------*/
.light{ background: #fff; border: solid 1px #dfdfdf; }
.light a{ color: #555 !important; }
.light li:hover > a, .light li.active a { background: #555; color: #fff !important; }
.light ul, .light ul li ul { background: #fff; }
.light > li.showhide{ background: #fff; color: #555 !important;}
.light > li.showhide .icon em{ background: #555; }
.light li .indicator{ color: #555; }
.light li:hover > .indicator{ color: #fff; }




/*******************************************************************************
		  Vertikalni meni - Konfiguracija za vertikalni meni
*******************************************************************************/
.atec2-menu.vertical{
	width: 100%;
    z-index: 9;
}
.atec2-menu.vertical li{
	width: 100%;
	border-bottom: 1px dotted #b9b9b9;
}
.atec2-menu.vertical a{
    font-size: 1em;
	display: inline-block !important;
	width: 100%;
	padding:7px 10px 7px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.atec2-menu.vertical li li a{
    background-color: #ffffff;
    font-size: 1em;
	display: inline-block !important;
	width: 100%;
	padding:7px 10px 7px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.atec2-menu.vertical ul li{
	width: 100%;
}

/*--------------------------------
	Vertikalni meni - Drop down za vertikalni meni
--------------------------------*/
.atec2-menu.vertical ul,
.atec2-menu.vertical ul li ul {
	width: 200px;
}
.atec2-menu.vertical ul {
    top: 0;
	left: 100%;
}
.atec2-menu.vertical ul li ul {
    top: 0px;
}

/*---------------------------------
	Vertikalni meni - Vertikalni meni na desnoj strani
---------------------------------*/
.atec2-menu.vertical.right{
	float: right !important;
}
.atec2-menu.vertical.right ul{
	left: -150px !important;
}

/*------------------------------
	Vertikalni meni - Indikator za vertikalni meni
------------------------------*/
.atec2-menu.vertical > li .indicator{
	top: 7px;
	right: 15px;
	font-size: 17px;
}
.atec2-menu.vertical ul > li .indicator{
	top: 7px;
	right: 15px;
}


/*****************************************************************************
		   Vertikalni meni - Meni responsive pregled
*****************************************************************************/
@media only screen and (max-width: 768px) {
	.atec2-menu.vertical{
		width: 100%;
	}
	.atec2-menu li{
		display: block;
		width: 100%;
	}
	.atec2-menu > li > a{
		padding-top:15px;
		padding-bottom:15px;
		padding-left: 25px;
	}
	.atec2-menu a{
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.atec2-menu ul,
	.atec2-menu ul li ul,
	.atec2-menu.vertical ul,
	.atec2-menu.vertical ul li ul{
		width: 100%;
		left: 0;
		border-left: none;
		position: static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.atec2-menu ul li {
		border-left: none;
		border-right: none;
	}
	.atec2-menu ul li a,
	.atec2-menu.vertical ul li a	{
		padding-top:10px;
		padding-bottom:10px;
	}
	.atec2-menu ul > li > a{
		padding-left: 40px !important;
	}
	.atec2-menu > li .indicator{
		top: 15px;
		right: 25px;
		font-size: 17px;
	}
	.atec2-menu ul > li .indicator{
		right: 24px;
	}
	.atec2-menu.vertical ul > li .indicator{
		top: 10px;
		right: 15px;
	}
	.atec2-menu > li > ul > li > a{ padding-left: 40px !important; }
	.atec2-menu > li > ul > li > ul > li > a{ padding-left: 60px !important; }
	.atec2-menu > li > ul > li > ul > li > ul > li > a{ padding-left: 80px !important; }
}

/* Vertikalni meni - boje
---------------------------------------------- */
.atec-menu-blue li:hover > a, .atec-menu-blue li.active a {
  color: #3276b1 !important;
}


/* Tooltip
---------------------------------------------- */
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:5px;
	color:#fff;
	font-size:12px;
}

/* Message box
---------------------------------------------- */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	color: #00335e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 0px 11px #000000;
    -webkit-box-shadow: 0px 0px 11px #000000;
    box-shadow: 0px 0px 11px #000000;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/alert_box/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/alert_box/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/alert_box/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/alert_box/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/alert_box/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* Table
---------------------------------------------- */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}


/* Ajax table*/
.data-tr:hover {
	background-color: #e7eef9;
	color: black;
	padding: 5px;

}

.data-tr td{
	padding: 10px;
	margin: 0px;
}


/*  Responsive Table
---------------------------------------------- */
/* General Table Style */
table.responsivetable {
width: 100%;
border-collapse: collapse;
}
.responsivetable thead tr td {
background-color: #333;
color: white;
font-weight: bold;
}
.responsivetable td, .responsivetable th {
padding: 6px;
text-align: left;
}

/* Make Table Responsive
---------------------------------------------- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetable tr:nth-of-type(odd) {
background-color: #eee;
}
.responsivetable td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetable td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.responsivetable td:nth-of-type(1):before { content: "Å IFRA"; }
.responsivetable td:nth-of-type(2):before { content: "IZVOĐAČ"; }
.responsivetable td:nth-of-type(3):before { content: "NAZIV PESME"; }
.responsivetable td:nth-of-type(4):before { content: "CENA"; }
}/* End responsive query */

/* search form
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	padding: 3px 10px;
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
    margin: 0;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 170px;
	border: solid 1px #bcbbbb;
	outline: none;

    border-radius: 0em;
  -moz-border-radius: 0em;
  -webkit-border-radius: 0em;

}
.searchform  {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 29px;
	width: 29px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
    background-color: #2495e8;
}

.searchbutton:hover  {
    
}

/* Okrugli brojevi
-------------------------------------- */
span.step {
  background: #1B8EE2;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;
}