body{width:1003px;margin:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#001;
border-radius:10px;border:solid 1px #aaa;background:radial-gradient(#fff,#eef,#47f);background-attachment:fixed;}
#container{background:#eef;border-radius:10px;border:solid 1px #fff;}
/*Stubovi*/
#column_l{float:left;width:660px;padding:0px 10px 0px 10px;background:#fff;border-radius:10px;margin-top:5px;}
#column_r{float:left;width:300px;padding:0px 10px 0px 10px;background:#ddf;border-radius:10px;margin-top:5px;}
#column_l1{float:left;width:760px;padding:10px;background:#fff;border-radius:10px;margin-top:5px;}
#column_r1{float:left;width:220px;background:#ddf; text-align:center;border-radius:10px;margin-top:5px;}
#column_l2{float:left;width:500px;padding:15px 10px;background:#fff;border-radius:10px;margin:auto;}
#column_r2{float:left;width:460px;padding:10px;background:#ddf;border-radius:10px;margin-top:0px;}
#column{float:left;margin:0;width:980px;padding:10px;background:#fff;border-radius:10px;}
#column3{float:right;margin:0;width:325px;padding:4px;background:#fff;;border-radius:10px;}
#col1{float:left;width:250px;padding:4px;background:#ddf;;border-radius:10px;}
#col2{float:right;width:375px;padding:4px;background:#ddf;;border-radius:10px;}
#col3{float:right;width:350px;padding:4px;background:#fff;border-radius:10px;}
/*Head-ovi*/
#hed{width:999px;overflow:auto;clear:both;background:#def;border-radius:10px;}
#hed1{float:left;padding-top:10px;font-size:32px;color:#00f;text-shadow:1px 2px #faa;}
#hed2{float:right;padding-top:20px;}
#footer{width:998px;overflow:auto;clear:both;text-align:center;font-size:11px;background:#def;border-radius:10px;border:solid 1px #aaa;}
.vesti{padding:6px;background:#bcf;border-radius:10px;border:solid 1px #baa;}
.sredina{text-align:center;border-radius:10px;}
/*Meni*/
#ul{font-weight:bold;font-size:14px;margin:0;padding:0;height:33px;background:#fff;}
#li ul{display:none;}
#ul li a{display:block;color:#fff;text-decoration:none;padding:7px 6px 7px 6px;background:#15a;border-radius:5px;border:solid 1px #fff;}
#ul li{display:block;position:relative;float:left;)}
#ul li a:hover{background:#800;} #ul li a:active{background:#c00;} #li:hover ul{display:block;position:absolute}
#li:hover li{float:none;font-size:12px;} #li:hover a{background:#57f;}
#li:hover li a:hover{background:#800;} #li:hover li a:active{background:#c00;}
#meni2{width:986px;overflow:auto;clear:both;text-align:center;padding:6px;background:#ddf;border-radius:10px;border:solid 1px #aaa;}
/*Predefinisano*/
h1{color:#009} h2{color:#008} h3{color:#007} h4{color:#006} h5{color:#005} h6{color:#004}
a{color:#00a} a:hover{color:#a00}
/*Tabela*/
table.sortable {border-spacing:0;border:1px solid #000;border-collapse:collapse;}
table.sortable th, table.sortable td {text-align:left;padding:2px 4px 2px 4px;border-style:solid;border-color:#444;}
table.sortable th {border-width:1px 1px 1px 1px;background:#9af;}
table.sortable td {border-width:1px 1px 1px 1px;}
table.sortable tr.odd td {background:#ccf;}
table.sortable tr.even td {background:#fff;}
table.sortable tr.sortbottom td {border-top:1px solid #444;background:#bbb;font-weight:bold;}
table.sortable tr:hover td {background-color:#9ff;}
#TabelaUpis {width:100%;}
#TabelaUpis th, #TabelaUpis td {padding:5px;}
/*Dugmad*/

.dugme1{padding:3px 7px 3px 7px;font-size:15px;font-weight:bold;color:#fff;background:#37f;border-radius:5px;border:solid 1px #fff;}
.dugme1:hover {background:#800;cursor:pointer;}
.dugme1:active {background:#c00;}
.dugme2{padding:3px 7px 3px 7px;text-align:left;font-size:15px;font-weight:bold;color:#fff;background:#37f;width:220px;border-radius:5px;border:solid 1px #fff;}
.dugme2:hover {background:#800;cursor:pointer;}
.dugme2:active {background:#c00;}

.dugme3{padding:3px 2px 3px 7px;text-align:left;font-size:14px;font-weight:bold;color:#fff;background:#37f;width:100%;border-radius:5px;border:solid 1px #fff;}
.dugme3:hover {background:#800;cursor:pointer;}
.dugme3:active {background:#c00;}

.dugme3x{padding:3px 2px 3px 7px;text-align:left;font-size:14px;font-weight:bold;color:#008;width:100%;background:#bcf;border-radius:10px;border:solid 1px #aaa;}
.dugme3x:hover {background:#800;cursor:pointer;}
.dugme3x:active {background:#c00;}

.dugme4{margin:5px;padding:3px 20px 3px 20px;font-size:20px;font-weight:bold;color:#fff;background:#15a;border-radius:9px;border:solid 1px #fff;}
.dugme4:hover {background:#800;cursor:pointer;}
.dugme4:active {background:#c00;}
.dugme5{background-color:#fff;border: none;border-radius:8px;text-decoration:underline;transition-duration:0.4s;cursor:pointer;}
.dugme5:hover {background-color: #bbb;border-radius: 8px;cursor:pointer;}
.dugme5:active {background-color:#fff;color:#000;border:2px solid #eee;border-radius:8px;}
/*Slajder*/
/*Slajder*/
label.red1 {font-size:36px;color:#fff;background:transparent;width:100%;top:15px;position:absolute;text-align:center;text-shadow:3px 1px #500;}
label.red2 {font-size:26px;color:#fff;background:transparent;width:100%;top:60px;position:absolute;text-align:center;text-shadow:3px 1px #050;}
label.bsld {font-size:18px;color:#fff;background:transparent;width:100%;top:272px;position:absolute;text-align:right;}
.slajdovi {padding: 0;width:100%;height:300px;display:block;margin:0;position:relative;}
.slajdovi * {user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.slajdovi input {display: none;} .sokvir{display:block;}
.slajd {top:0;opacity:0;width:1000px;height:300px;display:block;position:absolute;} .slajd img {width:100%;height:100%}
.navig label {position:absolute;opacity:0;cursor:pointer;color:#fff;font-size:80pt;line-height:300px;text-shadow:0px 0px 15px #00f;}
.slajd:hover + .navig label {opacity:0.5} .navig label:hover {opacity:1}  .nxt {right:0;} .prv {left:0;}
input:checked + .sokvir  .slajd {opacity:1;transform:scale(1);}
input:checked + .sokvir .navig label {display:block}
.tacke {width:100%;bottom:9px;height:11px;display:block;position:absolute;text-align:center;}
.tacke .tacka {top:-9px;width:11px;height:11px;margin:6px;position:relative;display:inline-block;border:1px solid #fff;}
.tacka:hover {cursor:pointer;}