body { width: 100%; height: 100%; background: rgb(244, 245, 246) url(../pics/layout/background.png) repeat-x 0 0; border: 0; margin: 0; padding: 0; behavior: url("css/csshover.htc");}
#container { width: 960px; min-height: 390px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -480px; }
#header { clear: both; }
#headerLeft { background: url(../pics/layout/headerLeft.png) no-repeat 0 0; width: 30px; height: 490px; float: left; }
#headerMiddle { background: url(../pics/layout/headerMiddle.png) repeat-x 0 0; width: 900px; height: 340px; float: left; padding: 150px 0 0 0;}
#headerRight { background: url(../pics/layout/headerRight.png) no-repeat 0 0; width: 30px; height: 490px; float: left; }
.imgHeader { margin: 0; width: 900px; height: 300px; background: black; }
/* #headerContent { float: left; width: 290px; height: 200px; } */
#headerImage {float: left; width: 900px; height: 300px; z-index: 300000}

#footer { clear: both; }
#footerLeft { background: url(../pics/layout/footerLeft.png) no-repeat 0 0; width: 20px; height: 200px; float: left; }
#footerMiddle { background: url(../pics/layout/footerMiddle.png) repeat-x 0 0; width: 910px; height: 200px; float: left; text-align:center; padding: 25px 0 0 0; }
#footerRight { background: url(../pics/layout/footerRight.png) no-repeat 0 0; width: 30px; height: 200px; float: left; }

#content { width: 960px; min-height: 300px; background: url(../pics/layout/contentBack.png) repeat-y 0 0; clear: both; padding: 0;}
* html #content { height: 300px; }

#left, #propisiLeft { float: left; width: 180px; min-height: 300px; margin: 0 0 0 30px;}
#propisiLeft {width: 600px; margin: 0 30px 0 0;}
* html #left { margin: 0 0 0 15px; }
.shadow {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='pics/content/shadow.png');}
.shadow[class] {background: url(../pics/content/shadow.png) no-repeat center top; width: 920px; height: 18px; margin: 0 0 2px 0;}
.shadow2 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='pics/content/shadow.png');}
.shadow2[class] {background: url(../pics/content/shadow.png) no-repeat center top; width: 920px; height: 9px; margin: 0 0 2px 0;}
#main { float: left; width: 500px;  min-height: 300px; padding: 0 20px 40px 20px;}
#wideMain { float: left; width: 900px; min-height: 300px; padding: 0 20px 0 30px;}
#right, #propisiRight { float: left; width: 180px; min-height: 300px;}
#propisiRight {width: 260px;}
.boxThree {width: 250px; float: left; margin: 0 0 0 50px;}

.bannerLittle { width: 180px; height: 130px; background: url(../pics/content/littleBannerBackground.png) no-repeat 0 0; padding: 10px 0 0 6px;}
.bannerCompany { width: 180px; height: 150px; background: url(../pics/content/companyBannerBackground.png) no-repeat 0 0; padding: 3px 0 0 3px; margin: 0 0 7px 0;}
.object {margin: 0 0 10px 0;}

.bannerRight {padding: 0;}


.menu {position: absolute; top: 100px; left: 30px; margin:0; padding: 0; border: 0;}
.menu ul {list-style: none; margin:0; padding: 0; border: 0;}
.menu li {float: left; font-family: Sans Serif, Arial, Tahoma, Verdana; font-size: 14px; display: block; width: auto; height: auto; font-weight: bold}
.menu li a {text-decoration: none; color: white; display: block; padding: 7px 10px;}
.menu li a:hover {text-decoration: none; background: url(../pics/layout/menuActive.png) repeat-x 0 0; display: block;}
.menu ul ul {display: none; padding: 0; border: 0; position: relative; left: 0; margin: 0;}
.menu li:hover {background: url(../pics/layout/menuActive.png) repeat-x 0 0;}
.menu li:hover ul {display: block; width: 220px;}
.menu li li {height: auto}
.menu ul li div {position: absolute; height: auto; border-bottom: 2px solid rgb(239, 150, 21); width: auto;}
* html .menu ul li ul {width: 100px;}
.menu li li a { color: rgb(150, 150, 150); font-weight: normal; width: 200px; padding: 5px 10px; background: rgb(0, 0, 0); opacity: .8; filter:alpha(opacity=80); }
.menu li li a:hover, .menu li li:hover {text-decoration: none; background: rgb(71, 71, 71); display: block;}

