body {
margin: 0;
padding:0;
background:#fff url(http://vtsbj.hr/slike/iza.png) top left repeat-x;
font:small Arial, Verdana,Sans-serif;
line-height:1.4em;
color:#555;
}

a[href $='.doc'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_word.png) top left no-repeat;
}

a[href $='.rdf'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_word.png) top left no-repeat;
}

a[href $='.docx'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_word.png) top left no-repeat;
}

a[href $='.pdf'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_acrobat.png) top left no-repeat;
}

a[href $='.ppt'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_powerpoint.png) top left no-repeat;
}

a[href $='.zip'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_zip.png) top left no-repeat;
}

a[href $='.rar'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_compressed.png) top left no-repeat;
}

a[href $='.xls'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_excel.png) top left no-repeat;
}

a[href $='.csv'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_excel.png) top left no-repeat;
}

a[href $='.jpg'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_picture.png) top left no-repeat;
}

a[href $='.gif'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_picture.png) top left no-repeat;
}

a[href $='.bmp'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_picture.png) top left no-repeat;
}

a[href $='.png'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_picture.png) top left no-repeat;
}

a[href $='.txt'] {
padding: 0 0 3px 20px;
background: url(http://vtsbj.hr/slike/page_white_text.png) top left no-repeat;
}



.menu2 li a.top_link { behavior: url(http://vtsbj.hr/iepngfix.htc); }


#wrapper {
width: 1005px;
margin: auto;
padding: 0;
text-align: left;
}

a:link {
color: #555;
text-decoration: none;
}
a:visited {
color: #555;
text-decoration: none;
}
a:active {
color: #555;
}
a:hover {
color: #fda100;
text-decoration: none;
}
.plavo:link {
color: #3D6A9A;
text-decoration: none;
font-weight: bold;
}
.plavo:visited {
color: #3D6A9A;
text-decoration: none;
font-weight: bold;
}
.plavo:active {
color: #3D6A9A;
font-weight: bold;
}
.plavo:hover {
color: #fda100;
text-decoration: none;
font-weight: bold;
}

.bijeli:link {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.bijeli:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.bijeli:active {
color: #fff;
font-weight: bold;
}
.bijeli:hover {
color: #fda100;
text-decoration: none;
font-weight: bold;
}

.plavi:link {
color: #3D6A9A;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}
.plavi:visited {
color: #3D6A9A;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}
.plavi:active {
color: #3D6A9A;
font-weight: bold;
text-decoration: underline;
}
.plavi:hover {
color: #fda100;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}

#wmd a:link {
color: #3d6a9a;
text-decoration: none;
}
#wmd a:visited {
color: #3d6a9a;
text-decoration: none;
}
#wmd a:active {
color: #3d6a9a;
}
#wmd a:hover {
color: #3d6a9a;
text-decoration: none;
}

.ispit a:link {
color: #555;
text-decoration: none;
}
.ispit a:visited {
color: #555;
text-decoration: none;
}
.ispit a:active {
color: #555;
}
.ispit a:hover {
color: #555;
text-decoration: none;
}

.skola a:link,
.skola2 a:link {
color: #555;
text-decoration: none;
}
.skola a:visited,
.skola2 a:visited {
color: #555;
text-decoration: none;
}
.skola a:active,
.skola2 a:active {
color: #555;
}
.skola a:hover,
.skola2 a:hover {
color: #fda100;
text-decoration: underline;
}


img {
border: 0;
}

.slika_desno {
border: 0;
padding: 0;
margin: 0;
float: right;
}

p {
margin: 0;
padding: 0;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

#head {
float: left;
margin: 0;
padding: 0;
width: 1005px;
height: 245px;
background: url(http://vtsbj.hr/slike/head.png) top left no-repeat;
}

#head-pocetna {
float: left;
margin: 0;
padding: 0;
width: 1005px;
height: 245px;
background: url(http://vtsbj.hr/slike/head_vtsbj.gif) top left no-repeat;
}

#head-mehatronika {
float: left;
margin: 0;
padding: 0;
width: 1005px;
height: 245px;
background: url(http://vtsbj.hr/slike/head_novi_mehatronika.jpg) top left no-repeat;
}

#head-sestrinstvo {
float: left;
margin: 0;
padding: 0;
width: 1005px;
height: 245px;
background: url(http://vtsbj.hr/slike/head-sestrinstvo.png) top left no-repeat;
}

#main {
margin: 0;
padding: 0;
width: 1005px;
height: 1250px;
}

#lijevo {
float: left;
margin: 0 6px 0 0;
padding: 11px 0 0 20px;
width: 294px;
height: 1250px;
background: url(http://vtsbj.hr/slike/lijevo.png) top left no-repeat;
}

#lijevo-novi-mehatronika {
float: left;
margin: 0 6px 0 0;
padding: 11px 0 0 20px;
width: 294px;
height: 1250px;
background: url(http://vtsbj.hr/slike/lijevo_novi_mehatronika.png) top left no-repeat;
}

#lijevo-pocetna {
float: left;
margin: 0 6px 0 0;
padding: 11px 0 0 20px;
width: 294px;
height: 1252px;
background: url(http://vtsbj.hr/slike/lijevo-pocetna.png) top left no-repeat;
}

#lijevo-sestrinstvo {
float: left;
margin: 0 6px 0 0;
padding: 11px 0 0 20px;
width: 294px;
height: 1250px;
background: url(http://vtsbj.hr/slike/lijevo-sestrinstvo.png) top left no-repeat;
}

#slajd {
float: left;
margin: 0;
padding: 8px 0 0 9px;
width: 676px;
height: 271px;
background: url(http://vtsbj.hr/slike/slide.png) top left no-repeat;
}

#slajd-pocetna {
float: left;
margin: 10px 0 15px 0;
padding: 5px 0 0 4px;
width: 681px;
height: 275px;
background: url(http://vtsbj.hr/slike/slajd-pocetna.gif) top left no-repeat;
}

#slike {
width: 395px;
height: 263px;
}

#slike-pocetna {
width: 333px;
height: 271px;
}

