/*
--------KOMPLETING spol s.r.o.--------

	   Webdesign by Milan Kohut
	   http://www.milankohut.com

--------------------------------------
*/
*{margin: 0; padding: 0;}
body{
	background: #455a67 url("../images/background.gif") repeat-x 0 0;
	text-align: center;
	font: 12px Arial, Verdana;
	color: #91bcd7;
}
.inv{display: block; visibility: hidden;}
.orange{color: #f6ab58;}
.white{color: #fff;}
.red{color: #fa4b34;}
.green{color: #9dda32;}
.gray{color: gray;}
sup{
	font-size: 6px;
}
h2{
	font: 24px Arial, Verdana;
	color: #f6ab58;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}
.partner-header{
	font: 14px Arial, Verdana;
	color: #fff;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 0 10px;
}
a{text-decoration: none; color: #f6ab58;}
a:hover{color: #fff;}
#container{
	width: 850px;
	text-align: left;
	margin: 0 auto;
}

/* @group Header */
#header{
	width: 850px;
	height: 176px;
	background: url("../images/header-bgr.jpg") no-repeat 0 0;
	position: relative;
}
#header h1{line-height: 0px;}
#header h1 .logo, #header h1 .logo:hover{
	width: 127px;
	height: 105px;
	display: block;
	background: url("../images/logo.jpg") no-repeat 0 0;
	position: absolute;
	left: 10px;
	top: 45px;
}
#header-img{
	width: 348px;
	height: 170px;
	overflow: hidden;
	position: absolute;
	right: 39px;
	top: 0px;
}
/* @end */
#main{
	width: 850px;
	background: url("../images/main-bgr.gif") repeat-y 0 0;
	overflow: hidden;
}
#left-bar{width: 205px; float: left;}
#navigation{width: 205px; background: url("../images/nav-bgr.gif") repeat-y 0 0;}
#navigation li{width: 205px; list-style-type: none;}
#navigation li #btn-01{
	width: 205px;
	height: 39px;
	display: block;
	background: url("../images/buttons/btn-01.png") no-repeat 0 0;
}
#navigation li #btn-01:hover{background: url("../images/buttons/btn-01.png") no-repeat 0 -39px;}
#navigation li #btn-02{
	width: 205px;
	height: 40px;
	display: block;
	background: url("../images/buttons/btn-02.png") no-repeat 0 0;
}
#navigation #nav-02 .selected, #navigation li #btn-02:hover{background: url("../images/buttons/btn-02.png") no-repeat 0 -40px;}
#navigation li #btn-03{
	width: 205px;
	height: 40px;
	display: block;
	background: url("../images/buttons/btn-03.png") no-repeat 0 0;
}
#navigation #nav-03 .selected, #navigation li #btn-03:hover{background: url("../images/buttons/btn-03.png") no-repeat 0 -40px;}
#navigation li #btn-04{
	width: 205px;
	height: 40px;
	display: block;
	background: url("../images/buttons/btn-04.png") no-repeat 0 0;
}
#navigation #nav-04 .selected, #navigation li #btn-04:hover{background: url("../images/buttons/btn-04.png") no-repeat 0 -40px;}
#navigation li #btn-05{
	width: 205px;
	height: 40px;
	display: block;
	background: url("../images/buttons/btn-05.png") no-repeat 0 0;
}
#navigation li #btn-05:hover{background: url("../images/buttons/btn-05.png") no-repeat 0 -40px;}
#navigation li .nav-entry{
	width: 205px;
	font-size: 10px;
	background: url("../images/nav-entry.gif") repeat-x 0 0;
}
#navigation li .nav-entry h3{
	font: 11px Arial, Verdana;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 10px 10px 0 10px; 
}
#navigation li .nav-entry ul{
	width: 185px;
	padding: 5px 10px 25px 10px;
}
#navigation li .nav-entry ul li{width: 185px; list-style-type: none;}
#navigation li .nav-entry ul li a{
	width: 170px; 
	height: 15px; 
	display: block; 
	text-decoration: none; 
	color: #f6ab58; 
	padding-left: 15px; 
	background: url("../images/sublinks.gif") no-repeat 0 5px;
}
#navigation li .nav-entry ul li a:hover{color: #fff; background: url("../images/sublinks-hover.gif") no-repeat 0 5px;}
.quick-contact{
	width: 205px;
	height: 35px;
	display: block;
	margin: 110px 0 40px 0;
	background: url("../images/quick-contact.gif") no-repeat 0 0;
}
.quick-contact:hover{background: url("../images/quick-contact.gif") no-repeat 0 -35px;}

