html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #767676;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: white;
}

h1 {
	font-size: 135%;
	color: #767676;
	font-weight: bold;
	margin: 0 0 20px 0; padding: 0;
	line-height: normal;
}

h2 {
	margin: 0; padding: 15px 0;
	font-size: 135%;
	font-weight: bold;
	color: #757575;
	line-height: normal;
}

h3 {
	margin: 15px 0 5px 0; padding: 0;
	color: #757575;
	font-size: 100%;
	font-weight: bold;
}

h1, h2, h3, h4 {}

a {text-decoration: underline; color: #45C2F1;}
a:hover {text-decoration: none; color: #F71100;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
ul {list-style: none; margin: 0; padding: 0;}

hr {
	border: none;
	border-top: 1px solid #B3B3B3;
	height: 1px; width: 100%;
	display: block;
}


/**/

#page {
	width: 90%;
	max-width: 1260px;
	margin: 0 auto; padding: 0 0 20px 0;
	position: relative;
}
#homepage-vizual {
	min-height: 463px;
	background: url(/data/_clip/vizual-big.jpg) left top no-repeat;
	text-align: right;
	position: relative;
}
* html #homepage-vizual {height: 463px; width: 100%;}

#subpage-vizual {
	min-height: 233px;
	background: url(/data/_clip/vizual-small.jpg) left top no-repeat;
	text-align: right;
	position: relative;
}
* html #subpage-vizual {height: 233px; width: 100%;}

#content-homepage {
/*	position: absolute;
	top: 180px; left: 510px; */
	text-align: left;
	margin: 90px 0 0 510px;
	font-size: 145%;
}
.homepage h1 span {color: #45C2F1}
.homepage h1 {font-size: 185%}
.homepage h1 a {text-decoration: none}
.homepage h1 a:hover {text-decoration: underline}

#content {
	float: right;
	width: 70%;
}
.perex {
	background: #EBEBEB;
	color: #767676;
	padding: 15px 20px;
/*	position: relative; */
	width: 97%;
	line-height: 1.5em;
}
.price {
	font-weight: bold;
	color: white;
	background: #EFAA23;
	float: right;
	width: 45%;
	padding: 7px 15px; margin: -15px -20px 0 5px;
	line-height: normal;
}
.price a {color: white}

#category-page h2 {
	padding: 30px 0 10px 100px;
	position: absolute; bottom: 10px; left: 480px;
	font-size: 195%;
	font-weight: normal;
	text-align: left;
}
.content-holder {
	padding: 10px 0 10px 20px;
}

/**/

#bottom-text {padding: 20px 200px 0 0;}

#bottom-info {
	background: url(/data/_clip/bottom-plate.gif) right top no-repeat;
	margin: 0 0 20px 0; padding: 0 200px 0 0;
	text-align: right;
	font-size: 95%;
}
#bottom-info .tel {font-size: 200%; font-weight: bold; color: #3B3C46}
#bottom-info .fax {font-size: 120%; font-weight: bold; color: #3B3C46;}

#footer {
	width: 90%;
	max-width: 1260px;
	margin: 0 auto; padding: 0 0 20px 0;
	font-size: 95%;
	display: table;
}
#footer .block {
	float: left;
	border-left: 7px solid #E4E4E4;
	padding: 10px 20px; margin: 0 15px 0 0;
}
#page, #footer {
	width: expression(document.body.clientWidth > 1262? \\\"1260px\\\" : \\\"90%\\\");
}
/**/

#title-bar {
	padding: 15px 0;
	color: #BEBEBE;
	font-weight: bold;
}
h2.top-number {
	font-size: 275%;
	font-weight: bold;
	color: #3C3D4F;
	clear: both;
	padding: 15px 0;
	float: right;
}
a.btn-hp {
    width: 175px; height: 85px;
	display: block;
	cursor: pointer;
	position: absolute; left: 5px; top: 55px;
}

/**/

#categories {/*width: 100%;*/}
#categories .block {
	float: left;
	width: 18%;
	padding: 70px 0 0 0; margin: 0 1.5% 0 0;
}
#categories .block ul {list-style: none; margin: 0; padding: 0;}
#categories .block ul li {font-size: 155%;}
#categories .block ul li ul {padding: 10px 0 0 0;}
#categories .block ul li ul li {font-size: 65%; padding: 3px 0;}

.ico-avtokran {background: url(/data/_clip/ico-avtokran.gif) left top no-repeat;}
.ico-samosval {background: url(/data/_clip/ico-samosval.gif) left top no-repeat;}
.ico-des {background: url(/data/_clip/ico-des.gif) left top no-repeat;}
.ico-evrofur {background: url(/data/_clip/ico-evrofur.gif) left top no-repeat;}
.ico-pogruzchik {background: url(/data/_clip/ico-pogruzchik.gif) left top no-repeat;}

#categories-left {width: 25%; float: left;}
#categories-left .block {
	padding: 0 0 15px 0; margin: 0 1.5% 0 0;
}
#categories-left .block ul {list-style: none; margin: 0; padding: 0;}
#categories-left .block ul li {font-size: 155%;}
#categories-left .block ul li ul {padding: 10px 0 0 0;}
#categories-left .block ul li ul li {font-size: 65%; padding: 2px 0;}
#categories-left .block ul li ul li.active a {
	font-weight: bold;
	color:#767676;
	text-decoration: none;
}

/**/

.fotos {
	float: right;
	width: 300px;
	margin: 0 0 10px 10px;
}
.fotos img {
	border: 3px solid #DFDFDF;
	margin: 0 20px 15px 0;
	float: left;
}

/**/
.infoBox {
	padding: 10px; margin: 0 0 15px 0;
	background: #EBEBEB;
	border-bottom: 3px solid #EFAA23;
}

/*/\\\\*/

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 3px solid #DFDFDF;}
a:hover img.img-border {border: 3px solid #767676;}

img.left-picture {margin: 0 15px 10px 0; float: left}
img.right-picture {margin: 0 0 10px 15px; float: right}


/* --- TABLES --- */

/***************/

.textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {clear: both; display: block; overflow: hidden; height: 1px;} .clearRight {clear: right;} .clearLeft {clear: left;}
.hide {display: none;}

input.noStyle {border: none !important; background: none !important;}

/***************/
@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: \\\"Times New Roman\\\", Times, serif;
		}
	h1, h2, h3, h4 {font-family: \\\"Times New Roman\\\", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0;}
	#left-menu, #top-menu, #main, #categories, #footer {display: none;}
	#content, #content.homepage, .homepage #bottom-text, #bottom-info, .top-number {width: 98%; line-height: normal; margin: 0; padding: 0; overflow: visible; position: static; background: white;}
	#bottom-text, #bottom-info, .top-number {padding: 20pt 0; float: none;}
	#homepage-vizual {background: none; height: auto; padding: 0; margin: 0;}
}

.ordinarytab input, textarea {
    border: 1px solid silver;
}

.txt400 {
    width: 400px;
}

.noter {
    color: red;
    font-weight: bold;
}