#sadrzaj {
float: left;
margin: 0;
padding: 0;
width: 685px;
height: 475px;
}

#sadrzaj-pocetna {
float: left;
margin: 0;
padding: 0;
width: 685px;
height: 355px;
}

#sadrzaj2 {
float: left;
margin: 0;
padding: 0;
width: 685px;
height: 1005px;
overflow:hidden;
overflow-y:auto;
}

#sadrzaj3 {
float: left;
margin: 0;
padding: 0;
width: 685px;
height: 400px;
overflow:hidden;
overflow-y:auto;
}

#linkovi {
float: right;
margin: 0;
padding: 0;
width: 685px;
height: 123px;
background: url(http://vtsbj.hr/slike/linkovi_novi.jpg) top left no-repeat;
}

#eurostudent {
float: right;
margin: 0;
padding: 0;
width: 685px;
height: 162px;
position: relative;
top: -7px;
}

#wmd {
float: left;
margin: 0;
padding: 15px 30px 0 0;
width: 655px;
height: 45px;
background: url(http://vtsbj.hr/slike/footer.gif) 100% 20px no-repeat;
font-size: 10px;
text-align: right;
}

#izbornik {
padding: 162px 0 0 200px;
z-index: 1000;
}

#login {
float: left;
height: 100px;
margin: 0;
padding: 20px 0 0 204px;
font-size: 10px;
line-height: 15px;
z-index: 1;
}

#login-pocetna {
width: 184px;
float: right;
margin: 0;
padding: 20px 0 0 0;
font-size: 10px;
line-height: 15px;
z-index: 1;
text-align: right;
}

#login-novi {
width: 184px;
float: left;
margin: 0;
padding: 20px 0 0 0;
font-size: 10px;
line-height: 15px;
z-index: 1;
text-align: right;
}

input.polje-reg {
font: 10px Verdana, Arial, sans-serif;
width: 120px;
height: 16px;
border: 1px solid #dedfdf;
margin: 0 0 5px 0;
z-index: 2;
}

input.polje-reg-pocetna {
font: 10px Verdana, Arial, sans-serif;
width: 120px;
height: 16px;
border: 1px solid #dedfdf;
margin: 0 0 5px 0;
z-index: 2;
float: right;
}

input.trazi {
font: 10px Verdana, Arial, sans-serif;
width: 120px;
height: 16px;
line-height: 16px;
border: 1px solid #dedfdf;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
z-index: 1;
}

input.posalji-reg {
font: 10px Verdana, Arial, sans-serif;
}

input.posalji-reg-pocetna {
font: 10px Verdana, Arial, sans-serif;
width: 120px;
float: right;
text-align: center;
}

