@charset "utf-8";
/* CSS Document */
body {
	font-family: "Arial Narrow", HeliosCond, "Helvetica LT Condensed", Arial;
	font-size: 14px;
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
}

* {margin:0;padding:0;}

a {
	color:#888;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

a:hover, a.active {
	color:#000;
	border-bottom: 1px solid #333;
}

#container {
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
}

#logo {
	width:262px;
	height:162px;
	position:absolute;
	margin: 0px;
	padding: 0px;
	top: 15px;
	background-image: url(../images/logo.png);
}

#home_link {
	display:block;
	position:absolute;
	width:211px;
	top:20px;
	left:0;
	height: 69px;
	border:none;
}

#menu_top {
	position:absolute;
	background-repeat: no-repeat;
	height: 44px;
	width: 850px;
	left: 24%;
	top: 42px;
	margin-left:-48px;
	font-size:16px;
}
.menu_top li {
	list-style:none;
	float:left;
	width:20%;
	text-align:center;
}

/*.menu_top a {
	color:#888;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}*/

#left {
	display:block;
	position:absolute;
	height: 500px;
	width: 405px;
	background-repeat: no-repeat;
	background-image: url(../images/l.png);
	background-position: 0 50%;
	top: 114px;
	left: 24%;
	margin-left:-30px;
	border:none;
	z-index:999;
}
#right {
	display:block;
	background-image: url(../images/r.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	height: 500px;
	width: 405px;
	position: absolute;
	top: 114px;
	left: 24%;
	margin-left:375px;
	border:none;
	z-index:999;
}

.h384 #right, .h384 #left {
	height: 384px;
}

a#left:hover {
	background-image: url(../images/l_sel.png);
	border:none;
}

a#right:hover {
	background-image: url(../images/r_sel.png);
	border:none;
}


#tel {
	background-image: url(../images/k.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 220px;
	position: absolute;
	left: 0px;
	top: 645px;
}

.h384 #tel {
	top: 529px;
}

ul#dots {
	position: absolute;
	left: 24%;
	margin-left:35px;
	top:635px;
	height:10px;
}

ul#dots li, ul#dots li a {
	display:block;
	float:left;
	height:10px;
	width:10px;
	margin-right:5px;
	list-style:none;
}

ul#dots li a {
	background:url(../images/dot.png) no-repeat 0 -10px;
	margin:0;
	border:none;
}


ul#dots li.active a, ul#dots li a:hover {
	background:url(../images/dot.png) no-repeat 0 0;
	border:none;
}

.h384 ul#dots {
	top: 514px;
}

#count {
	background-color:#666;
	color:#FFF;
	padding:2px;
	position:absolute;
	left:24%;
	height:14px;
	font-size:10px;
	top:630px;
}

.h384 #count {
	top: 510px;
}


#prez, #ss {
	font-family:"Minion Pro", "Times New Roman", Times, serif;
	font-size:18px;
	color:#888;
}

#prez {
	position: absolute;
	left: 24%;
	top: 652px;
	width:240px;
}

#ss {
	position: absolute;
	left: 24%;
	margin-left:646px;
	top: 652px;
	width:130px;
}

.h384 #prez, .h384 #ss {
	top: 533px;
}



#menu_left {
	position: absolute;
	width: 20%;
	top: 212px;	
}
.menu_left li {
	list-style:none;
	margin:20px 5px;
	
}
#nav {
	width:782px;
	height:38px;
	background-image: url(../images/poloska.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 449px;
	top: 663px;
}
#pol {
	position: absolute;
	height: 76px;
	width: 273px;
	left: 694px;
	top: 708px;
	background-image: url(../images/navigator.png);
}

#loading {
	left: 22%;
	top: 350px;
	margin-left:375px;
	width:50px;
	height:50px;
	position:absolute;
}

.h384 #loading {
	top: 292px;
}

#foto, #text {
	position:absolute;
	height: 500px;
	width: 750px;
	left: 24%;
	top: 114px;
	border:1px solid #000;
	background-color: #FFF;
	overflow:hidden;
}

#foto_container {
	width:5000px;
	height:500px;
}

#foto_container li {
	float:left;
	list-style:none;
}

.h384 #foto, .h384 #foto_container {
	height: 384px;
}

#text {
	border:none;
	font-size:18px;
}

#text p {
	line-height:24px;
	padding-bottom:0px;
	text-align: justify;
}

#contacts {
	position:absolute;
	top:310px;
	left:24%;
	margin-left:190px;
	font-size:48px;
	color:#888;
	text-align:center;
}
