@import url('reset.css');
@import url('text.css');
@import url('grid.css');
.bg {
	background:#222 url(../images/bg-nav.jpg) no-repeat scroll center top;
}
body {
    text-align: center;
    min-width: 960px;
}
#wrapper {
    width: 960px;
	margin:0 auto;
  	overflow:hidden;
	text-align: left;
	margin-bottom:25px;
}

/*-- header--*/

#header {
	position:relative;
	padding-top:20px;
	height:77px;
}
.head-image {/*background: url(../images/header-image.jpg) 0 0;*/ width:960px; height:334px; position:relative;}
#language {position:absolute; right:0; top:15px;}
#language ul li {display:inline;}
#language li a {
	float:left;
	display:block;
	padding-right:20px;
	text-decoration:none;
	color:#0a4fa5;
}
#language li a img{ padding-right:5px;}
#language li.active a,#language li a:hover {color:#bdcde1;}
.logo {width:300px; padding-top:8px;height:44px;}

.navigation {padding-top:21px;z-index:2000;}
.navigation ul {float:right; margin:0; }
.navigation li { 
	position: relative;
	float: left;
	margin-left: 10px;
	
	}
.navigation ul li.last {padding:0;}
.navigation ul li a {
	background: transparent url(../images/nav-left.png) no-repeat; 
	font-size: 13px;
    height: 30px;
    text-decoration: none;
    color: #0072bc;
    float: left;
    display: block;
	padding: 0 0 0 20px;
}
.navigation ul li a span {
	background:transparent url(../images/nav-right.png) no-repeat scroll top right;
	 padding-right: 18px;
	display: block;
	line-height: 30px; 
}
.navigation ul li a:hover,.navigation ul li.active a {background-position: 0 -30px;} 
.navigation ul li a:hover span, .navigation ul li.active a span {background-position: 100% -30px;} 
.navigation ul li ul.level_2 {
	background:#fff;
	display:none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 190px;
	border: 1px solid #00adee;
	z-index:100;
}
.navigation li:hover ul.level_2 {
	display:block;
}
.navigation ul li ul.level_2 li {
	position:relative;
	background:none; 
	padding:0; 
	margin:0; 
}
.navigation ul li ul.level_2 a {
	background:none;
	color:#999;
	float:none;
	height: 30px;
	line-height: 30px;
	display:block;
	width:170px;
	padding:0;
	margin:0 8px;
	border-bottom:1px solid #00adee;
}
.navigation ul li ul.level_2 li.last a {border-bottom:none;}
.navigation ul li ul.level_2 a:hover, .navigation ul li ul.level_2 li.active a {color:#00adee;}

.breadcrumbs {
	background: url(../images/breadcrumbs.gif) repeat-x scroll 0 0;
    font-size: 11px;
	position:relative;
	top:-60px;
	
}
.breadcrumbs-r {background: url(../images/breadcrumbs.gif) no-repeat scroll right -58px; line-height:29px;}
.breadcrumbs-l {background: url(../images/breadcrumbs.gif) no-repeat scroll 0 -29px; height:29px;}
.breadcrumbs ul {margin: 0; padding-left:10px;}
.breadcrumbs ul li {
    display: inline;
}
.breadcrumbs li.delimiter {
    margin: 0 7px;
   }
.breadcrumbs li.active a {color:#fff;}
.breadcrumbs li a {
    text-decoration: none;
	color:#a2a2a2;
}

/*--content--*/
#content {
  position: relative;
  top:-30px;
  overflow: hidden;
}


.teaser {position: relative; overflow:hidden; width:100%;}
.box {
	background:url(../images/box-bg.jpg) no-repeat scroll 0 0;
	margin:0 30px; 
	width:300px;
	
	}
.box img {display:block;}
.teaser .first, .teaser .last {margin-left:0; margin-right:0;}
.box h2,.box h1, #footer h2 {font-size:24px; font-style:italic; font-weight:normal;margin-bottom:28px;}
.box img {margin-bottom:20px;}
.box ul {margin-left:0;}
.box ul li{
	padding: 2px 0;
	color:#6085af; 
	font-weight:bold;  
	font-size:14px; 
	text-decoration:none;
}

/*--footer--*/

#footer-wrap-index {background: #fff;}
#footer-wrap-index2 {background: #222;}
#footer-wrap {border-top:1px solid #2d2d2d;}
#footer {margin:0 auto; width:960px; text-align:left; overflow:hidden;}
#footer h2 {color:#222222; padding-top:15px; margin-bottom:15px;}
#footer a.more {font-style:normal; font-size:12px;}
.small-box {width:145px; margin-right:18px; margin-bottom:10px;}
.small-box p {color:#222; margin-bottom:10px; font-size:11px;}
.small-box span {font-weight:bold;}
.small-box h3 {
	background: url(../images/bullet.gif) no-repeat scroll 0 3px;
    color: #6085af;
    font-size: 14px;
    font-weight: bold;
	padding:0 0 10px 17px;
	margin-bottom:10px;
	border-bottom:1px dotted #7b7b7b;
}
#footer .last { margin-right: 0px;}
.footer-contacts {margin-top:5px; margin:0 auto; width:960px; text-align:left;}
.footer-contacts {overflow:hidden;}
.footer-contacts .g {margin-top:15px; width:300px;}
.footer-contacts p {color:#777;}
.footer-contacts p.copyright {color:#777; width:350px;}
.footer-contacts img {margin-bottom:20px;}
.footer-nav {margin:15px 0 10px 0;overflow:hidden;}
.footer-nav ul { list-style:none; float:right; margin-bottom:20px;}
.footer-nav li { margin:0; padding:0 10px; float:left;display:inline; border-right:1px solid #fff;}
.footer-nav a {text-decoration:none; color:#fff; display:block; font-size:11px;}
.footer-nav a:hover,.footer-nav li.active a {color:#71a3dc;}
.footer-nav li.last {border:none;}
.footer-nav li.first {padding:0 10px 0 0;}

.stenik {background: url(../images/logo-stenik.png) no-repeat 0 0; float:right !important;padding-left:24px;height:19px;}
.stenik a{display:inline; color:#777777;}
.client {/*
border-bottom: 1px dotted #7b7b7b;
*/ margin-bottom:15px; overflow:hidden;}
.client h3 {font-size:14px;font-weight:bold;font-style:normal ; color:#6085af;}
.client p {font-size:11px; overflow:auto;}
.client-logo { float:left; margin-right:10px;overflow:hidden;}
.client-logo img {width:160px; height:96px;}
.services {margin:0 0 15px 0; width:350px;}
.services li {color:#6085af; font-size:14px; font-weight:bold;}
.services span {color:#fff; font-size:12px; font-weight:normal; padding-left:10px;}
#content .small-box {margin-bottom:10px; width:142px;}
#content .small-box p {color:#fff; margin-bottom:2px;}
.address {width:390px;}
.contact-form { width:570px;margin:30px 0 0;}
#form input, #form textarea{border:none;}
#form label {width:76px; text-align:right; float:left; padding:5px 0 0 0; }
#form input {background:url(../images/input.png) no-repeat 0 0; width:202px; height:25px; float:left; margin-bottom:15px; margin-left:5px; font-size:11px;}
#form textarea {background:url(../images/textarea.png) no-repeat 0 0; width:484px; height:65px; float:left; margin-left:5px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input#code {background: url(../images/captcha.png) no-repeat 0 0;border:0; width:102px; }
input#submit {background: url(../images/send.png) no-repeat 0 0;border:0; width:102px; height:25px; color:#fff; }
.send {
	background: url(../images/contactform-sprite.png) repeat-x scroll 0 0;
    font-size: 11px;
	margin-top:20px;
}
.send-r {background: url(../images/contactform-sprite.png) no-repeat scroll right -70px; line-height:35px;}
.send-l {background: url(../images/contactform-sprite.png) no-repeat scroll 0 -35px; height:35px;}
.send-l p {float:left; padding-left:15px;}
.send-l div {float:right; margin:5px 5px 0 0;}
.captcha, #code, #submit {float:left; display:inline;}
#submit, #code {height:25px; line-height:25px;text-align:center;}

.thumbnail {
float: left;
position:relative;
width: 300px;
margin: 0 30px 30px 0;
padding: 0px;
}
.thumbnail span {position:absolute; bottom:4px; right:4px;}
.gallery {overflow:hidden;}
.gallery .last {margin: 0 0 30px 0;}
.gallery h3 {margin-bottom:3px; color:#6085AF;}
.gallery a {color:#fff;}
.sitemap a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	
	}
.sitemap li {padding:3px 0;}
.sitemap li li {background-image:none !important; padding-left:0 !important;}
.sitemap li li a {color:#fff; font-weight:normal;}









/*SERGO*/
/*.table_style
{
	float:left;
	border-top:solid 1px #b4b4b4;
	border-left:solid 1px #b4b4b4;
	text-align:center;
	line-height:26px;
	margin:15px 0;
}

.td_style
{
	border-right:solid 1px #b4b4b4;
	border-bottom:solid 1px #b4b4b4;    
}
/*SERGO*/


.fc-tbx table{
    border: none;
}

.fc-tbx table td{
    border: none;
}


/*Formcheck*/
.fc-tbx {z-index:100}

.fc-tbx .tl{
	background: url(../images/tlfc.gif) no-repeat;
}

.fc-tbx .t{
	background: url(../images/tfc.gif) repeat-x;
	height: 16px;
}

.fc-tbx .tr{
	background: url(../images/trfc.gif) no-repeat;
}

.fc-tbx .l{
	background: url(../images/lfc.gif) repeat-y;
	width : 16px;
}

.fc-tbx .r{
	background: url(../images/rfc.gif) repeat-y;
	width: 16px;
}

.fc-tbx .bl{
	background: url(../images/blfc.gif) no-repeat;
}

.fc-tbx .b{
	background: url(../images/bfc.gif) no-repeat;
	height: 25px;
}

.fc-tbx .br{
	background: url(../images/brfc.gif) no-repeat;
}

.fc-tbx .c{
	background: url(../images/cfc.gif) repeat;
}

.fc-tbx a.close {
	float: right;
	background: url(../images/closefc.gif) no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.fc-tbx .err {
	float: left;
}

.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana;
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url(../images/ajax-loaderfc.gif) no-repeat center;
	width : 200px;
	height : 150px;
}

/* FormCheck validation div */
.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.fc-error p {
	margin : 5px;
	color : #A00;
}
/*------------------EDIT 06.07.2010-----------------------*/

div#content div.bc,
div#content div.bc2 {
	width:118px;
	display:block;
	height:150px;
	float:left;
}
div#content div.bc {margin:20px 20px 20px 0;}
div#content div.bc2 {margin:20px 0;}
div#content div.bc a, 
div#content div.bc2 a {width:118px; background:#060; margin:5px 0; display:block; height:90px}