#content{
	width: 595px;
	padding: 20px 25px 40px 25px;
	float: left;
}
#content p{padding: 5px 0;}
.promo-content{
	width: 565px;
	overflow: hidden;
	padding: 5px 15px;
	margin: 5px 0;
	background: url("../images/promo-line.gif") no-repeat 49% 13px;
}
.promo-link{
	width: 240px;
	height: 165px;
	display: block;
	float: left;
	margin: 0 20px;
}
.p-kaz{background: url("../images/promo-kazanska.jpg") no-repeat 0 0;}
.p-kaz:hover{background: url("../images/promo-kazanska.jpg") no-repeat 0 -165px;}
.p-est{background: url("../images/promo-estonska.jpg") no-repeat 0 0;}
.p-est:hover{background: url("../images/promo-estonska.jpg") no-repeat 0 -165px;}
.gallery{
	width: 583px;
	background-color: #1f3340;
	border: 1px solid #1b2c37;
	padding: 10px 0px 0px 10px;
	margin: 5px 0;
}
.gallery h3, .avail-table h3,  .flash-nav h3, .floor-map h3{
	font: 12px Arial, Verdana;
	color: #fff;
	padding: 0px 0px 10px 0px;
}
.gallery img{
	width: 123px;
	height: 92px;
	background: #455a67;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #536d7d;
}
.contact{
	width: 595px;
	overflow: visible;
	position: relative;
}
.contact h3{
	font: 14px Arial, Verdana;
	font-weight: bold;
	color: #fff;
}
.contact-01{
	width: 300px;
	overflow: hidden;
	float: left;
}
.contact-01 p{padding: 5px 0 10px 0;}
.contact-01 .left{width: 100px; font-weight: bold; float: left;}
.contact-01 .right{width: 200px; float: left;}
.map{
	width: 232px;
	height: 124px;
	padding: 5px;
	background: #455a67;
	border: 1px solid #536d7d;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
}
.map .map-link{
	width: 232px;
	height: 124px;
	display: block;
	background: url("../images/mapa.jpg") no-repeat 0 0;
}
.map .map-link:hover{background: url("../images/mapa.jpg") no-repeat 0 -124px;}
.magnifier{
	width: 66px;
	height: 56px;
	position: absolute;
	right: 190px;
	top: -30px;
	background: url("../images/lookup.png") no-repeat 0 0;
	z-index: 1000;
}
.avail-table, .flash-nav, .floor-map{
	width: 573px;
	background-color: #1f3340;
	border: 1px solid #1b2c37;
	padding: 10px;
	margin: 5px 0;
	position: relative;
}
.partners-content{
	width: 575px;
	padding: 0 10px;
	margin: 5px 0;
}

.avail-table table{
	width: 571px;
	background-color: #455a67;
	border-top: 1px solid #536d7d;
	border-left: 1px solid #536d7d;
}
.avail-table table tr td{
	border-right: 1px solid #536d7d;
	border-bottom: 1px solid #536d7d;
	padding: 5px;
}
.tb-head{
	background: #3c4f5b url("../images/tb-head.gif") repeat-x 0 0;
	color: #fff;
	font-weight: bold;
}
.tb-head td{height: 35px;}

.contact-form{width: 595px; clear: both; padding-top: 40px;}
.contact-form h2{padding-bottom: 10px;}
.north-arrow{
	width: 86px;
	height: 92px;
	background: url("../images/kazanska-northarrow.png") no-repeat 0 0;
	position: absolute;
	right: 15px;
	top: 420px;
	z-index: 1000;
}
.floor-map img{
	width: 563px;
	background: #455a67;
	padding: 4px;
	border: 1px solid #536d7d;
}
.partners-content img{
	width: 563px;
	background: #455a67;
	padding: 4px;
	border: 1px solid #536d7d;
}

#form{
	width: 595px;
	padding-top: 5px;
}
#form li{
	width: 595px;
	list-style-type: none;
	padding-bottom: 5px;
	overflow: hidden;
}
#form li .left-form{
	width: 100px;
	height: 14px;
	padding-top: 3px;
	font-weight: bold;
	float: left;
}
#form li .right-form{
	width: 495px;
	float: left;
}
#form li .right-form input{
	width: 300px;
	height: 14px;
	padding-top: 3px;
	color: #fff;
	background: #455a67;
	border: 1px solid #536d7d;
}
.textar-titl{
	font-weight: bold;
}
.textar-win{
	width: 500px;
	font: 12px Arial, Verdana;
	color: #fff;
	background: #455a67;
	border: 1px solid #536d7d;
}
.form-submit{
	width: 94px;
	height: 38px;
	background: url("../images/send.gif") no-repeat 0 0;
	border: 0;
	cursor: pointer;
	margin-top: 5px;
}
.alert-msg{
	width: 595px;
	color: #fff;
	display: block;
}
.success{
	width: 573px;
	background-color: #1f3340;
	border: 1px solid #1b2c37;
	padding: 10px;
	margin: 15px 0;
	color: #f6ab58;
	text-align: center;
}
.success span{
	width: 573px;
	font: 18px Arial, Verdana;
	padding-bottom: 10px;
	color: #fff;
	display: block;
}
#footer{
	width: 850px;
	padding-top: 10px;
	text-align: right;
	color: #728ea0;
	background: url("../images/footer-bgr.gif") no-repeat 0 0;
}
#footer a{text-decoration: none; color: #91bcd7;}
#footer a:hover{text-decoration: underline;}
#footer span{
	font-size: 10px;
	display: block;
	color: #f6ab58;
}
.ajaxtooltip{
	position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: 200px;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: url("../images/tooltip-bgr.png");
	border: 1px solid #000;
	padding: 5px;
	font: 10px Arial, Verdana;
	color: #fff;
	text-align: left;
}