.posalji-reg form {
float: right;
text-align: right;
}

#bread {
float: left;
margin: 0;
width: 630px;
padding: 33px 0 0 325px;
font-size: 10px;
line-height: 11px;
overflow: hidden;
}

#bread-pocetna {
float: left;
margin: 0;
padding: 0;
font-size: 10px;
line-height: 11px;
overflow: hidden;
}

#bread-g-novi {
width: 800px;
float: right;
margin: 0;
padding: 0;
font-size: 10px;
line-height: 11px;
overflow: hidden;
text-align: right;
}

#bread-d {
float: left;
margin: 0;
width: 680px;
padding: 5px 5px 0 0;
font-size: 10px;
height: 15px;
line-height: 11px;
margin: 10px 0 0 0;
}

#bread-d-pocetna {
float: left;
text-align: right;
width: 680px;
padding: 5px 5px 0 0;
font-size: 10px;
height: 15px;
line-height: 11px;
margin: 0 0 70px 0;
}

#trazilica {
float: right;
height: 55px;
width: 168px;
padding: 0;
position: relative;
overflow: hidden;
z-index: 1;
}

#trazilica-nova {
height: 23px;
float: left;
width: 168px;
margin: 0 0 0 31px;
padding: 15px 0 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}

#trazilica-pocetna {
float: right;
padding: 15px 0 0 0;
margin: 0;
height: 23px;
position: relative;
overflow: hidden;
z-index: 1;
}

#trazilica form {
float: right;
margin: 0 2px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}