.menu ul ul ul {display: none; padding: 0; border: 0; position: relative; left: 150px; top: -20px; margin: 0; z-index: 20000;}
.menu ul li div ul li div {border-bottom: none; display:none;}
.menu ul li div ul li:hover div {display:block;}


* html .menu li li a {display: inline-block; width: 211px}

.navigation {position: absolute; margin: 0 0 0 -480px; top: 37px; left: 50%; z-index: 100500; width: 960px;}
.navigation ul {margin: 0; padding: 0 30px 0 0; border: 0; float: right;}
.navigation li {float: left; margin: 0; padding: 2px 0 0 10px; border: 0; list-style: none; height: 20px;}
.navigation li a {text-decoration: none; font-family: Sans Serif, Arial, Tahoma, Verdana; font-size: 13px; font-weight: bold; color: rgb(71, 71, 71);}
.navigation li a:hover {text-decoration: underline;}

.flags {position: absolute; margin: 0 0 0 90px; top: 30px; left: 50%; z-index: 100500; width: 960px;}

.logo { position: absolute; top: 35px; margin: 0 0 0 25px; left: 0; width: 212px; height: 52px; z-index: 10000;}


.noBorder { border: none;}
.noOutline {outline: none;}
.clear{ clear: both; }
.imageLeft {float: left; margin: 5px 8px 5px 0;}
.imageRight {float: right; margin: 5px 0 5px 8px;}
.centerText {text-align: center;}
.margin10 {margin-right: 5px;}
.paddingtop10 {padding: 10px 0 0 0;}
img {border: none;}
.right {float: right;}
.videoclip {display: block; border: 1px solid black;}
.clip320 {width:320px; height:240px;}
.clip352 {width:352px; height:288px;}

.videoBox {width: 320px; margin: 0 20px 20px 0; float: left;}
.videoTitle {height: 40px;}

