/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
}
.wrap {
	width: 95%;
	margin: 0 auto;
}
/*---end reset-----*/



*{
	font-family: 'Archivo', sans-serif;
	font-weight: 300;
}
body {
	color: #555555;
	font-style: italic;
}
hr {
	border-top: 1px solid #a9a9a9 ;
}
a.linkovi:link {text-decoration:none;}
a.linkovi:visited {}
a.linkovi:hover {text-decoration:underline;}


/*---- login ------*/
table.login {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 10px;
}
table.login th {
	text-align: center;
	font-size: 18px;
	padding: 5px 8px;
	vertical-align: middle;
	color: #000080;
}
table.login td {
	text-align: right;
	font-size: 14px;
	padding: 5px 8px;
	vertical-align: middle;
	color: #000080;
}

/*---- parametri ------*/
table.parametri {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	padding: 10px;
}
table.parametri td {
	text-align: left;
	font-size: 14px;
	padding: 3px 8px;
	vertical-align: middle;
}
table.parametri td input[type=checkbox] {
	width: 16px;
	height: 16px;
	margin: 5px 8px 5px 0;
	vertical-align: middle;
}

/*---- voznje ------*/
table.voznje {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
table.voznje tr {
	border-bottom: 1px solid gray;
}
table.voznje th {
	text-align: left;
	font-size: 12px;
	padding: 1px 5px;
	vertical-align: middle;
	color: black;
}
table.voznje td {
	text-align: left;
	font-size: 12px;
	padding: 1px 5px;
	vertical-align: middle;
}
table.voznje td input[type=number]{
	width: 70px;
	text-align: right;
}
table.voznje td input[type=text]{
	width:95%;
	margin: 3px;
	padding: 2px;
	font-size: 10px;
}
.unos_voznje{
	width:95%;
	margin: 3px;
	padding: 2px;
	font-size: 10px;
}

/*---- unos_racuna ------*/
table.unos_racuna {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
table.unos_racuna th {
	text-align: right;
	padding: 5px 8px;
	vertical-align: middle;
}
table.unos_racuna td {
	text-align: left;
	padding: 5px 8px;
	vertical-align: middle;
}
table.unos_racuna td input[type=text]{
	width: 100%;
	text-align: left;
	padding: 3px 5px;
}
table.unos_racuna td input[type=number]{
	width: 100px;
	text-align: left;
	padding: 3px 5px;
}
table.unos_racuna td input[type=select]{
	width: 100%;
	text-align: left;
	padding: 3px 5px;
}

/*---- racuni ------*/
table.racuni {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
table.racuni tr {
	border-bottom: 1px solid gray;
}
table.racuni th {
	text-align: left;
	padding: 3px 5px;
	vertical-align: middle;
	color: black;
}
table.racuni td {
	text-align: left;
	padding: 3px 5px;
	vertical-align: middle;
}
table.racuni td input[type=number]{
	width: 70px;
	text-align: right;
}
table.racuni td input[type=text]{
	width: 100%;
	text-align: right;
}

/*---- upload ------*/
table.upload {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
table.upload td {
	text-align: left;
	font-size: 14px;
	padding: 3px 8px;
	vertical-align: middle;
}

/*---- APTIV preglet ------*/
table.pregled_aptiv {
	width: 1000px;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
table.pregled_aptiv th {
	text-align: center;
	font-size: 16px;
	padding: 3px 8px;
	vertical-align: middle;
	border: 1px solid;
}
table.pregled_aptiv td {
	text-align: left;
	font-size: 14px;
	padding: 3px 8px;
	vertical-align: middle;
	border: 1px solid;
}

/*---- higijena ------*/
table.higijena {
	width: 90%;
	margin: auto;
	border-collapse: collapse;
	text-align: left;
}
table.higijena tr {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
table.higijena th {
	text-align: center;
	font-size: 36px;
	padding: 3px 10px;
	vertical-align: middle;
	background-color: #c0c0c0;
}
table.higijena td {
	text-align: left;
	font-size: 36px;
	padding: 3px 10px;
	vertical-align: middle;
}
input[type="radio"]{
	width:40px;
	height: 40px;
	margin: 15px 10px;
	vertical-align: middle:
}
input[type="text"]{
	width:90%;
}

table.higijena_detalji {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	text-align: left;
}

table.higijena_detalji td {
	text-align: left;
	font-size: 36px;
	padding: 3px 10px;
	vertical-align: middle;
	background-color: #f4f0ec;
}

table.higijena_moji_pregledi {
	width: 90%;
	margin: auto;
	border-collapse: collapse;
	text-align: left;
}

table.higijena_moji_pregledi td {
	text-align: left;
	font-size: 36px;
	padding: 3px 10px;
	vertical-align: middle;
}

/*---- opomene ------*/
table.opomene_login {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 10px;
}
table.opomene_login th {
	text-align: center;
	font-size: 60px;
	padding: 10px;
	vertical-align: middle;
	color: #000080;
}
table.opomene_login td {
	text-align: right;
	font-size: 60px;
	padding: 10px;
	vertical-align: middle;
	color: #000080;
}

table.opomene {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	text-align: center;
	font-size: 60px;
}
table.opomene tr {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
table.opomene th {
	padding: 5px 20px;
	vertical-align: middle;
	background-color: #c0c0c0;
}
table.opomene td {
	padding: 5px 20px;
	vertical-align: middle;
}

/*---- dispecerke ------*/
table.dispecerke {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	text-align: center;
}
table.dispecerke tr {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
table.dispecerke th {
	padding: 5px 20px;
	vertical-align: middle;
	background-color: #c0c0c0;
}
table.dispecerke td {
	padding: 5px 20px;
	vertical-align: middle;
}

table.dispecerke_unos {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
table.dispecerke_unos tr {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
table.dispecerke_unos th {
	padding: 5px 20px;
	vertical-align: middle;
	background-color: #c0c0c0;
}
table.dispecerke_unos td {
	width: 25%;
	padding: 5px 20px;
	vertical-align: middle;
}



/***** Media Quries *****/
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
	
}
@media only screen and (max-width: 1024px) and (min-width: 951px) {
	
}
@media only screen and (max-width: 950px) and (min-width: 851px) {
	
}
@media only screen and (max-width: 850px) and (min-width: 751px) {
	
}
@media only screen and (max-width: 750px) and (min-width: 551px) {
	
}
@media only screen and (max-width: 550px) {
	
}