﻿.date {
	font-family: tahoma;
	font-size: 10px;
	color: #C8C79E;
}
* {
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
	
}
html {
	min-width:980px;
}
body {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.1875em;
	color:#666;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
#logo {
	position: absolute;
	top: 24px;
	right: 0px;
	width: 182px;
	height: 41px;
}

.container { 
	width:980px; 
	margin:0 auto;
	font-size:.875em;
	position:relative;
}




/*==== GLOBAL =====*/

#header {
	height:85px;
	background-color: #FFF;
	
}


/*---- tailings ----*/
.tail-top { 
	background:url(images/tail-top.gif) left top repeat-x #ffbb00;
}
.tail-bottom { 
	background:url(images/tail-bot.gif) left bottom repeat-x;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 28px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:35px;
}
	.img-box img { 
		float:left; 
		margin:0 28px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:19px;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:19px;
}
.p3 { 
	margin-bottom:28px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#f8625c; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

h1 {
	font-size:18px;
	line-height:1em;
	color:#414b4e;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:35px;
}
h2 {
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	color:#353535;
	margin-bottom:19px;
}
	h2.alt {
		padding-left:10px;
	}
h4 {
	font-size:1em;
	margin-bottom:19px;
}
h5 {
	font-size:1em;
}

	


.address { 
	float:left;
}
	.address dt {
		margin-bottom:19px;
		font-weight:bold;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
		.address dd span { 
			float:left;
			padding-right:25px;
		}
		.address dd a {
			text-decoration:underline;
			color:#666;
		}
		.address dd a:hover {
			text-decoration:none;
		}


/*===== header =====*/
#header .nav {
	float:left;
	padding:44px 0 0 0;
	overflow:hidden;
}
	#header .nav li {
		float:left;
		margin-left:-1px;
	}
		#header .nav li a {
			float:left;
			color:#000;
			text-decoration:none;
			background:url(images/divider1.gif) no-repeat left 6px;
			padding:0 24px 0 21px;
		}
		#header .nav li a:hover {
			text-decoration:none;
		    border-bottom-color: #ff9900;
            border-bottom-width: 3px;
            border-bottom-style: solid;
}
		#header .nav li a.current {
			font-weight:bold;
			font-size:.91em;
		}
	
#header .logo {
	float:right;
	padding:40px 70px 0 0;
}

/*===== content =====*/
	#content .row-1 {
		background:url(images/line-dot.gif) left bottom repeat-x;
	}
		#content .row-1 .indent {
			padding:40px 0 40px 0;
		}
		#content .row-1 .indent1 {
			padding:40px 0 14px 0;
		}
	#content .row-2 {
		background:#fdfcf9;
	}	
		#content .row-2 .indent {
			padding:32px 11px 35px 8px;
		}
		