#videobox {float: left; width: 488px; height: 368px; margin: 0 0 50px 20px;}
#videolinks {float: left; height: 346px; overflow: auto; padding: 10px 0 10px 0; width: 350px; margin: 0 0 0 26px;}
.videothumb {float: left; border: 1px solid #474747; padding: 2px; margin: 0 0 0 0; height: 80px; width: 80px;}
.videolink {padding: 0 0 0 10px; float: left; width: 220px; font-weight: bold; line-height: 1.3em;}
.videoDatum {font-size: 11px; color: rgb(121, 121, 121); padding: 0 0 3px 0; font-weight: normal;}
.videoName {height: 44px;}
#videoname, .mediatitle {background: url(../pics/layout/videonameBack.png) repeat-x 0 0; height: 46px; padding: 3px 0 0 20px; *padding: 13px 0 0 20px; font-size: 15px;}
#videocomponent {padding: 0; background: none; margin: 0 0 0 0; text-align: left;}
#player {display:block; width:480px; height: 360px; border: 1px solid #474747; padding: 2px; margin: 0;}
#playerMedia {display:block; width:480px; height: 360px; border: none; margin: 0;}
.videoo {display: block; cursor: pointer;}

/* ajax */

#fondPodaci{ height: 495px; width: 730px; overflow: auto; margin: 10px 0 0 5px; padding: 0 10px 0 10px; background: rgb(222, 222, 222);}

.ajaxLogo {float: left; width: 670px;}
.ajaxMediaLogo {float: left; width: 430px;}
.ajaxPressclippingLogo {float: left; width: 627px;}
.ajaxBerzaLogo {float: left; width: 584px;}
.ajaxLTSLogo {float: left; width: 670px;}
.ajaxFondPanel {float: left; width: auto;}


/* text */

.normalText, #berza_offer input, #berza_offer textarea { font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: normal; color: rgb(71, 71, 71); text-align: justify; line-height: 1.7em;}
.normalBold { font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: bold; color: rgb(71, 71, 71);}
.normalBoldText { font-family: Verdana, Sans-Serif; font-size: 16px; font-weight: bold; color: rgb(71, 71, 71); }
.title, .specialTitle, .special { font-family: Georgia, Times New Roman; font-size: 24px; font-style: italic; font-weight: bold; color: rgb(224, 129, 21);  margin: 0 0 30px 0; text-align: left; line-height: 1.3em;}
.specialTitle {color: black; font-size: 30px;}
.specialLink {float: left;}
a.special {text-decoration: underline; color: rgb(224, 129, 21); font-size: 16px;}
a.special:hover {text-decoration: none;}
.subtitle { font-family: Sans-Serif; font-size: 14px; font-weight: bold; color: rgb(71, 71, 71);  margin: 10px 0 10px 0; text-align: left;}
.littlesubtitle { font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: bold; color: rgb(71, 71, 71);  margin: 10px 0 10px 0; text-align: left;}
.bannerTitle { font-family: Sans-Serif; font-size: 16px; font-weight: bold; color: rgb(224, 129, 21);  padding: 10px 0 10px 0; text-align: center; line-height: 1.3em;}
.mediasubtitle {font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: bold; color: rgb(71, 71, 71); padding:0; margin: 0 0 10px 0; background:none;}

.ltsSideTitle { font-family: Sans-Serif; font-size: 16px; font-weight: bold; color: rgb(224, 129, 21);  padding: 10px 0 10px 10px; margin: 10px 0 10px 0; line-height: 1.3em; width: 260px; background: #dedede; border: 1px solid #c9c9c9;}

.pasus {margin: 10px 0 10px 0;}
.normalLink, .ltsLink {font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: bold; color: rgb(71, 71, 71); text-decoration: underline; font-style: normal;}
.ltsLink {text-decoration: none;}
.normalLink:hover, .ltsLink:hover {text-decoration: none;}
.ltsLink:hover {color: #f08f20;}

/* divs */
.partneriDiv {float: left; margin: 0 30px 20px 0; width: 200px; height: 100px;}
.membersDiv {float: left; width: 280px; height: 200px;text-align: center;}
.membersImage {width: 200px; height: 100px;}

.Box { width: 180px;}
.upBox {width: 180px; height: 14px; background: url(../pics/content/upBoxBackground.png) no-repeat 0 0;}
.bottomBox {width: 180px; height: 8px; background: url(../pics/content/bottomBoxBackground.png) no-repeat 0 0; margin: 0 0 9px 0;}
.middleBox {width: 160px; background: url(../pics/content/middleBoxBackground.png) repeat-y 0 0; padding: 0 10px 0 10px;}
.propisiBox { margin: 0 0 0 0;}

.quotesBox {background: rgb(220, 220, 220); border: 1px solid rgb(255, 255, 255); margin: 0 0 10px 0;}
.quotesTxt {color: rgb(71, 71, 71); font-weight: bold; padding: 0 70px;}
.quoter {color: rgb(224, 129, 21); padding: 0 40px 20px 0; text-align: right; font-weight: bold; font-style: italic; font-size: 13px;}


.LTSblueBox {width:225px; height:236px; padding:10px; color:white; background:url(../pics/LTS/blueBox.png) no-repeat 0 0; margin:40px 0 10px 10px;}


ul.lista, ul.sitemap {list-style: none; margin: 0; padding: 0;}

/* compendium */
.wide100, .wide200, .wide150, .wide300, .wide500, .wide400, .wide700, .wide20, .wide50 {width: 100px; height: 30px; float: left; margin: 0 5px 0 5px;}
.wide200  {width: 200px;}
.wide150  {width: 150px;}
.wide300  {width: 300px;}
.wide700  {width: 780px;}
.wide400  {width: 400px;}
.wide500  {width: 500px;}
.wide50  {width: 50px;}
.wide20  {width: 20px;}
.dotsLine {border-bottom: 1px dotted rgb(71, 71, 71);}
.compendiumRow {border-top: 1px dotted rgb(71, 71, 71); height: 30px;}
.compendiumNovo {width: height: 73px; height: 27px;}
.margin2 {margin: 2px 0 0 0;}
.margin5 {margin: 0 0 0 15px;}
.pressclippingRow { border-top: 1px dotted rgb(71, 71, 71); height: 30px;}
.margin10 {margin:10px;}

/* vest */

.vestDiv {width: 500px; height: 100px; margin: 0 0 20px 0;}
.annDiv {width: 500px;  margin: 0 0 20px 0;}
.vestThumbLeftBack {float: left; width: 80px; height: 80px; background: white; padding: 0;}
.vestBox {float: left; width: 405px; height: 75px; padding: 0 0 0 10px;}
.annBox {float: left; width: 405px;  padding: 0 0 0 10px;}
.vestTitle {font-family: Georgia, Times New Roman; font-style: italic; font-size: 12px; font-weight: bold; color: rgb(71, 71, 71); text-align: left;  line-height: 1.4em; padding: 0; margin:0 0 5px 0;}
.vestText {clear: both; }
.vestMonthTxt, .vestDateTxt {font-family: Sans-Serif; font-size: 24px; font-weight: bold; color: rgb(255, 255, 255);}
.vestDateTxt{font-size: 44px; margin: 0 0 10px 0}
.navSaznajVise {float: right; text-decoration: none; color: rgb(71, 71, 71); font-weight: bold;}
.vestDatum {font-size: 11px; color: rgb(121, 121, 121); padding: 10px 0 0 0; font-family: Sans-Serif, Arial, Verdana;}
.bottomLine {border-bottom: 1px dotted rgb(171, 171, 171); }


/* forms */

form {border: 1px solid rgb(201, 201, 201); padding: 20px; background: rgb(222, 222, 222);}
textarea {width: 400px; height:150px;}
label {width:300px; float:left;}

.inputTxt, .textareaTxt {width: 200px; height: 18px; border: 1px solid rgb(201, 201, 201); background: rgb(255, 255, 255); margin: 3px 0 3px 0;}
.textareaTxt {width: 400px; height: 100px;}
.inputSubmit, .inputLavirint, .inputLogin, .inputOfferSubmit, .inputOfferCancel, .pollSubmit {border: 1px solid rgb(201, 201, 201); width: 80px; height: 19px; text-align: center; background: rgb(224, 129, 21); color: rgb(255, 255, 255); cursor: hand;}
.pollSubmit {width: 70px;}

form#lavirint label {width:450px;}

/* search */
.search { position: absolute; top: 15px; margin: 0 0 0 755px; left: 0; width: 270px; height: 32px; z-index: 210001;}
.searchForm {background: none; border: 0;}
.searchInput {width: 100px; height: 16px; border: 1px solid rgb(201, 201, 201); margin: 2px 0 5px 0; color: rgb(71, 71, 71); background: none;}
.searchSubmit {width: 60px; height: 22px; color: rgb(71, 71, 71); border: none; padding: 0 0 0 0px; background: none;  font-size: 11px; font-weight: bold;}
a.searchLink {color: rgb(71, 71, 71); font-weight: bold; font-size: 11px;}
a.searchLink:hover {text-decoration: none;}

a {outline: none;}


.reasons {background: url(../pics/content/10reasonsBack.png) no-repeat 0 0; width: 480px; height: 80px; padding: 0 20px 0 0; clear: both;}
.TEN {font-family: Sans-Serif; font-size: 40px; font-weight: bold; color: rgb(255, 255, 255); width: 85px; height: 70px; padding: 15px 20px 0 0; float: left; line-height: 50px; text-align: center}
.TENcontent {float: left;}
.TENtitle {font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(224, 129, 21); padding: 10px 0 10px 0;}
.TENtxt {line-height: 1.2em}


.imageLeft {float: left; margin: 5px 8px 5px 0;}
.imageRight {float: right; margin: 5px 0 5px 8px;}
/*.galleryThumbImage {float: left; margin: 5px 20px 0 5px; width: 120px; height: 90px;}*/
.imgIO { 	border: 1px solid rgb(90,90,90); 	margin: 5px 10px 10px 0; 	float: left; 	width: 150px; 	height: 210px; }
.left{float:left;}


.poll {clear: both; margin: 0 0 20px 0;}
.pollImage{float:left; width: 200px;}
.pollText {float: left;}
.pollTextLine {height: 20px; margin: 5px 0 0 0; padding: 0 0 0 10px;}
form.pollForm {border: none; background: none; padding: 5px;}

.comment {border-top: 1px dotted rgb(71, 71, 71); border-bottom: 1px dotted rgb(71, 71, 71);}
.lts {border-bottom: 1px dotted rgb(71, 71, 71); width: 260px;}

.tab {background: url(../pics/content/tab.png) no-repeat 0 0; width: 167px; height: 22px; float: left; text-align: center; padding: 12px 0 0 0;}
.tabActive {background: url(../pics/content/tabActive.png) no-repeat 0 0; width: 166px; height: 22px; float: left; text-align: center; padding: 12px 0 0 0;}
.tabBottom {background: url(../pics/content/tabBottom.png) no-repeat 0 0; width: 500px; height: 20px;}
.tab a {font-family: Verdana, Sans-Serif, Arial; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); text-decoration: none;}
.tab a:hover {color: rgb(0, 0, 0);}
.tabActive {font-family: Verdana, Sans-Serif, Arial; font-size: 12px; font-weight: bold; color: rgb(0, 0, 0);}


.galleryThumbImage, .mediaThumb {height: 110px; width: 140px; float: left; margin: 10px 0 0 0; padding:10px 0 0 10px; background: url(../pics/content/galleryThumbsBack.gif) no-repeat 0 0; cursor: pointer; }
.mediaThumb {cursor:none; margin:10px 0 0 15px;}


/* KALENDAR */

/*#kalendarSerbian {width: 500px; height: 285px; background: url(../pics/content/kalendarBackSerbian.png) 0 0;}*/
#kalendarSerbian {width: 500px; height: 45px; background: url(../pics/content/kalendarBackSerbianNew.png) 0 0;}
#kalendarEnglish {width: 500px; height: 285px; background: url(../pics/content/kalendarBackEnglish.png) 0 0;}
.kalendarNextPrevious {float: left; width: 100px; height: 50px; margin: 5px 0 0 5px;}
.kalendarTitle {float: left; width: 280px; height: 50px; padding: 15px 0 0 0; text-align: center; font-size: 24px; font-weight: bold; font-family: Sans-Serif, Arial, Verdana; color: rgb(255, 255, 255);}
.kalendarDiv {width: 490px; margin: 0 0 0 5px;}
.kalendarDatumDiv {width: 70px; height: 30px; float: left; text-align: center; font-size: 24px; font-weight: bold; font-family: Sans-Serif, Arial, Verdana; color: rgb(124, 123, 124);}
.kalendarActiveDay {text-decoration: none; color: rgb(240, 143, 32);}
.kalendarActiveNaledDay {text-decoration: none; color: rgb(38, 67, 156);}
.kalendarActivenaled {color: rgb(23, 54, 93);}
.kalendarActivesajam {color: rgb(79, 129, 189);}
.kalendarActiveokruglisto {color: rgb(127, 127, 127);}
.kalendarActiveposlovnidan {color: rgb(13, 13, 13);}
.kalendarActivekonferencija {color: rgb(148, 54, 52);}
.kalendarActivestudijskoputovanje {color: rgb(227, 108, 10);}
.kalendarNaledText {color: rgb(38, 67, 156);}
a.kalendarActiveDay:hover {}
.desavanjaDiv {border-top: 1px dotted rgb(71, 71, 71); padding: 5px 0 5px 10px; margin:0;}


.comp {background: url(../pics/content/compendiumBack.png) no-repeat 0 0; width: 287px; height: 118px; padding: 6px; float: left;}
.compNew {background: url(../pics/content/compendiumBackNew.png) no-repeat 0 0; width: 287px; height: 118px; padding: 6px;  float: left;}
.compLink {color: rgb(239, 150, 21); font-weight: bold; text-decoration: underline;}
.compLink:hover {text-decoration: none;}
.centerText {text-align: center;}


#pdf object {
   display: block;
   border: solid 1px #fff;
   width:760px;
   height:480px;
   margin:20px 0 0 0;
}
#pdf {background: url(../js/pics/ajax-loader.gif) no-repeat center center; margin:0; padding:0; border:0;}

#presscontainer {position:absolute; top:70px; left:20px;}

.berzaOfferImage {margin:0 20px 20px 0; border:1px solid black;}