a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 948px;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:67px;
}

.container_12 .grid_2 {
	width:146px;
}

.container_12 .grid_3 {
	width:240px;
}

.container_12 .grid_4 {
	width:304px;
}

.container_12 .grid_5 {
	width:305px;
}

.container_12 .grid_6 {
	width:462px;
}

.container_12 .grid_7 {
	width:541px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:699px;
}

.container_12 .grid_10 {
	width:778px;
}

.container_12 .grid_11 {
	width:857px;
}

.container_12 .grid_12 {
	width:936px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:79px;
}

.container_12 .prefix_2 {
	padding-left:158px;
}

.container_12 .prefix_3 {
	padding-left:237px;
}

.container_12 .prefix_4 {
	padding-left:316px;
}

.container_12 .prefix_5 {
	padding-left:395px;
}

.container_12 .prefix_6 {
	padding-left:474px;
}

.container_12 .prefix_7 {
	padding-left:553px;
}

.container_12 .prefix_8 {
	padding-left:632px;
}

.container_12 .prefix_9 {
	padding-left:711px;
}

.container_12 .prefix_10 {
	padding-left:790px;
}

.container_12 .prefix_11 {
	padding-left:869px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:79px;
}

.container_12 .suffix_2 {
	padding-right:158px;
}

.container_12 .suffix_3 {
	padding-right:237px;
}

.container_12 .suffix_4 {
	padding-right:316px;
}

.container_12 .suffix_5 {
	padding-right:395px;
}

.container_12 .suffix_6 {
	padding-right:474px;
}

.container_12 .suffix_7 {
	padding-right:553px;
}

.container_12 .suffix_8 {
	padding-right:632px;
}

.container_12 .suffix_9 {
	padding-right:711px;
}

.container_12 .suffix_10 {
	padding-right:790px;
}

.container_12 .suffix_11 {
	padding-right:869px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:79px;
}

.container_12 .push_2 {
	left:158px;
}

.container_12 .push_3 {
	left:237px;
}

.container_12 .push_4 {
	left:316px;
}

.container_12 .push_5 {
	left:395px;
}

.container_12 .push_6 {
	left:474px;
}

.container_12 .push_7 {
	left:553px;
}

.container_12 .push_8 {
	left:632px;
}

.container_12 .push_9 {
	left:711px;
}

.container_12 .push_10 {
	left:790px;
}

.container_12 .push_11 {
	left:869px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-79px;
}

.container_12 .pull_2 {
	left:-158px;
}

.container_12 .pull_3 {
	left:-237px;
}

.container_12 .pull_4 {
	left:-316px;
}

.container_12 .pull_5 {
	left:-395px;
}

.container_12 .pull_6 {
	left:-474px;
}

.container_12 .pull_7 {
	left:-553px;
}

.container_12 .pull_8 {
	left:-632px;
}

.container_12 .pull_9 {
	left:-711px;
}

.container_12 .pull_10 {
	left:-790px;
}

.container_12 .pull_11 {
	left:-869px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
	margin-bottom: 15px;
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#212121; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#989999;
}
html { min-width:980px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
.container_12 {
	font-size:1.05em;
}

	/* Header */
	header{
		height:124px;
		overflow:hidden;
		border-bottom:1px solid #fff;
		background:url(/images/site17/header-bg.jpg) 0 0 repeat-x #404040; /* Opera */
		background-image: -moz-linear-gradient(top, #83122A, #404040); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #83122A),color-stop(1, #404040)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#83122A', EndColorStr='#404040'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#83122A', EndColorStr='#404040')"; /* IE8 */
	}
	
	/* Content */
	section#content {
	
	}
	
	/* Sidebar */
	aside{
		float: left;
		width: 33.3%;
	}
			
	/* Footer */
	footer .indent {
		padding:18px 6px 24px 0;
	}




/* Left & Right alignment */

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

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

.wrapper { 
	width:100%;
	overflow:hidden;
}

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

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

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:25px;
}


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

h1, .title {
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	color:#353535;
	overflow:hidden;
	padding:0px 0px 15px 0px;
	letter-spacing:-1px;
	position:relative;
}
.box h1, .box .title
{
	padding:22px 0 24px 61px;
}

