/* 
	Beohem 3 CSS File
	Copyright © 2010. Conectivia.rs
	Author: Conectivia Design Team
*/


/*Start Global Styles*/
body {margin:0; padding:0; color:#585858; font-family: "Tahoma"; background: #fff url(../pagefiles/images/body-bg.png) no-repeat center top;}
*{margin:0; padding:0;}
h1 {font: 18px "Palatino Linotype"; text-transform: uppercase;}
h2 {font: 16px "Palatino Linotype"; text-transform: uppercase;}
h3 {font: 16px "Palatino Linotype"; text-transform: uppercase; padding: 0 0 20px 0;}
p { font-size:12px;}
a {color:#7b97af;text-decoration: none;font-weight:900;}
a:hover {text-decoration: underline;}
img {border:0;}
ul {list-style:none; font: 12px "Tahoma"; line-height:18px; padding: 0 0 15px 0;}
li {height:auto; padding: 5px 0 5px 15px; background: url(../pagefiles/images/arrow.gif) no-repeat left 6px;}
/*End Global Styles*/

/*Start Main Holders*/
.container{width:900px;padding:0;margin:0 auto; background:none;}
#header{background:url(../pagefiles/images/head-bg.png) no-repeat center top;width:900px;height:318px;}
.logoline{width:900px;height:60px;background:url(../pagefiles/images/logo-bar.png) no-repeat center top;}
.slogan {float:left; padding: 145px 0 0 0;}
.clear { width: 656px; height: 1px; margin: 0 auto; clear:both;}
.centered {text-align:center;}

/*End Main Holders*/

/*Start Main Navigation*/
ul#topnav{margin:0;padding:0 45px 0 0;float:right;width:484px;list-style:none;}
ul#topnav li{float:left;margin:0;padding:0;position:relative;width:116px;padding:0;}
ul#topnav li a{float:left;height:49px;text-indent: -9999px;text-decoration:none; background:url(../pagefiles/images/navbar.png) no-repeat 0;}
ul#topnav li a:hover{float:left;height:49px;font-weight:normal;text-indent: -9999px;text-decoration:none; background:url(../pagefiles/images/navbar.png) no-repeat 0;}
ul#topnav li a:focus{float:left;height:49px;font-weight:normal;text-indent: -9999px;text-decoration:none; background:url(../pagefiles/images/navbar.png) no-repeat 0;}

	ul#topnav li#top-1, ul#topnav li#top-1 a {background-position: 0 0;width:121px;}
	ul#topnav li#top-2, ul#topnav li#top-2 a {background-position: -121px 0;width:121px;}
	ul#topnav li#top-3, ul#topnav li#top-3 a {background-position: -242px 0;width:121px;}
	ul#topnav li#top-4, ul#topnav li#top-4 a {background-position: -363px 0;width:121px;}
	
	ul#topnav li#top-1, ul#topnav li#top-1 a:hover {background-position: 0 -49px;width:121px;}
	ul#topnav li#top-2, ul#topnav li#top-2 a:hover {background-position: -121px -49px;width:121px;}
	ul#topnav li#top-3, ul#topnav li#top-3 a:hover {background-position: -242px -49px;width:121px;}
	ul#topnav li#top-4, ul#topnav li#top-4 a:hover {background-position: -363px -49px;width:121px;}

	ul#topnav li#top-1, ul#topnav li#top-1 a:focus {background-position: 0 -49px;width:121px;}
	ul#topnav li#top-2, ul#topnav li#top-2 a:focus {background-position: -121px -49px;width:121px;}
	ul#topnav li#top-3, ul#topnav li#top-3 a:focus {background-position: -242px -49px;width:121px;}
	ul#topnav li#top-4, ul#topnav li#top-4 a:focus {background-position: -363px -49px;width:121px;}

ul#topnav li .sub{position:absolute;top:60px;left:0;padding:0;float:left;width:242px;display:none;background: url(../pagefiles/images/sub-bg.png) no-repeat center bottom;}
ul#topnav li .row{clear:both;float:left;width:100%;margin-bottom:10px; background: none;}
ul#topnav li .sub ul{list-style:none;margin:0;padding:0;width:121px;float:left; background: none;}
ul#topnav .sub ul li{width:110px; height:20px;padding: 1px 1px 1px 7px; background: none;}
ul#topnav .sub ul li a{height:20px; font-size:11px;float:none;font-weight:normal;text-indent:0;/*--Reset text indent--*/display:block;text-decoration:none;color:#fff;background:none;}
ul#topnav .sub ul li a:hover{height:20px;color:#ddd;text-decoration:underline;background:none;}
/*End Main Navigation*/

/*Main Columns*/
.wrapper {width: 900px; height:auto; padding:0;margin: 0 auto;background:none;}
.language {width: 900px; height:29px; padding:15px 0 0 0; color:#7b97af; text-align:right;}
	.language a {color:#7b97af; font-size: 11px; font-weight:900; text-decoration: none;}
	.language a:hover {text-decoration: underline;}
.left {width:235px; height:auto; float:left; margin:0; padding: 0 0 10px 0;}
	.leftHeading { width:235px; height: 20px; padding: 0 0 7px 0; background:url(../pagefiles/images/horizontal-short.png) no-repeat left bottom;}
	.leftImg {width:145px; height:150px; float:left; padding: 0; margin: 0; text-align:center;}
.right {width:656px; height: auto; float:right; margin:0; padding: 0 0 10px 6px;}
	.rightHeading { width:656px; height: 20px; padding: 0 0 7px 0; background:url(../pagefiles/images/horizontal-long.png) no-repeat left bottom;}
	.rightWrapper {width:456px; float:right; padding: 15px 0 10px 0;}
	.rightWrapperImg {width:456px; float:right; padding: 15px 0 10px 0;}
	.right p {font-weight: normal; line-height: 17px;  padding: 0 0 15px 0;}
	.rightImg {width:198px; height:auto; float:left; padding: 15px 2px 0 0; text-align:center;}
	.rightImgDescript {width:198px; height:auto; float:left; padding: 15px 2px 0 0; text-align:center;}
/*End Main Columns*/
 
/*Start News*/	
.news { width:656px; padding: 60px 0 0 0;}
	.newsImg {width:315px; float:left; padding: 16px 0 0 0; text-align:center;}
	.descriptImg {width:656px; float:left; padding: 16px 0 0 0; text-align:center;}
	.descriptImgR {width:606px; float:left; padding: 16px 50px 0 0; text-align:right;}
	.newsBox {width:333px; height:170px; float: right; padding: 23px 0 0 0; background:url(../pagefiles/images/blue_box.gif) no-repeat left center;}
		.newsText {width:287px; height:140px; float: left; padding:0 0 6px 36px;}
/*End News*/

/*Start Sertificate*/
.sertificate { width:656px; padding: 26px 0 0 0;}
	.sertificateImg {width:315px; float:left; padding: 16px 0 0 0; text-align:center;}
	.sertificateBox {width:333px; height:170px; float: right; padding: 20px 0 0 0; background:url(../pagefiles/images/blue_box.gif) no-repeat left center;}
		.sertificateText {width:287px; height:150px; float: left; padding:0 0 0 36px;}
/*End Sertificate*/

/*Start Footer*/
#footer {width: 100%; height: 125px; font-size: 11px; line-height:13px; background:url(../pagefiles/images/footer-bg.png) repeat-x left bottom;}
	.footerBox { width:900px; height:125px; margin:0 auto; padding: 0;}
		.footerBox a {color:#585858; font-weight:bold;}
	.boxLeft {width: 900px; float: left; padding: 35px 0 0 0; text-align:center;}
	.boxMiddle {width: 900px; float: left; padding: 10px 0 0 0; text-align:center;}
	.boxBottom { width:900px; height:22px; margin:0 auto; padding: 30px 0 0 0; text-align:center;}
/*End Footer*/