/*--- banners begin ---*/	
	.banners {
	width:100%;
	overflow:hidden;
	padding-bottom:27px;
	text-align: left;
	}
		.banners li {
			float:left;
			font-size:.91em;
			color:#333;
		}	
			.banners li.banner1 {
	width:286px;
	height:293px;
	background-image: url(images/baner3.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left:-10px;
				
			}
				.banners li.banner1 .inner {
					padding:65px 70px 0 55px;
				}
			.banners li.banner2 {
				width:287px;
				height:293px;
				background:url(images/baner2.png) no-repeat left top;
				margin-left:-56px;
			}
				.banners li.banner2 .inner {
					padding:65px 65px 0 65px;
				}
			.banners li.banner3 {
				width:287px;
				height:293px;
				background:url(images/baner1.png) no-repeat left 11px;
				margin-left:-55px;
			}
				.banners li.banner3 .inner {
					padding:65px 65px 0 65px;
				}
			.banners li.banner4 {
				width:287px;
				height:293px;
				background:url(images/baner4.png) no-repeat left top;
				margin-left:-61px;
			}
				.banners li.banner4 .inner {
					padding:65px 65px 0 65px;
				}
		
		.banners li h3 {
			font-size:18px;
			line-height:1.2em;
			text-align:center;
			margin-bottom:8px;
		}
	
	.button {
		display:block;
		background:url(images/button-b.png) no-repeat left top;
		width:82px;
		height:24px;
		line-height:24px;
		color:#040404;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		font-size:10px;
		margin:0 auto;
	}
	.button:hover {
		background:url(images/button-c.png) no-repeat left top;
		color:#fff;
		text-decoration:none;
	}
/*--- banners end ---*/




/*--- carousel begin ---*/
.carousel-box {
	background:url(images/carousel.gif) left top repeat-x;
	height:198px;
	overflow:hidden;
	position:relative;
}
	.carousel-box .inner {
		padding:26px 0 0 73px;
	}
		.carousel-box button {
			background:none;
			width:34px;
			height:65px;
			border:none;
			position:absolute;
			cursor:pointer;
			outline:none;
			z-index:10;
		}
		.carousel-box button.prev {
			left:0;
			top:65px;
			background:url(images/prev-bg0.gif) no-repeat left top;
		}
		.carousel-box button.prev:hover {
			background-position:left -65px;
		}
		.carousel-box button.next {
			right:0;
			top:65px;
			background:url(images/next-bg0.gif) no-repeat left top;
		}
		.carousel-box button.next:hover {
			background-position:left -65px;
		}
			.carousel-box ul li {
				padding-right:24px;
				float:left;
				position:relative;
			}
			.carousel-box ul li a {
				width:149px;
				height:149px;
				position:relative;
				float:left;
			}
				.carousel-box ul li span {
					width:149px;
					height:149px;
					overflow:hidden;
					display:block;
					cursor:pointer;
				}
				.carousel-box ul li a:hover {
					
				}
/*--- carousel end ---*/

				
	
	.blogposts {
		padding-bottom:13px;
	}
		.blogposts li {
			width:100%;
			overflow:hidden;
		}
			.blogposts li a {
				display:block;
				color:#666;
				text-decoration:none;
			}
				.blogposts li a span {
					display:block;
					cursor:pointer;
				}
					.blogposts li a span span span {
						padding:8px 20px 10px 12px;
					}
			.blogposts li a:hover {
				text-decoration:none;
				background:url(images/left-top.gif) no-repeat left top #f5f2ed;
			}
				.blogposts li a:hover span {
					background:url(images/right-to.gif) no-repeat right top;
				}
					.blogposts li a:hover span span {
						background:url(right-bo.gif) no-repeat right bottom;
					}
						.blogposts li a:hover span span span {
							background:url(images/left-bot.gif) no-repeat left bottom;
						}
							.blogposts li a strong {
								display:block;
							}
							.blogposts li a em {
								display:block;
								color:#f8625c;
								font-style:normal;
							}
							
	
	.list1 li {
		color:#f8625c;
	}
	
	.testimonials li {
		text-align:right;
		font-weight:bold;
		padding-bottom:19px;
	}
		.testimonials li blockquote {
			text-align:left;
			font-weight:normal;
		}
		
	
	.folio {
		width:100%;
		overflow:hidden;
		margin-bottom:-30px;
	}
		.folio li {
			float:left;
			width:286px;
			margin:0 51px 0 0;
			padding-bottom:48px;
		}
		.folio li.alt {
			margin-right:0;
		}
			.folio li a.thumb {
				width:286px;
				height:219px;
				display:block;
				margin-bottom:10px;
			}
				.folio li span {
					width:286px;
					height:219px;
					overflow:hidden;
					display:block;
					cursor:pointer;
				}
					.folio li a {
						text-decoration:underline;
					}
					.folio li a:hover {
						text-decoration:none;
					}
			
/*===== footer =====*/
#footer {
	padding:35px 0 35px 0;
	background:url(images/line-dot.gif) left top repeat-x;
}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:40px;
		overflow:hidden;
	}
		#contacts-form input {
			width:338px;
			padding:1px 5px 1px 5px;
			color:#666;
			font-size:12px;
		}
		#contacts-form textarea {
			width:343px;
			padding:1px 0 1px 5px;
			color:#666;
			font-size:12px;
			height:203px;
			margin-bottom:20px;
			overflow:auto;
		}

/*==========================================*/
#title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	width: 400px;
}
#sale {
	top: 20px;
	right: 23px;
	width: 501px;
	position: absolute;
	height: 60px;
	background-image: url(images/akcia.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#sale p {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	background-image: url(images/akcia1.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 60px;
}#telefon {
	right: -700px;
	height: 90px;
	width: 300px;
	background-image: url(images/telef.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	display: inline;
	position: relative;
	bottom: 20px;
}
#telefon p {
	padding-top: 16px;
	padding-left: 100px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	color: #F60;
	font-weight: bold;
}

#page1 #content .col-1 {width:559px; margin-right:45px; min-height: 600px;}
#page1 #content .col-2 { width:349px;}
.col-1 li {padding-left: 22px; padding-bottom: 15px; background: url('images/znachek.png') no-repeat left 2px;}
.col-1 li:hover {background: url('images/znachek1.png') no-repeat left 2px;}
.col-3 {
	text-align: left;
	right: -140px;
	position: relative;
	top: 20px;
	width: 229px;
	
}

.col-4 {
	text-align: left;
	position: absolut;
	top: 266px;
	width: 328px;
	height: 359px;
	right: 50px;
	
}

.col-3 ul li {padding-left: 42px; padding-bottom: 15px; background: url('images/znachek.png') no-repeat left 2px;}
.col-3 ul li:hover {background: url('images/znachek1.png') no-repeat left 2px;}
.col-3 img {padding-left: 6px;}


#page1 #content .col-11 {width:700px; margin-right:45px;}

.rigth_menu p {
	text-align: left;
}

