/* CSS Document */ a:active {outline: none;} a:hover {outline: none;} :focus {-moz-outline-style: none;} body { padding:0; margin:0; font:Arial, Helvetica, sans-serif; background:url("../images/back1.png") repeat-x;} html *{ padding:0; margin:0; } #container {margin:0 auto; width:1000px; height:auto;} /*Tricks*/ .sIFR-flash, .sIFR-flash object, .sIFR-flash embed {display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;} span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important;} .clearfix {display: inline-block; } .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .dora {float:right; position: relative; width:250px; height:194px; margin-top:-869px; margin-right:140px; background:url("../images/dora.png") no-repeat; } /*End of Tricks*/ /*Header*/ #header {float:left; position:relative; width:1000px; height:auto;} /*top header*/ #topheader {float:left; position:relative; width:1000px; height:33px; background:url("../images/topheader.png") no-repeat;} #lang { float:left; height:10px; margin-left:90px; position:relative; width:452px; } #lang a{ color: #D3AC6B; font-family: arial, regular; font-size:11px; font-weight:bolder; margin: 0px 3px; } #lang a.active{ color: #f3AC6B } .langen a {float: left; position:relative; background:url("../images/english.png") no-repeat; width:50px; display:block; height:10px; text-indent:-9000px;} .langen a:hover {background:url("../images/english.png") 0 -10px;} .langsq a {float: left; position:relative; background:url("../images/shqip.png") no-repeat; width:45px; display:block; height:10px; text-indent:-9000px;} .langsq a:hover {background:url("../images/shqip.png") 0 -10px;} .langsr a {float: left; position:relative; background:url("../images/srpski.png") no-repeat; width:48px; display:block; height:10px; text-indent:-9000px;} .langsr a:hover {background:url("../images/srpski.png") 0 -10px;} .search {float:left; position:relative; width:210px; padding: 5px 0 0 0px; height:28px; overflow:hidden;} .search span {float:left; background:url("../images/search.png") no-repeat; width:191px; height:22px; padding:2px 6px; } .search input {float:left; position:relative; } .search input.text {font:11px/14px Tahoma, Verdana, sans-serif; color:#5a6b79; padding:1px 4px; background:none; border:none; width:146px; height:15px; } /*end of top header*/ #topbanner {float:left; position:relative; width:963px; height:87px; background:url("../images/topbanner.png") no-repeat; } #topbannerscnd {float:left; position:relative; width:963px; height:87px; background:url("../images/topbanner2.png") no-repeat; } /*menu*/ #menu {float:left; position:relative; width:1000px; height:30px; background:url("../images/menu.png") no-repeat; z-index:30} #menucont {float:left; position:relative; width:880px; height:30px; padding:0 0 0 90px; } #menuone a {float: left; position:relative; background:url("../images/menu1.png") no-repeat; width:101px; display:block;height:30px; text-indent:-9000px;} #menuone a:hover {background:url("../images/menu1.png") 0 -30px; } #menuone a.current {background:url("../images/menu1.png") 0 -30px;} #menutwo a {float: left; position:relative; background:url("../images/menu2.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menutwo a:hover {background:url("../images/menu2.png") 0 -30px;} #menutwo a.current {background:url("../images/menu2.png") 0 -30px;} #menuthree a {float: left; position:relative; background:url("../images/menu3.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menuthree a:hover {background:url("../images/menu3.png") 0 -30px;} #menuthree a.current{background:url("../images/menu3.png") 0 -30px;} #menufour a {float: left; position:relative; background:url("../images/menu4.png") no-repeat; width:107px; display:block; height:30px; text-indent:-9000px;} #menufour a:hover {background:url("../images/menu4.png") 0 -30px;} #menufour a.current {background:url("../images/menu4.png") 0 -30px;} #menufive a {float: left; position:relative; background:url("../images/menu5.png") no-repeat; width:68px; display:block; height:30px; text-indent:-9000px;} #menufive a:hover {background:url("../images/menu5.png") 0 -30px;} #menufive a.current {background:url("../images/menu5.png") 0 -30px;} #menusix a {float: left; position:relative; background:url("../images/menu6.png") no-repeat; width:88px; display:block; height:30px; text-indent:-9000px;} #menusix a:hover {background:url("../images/menu6.png") 0 -30px;} #menusix a.current {background:url("../images/menu6.png") 0 -30px;} #menuseven a {float: left; position:relative; background:url("../images/menu7.png") no-repeat; width:83px; display:block; height:30px; text-indent:-9000px;} #menuseven a:hover {background:url("../images/menu7.png") 0 -30px; } #menuseven a.current{background:url("../images/menu7.png") 0 -30px; } #menuone_en a {float: left; position:relative; background:url("../images/menu1_en.png") no-repeat; width:101px; display:block;height:30px; text-indent:-9000px;} #menuone_en a:hover {background:url("../images/menu1_en.png") 0 -30px; } #menuone_en a.current {background:url("../images/menu1_en.png") 0 -30px;} #menutwo_en a {float: left; position:relative; background:url("../images/menu2_en.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menutwo_en a:hover {background:url("../images/menu2_en.png") 0 -30px;} #menutwo_en a.current {background:url("../images/menu2_en.png") 0 -30px;} #menuthree_en a {float: left; position:relative; background:url("../images/menu3_en.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menuthree_en a:hover {background:url("../images/menu3_en.png") 0 -30px;} #menuthree_en a.current{background:url("../images/menu3_en.png") 0 -30px;} #menufour_en a {float: left; position:relative; background:url("../images/menu4_en.png") no-repeat; width:107px; display:block; height:30px; text-indent:-9000px;} #menufour_en a:hover {background:url("../images/menu4_en.png") 0 -30px;} #menufour_en a.current {background:url("../images/menu4_en.png") 0 -30px;} #menufive_en a {float: left; position:relative; background:url("../images/menu5_en.png") no-repeat; width:68px; display:block; height:30px; text-indent:-9000px;} #menufive_en a:hover {background:url("../images/menu5_en.png") 0 -30px;} #menufive_en a.current {background:url("../images/menu5_en.png") 0 -30px;} #menusix_en a {float: left; position:relative; background:url("../images/menu6_en.png") no-repeat; width:88px; display:block; height:30px; text-indent:-9000px;} #menusix_en a:hover {background:url("../images/menu6_en.png") 0 -30px;} #menusix_en a.current {background:url("../images/menu6_en.png") 0 -30px;} #menuseven_en a {float: left; position:relative; background:url("../images/menu7_en.png") no-repeat; width:83px; display:block; height:30px; text-indent:-9000px;} #menuseven_en a:hover {background:url("../images/menu7_en.png") 0 -30px; } #menuseven_en a.current{background:url("../images/menu7_en.png") 0 -30px; } #menuone_ser a {float: left; position:relative; background:url("../images/menu1_ser.png") no-repeat; width:101px; display:block;height:30px; text-indent:-9000px;} #menuone_ser a:hover {background:url("../images/menu1_ser.png") 0 -30px; } #menuone_ser a.current {background:url("../images/menu1_ser.png") 0 -30px;} #menutwo_ser a {float: left; position:relative; background:url("../images/menu2_ser.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menutwo_ser a:hover {background:url("../images/menu2_ser.png") 0 -30px;} #menutwo_ser a.current {background:url("../images/menu2_ser.png") 0 -30px;} #menuthree_ser a {float: left; position:relative; background:url("../images/menu3_ser.png") no-repeat; width:101px; display:block; height:30px; text-indent:-9000px;} #menuthree_ser a:hover {background:url("../images/menu3_ser.png") 0 -30px;} #menuthree_ser a.current{background:url("../images/menu3_ser.png") 0 -30px;} #menufour_ser a {float: left; position:relative; background:url("../images/menu4_ser.png") no-repeat; width:107px; display:block; height:30px; text-indent:-9000px;} #menufour_ser a:hover {background:url("../images/menu4_ser.png") 0 -30px;} #menufour_ser a.current {background:url("../images/menu4_ser.png") 0 -30px;} #menufive_ser a {float: left; position:relative; background:url("../images/menu5_ser.png") no-repeat; width:68px; display:block; height:30px; text-indent:-9000px;} #menufive_ser a:hover {background:url("../images/menu5_ser.png") 0 -30px;} #menufive_ser a.current {background:url("../images/menu5_ser.png") 0 -30px;} #menusix_ser a {float: left; position:relative; background:url("../images/menu6_ser.png") no-repeat; width:88px; display:block; height:30px; text-indent:-9000px;} #menusix_ser a:hover {background:url("../images/menu6_ser.png") 0 -30px;} #menusix_ser a.current {background:url("../images/menu6_ser.png") 0 -30px;} #menuseven_ser a {float: left; position:relative; background:url("../images/menu7_ser.png") no-repeat; width:83px; display:block; height:30px; text-indent:-9000px;} #menuseven_ser a:hover {background:url("../images/menu7_ser.png") 0 -30px; } #menuseven_ser a.current{background:url("../images/menu7_ser.png") 0 -30px; } #menueight {float: left; position:relative; background:url("../images/menu8.png") no-repeat; width:205px; display:block; height:30px; text-indent:-9000px; z-index:2; margin-left:-11px;} #menueightscnd {float: left; position:relative; background:url("../images/menu8_2.png") no-repeat; width:231px; display:block; height:30px; text-indent:-9000px; z-index:2; margin-left:-18px;} /*end of menu*/ /*banner*/ #banner {float:left; position:relative; width:825px; height:128px; padding:0 0 0 65px;} .logo {float:left; position:relative; width:371px; height:108px; margin-top: 5px; margin-left:20px; background:url("../images/logo.jpg") no-repeat;} .hand {float:right; position:relative; width:170px; height:128px; background:url("../images/hand.png") no-repeat;} .handscnd {float:right; position:relative; width:107px; height:128px; background:url("../images/hand2.png") no-repeat; padding-right:34px;} /*end of banner*/ /*end of header*/ /*content*/ #content {float:left; position:relative; width:800px; height:auto; padding:30px 0 0 90px;} /*left column*/ .left {float:left; position:relative; width:540px; height:auto;} * a {color:#666; font-weight:normal; text-decoration:none;} * a:hover {text-decoration:underline;} .news {float:left; position:relative; width:516px; height:auto; padding:0 0 50px 0;} h2 {float:left; position:relative; width:516px; font: 15px/19px Book Antiqua, Tahoma, Arial; color: #254865; font-weight:bold;} hr {border: 0; color: #c29e22; float:left; position:relative; background-color: #c29e22; height: 1px; width: 512px; border: none; } p {float:left; position:relative; width:506px; height:auto; padding:5px 0 0 5px; font: 11px/19px Georgia, Tahoma, Arial; color: #000;} /*three bottom news in left column*/ .news3 {float:left; position:relative; width:516px; height:auto; padding:55px 0 0 0;} .news3left {float:left; position:relative; width:155px; height:auto;} .news3left h2 {float:left; position:relative; width:155px; font: 15px/19px Book Antiqua, Tahoma, Arial; color: #254865; font-weight:bold;} .news3left hr {border: 0; color: #c29e22; background-color: #c29e22; height: 1px; width: 155px; border: none; } .news3left ul {float:left; position:relative; width:145px; height:auto; } .news3left ul li {background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: 0 .51em; list-style-type:none;} .news3left ul li a {font: 11px/16px Georgia, Tahoma, Arial; color: #564711; text-decoration:underline; padding:0 0 0 15px;} .news3left ul li a:hover{text-decoration:none;} .news3center {float:left; position:relative; width:155px; height:auto;padding: 0 0 0 25px;} .news3center h2 {float:left; position:relative; width:155px; font: 15px/19px Book Antiqua, Tahoma, Arial; color: #254865; font-weight:bold;} .news3center hr {border: 0; color: #c29e22; background-color: #c29e22; height: 1px; width: 155px; border: none; } .news3center p {float:left; position:relative; width:145px; height:auto; padding:5px 0 0 5px; font: 11px/16px Georgia, Tahoma, Arial; color: #000;} .news3right {float:left; position:relative; width:155px; height:auto; padding:0 0 0 25px;} .news3right h2 {float:left; position:relative; width:155px; font: 15px/19px Book Antiqua, Tahoma, Arial; color: #254865; font-weight:bold;} .news3right hr {border: 0; color: #c29e22; background-color: #c29e22; height: 1px; width: 155px; border: none; } .news3right p {float:left; position:relative; width:145px; height:auto; padding:5px 0 0 5px; font: 11px/16px Georgia, Tahoma, Arial; color: #000;} /*end of three bottom news in left column*/ /*end of left column*/ /*right column*/ .right {float:left; position:relative; width:250px; height:auto; border:1px solid:#000;} .box {float:left; position:relative; width:235px; height:auto; padding:0 0 0 9px;} .boxcent {float:left; position:relative; width:233px; height:auto; border: 1px solid #b4ac7e; border-top:0px; background:url("../images/boxcenter.png") repeat-x #b8af73;} .boxcent ul {float:left; position:relative; width:210px; height:auto; padding: 5px 0 10px 10px;} .boxcent ul li {background-position: 0 .51em; list-style-type:none;} .boxcent ul li a {font: 11px/16px Georgia, Tahoma, Arial; color: #424240; text-decoration:underline; font-weight:bold;} .boxcent ul li a:hover {text-decoration:none;} .boxtop {float:left; position:relative; width:235px; height:26px; background:url("../images/boxhead.png") no-repeat; } .boxtop h2 {font: 15px/18px Book Antiqua, Tahoma, Arial; color: #564711; width:200px; padding: 3px 0 0 10px; text-decoration:none; font-weight:bold;} .boxbottom {float:left; position:relative; width:255px; height:23px; background:url("../images/boxbottom.png") no-repeat; } .boxtwo {float:left; position:relative; width:235px; height:auto; padding:0 0 0 9px; margin-top:20px;} .boxtopclean {float:left; position:relative; width:235px; height:26px; background:url("../images/boxhead1.png") no-repeat; } .boxtopclean h2 {font: 15px/18px Book Antiqua, Tahoma, Arial; color: #564711; width:200px; padding: 3px 0 0 10px; text-decoration:none; font-weight:bold;} /*end ofright column*/ /*end of content*/ /*footer*/ #footer {float:left; position:relative; width:100%; height:auto; margin-top:20px;} .vijafoot {background:url("../images/footer.png") repeat-x; height:16px;} #footer p {font: 11px/14px Georgia, Tahoma, Arial; color: #5f5f5f; text-decoration:none; width:900px; padding-left:220px;} /*end of footer*/