/*--------- DEFAULT ---------------------------------------------------------------------------------------------------------------------------------------*/


 html, body
	{  
    	height: 100%;
	width: 100%;   
	} 

 body
	{
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	overflow-x: auto;
	overflow-y: scroll;
	min-width: 1000px;
	min-height: 750px;
	font-family: Georgia;
	font-size: 12px;
	}

 #bg-img
	{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2304px;
	background-image: url('images/bg.jpg?v2');
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1;
	}

 a
	{
	color: #0077ff;
	text-decoration: none;
	}

 img
	{
	border: none;
	}

 .hidden
	{
	display: none;
	}


/*----------------- MAIN MARKUP ---------------------------------------------------------------------------------------------------------------------------*/
 
 #root
	{
	position: relative;
	margin: 15px auto 0px auto;
	width: 1024px;
	border: 1px solid transparent;
	z-index: 10;
	}

 #header
	{
	position: relative;
	margin: 0px auto 15px auto;
	width: 960px;
	min-height: 770px;
	border: 1px solid transparent;
	}

 #center
	{
	position: relative;
	width: 888px;
	margin: -10px auto 10px auto;
	padding: 20px 30px;
	min-height: 500px;
	font-size: 12px;
	background-color: #dddc9d;
	background-color: RGBA(255, 255, 196, 0.8);
	border: 1px solid white;
	border-top: none;
	*z-index: 20;
	}

 #footer
	{
	position: relative;
	width: 908px;
	height: 75px;
	margin: 10px auto 0px auto;
	padding: 10px 20px;
	font-size: 12px;
	background-color: #dddc9d;
	background-color: RGBA(255, 255, 196, 0.8);
	border: 1px solid white;
	}


/*----------------- HEADER --------------------------------------------------------------------------------------------------------------------------------*/

 #window-top
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 176px;
	background-image: url('images/window-top.png');
	background-repeat: no-repeat;
	}

 #window-center
	{
	position: absolute;
	top: 176px;
	bottom: 30px;
	left: 0px;
	width: 960px;
	background-image: url('images/window-center.png');
	background-repeat: repeat-y;
	}

 #window-bottom
	{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 960px;
	height: 30px;
	background-image: url('images/window-bottom.png');
	background-repeat: no-repeat;
	}

 #window-inner
	{
	position: relative;
	z-index: 10;
	}



 #logo-href
	{
	position: absolute;
	top: 25px;
	left: 335px;
	width: 290px;
	height: 150px;
	}
 
 .header-l
	{
	position: absolute;
	top: 65px;
	left: 55px;
	width: 215px;
	color: #2d2d26;
	font-family: 'Georgia';
	text-align: center;
	line-height: 20px;
	text-shadow: 0px 0px 1px #cccccc;
	}

 .header-r
	{
	position: absolute;
	top: 65px;
	right: 55px;
	width: 215px;
	color: #2d2d26;
	font-family: 'Georgia';
	font-size: 13px;
	text-align: center;
	line-height: 23px;
	text-shadow: 0px 0px 1px #cccccc;
	}

 .header-title
	{
	font-size: 18px;
	font-weight: bold;
	}

 .header-slogan
	{
	font-size: 14px;
	}

 .header-phone
	{
	font-size: 16px;
	font-weight: bold;
	}

 .header-email
	{
	font-style: italic;
	}

 .button
	{
	display: inline-block;
	width: 188px;
	height: 46px;
	line-height: 42px;
	text-align: center;
	font-family: 'Georgia';
	font-size: 16px;
	background-image: url('images/button.png');
	background-repeat: no-repeat;
	color: #ffffff;
	text-shadow: 0px 0px 1px #ffffff;
	cursor: pointer;
	}

 #price-button
	{
	position: absolute;
	top: 135px;
	left: 70px;
	color: #f4f37c;
	}

 #partners-button
	{
	position: absolute;
	top: 182px;
	left: 70px;
	}

 #map-button
	{
	position: absolute;
	top: 182px;
	right: 70px;
	}

 #links
	{
	position: absolute;
	top: 233px;
	right: 70px;
	width: 188px;
	text-align: center;
	z-index: 100;
	}

 .link
	{
	margin: 0 5px;
	font-size: 14px;
	font-style: italic;
	color: #393939;
	text-decoration: underline;
	cursor: pointer;
	}

 .link:hover
	{
	text-decoration: none;
	}