h1 span, .title  span{
	display:block;
	background:url(/images/site17/line-dot.gif) 0 0 repeat-x;
	position:absolute;
	left:0;
	top:57px;
	width:100%;
	height:1px;
	overflow:hidden;
	z-index:10;
}
	
	.icon1 {
		background:url(/images/site17/icon1.jpg) no-repeat 3px 0;
	}
	.icon2 {
		background:url(/images/site17/icon2.jpg) no-repeat 3px 0;
	}
	.icon3 {
		background:url(/images/site17/icon3.jpg) no-repeat 3px 0;
	}
	
h3 {
	color:#353535;
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:1em;
}
h4 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
	color:#c17821;
	margin-bottom:1em;
}
h5 {
	font-size:1em;
	font-weight:normal;
	color:#d1d1d1;
	margin-bottom:1em;
}
h6 {
	font-size:1em;
	font-weight:normal;
	color:#d1d1d1;
}

mark { font-weight:bold; color:#000;}


.button {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	text-shadow:1px 1px 0 #000;
	color:#fff;
	text-decoration:none;
	padding:4px;
	background:url(/images/site17/button-bg2.gif) 0 0 repeat-x #131313;
	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(/images/site17/js/PIE.htc);
	position:relative;
}
.button:hover {
	background:url(/images/site17/button-bg1.gif) 0 0 repeat-x #e77e00;
	text-shadow:1px 1px 0 #a55d08;
}

/*==================boxes====================*/
.box, .box_content, .box_right
{
	background:url(/images/site17/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	/*padding:10px 23px 30px 23px;*/
	padding:10px 23px 0px 23px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(/images/site17/js/PIE.htc);
	position:relative;
	color:#808080;
}

.box_content, .box_right
{
	margin: 0px 6px;
	padding-top: 15px;
	width: 572px;
	float: left;
}

.box_right
{	
	width: 256px;
	margin-right: 5px;
	line-height: 1.2em;
}

.address { 
	float:left;
	padding-bottom:17px;
}
	.address dt {
		margin-bottom:16px;
	}
		.address dt strong {
			color:#000;
		}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:95px;
		}



/*===== header =====*/
/*--- slog ---*/
header .slog {
	position:absolute;
	padding-right:38px;
	top:33px;
	left:366px;
	width:520px;
}
header .slog span {
		font-size:15px;
		font-style:italic;
		color:#fff;
		text-shadow:1px 1px 0 #000;
		float:right;
		margin-top:-10px;
	}
/*--- logo ---*/
header .logo {
	position:absolute;
	background:url(/images/site17/logo_girich.gif) no-repeat 100% 0;
	padding-right:38px;
	top:21px;
	left:36px;
	width:194px;
}
	header .logo_title {
		font-size:42px;
		line-height:1.2em;
		color:#fff;
		font-weight:normal;
		letter-spacing:-2px;
	}
		header .logo_title a {
			color:#fff;
			text-decoration:none;
			text-shadow:1px 1px 0 #000;
		}
	header .logo span {
		font-size:15px;
		font-style:italic;
		color:#fff;
		text-shadow:1px 1px 0 #000;
		float:right;
		margin-top:1px;
	}


/*--- navigation ---*/
header nav {
	position:absolute;
	right:6px;
	top:86px;
}
	header nav li {
		float:left;
		padding-left:1px;
	}
		header nav li a {
			width:132px;
			text-align:center;
			float:left;
			font-size:14px;
			color:#fff;
			text-shadow:1px 1px 0 #000;
			text-decoration:none;
			padding:11px 0 17px 0;
			background:url(/images/site17/nav-bg1.gif) no-repeat 0 0;
		}
		header nav li a:hover, header nav li a.current {
			background:url(/images/site17/nav-bg2.gif) no-repeat 0 0;
			font-style:italic;
			text-transform:uppercase;
			text-shadow:1px 1px 0 #a55d08;
			font-size:12px;
		}

/*--- rekomend ---*/
.rekomend {
	display:block;
	position:absolute;
	right:16px;
	top:44px;
	padding:13px 5px 0 0;
	color:#fff;
	font-size:13px;
}

/*--- rss ---*/
.rss {
	display:block;
	position:absolute;
	left:26px;
	top:14px;
	background:url(/images/site17/icon-rss.gif) no-repeat 100% 0;
	padding:30px 45px 0 0;
	color:#fff;
	font-size:13px;
}




/*===== main-banner =====*/
#main-banner {
	background:#cad2d7;
	height:263px;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
	.banner {
		background:url(/images/site17/banner-foto.png) no-repeat 50px 0 #fff;
		border:1px solid #acb3b7;
		margin:0 6px 0 6px;
		top:5px;
                height:250px;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		behavior:url(/images/site17/js/PIE.htc);
		position:relative;
	}
		.banner .indent {
			padding:75px 38px 0 405px;
			font-size:28px;
			line-height:31px;
			color:#353535;
			text-align:right;
		}
			.banner em {
				text-transform:uppercase;
				color:#ec8c04;
				font-weight:bold;
			}
			.banner .button {
				text-shadow:1px 1px 0 #a55d08;
				background:url(/images/site17/button-bg1.gif) 0 0 repeat-x #e77e00;
				float:right;
				margin-top:14px;
				padding:2px 10px 2px 10px;
			}
			.banner .button:hover {
				background:url(/images/site17/button-bg2.gif) 0 0 repeat-x #131313;
				text-shadow:1px 1px 0 #000;
			}
			

/*===== content =====*/

	#content .row-1 {
		background:url(/images/site17/content-bg1.gif) 0 0 repeat-x #fefefe;
		padding:12px 0 20px 0;
		
	}
	#content .row-2 {
		background:url(/images/site17/content-bg2.gif) 0 0 repeat-x #83122A;
		padding:10px 0 10px 0;
	}
		#content .row-2 h3 {
			color:#fff;
		}
		
		#content .row-2 .button {
			background:url(/images/site17/button-bg1.gif) 0 0 repeat-x #e77e00;
			text-shadow:1px 1px 0 #a55d08;
		}
		#content .row-2 .button:hover {
			background:url(/images/site17/button-bg2.gif) 0 0 repeat-x #131313;
			text-shadow:1px 1px 0 #000;
		}


