body {
	margin:20px;
	padding:0;
	width:98%;
	color:#333;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) top left repeat-x;
}

#container{
	width:100%;
	height:auto;
	min-height:500px;
	}
.crveno{
	color:#dc0202;
	}
	
.zeleno{
	color:#1eb025;
	}
	
.smedje{color:#a0881a;}
	
#header{
	width:100%; 
	height:41px; 
	line-height:41px; 
	clear:both;
	padding:0 20px;
	}
	
.tekst1{
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#4c81ac;
	}
	
.tekst2{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#35658c;
	}

.tekst11{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#4c81ac;
	}
	
#drzactraka{
	width:100%;
	max-width:1300px;
	height:auto;
	margin-top:10px;
	clear:both;
	}
	
.link1 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#db3337;
	text-decoration:none;
	}
	
.link1 a:hover{
	font-weight:bold;
	}
	
.link2 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#35658c;
	text-decoration:none;
	}
	
.link2 a:hover{
	text-decoration:underline;
	}
	
.link3 a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#35658c;
	text-decoration:underline;
	}
	
.link3 a:hover{
	text-decoration:underline;
	}
	
.drzacalati1{
	width:140px; 
	height:auto; 
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/1.png) top left no-repeat; 
	float:left; 
	margin-right:10px;
	border-right:#db3337 solid 1px;
	}
	
.drzacalati2{
	width:140px; 
	height:auto; 
	min-height:75px;
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/2.png) top left no-repeat; 
	float:left; 
	margin-right:10px;
	border-right:#db3337 solid 1px;
	}
	
.drzacalati3{
	width:170px; 
	height:auto; 
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/3.png) top left no-repeat; 
	float:left; 
	margin-right:10px;
	border-right:#db3337 solid 1px;
	}
	
.drzacalati4{
	width:170px; 
	height:auto; 
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/4.png) top left no-repeat; 
	float:left; 
	margin-right:10px;
	border-right:#db3337 solid 1px;
	}
	
.drzacalati5{
	width:130px; 
	height:75px;
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/5.png) top left no-repeat;
	float:left;
	border-right:#db3337 solid 1px;
	margin-right:10px;
	}
	
.drzacalati6{
	width:160px; 
	height:auto; 
	padding-left:50px; 
	padding-top:20px; 
	background:url(../pozadina/6.png) top left no-repeat;
	float:left;
	margin-right:20px;
	}
	
.drzaclink1{
	width:auto;
	height:25px;
	line-height:25px;
	}
	
.sep1{
	width:100%; 
	max-width:1300px;
	height:30px; 
	line-height:30px; 
	clear:both; 
	background:url(../pozadina/sep1.png) center left repeat-x;
	}
	
a {
	outline:none;
}

.myBtn{
	color:#FFF;
	text-decoration:none;
	}

.labelstil
{
	color:#3d7fc2;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	height:23px;
	line-height:23px;
}

.labelstilemail
{
	color:#3d7fc2;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 30px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	height:23px;
	line-height:23px;
}

.labelstil2
{
	color:#3d7fc2;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	height:28px;
	line-height:28px;
}

.labelstil3
{
	color:#3d7fc2;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	height:23px;
	line-height:23px;
}

.k1{
	width:239px;
	height:20px;
	border:1px solid #cbdcec;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k1:focus{
	border:1px solid #dc0202;
	}
	
.k1aa{
	width:294px;
	height:20px;
	border:1px solid #cbdcec;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k1aa:focus{
	border:1px solid #dc0202;
	}
	
.k2{
	width:245px;
	height:24px;
	border:1px solid #cbdcec;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k2:focus{
	border:1px solid #dc0202;
	}
	
.k3{
	width:60px;
	height:28px;
	border:0;
	line-height:28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3d7fc2;
	font-size: 14px;
	text-decoration: none;
	}
	
.k4{
	width:100px;
	height:20px;
	border:1px solid #cbdcec;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k4:focus{
	border:1px solid #dc0202;
	}
	
.k5{
	width:60px;
	height:20px;
	border:0;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}

.k6{
	width:55px;
	height:22px;
	border:0;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	text-align:right;
	padding-right:5px;
	}
	
 .cr{
     vertical-align: text-bottom;
    _vertical-align: middle;
     padding: 0 !important;
    margin: 0 !important;
    }
	
.btn33 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:80px;
	height:24px;
	line-height:24px;
	background-color:#ebedee;
	cursor:pointer;
	border:0;
}

.btn33:hover{
	background-color:#5c85b0;
	color:#FFF;
	}
	
.btn333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:270px;
	height:24px;
	line-height:24px;
	background-color:#db3337;
	color:#FFF;
	cursor:pointer;
	border:0;
}

.btn333:hover{
	background-color:#c12024;
	}
	
.btn4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:140px;
	height:24px;
	line-height:24px;
	background-color:#5c85b0;
	color:#FFF;
	cursor:pointer;
	border:0;
}

.btn4:hover{
	background-color:#44668b;
	}

.tablica1 td{	
border: 1px solid #c7d5e1;
padding:2px;
text-align:center;
}

.drzacglavni{
	width:100%;
	height:auto;
	padding:20px 20px 100px 20px;
}

.k1a{
	width:170px;
	height:20px;
	border:1px solid #cbdcec;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k1a:focus{
	border:1px solid #dc0202;
	}
	
.k2a{
	width:176px;
	height:24px;
	border:1px solid #cbdcec;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k2a:focus{
	border:1px solid #dc0202;
	}
	
.k2aa{
	width:300px;
	height:24px;
	border:1px solid #cbdcec;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.k2aa:focus{
	border:1px solid #dc0202;
	}
	
.tekstarea1{
	width:360px;
	height:100px;
	border:1px solid #cbdcec;
	line-height:20px;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	}
	
.polje1{
	width:300px;
	height:auto;
	min-height:680px;
	margin-right:20px;
	float:left;
	border-right:1px solid #c5d2de;
	}
	
.polje2{
	width:300px;
	height:auto;
	min-height:200px;
	margin-right:20px;
	float:left;
	border:1px dashed #c5d2de;
	padding:5px;
	background-color:#eef3f7;
	}
	
	
.polje3{
	width:230px;
	height:auto;
	min-height:680px;
	float:left;
	}	
	
.polje4{
	width:600px;
	height:auto;
	min-height:680px;
	margin-right:20px;
	float:left;
	border-right:1px solid #c5d2de;
	}
	
#containerOverlay{
	display:none;
	}
	
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.form-controlMy{max-width:80px; border:0; text-align:right; height:38px; line-height:38px; background-color:#f3f3f3;}
.form-controlMy2{max-width:80px; border:0; text-align:right; height:38px; line-height:38px;}
.form-controlMy3{max-width:40px; border:0; text-align:left; height:38px; line-height:38px; background-color:#f3f3f3;}