/*----------------- PRICELISTS ----------------------------------------------------------------------------------------------------------------------------*/

 #pricelists
	{
	margin: 300px 70px 60px 70px;
	text-align: center;
	}

 #pricelists .pricelist
	{
	display: block;
	margin: 20px auto;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	color: #393939;
	text-decoration: none;
	}
 #pricelists .pricelist:hover
	{
	text-decoration: underline;
	}

 #pricelists .no-access
	{
	margin: 30px 70px;
	font-family: Georgia;
	font-size: 18px;
	text-align: center;
	color: #393939;
	line-height: 28px;
	}

 #pricelists .no-access span
	{
	text-decoration: underline;
	color: #374b13;
	cursor: pointer;
	}
 #pricelists .no-access span:hover
	{
	color: #377013;
	}


/*----------------- NEWS BLOCK ----------------------------------------------------------------------------------------------------------------------------*/

 #news-block
	{
	position: absolute;
	top: 255px;
	left: 40px;
	width: 245px;
	height: 480px;
	}

 .news-title
	{
	font-size: 18px;
	font-style: italic;
	text-align: center;
	color: #444444;
	-webkit-font-smoothing: antialiased;
	}

 .news-text
	{
	margin-top: 10px;
	font-size: 14px;
	text-align: justify;
	color: #222222;
	line-height: 19px;
	text-shadow: 0px 0px 1px #cccccc;
	-webkit-font-smoothing: antialiased;
	}

 .news-picture
	{
	text-align: center;
	}

 .news-picture img
	{
	margin-top: 5px;
	max-width: 245px;
	max-height: 220px;
	}

 .news-next
	{
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #444444;
	-webkit-font-smoothing: antialiased;
	}

 .news-next:hover
	{
	text-decoration: underline;
	}


/*----------------- BANNER --------------------------------------------------------------------------------------------------------------------------------*/

 #banner
	{
	position: absolute;
	top: 255px;
	left: 305px;
	width: 580px;
	height: 470px;
	}

 #slide-wrapper
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 580px;
	height: 485px;
	opacity: 0.99;
	}

 #slide-title
	{
	position: absolute;
	top: 0px;
	left: 100px;
	font-size: 23px;
	font-style: italic;
	color: #444444;
	}

 #slide-pic,
 #slide-border
	{
	position: absolute;
	top: 30px;
	left: 0px;
	width: 578px;
	height: 182px;
	border: 1px solid #ffffff;
	}

 #slide-photo
	{
	width: 100%;
	height: 100%;
	}

 #slide-photo-text
	{
	position: absolute;
	top: 90px;
	left: 75px;
	width: 450px;
	height: 90px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 2px #556655;
	}

 #prev-slide
	{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 180px;
	width: 50px;
	background-image: url('images/prev-slide.png');
	background-repeat: no-repeat;
	cursor: pointer;
	}

 #next-slide
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 180px;
	width: 50px;
	background-image: url('images/next-slide.png');
	background-repeat: no-repeat;
	cursor: pointer;
	}

 #slide-photo-text p
	{
	margin: 0px;
	padding: 0px;
	}

 #slide-text
	{
	position: absolute;
	top: 250px;
	left: 0px;
	line-height: 18px;
	font-family: Georgia;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	}

 #slide-text p
	{
	margin: 0 0 5px 0;
	padding: 0px;
	}

 #slide-switch
	{
	position: absolute;
	top: 230px;
	left: 0px;	
	width: 100%;
	text-align: center;
	z-index: 100;
	}

 .switch
	{	
	margin: 0px 4px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url('images/switch.png');
	background-repeat: no-repeat;
	cursor: pointer;
	}

 .switch.active
	{
	background-image: url('images/switch-active.png');
	}


/*----------------- TOP CAT -------------------------------------------------------------------------------------------------------------------------------*/
 
 #top-cat
	{
	margin: 260px 70px 30px 70px;
	}

 #top-cat p
	{
	margin: 0;
	padding: 0;
	}

 .top-cat-title
	{
	display: none;
	}

 .top-cat-content
	{
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-family: Georgia;
	font-size: 15px;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	}

 .top-back
	{
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	color: #415b00;
	}

 .top-back:hover
	{
	text-decoration: underline;
	}

/*----------------- MAIN NEWS -----------------------------------------------------------------------------------------------------------------------------*/

 #main-news
	{
	margin: 270px 70px 30px 70px;
	}

 .main-news-picture
	{
	margin: 0 25px 15px 0;
	max-width: 245px;
	max-height: 220px;
	float: left;
	}

 .main-news-title
	{
	font-size: 18px;
	font-style: italic;
	color: #444444;
	-webkit-font-smoothing: antialiased;
	}

 .main-news-text
	{
	line-height: 18px;
	font-family: Georgia;
	font-size: 15px;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	}

 .news-back,
 .more-news
	{
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	color: #415b00;
	}

 .news-back:hover,
 .more-news:hover
	{
	text-decoration: underline;
	}

 .news-back
	{
	float: left;
	}

 .more-news
	{
	float: right;
	}