h1 {
float: left;
width: 682px;
height: 25px;
line-height: 25px;
font-size: 18px;
font-weight: normal;
margin: 40px 0 15px 0;
padding: 0 0 0 3px;
background: url(http://vtsbj.hr/slike/h1.gif) 95% 0 no-repeat;
}

.okvir {
float: left;
margin: 0 3px 3px 0;
padding: 14px 10px 0 13px;
width: 318px;
height: 152px;
background: url(http://vtsbj.hr/slike/studij.png) top left no-repeat;
font-size: 11px;
line-height: 13px;
}

.okvir2 {
float: left;
margin: 0 0 3px 0;
padding: 14px 10px 0 13px;
width: 318px;
height: 152px;
background: url(http://vtsbj.hr/slike/studij.png) top left no-repeat;
font-size: 11px;
line-height: 13px;
}

.okvir3 {
float: left;
margin: 0 3px 3px 0;
padding: 4px 10px 0 3px;
width: 328px;
height: 162px;
background: url(http://vtsbj.hr/slike/okvir_pocetna.gif) top left no-repeat;
font-size: 11px;
line-height: 13px;
}

.okvir4 {
float: left;
margin: 0 0 3px 0;
padding: 4px 10px 0 3px;
width: 328px;
height: 162px;
background: url(http://vtsbj.hr/slike/okvir_pocetna.gif) top left no-repeat;
font-size: 11px;
line-height: 13px;
}

.okvir img,
.okvir2 img {
float: left;
margin: 0 11px 25px 0;
}

.okvir3 img,
.okvir4 img {
float: left;
margin: 0;
padding: 0;
width: 126px;
height: 156px;
}

.okvir p,
.okvir2 p {
margin: 10px 0 10px 0;
}

.okvir h2,
.okvir2 h2 {
color: #3d6a9a;
font-size: 14px;
font-weight: bold;
margin: 0;
}

.okvir3 p,
.okvir4 p {
margin: 10px 0 10px 0;
}

.okvir3 h2,
.okvir4 h2 {
color: #3d6a9a;
font-size: 14px;
font-weight: bold;
margin: 0;
}

.vise {
text-align: right;
margin: 0;
padding: 0;
width: 310px;
display: block;
}

.vise-sadrzaj {
text-align: right;
margin: 0;
padding: 0 0 0 10px;
width: 185px;
display: block;
float: left;
}

.vise-pocetna {
margin: 0;
padding: 0;
width: 37px;
height: 18px;
float: right;
background: url(http://vtsbj.hr/slike/vise_pocetna.gif) top left no-repeat;
}

.ispit {
float: left;
margin: 0 0 10px 0;
padding: 12px 0 0 0;
line-height: 15px;
width: 285px;
}

.ispit img {
float: left;
margin: 0 30px 0 0;
}

.vijest {
float: left;
margin: 0 0 10px 0;
padding: 0;
line-height: 14px;
width: 285px;
font-size: 12px;
}

.vijest b {
color: #fea100;
}

#lijevo h4 {
float: left;
height: 20px;
font-size: 20px;
font-weight: normal;
margin: 20px 0 20px 0;
width: 285px;
}

#lijevo-pocetna h4 {
float: left;
height: 20px;
font-size: 20px;
font-weight: normal;
margin: 20px 0 20px 0;
width: 285px;
}

#lijevo-sestrinstvo h4 {
float: left;
height: 20px;
font-size: 18px;
font-weight: normal;
margin: 20px 0 20px 0;
width: 285px;
}

.skola {
float: left;
height: 123px;
font-size: 10px;
margin: 0 5px 0 0;
padding: 0 0 0 13px;
width: 97px;
line-height: 14px;
}

.skola2 {
float: left;
height: 123px;
font-size: 10px;
margin: 0;
padding: 0 0 0 13px;
width: 97px;
line-height: 14px;
}

.skola h5,
.skola2 h5 {
height: 28px;
line-height: 28px;
font-size: 11px;
font-weight: normal;
margin: 0 0 15px 0;
width: 97px;
}

.vijesti {
float: left;
margin: 0 0 10px 0;
padding: 0 5px 0 5px;
font-size: 12px;
}

.vijesti h2 {
color: #3d6a9a;
font-size: 15px;
font-weight: bold;
margin: 0 0 5px 0;
}

.vijesti2 {
margin: 0 0 10px 0;
padding: 0 5px 0 5px;
font-size: 12px;
}

.vijesti2 h2 {
color: #3d6a9a;
font-size: 15px;
font-weight: bold;
margin: 0 0 5px 0;
}

.h2plavi {
color: #3d6a9a;
font-size: 15px;
font-weight: bold;
margin: 0 0 5px 0;
}

.vijesti p {
margin: 0 0 10px 0;
}

.vijesti img {
float: left;
margin: 0 10px 0 0;
padding: 5px;
border: 1px solid #e2e2e2;
}

.vijest img {
float: left;
margin: 8px 0 15px 0;
padding: 1px;
border: 1px solid #e2e2e2;
}

.download1 {
float: right;
margin: 30px 0px 72px 0px;
padding: 5px;
width: 326px;
height: 160px;
background-color: #EEEEEE;
}

.download2 {
float: right;
margin: 30px 10px 72px 0px;
padding: 5px;
width: 326px;
height: 160px;
background-color: #EEEEEE;
}

.download2 p {
padding: 10px;
position: relative;
top: -12px;
font-size: 12px;
line-height: 15px;
}

.dolje {
list-style-type: none;
margin: 0;
padding: 0 0 0 10px;
}

.dolje2 {
margin: 0;
padding: 0;
width: 240px;
}

.download1 h3 {
padding: 0 0 0 10px;
font-size: 15px;
}

.download2 h3 {
padding: 0 0 0 10px;
font-size: 15px;
}

#tekst_slajd {
width: 265px;
height: 263px;
float: right;
margin: 0;
padding: 0 11px 0 0;
font-size: 19px;
font-weight: normal;
color: #555555;
}

.programi {
border-collapse: collapse;
border:1px solid #000000;
}

.izborni {
border-collapse: collapse;
border:1px solid #000000;
width: 560px;
}

.programi_naslov {
border-collapse: collapse;
border:1px solid #000000;
width: 175px;
padding: 0 0 0 5px;
}

.programi_brojke {
border-collapse: collapse;
border:1px solid #000000;
width: 30px;
text-align: center;
}


.raspored {
border-collapse: collapse;
border:1px solid #000000;
width: 670px;
text-align: center;
}

.raspored_naslov {
border-collapse: collapse;
border:1px solid #000000;
text-align: center;
}

.raspored_dan {
border-collapse: collapse;
border:1px solid #000000;
text-align: center;
font-weight: bold;
background-color: #c0c0c0;
}

#map {
float: right;
width: 470px;
height: 250px;
margin-top: -20px;
}

.rez-prvi {
float: left;
margin: 0 0 8px 0;
padding: 5px;
width: 670px;
border: 1px solid #D7D8D8;
background-color: #ffffff;
color: #222;
font-size: 12px;
}

.rez-drugi {
float: left;
margin: 0 0 8px 0;
padding: 5px;
width: 670px;
border: 1px solid #D7D8D8;
background-color: #F0F0F0;
color: #222;
font-size: 12px;
}

.trazili {
float: left;
width: 100%;
color: #222;
font-size: 14px;
}

.down {
display: block;
width: 600px;
margin: 0;
padding: 10px;
border: 1px dotted #3062A8;
background: #f2f2f2;
line-height: 22px;
}

.sredina {
text-align: center;
}

.sredina-crveni {
text-align: center;
color: #ff0000;
}

.crveni {
color: #ff0000;
}

.tablica-mala {
width: 413px;
}

.header-rezultati {
font-weight: bold;
height: 40px;
}

.header-sredina {
text-align: center;
width: 100px;
}

.vise-download {
font-weight: bold;
float: right;
padding: 0 15px 0 0;
position: relative;
top: -20px;
}

.vijest-dolje h3 {
color: #3D6A9A;
}

.slika-lijevo {
float: left;
margin: 0 10px 0 5px;
border: 1px solid #e2e2e2;
}

.kucica {
border: 1px solid #ccc;
border-collapse:collapse;
padding: 0 10px 0 10px;
}

.kucica-sredina {
border: 1px solid #ccc;
border-collapse:collapse;
padding: 0 10px 0 10px;
text-align: center;
}

.lijevi-gumb1 {
margin: 0;
padding: 0;
float: left;
width: 285px;
}

.lijevi-gumb {
margin: 25px 0 0 0;
padding: 0;
float: left;
width: 285px;
}

.slika-rotator1 {
margin: 0;
padding: 0;
float: left;
cursor: pointer;
}

.slika-rotator2 {
margin: 3px 0 0 0;
padding: 0;
float: left;
cursor: pointer;
}

.studij-lijevo {
float: left;
width: 341px;
height: 166px;
}

.studij-desno {
float: right;
width: 341px;
height: 166px;
}

#head-pocetna h1 {
margin: 15px 0 0 0;
padding: 0;
float: left;
background: transparent;
font-size: 20px;
width: 1005px;
text-align: right;
}

