/*CODEIT CSS*/

body { font: normal 11px/normal Arial, Helvetica, Sans-Serif; color:#7d7d7d; margin:0px auto; padding:0px; text-align:center; background: #303030 url(../bg/bg.jpg) repeat-x }
.clear { clear:both; height:0px; overflow:hidden }
img{ border:0px }
a { text-decoration:none; color:#7d7d7d }
a:hover { text-decoration:none; color:#444444 }
ul { padding:0px; font-weight:bold; list-style:none; }
span{ margin:0px; }
p { margin:5px 0px 15px 0px }
em { color:#7d7d7d; text-align:right; display:block }
h1 { font: bold 26px/normal Arial; color:#4c8ab3; margin:0px }
h2 { font: normal 12px/normal Arial; color:#7d7d7d; padding: 0px 0px 5px 0px; margin:0px }
h3 { font: bold 16px/normal Tahoma; color:#4c8ab3; margin:0px }
.smallText {font: normal 9px/normal Arial; color:#111111; margin:0px }

/*=======================================*/

.wrapper { width:980px; text-align:left; margin:0px auto; }
.element { padding: 0px 0px 5px 0px }
.topinner { float:left; width:50% }

a.logo { background:url( ../bg/logo.png) no-repeat bottom left; height:55px; width:257px; display:block }
.smallnavicontainer { background:url(../bg/topsmallnavi.jpg) no-repeat top right; float:right; width:278px; height:30px; padding: 3px 0px 0px 0px  }
.wrapper .element .topinner .smallnavicontainer ul { margin: 0px 3px 0px 3px; display:block; font-size:11px }
.wrapper .element .topinner .smallnavicontainer li { float:left; text-align:center; width:90px }

/*main navigacija*/
.wrapper .element .mainnavi { background:url(../bg/mainnavibg.jpg) no-repeat top center; padding: 10px 10px 0px 10px; height:31px }
.wrapper .element .mainnavi ul, .wrapper .element .mainnavi ul a  { font-size:14px; font-weight:bold; text-transform:uppercase; color:#141414; margin:0px }
.wrapper .element .mainnavi ul a:hover { color:#7d7d7d }
.wrapper .element .mainnavi ul li { width:105px; line-height:30px; text-align:center; float:left; margin: 0px 5px 0px 0px }
.wrapper .element .mainnavi ul li a.firstmainnaviitem { background:url(../bg/mainnaviitems.jpg) no-repeat 0px 0px; line-height:30px; display:block }
.wrapper .element .mainnavi ul li a.mainnaviitem { background:url(../bg/mainnaviitems.jpg) no-repeat -109px 0px; line-height:30px; display:block }
.wrapper .element .mainnavi ul li a.lastmainnaviitem { background:url(../bg/mainnaviitems.jpg) no-repeat -545px 0px; line-height:30px; display:block }
.wrapper .element .mainnavi a.codeitdemo { padding: 5px 5px 0px 0px; float:right }
/*main navigacija*/

.wrapper .element .presentationlayer { background:url(../bg/presentationlayerbg.gif) repeat-y; height:211px; text-align:center; position:relative; }
.wrapper .element .presentationlayerbottom { background:url(../bg/presentationlayerbottom.jpg) no-repeat; height:21px }

/*main content*/
.wrapper .element .maincontent {  }
.wrapper .element .maincontent .topline { background: url(../bg/maincontenttop.jpg) no-repeat bottom; height:7px }
.wrapper .element .bottomline { background: url(../bg/maincontentbottom.jpg) no-repeat top; height:8px }  

.wrapper .element .maincontent .mainlayer { background:#181818; padding: 0px 8px 0px 8px }
.wrapper .element .maincontent .mainlayer .mainlayerbox { margin: 30px 0px 0px 0px }
.wrapper .element .maincontent .mainlayer .mainlayerboxtop { background: url(../bg/mainlayerbottomboxtop.jpg) repeat-x; height:2px }
.wrapper .element .maincontent .mainlayer .mainlayerboxcontent { background: url(../bg/mainlayerbottomboxcontent.jpg) repeat-y; text-align:center }
.wrapper .element .maincontent .mainlayer .mainlayerboxbottom { background: url(../bg/mainlayerbottomboxbottom.jpg) no-repeat bottom; height:7px }

.wrapper .element .maincontent .mainlayer .left { float:left; width:299px }
.wrapper .element .maincontent .mainlayer .left .latestnews { padding: 0px 0px 10px 0px }
.wrapper .element .maincontent .mainlayer .left .latestnewstop { background:url(../bg/latestnewstop.jpg) no-repeat; line-height:41px; padding: 0px 10px 0px 0px  }
.wrapper .element .maincontent .mainlayer .left .latestnewstxt a.latestnewsheadline { font-size:13px; font-weight:bold; color:#3f7395; display:block }
.wrapper .element .maincontent .mainlayer .left .latestnewstxt a.latestnewsheadline:hover { color:#fff }
.wrapper .element .maincontent .mainlayer .left .latestnewstxt { background:url(../bg/latestnewsbg.jpg) repeat-y; padding:10px 10px 0px 10px;}
.wrapper .element .maincontent .mainlayer .left .latestnewstxt a.latestnewsmore { background:url(../bg/chache.jpg) no-repeat 0px -60px; display:block; text-align:right; color:#3f7395; line-height:34px }
.wrapper .element .maincontent .mainlayer .left .latestnewstxt a.latestnewsmore:hover { background:url(../bg/chache.jpg) no-repeat -298px -60px; color:#fff }


.wrapper .element .maincontent .mainlayer .left .latestnewsbottom { background:url(../bg/latestnewsbottom.jpg) no-repeat; height:10px  }
.wrapper .element .maincontent .mainlayer .left a.contact { background:url(../bg/chache.jpg) no-repeat 1px -95px; height:85px; display:block }
.wrapper .element .maincontent .mainlayer .left a.contact:hover { background:url(../bg/chache.jpg) no-repeat 1px -181px }
.wrapper .element .maincontent .mainlayer .left .login { background:url(../bg/loginbg.jpg) no-repeat;  margin: 0px 0px 50px 0px }
.wrapper .element .maincontent .mainlayer .left .login .logininner { padding: 60px 30px 10px 15px; height:172px; }
.wrapper .element .maincontent .mainlayer .left .login .logininner .username { background:url(../bg/logintbbg.jpg) no-repeat top left; border:0px; width:259px; height:40px; padding: 9px 9px 0px 9px; color:#7d7d7d }
.wrapper .element .maincontent .mainlayer .left .login .logininner .password { background:url(../bg/logintbbg.jpg) no-repeat top left; border:0px; width:259px; height:40px; padding: 9px 9px 0px 9px; color:#7d7d7d }
.wrapper .element .maincontent .mainlayer .left .login .logininner .logincbgroup { padding: 0px 0px 15px 0px }
.wrapper .element .maincontent .mainlayer .left .login .logininner .logincbgroup .logincb { float:left; margin:0px }
.wrapper .element .maincontent .mainlayer .left .login #CLoginPanelsubmit { background:url(../bg/loginsendbutton.jpg) no-repeat center center; border:0px; width:82px; height:24px; cursor:pointer; float:left; padding-left:20px; margin: 0 0 10px 0;}
.wrapper .element .maincontent .mainlayer .left .login #CLoginPanellogout { border:0px; width:82px; height:24px; cursor:pointer; float:left; padding-left:20px; margin: 0 0 10px 0;}
.wrapper .element .maincontent .mainlayer .left .login .logininner a.loginforgotpass { float:right; line-height:24px; color:#4c8ab3 } 
.wrapper .element .maincontent .mainlayer .left .login .logininner a.loginforgotpass:hover { color:#fff } 




.wrapper .element .maincontent .mainlayer .right { float:right; width:632px;}
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop { background:url(../bg/mastercontenttop.jpg) no-repeat; height:35px; }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .mastermap { float:left }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .masterslide { float:right; padding:6px 7px 0px 0px }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .masterslide a.masterslideprew { background:url(../bg/chache.jpg) no-repeat -2px -293px; height:26px; width:40px; float:left }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .masterslide a.masterslideprew:hover { background:url(../bg/chache.jpg) no-repeat -2px -267px }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .masterslide a.masterslidenext { background:url(../bg/chache.jpg) no-repeat -41px -293px; height:26px; width:40px; float:left }
.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontenttop .masterslide a.masterslidenext:hover { background:url(../bg/chache.jpg) no-repeat -41px -267px }

.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontent { background:#efefef; padding: 15px }



.wrapper .element .maincontent .mainlayer .right .mastercontentelement .mastercontentbottom { background:url(../bg/mastercontentbottom.jpg) no-repeat; height:8px; text-align:center; padding:-10; vertical-align:top; }