/*----------------- MENU ----------------------------------------------------------------------------------------------------------------------------------*/
 
 #menu
	{
	margin: 0px auto;
	width: 825px;
	height: 74px;
	text-align: center;
	}

 #submenu
	{
	position: relative;
	margin: 0px auto;
	width: 980px;
	height: 58px;
	background-image: url('images/submenu.png');
	background-repeat: no-repeat;
	text-align: center;
	z-index: 30;
	}

 .cat
	{
	display: table-cell;
	vertical-align: middle;
	width: 205px;
	height: 74px;
	background-image: url('images/cat.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	text-decoration: none;
	font-family: 'Geogria';
	font-size: 18px;
	color: black;
	/*text-shadow: 0px 0px 0px #000000;*/
	}

 .cat span
	{
	display: inline-block;
	padding: 16px 18px 0px 18px;
	}

 .cat.active,
 .cat:hover
	{
	color: #ffffff;
	font-style: italic;
	background-image: url('images/cat-active.png');
	font-weight: bold;
	}

 .subcat
	{
	display: inline-block;
	margin: 15px 30px 0px 30px;
	color: #ffffff;
	font-style: italic;
	font-family: 'Geogria';
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	}

 .subcat.active,
 .subcat:hover
	{
	text-decoration: underline;
	}

/*----------------- FOOTER --------------------------------------------------------------------------------------------------------------------------------*/

 .footer-l
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	padding: 5px 15px;
	color: #2d2d26;
	font-family: 'Georgia';
	font-size: 13px;
	text-align: left;
	line-height: 23px;
	}

 .footer-r
	{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px;
	padding: 5px 15px;
	color: #2d2d26;
	font-family: 'Georgia';
	font-size: 13px;
	text-align: right;
	line-height: 23px;
	}

 .footer-title
	{
	font-size: 18px;
	}

 .footer-phone span
	{
	margin: 0px 4px;
	}

 #RL
	{
	width: 950px;
	margin: 7px auto 10px auto;
	text-align: right;
	}

 #RL .design
	{
	display: inline-block;
	margin-left: 15px;
	width: 87px;
	height: 30px;
	text-decoration: none;
	color: #ffffff;
	padding-left: 27px;
	background-image: url('images/design.png');
	background-repeat: no-repeat;
	background-position: center left;
	overflow: hidden;
	}

 #RL .radolaukar
	{
	display: inline-block;
	margin-left: 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
	padding-left: 25px;
	background-image: url('images/radolaukar.png');
	background-repeat: no-repeat;
	background-position: center left;
	overflow: hidden;
	}

 #RL a:hover
	{
	text-decoration: underline;
	}

/*----------------- LANGUAGES -----------------------------------------------------------------------------------------------------------------------------*/


 #languages
	{
	position: absolute;
	top: 10px;
	right: 10px;
	}

 .lang,
 .lang_active
	{
	display: inline-block;
	width: 30px;
	height: 14px;
	padding-top: 1px;
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	text-align: center;
	text-transform: capitalize;
	/*background-image: url('images/lang.png');*/
	background-repeat: no-repeat;
	background-color: #f5f5f7;
	border-radius: 3px;
	border: 1px solid #cccccc;
	}

 .lang:hover
	{
	font-weight: bold;
	}

 .lang_active
	{
	background-color: #e5e5e7;
	font-weight: bold;
	}