#aktualno {
margin: 0;
padding: 40px 0 0 0;
width: 323px;
height: 230px;
float: right;
}

.naslov-aktualno {
width: 320px;
margin: 0;
padding: 0;
}

.naslov-aktualno h3 {
color: #3d6a9a;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}

.aktualno1 {
font-size: 11px;
height: 115px;
margin: 0;
padding: 0;
overflow: hidden;
float: right;
}

.aktualno2 {
font-size: 11px;
height: 115px;
margin: 0;
padding: 0;
overflow: hidden;
float: right;
}

.slika-aktualno {
float: left;
margin: 5px 5px 5px 0;
padding: 0;
border: none;
}

.vise-aktualno {
font-weight: bold;
font-size: 12px;
float: right;
}

 .okvir-sadrzaj {
width: 180px;
height: 110px;
padding: 10px;
float: right;
font-size: 12px;
overflow: hidden;
}

*{outline: none;}
img {border: 0;}

ul#topnav {
	margin: 0; padding: 5px 0 0 0;
	float:left;
        width: 100%;
        height: 44px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: padding: 10px 20px 0 20px;;
	position: relative;
}
ul#topnav li a {
	float: left; 
        margin: 0;
        padding: 0;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; color: #c0d4e8;}
ul#topnav a.home3 {
}
ul#topnav a.home3 {
        padding: 13px 20px 0 235px;
        color: #ffffff;
        font-size: 13px;
        font-weight: bold;
	height: 31px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; color: #c0d4e8;}
ul#topnav a.home2 {
}
ul#topnav a.home2 {
        padding: 13px 25px 0 170px;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
	height: 31px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; color: #c0d4e8;}
