@charset "utf-8";

* {margin:0; padding:0;}
body {background:url(../img/bgr.jpg) top repeat-x #f6f6f6; padding:16px 0 0 0; font-family:Tahoma, Verdana, sans-serif; font-size:11px; color:#dedddd;}

h1 {font-size:24px; font-weight:normal; color:#fff; font-family:"Swis721 Th BT", Arial, sans-serif;}
h2 {font-size:19px; font-weight:normal; color:#fff; font-family:"Swis721 Th BT", Arial, sans-serif; clear:both;}
h3 {font-size:19px; font-weight:normal; color: #F90; font-family:"Swis721 Th BT", Arial, sans-serif; padding:5px 0px;}
h4 {font-size:19px; font-weight:normal; color: #c9a77e; font-family:"Swis721 Th BT", Arial, sans-serif; padding:5px 0px;}

#wrap {width:854px; margin:0 auto; }

/* HEADER
------------------------------------------------------- */
#header {float:left; width:854px; background:url(../img/header-bgr.jpg) center no-repeat; height:261px;}
#flashHolder {float:right; padding:10px 10px 0 0; width:320px; height:240px;}
#movie{float:right; background:url(../img/flash-bgr.jpg) center no-repeat; width:256px; height:207px;}
#slogan {float:right; text-align:right; padding:83px 10px 0 0; width:350px;}
#slogan p {color:#acc8ca; padding:28px 0 0 0;}
#slogan a {color:#acc8ca; font-weight:bold; text-decoration:none;}
#slogan a:hover {text-decoration:underline; color:#fff;}

/* NAVIGATION
------------------------------------------------------- */
#navHolder {float:left; clear:both; width:854px; background:url(../img/nav-bgr.jpg); height:33px; margin:12px 0 0 0;}
img.left {float:left;}
img.right {float:right;}
#navHolder ul li {float:left; list-style:none;}
#navHolder li {padding:10px 23px 10px 21px; background:url(../img/nav-separator.jpg) right no-repeat;}
#navHolder li a {color:#c3c4c4; font-weight:bold; text-decoration:none;}
#navHolder li a:hover {color:#fff;}

/* CONTENT
------------------------------------------------------- */
#content {float:left; width:854px; padding:12px 0 0 0;}

#mainBox {float:left; width:563px;}
#sideBox {float:right; width:275px;}

#sideBox img.fpn {margin-top:10px;}

/* Main Box */
#mainTitleBox {float:left; width:539px; background:url(../img/main-title-bgr.gif) center repeat-y #4c4b49; border-left:#a2a39d solid 2px; border-right:#a2a39d solid 2px; border-bottom:#a2a39d solid 1px; overflow:auto; padding:15px 0 15px 20px;}

#mainContent {float:left; width:519px; background:url(../img/main-box-bgr.jpg) top repeat-x #2b2929; border-left:#a2a39d solid 2px; border-right:#a2a39d solid 2px; padding:15px 20px 20px 20px; line-height:17px;}
#mainContent b {color:#c9a77e;}
#mainContent b.vaznije { font-size:11px;}
p.oAkademiji {padding:0 0 20px 0;}
#mainContent p img { margin:5px 9px; border:solid 1px #666666;}
#mainContent p img.logo { border:0px; float:left; margin:5px 9px 18px 0;}
#mainContent img.moreButton {border:0;}
#mainContent span {float:right; /*margin:-30px 0 0 0; ovo je pozicija sa ukljucenim b.vaznije*/ margin-bottom:7px;}

#homeBanner {float:left; clear:both; width:519px; text-align:center; padding:29px 0;}

#contentBottom {float:left; width:519px;}
#contentBottomLeft {float:left; width:244px; border-right:#70706f solid 1px; padding:0 15px 0 0;}
#contentBottomRight {float:left; width:243px; border-left:#252423 solid 1px; padding:0 0 0 15px;}
#contentBottom ul {float:left; list-style-type:disc; padding:10px 0 0 15px;}
#contentBottom li {list-style-position:outside;}

#bottomAds {float:left; width:519px; padding:20px 0 0 0;}
.bottomAdsBox {float:left; width:519px; border-top:#70706f solid 1px; padding:10px 0 0 0;}
.bottomAdsBox img {border:0;}

/* Side Box */
#sideTitleBox {float:left; width:251px; background:url(../img/side-title-bgr.gif) center repeat-y #4c4b49; border-left:#a2a39d solid 2px; border-right:#a2a39d solid 2px; border-bottom:#a2a39d solid 1px; overflow:auto; padding:15px 0 15px 20px;}

#sideContent {float:left; width:231px; background:url(../img/main-box-bgr.jpg) top repeat-x #2b2929; border-left:#a2a39d solid 2px; border-right:#a2a39d solid 2px; padding:15px 20px 16px 20px; line-height:17px;}
.sideMentorBox {float:left; width:231px; padding:12px 0; border-bottom:#70706f solid 1px; border-top:#252423 solid 1px;}
.mentoriTop {border-top:0; padding:0 0 13px 0;}
.mentoriButton {border-bottom:0;}
.sideMentorBox p {float:left; padding:0 0 0 15px; width:145px; color:#c9a77e;}
.sideMentorBox b {color:#dedddd; font-size:12px;}
.mentoriMore {float:right; border:0;}
.onamaMore {float:right; border:0; margin:10px 0;}
p.sideText {text-align:justify;}

/* Kontakt */
#kontaktForm {float:left; width:519px; padding:5px 0 0 0;}
#kontaktForm label {float:left; width:175px; text-align:right; padding:2px 10px 0 0;}
#kontaktForm input {float:left; width:200px; border:#696867 solid 1px; background:#393938; margin:2px 0; color:#dedddd; padding:2px;}
#kontaktForm textarea {float:left; width:250px; height:100px; overflow:auto; border:#696867 solid 1px; background:#393938; padding:2px; margin:2px 0; color:#dedddd;}
#kontaktForm span {float:left; width:334px; padding:35px 0 0 185px; clear:both;}
#kontaktForm input.buttonContact {width:66px; float:left; height:35px; border:0; cursor:pointer;}
#kontaktForm i {float:left; font-style:normal; width:200px; padding:10px 0 0 10px;}

.sentMessage {float:left; width:499px; padding:20px; font-weight:bold; color:#c9a77e;}

/* Predavaci */
.predavaci {float:left; width:259px; padding:10px 0;}
.predavaci p {float:left; padding:0 0 0 15px; width:165px; color:#c9a77e;}
.predavaci i.predavaciInfo {color:#dedddd; font-size:12px; font-style:normal; font-weight:bold;}
.buttomText {float:left; width:519px; padding:10px 0 10px 0;}

/* Nastavni Plan */
#nastavniPlan {float:left; width:519px; padding:0 0 20px 0;}
#nastavniPlan dl {float:left; padding:20px 0 0 20px; width:500px;}
#nastavniPlan dt {float:left; width:200px; padding:2px 0; font-weight:bold;}
#nastavniPlan dd {float:left; width:100px; padding:2px 0; text-align:left;}
#nastavniPlan dd a {color:#acc8ca;}
#nastavniPlan dd a:hover {text-decoration:none;}

dd#prvaNedelja, dd#drugaNedelja, dd#trecaNedelja, dd#cetvrtaNedelja, dd#petaNedelja, dd#sestaNedelja, dd#sedmaNedelja, dd#osmaNedelja, dd#devetaNedelja, dd#desetaJedanaestaNedelja, dd#dvanaestaNedelja {float:left; width:488px; clear:both; border:#53524f solid 1px; display:none; padding:5px;}

/* FOOTER
------------------------------------------------------- */
#footerHolder {float:left; width:854px; padding:14px 0 12px 0;}
#footer {border-top:#9c9c9b solid 1px; padding:12px 0; color:#80807f;}
p.copyright {float:left; width:427px;}
p.validation {float:right; width:427px; text-align:right;}
#footer a {color:#4e4e4e; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}