﻿@font-face{
font-family:"FuturaW02-LightCondense 774902";
src:url("../sources/Fonts/b32155fc-8aa2-405c-82b9-45ef206446f3.eot?iefix");}
@font-face{
font-family:"FuturaW02-LightCondense 774902";
src:url("../sources/Fonts/b32155fc-8aa2-405c-82b9-45ef206446f3.eot?iefix");
src:url("../sources/Fonts/4d242483-b64d-42a3-b752-a1e24c93cdb6.woff") format("woff"),url("../sources/Fonts/7738a73b-f91a-462a-8ebd-c0de4a7a503c.ttf") format("truetype"),url("../sources/Fonts/405079d1-51bf-497d-881e-54e392d83a22.svg#405079d1-51bf-497d-881e-54e392d83a22") format("svg");
}
@font-face{
font-family:"Futura W02 Light";
src:url("sources/Fonts/1921b76a-df9e-4cc6-ab61-03f57c2f2454.eot?iefix");}
@font-face{
font-family:"Futura W02 Light";
src:url("../sources/Fonts/1921b76a-df9e-4cc6-ab61-03f57c2f2454.eot?iefix");
src:url("../sources/Fonts/b5b296d5-bbbc-4936-828d-ff0d8c163a89.woff") format("woff"),url("../sources/Fonts/dacb7ec9-508a-4a20-a11a-e1c71ad653b8.ttf") format("truetype"),url("../sources/Fonts/ff86acda-0d1f-4f82-96be-91b0d94bad49.svg#ff86acda-0d1f-4f82-96be-91b0d94bad49") format("svg");
}
@font-face{
font-family:"Futura W02 ExtraBold";
src:url("../sources/Fonts/1aa95db1-2610-4ba4-846e-659849a0f6c3.eot?iefix");}
@font-face{
font-family:"Futura W02 ExtraBold";
src:url("../sources/Fonts/1aa95db1-2610-4ba4-846e-659849a0f6c3.eot?iefix");
src:url("../sources/Fonts/dd735b9b-181e-4670-a4a5-1ebdab9bcfc6.woff") format("woff"),url("../sources/Fonts/53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf") format("truetype"),url("../sources/Fonts/6b7b0f8e-79cd-42bd-87ae-42108cec6f80.svg#6b7b0f8e-79cd-42bd-87ae-42108cec6f80") format("svg");
}

table, td, tr{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 98%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 3px;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    padding-left: 10px;
    vertical-align:top;
}
body {
    display: block;
    margin: 0px;
}

h2 {
    font-family: 'FuturaW02-LightCondense 774902', Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 34px;
    color: #d10000;
    margin-bottom: 11px;
    margin: 0;
    padding: 0;
}

#prijava td{
	    display: table;
}

#org td{
    width:auto;
}

#main_wrapper {
    min-height: 100%;
    position: relative;
    background: url(../sources/page_bg.png) no-repeat top center;
}

#header {
    width: 950px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 35px;

}

#content {
	width: 950px;
	margin: 0 auto;
    padding-top: 135px;
	padding-bottom: 403px;   /* Height of the footer */
	clear: both;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

select {
    border-radius: 0px;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    border-collapse: separate;
    border-color: grey;
    min-width:300px;
}

#adresaOb, #adresaTK, #atributiTK
{
	padding-left: 20px;
    width:auto;
}
#red_head {
    position: relative;
    width: 950px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
	background: url(../sources/red_head.png) no-repeat 0px 0;
}
#red_head .wrap {
	float: left;
	padding-top: 70px;
	margin-left: 57px;
}
#red_head h1 {
	font-family: 'Futura W02 Light', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 40px;
	color: #fff;
}
#red_head div.short {
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #898989;
	padding-top: 50px;
}
a#logo {
    display: block;
    float: right;
    margin-right: 12px;
    margin-top: 15px;
    width: 169px;
    height: 116px;
    text-indent: -10000px;
    background: url(../sources/hteronet_logo.png) no-repeat;
}

div.gray_line {
    width: 150px;
    height: 8px;
    background: #c3c3c3;
    margin-bottom: 20px;
}

input.opisnaAdresa{
    width:300px;
}

a.arrow_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    color: #525252;
    text-decoration: none;
    padding-left: 16px;
    background: url(../sources/arrow_gray.png) no-repeat;
    margin-bottom: 7px;
}

a.doc {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:underline;
    display: block;
    color: #525252;
    padding-left: 16px;
    margin-bottom: 7px;
}

button  
{
    margin-left: 20px;
    margin-top: 20px;
}


/*--------------------------------------------------------------*/

#input
{
    margin-left: 20px;
    margin-top: 20px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.fileupload-buttonbar .btn {
  margin-bottom: 5px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.btn {
    margin-left: 20px;
    /*margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;*/
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-upload:before {
    content: "\e027";
}

h3{
    font-family: 'FuturaW02-LightCondense 774902', Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #525252;
}

.atributi {
    border: 1px solid grey;
    border-collapse: collapse;
    padding: 5px;
    }

    .atributi tr:nth-child(odd) {
    background-color: #f2f2f2;
    }

  .atributi tr:nth-child(even) {
    background-color: #ffffff;
    }

  .alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 36px;
    margin: 10px;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.error {
    background: #ffecec url('../sources/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}