/*----------------- SEARCH FORM ---------------------------------------------------------------------------------------------------------------------------*/

 #search-form
	{
	position: absolute;
	top: 110px;
	left: 200px;
	width: 206px;
	height: 24px;
	}

 #search-field
	{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 6px 8px;
	vertical-align: center;
	width: 190px;
	height: 12px;
	background: none;
	border: none;
	background-image: url('images/field.png');
	background-repeat: no-repeat;
	border-right: 1px solid #dddddd;
	outline: none;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #787777;
	z-index: 1;
	}

 #search-button
	{
	position: absolute;
	top: 2px;
	right: 0px;	
	width: 27px;
	height: 21px;
	background: none;
	border: none;
	background-image: url('images/search-btn.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	z-index: 2;
	}

 #search-button:hover
	{	
	background-image: url('images/search-btn-hover.png');
	background-color: #cccccc;
	}

/*----------------- SUBSCRIBE -----------------------------------------------------------------------------------------------------------------------------*/

 #subscribe-bg
	{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px; 
	left: 0px;
	background-color: #000000;
	opacity: 0.70;
	filter: alpha(opacity = 70);
	z-index: 1000;
	}

 #subscribe-window
	{
	display: none;
	position: fixed;
	top:0; left:0; right:0; bottom:0;
	margin: auto;
	width: 430px;
	height: 120px;
	padding: 30px 20px;
	background-color: #ffffdd;
	border: 5px solid #435e01;
	z-index: 1001;
	box-shadow: 2px 2px 4px #555555;
	border-bottom-left-radius: 15px;
	}

 #subscribe-close
	{
	position: absolute;
	display: inline-block;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: url('images/close.jpg') center center no-repeat;
	cursor: pointer;
	z-index: 1002;
	}

 #subscribe-title
	{
	font-size: 20px;
	*color: #707070;
	}

 #subscribe-subtitle
	{
	margin: 10px 0px;
	font-size: 12px;
	color: #707070;
	}

 #subscriber-email
	{
	padding: 6px 6px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	width: 300px;
	font-size: 14px;
	}

 #subscribe-btn
	{
	padding: 7px 10px;
	border: none;
	background: #425d00;
	color: #ffffff;
	border-radius: 4px;
	font-family: Georgia;
	font-size: 14px;
	cursor: pointer;
	outline: none;
	}

 #subscribe-btn:hover
	{
	background: #627d20;
	}

 #subscribe-err
	{
	display: none;
	margin: 4px 0 0 2px;
	color: red;
	font-weight: bold;
	}


/*----------------- CLIENT FORM --------------------------------------------------------------------------------------------------------------------------*/

 #client-window-bg
	{
	display: none;
	position: fixed;
	top:0; left:0; right:0; bottom:0;
	*background-color: RGBA(140,140,140, 0.8);
	background-color: RGBA(0,0,0, 0.6);
	overflow-y: auto;
 	-webkit-overflow-scrolling: touch;
    	zoom: 1;
	z-index: 500;

	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	}

 #client-window
	{
	position: relative;
	margin: 100px auto;
	padding: 25px 30px;
	box-sizing: border-box;
	width: 90%;
	min-width: 500px;
	max-width: 720px;
	min-height: 150px;
	line-height: 28px;
	background-color: #faf8de;
	font-family: Georgia, Arial, Tahoma;
	box-shadow: 2px 2px 20px RGBA(0,0,0, 0.2);
	text-align: center;

	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;

	-webkit-transform: translate(0, -500px);
	-moz-transform: translate(0, -500px);
	-o-transform: translate(0, -500px);
	transform: translate(0, -500px);
	}

 #client-window.show
	{
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
	transform: translate(0, 0px);
	}

 #client-window .close-btn
	{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	background: url('images/close.png') center center no-repeat;
	background-size: 18px auto;
	cursor: pointer;
	z-index: 600;
	}
 #client-window .close-btn:hover
	{
	opacity: 0.5;
	}

 #client-window .title
	{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	color: #374b13;
	}

 #client-window .subtitle
	{
	font-size: 16px;
	color: #374b13;
	}

 #client-window .error-msg
	{
	display: none;
	padding-left: 22px;
	font-weight: bold;
	color: #ff5050;
	background: url('images/error.png') left center no-repeat;
	}

 #client-window .cols
	{
	margin-top: 10px;
	display: table;
	width: 100%;
	text-align: left;
	font-size: 15px;
	}

 #client-window .cols > div
	{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	}
 #client-window .cols > .L-col
	{
	padding-right: 15px;
	}
 #client-window .cols > .R-col
	{
	padding-left: 15px;
	}

 #client-window .field
	{
	margin: 6px 0;
	padding: 7px 8px;
	width: 100%;
	box-sizing: border-box;
	font-family: Georgia;
	font-size: 18px;
	border: 1px solid #99aa99;
	}
 #client-window .field.error
	{
	border-color: #ff6060;
	}

 #client-window textarea
	{
	resize: vertical;
	height: 184px;
	max-height: 300px;
	}

 #client-window .agreement
	{
	text-align: left;
	}

 #client-window .agreement label
	{
	color: #707070;
	cursor: pointer;
	}
 #client-window .agreement input.error + label
	{
	border-bottom: 1px solid #ff5050;
	}

 #client-window .agreement a
	{
	margin: 0 3px;
	font-size: 14px;
	font-style: italic;
 	color: #393939;
	text-decoration: underline;
	cursor: pointer;
	}
 #client-window .agreement a:hover
	{
	text-decoration: none;
	}

 #client-window .button
	{
	position: relative;
	margin-top: 12px;
	cursor: pointer;
	}

 #client-form .button span
	{
	position: absolute;
	top: 6px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url('images/loading.gif') no-repeat;
	background-size: 100% auto;
	opacity: 0;
	}
 #client-form.loading .button span
	{
	opacity: 1;
	}