ul#topnav a.home {
}
ul#topnav a.home {
        padding: 13px 20px 0 580px;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
	height: 31px;
}
ul#topnav a.products {
	background: url(http://vtsbj.hr/slike/menu_kucica.gif) top left no-repeat;
        padding: 13px 20px 0 25px;
        color: #ffffff;
        font-size: 15px;
	height: 31px;
}
ul#topnav a.products3 {
	background: url(http://vtsbj.hr/slike/menu_kucica.gif) top left no-repeat;
        padding: 13px 20px 0 25px;
        color: #ffffff;
        font-size: 13px;
	height: 31px;
}
ul#topnav a.sale {
	background: url(http://vtsbj.hr/slike/menu_kucica.png) top left no-repeat;
}
ul#topnav a.community {
	background: url(http://vtsbj.hr/slike/menu_kucica.png) top left no-repeat;
}
ul#topnav a.store {
	background: url(http://vtsbj.hr/slike/menu_kucica.png) top left no-repeat;
}
ul#topnav a.gumb {
	background: url(http://vtsbj.hr/slike/menu_kucica.png) top left no-repeat;
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #457AAA url(http://vtsbj.hr/slike/sub_bg.gif) repeat-x;
	padding: 10px 10px 10px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
        z-index: 2000;
}

ul#topnav li .row {clear: both; float: left;  width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}
ul#topnav .sub ul li {
        width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	font-size: 14px;
	background-image: none;
	color: #FBB000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	font-size: 11px;
	padding: 0 5px 0 0;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd;}

.strelica {
font-size: 8px;
position: relative;
top: -2px;
margin: 0 0 0 8px;
}

.ime-pocetna {
float: left;
text-align: left;
padding: 0;
margin: 0;
width: 35px;
height: 20px;
}

#head-login {
height: 135px;
}

#head-login-novi {
height: 135px;
padding: 0 0 0 180px;
}

.mali-predmet {
width: 100%;
margin: 0;
padding: 0;
font-size: 11px;
color: #ffffff;
height: 15px;
line-height: 15px;
}

.lijevo-box h5 {
font-size: 14px;
line-height: 14px;
margin: 10px 0 10px 0;
padding: 0;
}

.kucica-video {
width: 205px;
height: 120px;
float: left;
padding: 0 5px 0 5px;
background: #eee;
margin: 0 5px 10px 0;
border: 1px solid #ddd;
}

.video-naslov {
width: 205px;
height: 40px;
margin: 0 5px 0 0;
float: left;
background: #3D6A9A;
color: #fff;
font-weight: bold; 
padding: 0 5px 0 5px;
border: 1px solid #3D6A9A;
position: relative;
top: 3px;
}

.kucica-video img {
border: 2px solid #fff;
margin-top: 5px;
float: left;
}

.kucica-video1 img {
border: 2px solid #fff;
margin-top: 5px;
float: left;
}

.kucica-video2 img {
border: 2px solid #fff;
margin-top: 5px;
float: left;
}

.kucica-video0 img {
margin-top: 5px;
float: left;
}

.video-lista {
width: 90px;
float: right;
font-size: 11px;
line-height: 16px;
padding: 2px 0 0 5px;
color: #000;
}

.video-linkovi {
font-size: 11px;
line-height: 22px;
float: left;
width: 104px;
padding: 0 0 0 2px;
}

.video-linkovi2 {
font-size: 11px;
line-height: 22px;
float: left;
width: 104px;
padding: 10px 0 0 2px;
}

.mehanizmi {
width: 685px;
float: left;
position: relative;
overflow: hidden;
}

.kucica-video1 {
width: 205px;
height: 120px;
float: left;
padding: 0 5px 0 5px;
background: #eee;
margin: 0 13px 10px 0;
border: 1px solid #ddd;
}

.video-naslov1 {
width: 205px;
height: 40px;
margin: 0 13px 0 0;
float: left;
background: #3D6A9A;
color: #fff;
font-weight: bold; 
padding: 0 5px 0 5px;
border: 1px solid #3D6A9A;
position: relative;
top: 3px;
}

.kucica-video2 {
width: 205px;
height: 120px;
float: left;
padding: 0 5px 0 5px;
background: #eee;
margin: 0 0 10px 0;
border: 1px solid #ddd;
}

.video-naslov2 {
width: 205px;
height: 40px;
margin: 0;
float: left;
background: #3D6A9A;
color: #fff;
font-weight: bold; 
padding: 0 5px 0 5px;
border: 1px solid #3D6A9A;
position: relative;
top: 3px;
}

.kucica-video0 {
width: 205px;
height: 120px;
float: left;
padding: 0 5px 0 5px;
background: #eee;
margin: 0 13px 10px 0;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: none;
}

.video-naslov0 {
width: 205px;
height: 30px;
margin: 0 13px 0 0;
float: left;
background: #eee;
color: #3D6A9A;
font-weight: bold; 
padding: 10px 5px 0 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: none;
position: relative;
top: 3px;
}