/* verificae.css */

@font-face {
    font-family: "swiss-c-light";
    src: url("fonts/SW_condenset_light-webfont.ttf");
    src: url("fonts/SW_condenset_light-webfont.eot?#iefix")
             format("embedded-opentype"),
         url("fonts/SW_condenset_light-webfont.woff") format("woff"),
         url("fonts/SW_condenset_light-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "swiss-c-bold";
    src: url("fonts/SW_condensed_bold-webfont.ttf");
    src: url("fonts/SW_condensed_bold-webfont.eot?#iefix")
             format("embedded-opentype"),
         url("fonts/SW_condensed_bold-webfont.woff") format("woff"),
         url("fonts/SW_condensed_bold-webfont.ttf") format("truetype");
}

body {
	width: 100%;
	max-width: 1060px;
	min-width: 100px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: #FFFFFF;
}

header {
	width: 100%;
	height: 80px;
	margin-top: 0px;
	margin-left: 20px;
	float: left;
}

fieldset {
	border-color: #999999;
	border-width: 0.5px;
	border-style: solid;
	width: 28%;
	margin-top: 150px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}

.loginforma {
	border-color: #999999;
	border-width: 0.5px;
	border-style: solid;
	width: 28%;
	margin-top: 70px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}




input {
	font-family: swiss-c-light;
	font-size: 16px;
	color: #081949;
}

.pass {margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
}
.passlogo {
	
	margin-top: 30px;
	text-align: center;
}

.confirm {
	margin-left: 100px;
}

#topnav {
	width: 100%;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	float: left;    
}

#logotop {
	width: 20%;
	height: 80px;
	margin-left: 0px;
	float: left;
}

#naziv_podjetja {
	width: 28%;
	margin-left: 300px;
	float: left;    
}

.login {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;
	margin-left: 10px;
	float: right;
	text-decoration: none;
}

.logout {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;
	margin-left: 10px;
	float: right;
	text-decoration: none;
}

.logout:hover {
	color: #081949;
	text-decoration: underline;
}

.naslov {
	font-family: swiss-c-light;
	font-size: 24px;
	color: #666666;
}

label {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;
}

legend {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;	
}

.opis {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;
	margin-top: 2px;
}

.opis_emph {
	font-family: swiss-c-light;
	font-size: 18px;
    color: #081949;
	margin-top: 2px;
}

.ime_podjetja {
    font-family: swiss-c-light;
	font-size: 28px;
	color: #081949;
}

.order_list_caption {
	font-family: swiss-c-light;
	font-size: 18px;
	color: #666666;
}

h1 {
	font-family: swiss-c-light;
	font-size: 18px;
	font-style: normal;
	color: #666666;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	clear: left;
}

.order_list_caption_emph {
	font-family: swiss-c-bold;
	color: #081949;
}

.prva {
	width: 100%;
	border-style: solid;
	border-width: 0,5px;
	border-color: #999999;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	clear: left;
	
}

.druga {
	width: 100%;
	border-style: solid;
	border-width: 0,5px;
	border-color: #CCCCCC;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	clear: left;
}

.drugakratka {
	
	border-style: solid;
	border-width: 0,5px;
	border-color: #CCCCCC;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	clear: left;
	width: calc(30% + 200px);
}


.tretja {
   	width: 100%;
	border-style: solid;
	border-width: 5px;
	border-color: #DDDDDD;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	clear: left;
}

.tretjakratka {
   	
	border-style: solid;
	border-width: 5px;
	border-color: #DDDDDD;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
	clear: left;
	width: calc(30% + 200px);
}




article {
    width: 100%;
    margin-top: 15px;
    margin-left: 20px;
    float: left;
}

.label_frame {
	width: 28%;
	float: left;
	
}

.detail_frame {
	width: 19%;
	float: left;
}

.detail_frame1 {
	width: 19%;
	float: left;
}

.detail_frame2 {
	width: 38%;
	float: left;
}


.vin_frame {
    width: 47%;
    float: left;
    margin-left: 20px;
}

.field_frame_input {
	width: 28%;
	float: left;
	margin-left: 50px;
	
}

.graf {
		position:absolute;
	left: calc(35% + 200px);
	
 top:208px;

}

@media all and (max-width: 500px) {
    .graf{
        margin-left: 0px;
        left: 500px;
    }
}


.damage {
	width: 19%;
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	font-family: swiss-c-light;
	font-size: 12px;
}

.damage_list {
	margin-left: -10px;
	margin-top: -5px;
	float: left;
	clear: left;
}

button {
	width: 36px;
	height: 36px;
	margin-left: 10px;
	float: left;
	border: 0px;

  
 overflow: visible;


	
}

select {
	width: 200px;
    font-family: swiss-c-light;
	font-size: 16px;
	color: #666666;
	
}

option {
    font-family: swiss-c-light;
	font-size: 14px;
	color: #081949;
}

table {
	width: 100%;
    font-family: swiss-c-light;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border-spacing: 1px;
}

th {
	width: 117px;
	font-family: swiss-c-bold;
	font-size: 14px;
	text-align: center;	
}
td {
	vertical-align: middle;
}

tr {
	height: 25px;
	border-bottom: solid;
	border-width: 0.5px;
	border-color: #CCCCCC;
	text-align: center;
	
}

.table_title {
	border-bottom: solid; 
	border-width: 0.5px;
	border-color: #333333;
	height: 20px;
}

.even {
	background-color: #DDDDDD; 
}

.highlight {
	background-color:#EEE;
	
}
.ozka {
	width: 33%;	
	border:hidden;
	
}

.ozka td{
		
}

.srednja {
	width: 100%;	
	border:hidden;
	
}

.ozka td{
		
}


#container{
width: 100%;
max-width:1060px;
position:absolute;
}


.opisladje {
	position:absolute;
	font-family: swiss-c-light;
	font-size: 16px;
	color: #666666;
	margin-top: 3px; background-color: white; overflow: hidden; 
	height:62px; opacity: 1; z-index:5;
}