@font-face {
    font-family: Oswald;
    src: url('../fonts/Oswald-Regular.ttf');
}

@font-face {
    font-family: Segoe;
    src: url('../fonts/segoeui.ttf');
}



body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	//font-family: Arial, Helvetica, sans-serif;
        font-family: Oswald;
	color:#666666;
	font-size: 13px;
        background: url('../images/tlo_drobne.jpg') center;
        
}

#upload-wrapper {
	width: 960px; 
        min-height: 100vh;
	margin-right: auto;
	margin-left: auto;
	
	background: #F5F2EB;
	padding: 40px;
	padding-top: 0px;
	/*border-radius: 10px;*/
	box-shadow: 1px 1px 3px #AAA;
}

#logo {
display: block;
	/*padding-left: 50px;
	position: absolute;
	top: 18px;
	
	padding-top: 18px;
	float: left;
	background: url(../images/logo_zima.png) no-repeat right;
	width: 985px;
	height: 99px;
	overflow: hidden;*/
}

h1{
	text-align: center;
	line-height: 38px;
	text-shadow: 1px 1px 1px #CCC;
	color: black;
	font-weight: 400;
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-bottom: 15px;

}

#upload-wrapper h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #555;
	text-align: center;
}

 h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #555;
}


#upload-wrapper input[type=file] {
	border: 1px solid #DDD;
	padding: 6px;
	background: #FFF;
	border-radius: 5px;
}
#upload-wrapper #submit-btn {
	border: none;
	padding: 10px;
	background: #61BAE4;
	border-radius: 5px;
	color: #FFF;
}

 #submit-btn-red, #submit-btn-red2  {
	border: none;
	padding: 10px;
	background: #cc0000;
	border-radius: 5px;
	color: #FFF;
}

#output{
	padding: 5px;
	font-size: 12px;
}
#output img {
	border: 1px solid #DDD;
	padding: 5px;
}

/* progress bar style */
#progressbox, #progressbox2, #progressbox3 {
	border: 1px solid #92C8DA;
	padding: 1px; 
	position:relative;
	width:90%;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar, #progressbar2, #progressbar3 {
	height:20px;
	border-radius: 3px;
	background-color: #77E0FA;
	width:1%;
}
#statustxt, #statustxt2, #statustxt3 {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}

.col-left{
	width: 30%;
	text-align: left;
}

.col-center{
	width: 40%;
	text-align: left;
}

.col-right{
width: 30%;
	text-align: right;
        padding-right: 17px;
}

ul.menu li a{
    font: 12px Arial, sans-serif;
    float: left;
    display: block;
    font-weight: 700;
    color: #222;
    padding: 0 15px;
    line-height: 56px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

ul.menu li{
    float: left;
    height: 60px;
}

ul.menu li a:hover{
    color: #1A98F0;
}

ul.menu {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
}