.list1 {
	margin-bottom:17px;
}
	.list1 li {
		background:url(/images/site17/arrow1.gif) no-repeat 0 6px;
		padding:0 0 10px 12px;
		/*
		font-size:10px;
		text-transform:uppercase;
		*/
	}
		.list1 li a {
			color:#ec8c04;
		}

.list2 {
	padding-bottom:14px;
}
	.list2 li {
		background:url(/images/site17/marker1.gif) no-repeat 0 4px;
		padding:0 0 8px 22px;
		border-bottom:1px dotted #646b6d;
		margin-bottom:6px;
	}
		.list2 li a {
			color:#989999;
			text-decoration:none;
		}
		.list2 li a:hover {
			color:#fff;
		}

/*===== footer =====*/
footer {
	background:#212121;
	border-top:1px solid #080808;
	text-align:right;
	color:#8b8b8b;
}
	footer a {
		color:#8b8b8b;
	}
	footer nav {
		margin:0 -18px 4px 0;
	}
		footer nav li {
			display:inline;
			color:#313131;
			font-size:10px;
		}
			footer nav li a {
				color:#8b8b8b;
				text-transform:uppercase;
				padding:0 18px 0 15px;
			}
			footer nav li a:hover, footer nav li a.current {
				color:#fff;
				text-decoration:none;
			}
			


/*----- forms -----*/
.contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
}
	.contacts-form label {
		display:block;
		height:51px;
		overflow:hidden;
	}
		.contacts-form input {
			color:#111;
			border:1px solid #a09b96;
			background:none;
			padding:3px 0 3px 5px;
			width:230px;
			background:#fff;
			color:#000;
		}
		.contacts-form textarea {
			color:#111;
			border:1px solid #a09b96;
			background:#fff;
			padding:3px 0 3px 5px;
			width:300px;
			overflow:auto;
			height:215px;
			margin-bottom:18px;
			color:#000;
		}
		.contacts-form .button {
			float:right;
			margin-left:10px;
		}
/*==========================================*/

.article_img
{
	margin: 0px 10px 5px 0px;
}
.news_img
{
	margin: 0px 10px 3px 0px;
}
.date 
{
	color: #8a8a8a;
	font-weight: bold;	
}
.bread_crumbs
{
	margin: 0px 0px 10px 12px;
}
.bread_crumbs .path_arrow
{
	margin: 0px 3px;
}

.clients
{
	width: 100%;
}

.box_content .clients td
{
	padding: 0 5px;
	border: none;
	height: 150px;
	width: 200px;
	background-image:url('/images/site17/client_bg.gif');
	background-position: center center;
	background-repeat: no-repeat;
}


.row-2 .clients img
{
border: 1px solid #fff; padding: 3px; 
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

p .current, p .page_link, p .ctrl
{
	margin-right: 5px;
}

/* Validate */
.validate label.input_error 
{ 
	color: red; 
	display:block; 
	line-height:1.8; 
	vertical-align:top; 	
	font-style: italic; 
}

.validate input.input_error 
{ 
	border: 1px dashed #DB1905; 
	background-color: #FFFFD5; 
}
/* / Validate */

#captcha
{
	padding: 0px;
	font-size: 75%;
}

#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
	color: #777;
}

#captcha img
{
	margin-bottom: -5px;
}
.image
{
	border: 1px solid #DADADA;
}

#error
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #CA1D13 dashed;
	color: #CA1D13;
	background-color: #F2EDE9;
	background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
	width: 450px;
}

#message
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #4ba749 dashed;
	color: #4ba749;
	background: url('/hostcmsfiles/images/message.gif') no-repeat 5px 50%;
	width: 450px;
}


div.comment {
	background: #F0EFEB;
	color: #333;
	margin: 5px 50px 10px 0;
	zoom: 1;
	position: relative;
	padding: 20px;
	border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
div.comment div.subject {font-weight: bold}
div.comment p {margin: 5px 0 0 0}
div.comment span.red, div.comment span.red a {color: #E83531 !important; text-decoration: underline; cursor: pointer}
div.comment_reply {
	display: none;
	margin: 0px 0px 10px 20px;
}
div.comment_sub {
	margin-left: 20px;
}

.comment .row {display: table-row}
.comment .caption {font-size: 9pt; display: table-cell; width: 150px; text-align: right; vertical-align: middle; /*white-space: nowrap*/}
.comment .field {display: table-cell; padding: 2px 0 3px 15px}
input.large,
div.shop_filter select,
div.shop_filter input[type="text"],
table.shop_cart select,
table.shop_cart input[type="text"],
div.shop_coupon input,
.comment .field select,
.comment .field input[type="text"],
.comment .field input[type="password"],
.comment .field input[type="file"],
.comment .field textarea {
	outline: none;
	width: auto;
	border: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
	padding: 2px 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #5B5B5B;
	font-size: 10pt;
	font-family: 'Arial Narrow', sans-serif;
}
.comment .field input[type="text"], .comment .field input[type="password"], .comment .field input[type="file"] { height: 23px; }
.comment .field textarea { padding: 5px 12px }
.comment .field select { width: 210px }

input.large{font-size:16pt}

.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer}
.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(/images/stars.png) no-repeat 0 0}
.ui-stars-star a{background-position:0 -32px}
.ui-stars-star-on a{background-position:0 -48px}
.ui-stars-star-hover a{background-position:0 -64px}
.ui-stars-cancel-hover a{background-position:0 -16px}
.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important}

.captcha{font-size:75%;padding:0;color:#777;clear:both}
.captcha span{text-decoration:underline; cursor:pointer}
div.captcha img{margin: 0 3px -1px 0}
img.captcha { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

#error,#message,#status_message{margin-top:5px;margin-bottom:5px;position:relative;font-size:8pt;border-collapse:collapse;width:450px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:5px 15px 5px 35px}
#error{border:1px #CA1D13 solid;color:#CA1D13;background-color:#F2EDE9;background:url(/hostcmsfiles/images/error.gif) no-repeat 10px 50%}
#message,#status_message{border:1px #4ba749 solid;color:#4ba749;background:url(/hostcmsfiles/images/message.gif) no-repeat 10px 50%}
#message p{margin:0;padding:0}

.comment_link, .comment_link a {
	color: #E83531;
	border-bottom: 1px solid #E2D5D5;
	text-decoration: underline;
	cursor: pointer
}

/* Validate */
.validate label.input_error { display:block; line-height:1.8; vertical-align:top; color: red; font-style: italic; }
.validate input.input_error { border: 1px dashed #DB1905; background-color: #FFFFD5; }
/* / Validate */