@charset "utf-8";

/* + Global resets */

html, html#js, html#nojs {
	height: 100%;
}

body {
	color: #666666;
	min-width: 1000px;
	max-width: 1100px;
}
a {
	color: #000099;
}
a:hover {
	color: #e31836;
}

address {
	font-style: normal;
	margin: 0;	
	padding: 0;
}

h1 {
	font-size: 2em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 0.6em;
	text-transform: uppercase;
}

h3 {
	font-size: 2em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
	h3 a {
		color: #e31836;
	}

h5 {
	font-size: 1em;
}

input.text {
	margin: 0;
}

ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}
	ul li {
		background: url("../../images/alliance_new/common/li.gif") 0.1em 0.5em no-repeat;
		padding: 0 0 0 1.2em;
	}

div.hr {
	border-top: 1px solid #cccccc;
	height: 10px;
}

/* - Global resets */


/* + Common classes */

a.gray,
a.pink {
	background: #666666;
	color: #ffffff;
	display: block;
	font-size: 1.2em;
	padding: 0.6em 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 13.1em;
}
a.pink {
	background: #e31836;
}
	a.gray span.arrow,
	a.pink span.arrow {    	
		font-size: 2em;
		line-height: 1em;
	}

table.index-texts {
	margin: 0 0 0.7em -17px;
	width: 675px;
}
	table.index-texts td {
		border: 1px solid #cccccc;
		padding: 12px 10px;
		vertical-align: top;
		width: 50%;
	}
	table.index-texts h4 {
		font-size: 2em;
		margin-bottom: 10px;
		padding: 5px 0 5px 80px;
		text-transform: uppercase;
	}
	table.index-texts h4.hidden {
		color: #cc0000;
		display: none;
	}
	table.index-texts td p {
		margin: 10px 0 0 0;
	}
	table.index-texts a.overlink {
		display: block;
		height: 100%;
		left: -10px;
		padding: 12px 10px;
		position: absolute;
		top: -12px;
		width: 100%;
	}
		table.index-texts a.overlink img {
			height: 100%;
			width: 100%;
		}
		table.index-texts h4.car {
			background: url("../../images/alliance_new/main/services/car.gif") 0px 10px no-repeat;
		}
		table.index-texts h4.car-hover {
			background: url("../../images/alliance_new/main/services/car.gif") 0px -110px no-repeat;
		}
		table.index-texts h4.kamaz {
			background: url("../../images/alliance_new/main/services/kamaz.gif") no-repeat;
		}
		table.index-texts h4.kamaz-hover {
			background: url("../../images/alliance_new/main/services/kamaz.gif") 0px -120px no-repeat;
		}
		table.index-texts h4.wheel {
			background: url("../../images/alliance_new/main/services/wheel.gif") 3px 0 no-repeat;
		}
		table.index-texts h4.wheel-hover {
			background: url("../../images/alliance_new/main/services/wheel.gif") 3px -120px no-repeat;
		}
		table.index-texts h4.building {
			background: url("../../images/alliance_new/main/services/building.gif") 0px 3px no-repeat;
		}
		table.index-texts h4.building-hover {
			background: url("../../images/alliance_new/main/services/building.gif") 0px -117px no-repeat;
		}
#im2 {
    
}
#im1, #im3, #im4 {
    display: none;
}

ul.index-images {
	height: 393px;
	list-style-type: none;
	margin: 0 0 10px -10px;
	padding: 0;
	position: relative;
	width: 661px;
}
	ul.index-images li {
		background: none;
		left: 0;
		padding: 0;
		position: absolute;
		top: 0;
	}
	ul.index-images li.overlay {
		padding: 5px;
	}
		ul.index-images li.overlay div {
			border: 1px solid #cccccc;
			height: 386px;
			width: 649px;
		}

ul.news {
	margin: 0;
}
	ul.news li {
		background: none;
		padding: 0;
		margin-bottom: 1em;
	}
		ul.news li h4 {
			font-size: 1.3em;
			margin-bottom: 0.3em;
			text-transform: uppercase;
		}
			ul.news li h4 a {
				color: #666666;
				text-decoration: none;
			}
			ul.news li h4 a:hover {
				color: #e31836;
			}

div.side-block {
	padding: 14px 0 5px 0;
}
div.side-block-offer {
}
	div.side-block-offer a {
		color: #e31836;
		text-decoration: none;
	}
	div.side-block-offer a:hover {
		text-decoration: underline;
	}

form.default {

}
	form.default div.input-text {
		margin-right: 16px;
		overflow: visible;
	}
	form.default div.row {
		margin: 0 0 9px 0;
		overflow: hidden;
		position: relative;
	}
	form.default div.half-row {
		float: left;
		margin-right: 1%;
		width: 48%;
	}
	form.default input.text {
		padding: 2px 5px;
		width: 100%;
	}
	#js form.default label {
		display: block;
		margin-bottom: 0.2em;
	}
	#js form.default label.movable {
		color: #999999;
		display: none;
		padding: 3px 7px;
		position: absolute;
		text-align: left;
	}

form.calc {
}
	form.calc div.total-title {
		float: left;
		width: 12em;
	}
	form.calc div.total {
		color: #e31836;
		float: left;
		font-size: 2.33em;
		letter-spacing: -0.02em;
	}
	form.calc input.submit {
		border: 0;
		background: #ffffff;
		color: #000099;
		cursor: pointer;
		margin-left: -9px;
		text-decoration: underline
	}
div#total-row div.row {
	margin-bottom: 10px;
}
div.calc-wrapper {
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background: #cccccc;
	padding: 8px 10px 6px 10px;
	margin-bottom: 12px;
}

form.order-form {
}
	form.order-form div.row {
		margin-bottom: 10px;
	}
	form.order-form label {
		display: block;
		float: left;
		width: 20em;
	}
	form.order-form input.text {
		width: 20em;
	}


ul.services {
	bottom: 100px;
	margin: 2em 0 0 0;
	position: absolute;
	overflow: hidden;
	width: 99%;
}
	ul.services li {
		background: none;
		float: left;
		margin-bottom: 10px;
		padding: 0;
		text-transform: uppercase;
		width: 24.5%;
	}
		ul.services li a {
			color: #666666;
			display: block;
			font-size: 1.5em;
			padding: 10px 0 10px 75px;
			text-decoration: none;
		}
		ul.services li a:hover {
			color: #e31836;
		}
		ul.services li a.car {
			background: url("../../images/alliance_new/main/services/car.gif") 0px 10px no-repeat;
		}
		ul.services li a.car:hover {
			background: url("../../images/alliance_new/main/services/car.gif") 0px -110px no-repeat;
		}
		ul.services li a.kamaz {
			background: url("../../images/alliance_new/main/services/kamaz.gif") no-repeat;
		}
		ul.services li a.kamaz:hover {
			background: url("../../images/alliance_new/main/services/kamaz.gif") 0px -120px no-repeat;
		}
		ul.services li a.wheel {
			background: url("../../images/alliance_new/main/services/wheel.gif") no-repeat;
		}
		ul.services li a.wheel:hover {
			background: url("../../images/alliance_new/main/services/wheel.gif") 0px -120px no-repeat;
		}
		ul.services li a.building {
			background: url("../../images/alliance_new/main/services/building.gif") 0px 3px no-repeat;
		}
		ul.services li a.building:hover {
			background: url("../../images/alliance_new/main/services/building.gif") 0px -117px no-repeat;
		}
		
table.calculate-results {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 99.5%;
}
table.calculate-results th {
	background: #666666;
	border: 1px solid #cccccc;
	color: #ffffff;
	font-weight: normal;
	padding: 3px;
	text-align: center;
}
table.calculate-results td {
	border: 1px solid #cccccc;
	padding: 3px;
	text-align: center;
}
table.calculate-results tr.odd td {
	background: #f5f5f5;
}

/* - Common classes */


/* + Layout */

div.header {
	height: 90px;
	margin: 0 0;
	padding: 15px 10px 0 10px;
	overflow: hidden;
	position: relative;
}
/*
img.header-logo {
	float: left;
	margin: -30px 0 0 0;
	height: 130px;
	width: 253px;
}*/
img.header-logo {
	float: left;
	margin: 10px 0 0 0;
	height: 81px;
	width: 200px;
}

img.print-logo {
	background: #e31836;
	float: left;
	margin: 0 20px 20px 0;
	height: 81px;
	width: 200px;
}

div.header-phone {
	color: #e31836;
	float: right;
	font-size: 3.33em;
	line-height: 100%;
	letter-spacing: -0.04em;
	padding: 28px 0 0 0;
}
	div.header-phone span.code {
		color: #666666;
	}

address.header-address {
	bottom: 22px;
	font-size: 1.2em;
	left: 50%;
	margin-left: -20%;
	position: absolute;
	text-align: center;
	width: 40%;
}

ul.main-menu {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	font-size: 1.2em;
	margin: 23px 10px 0 10px;
	overflow: hidden;
	text-transform: uppercase;
}
	ul.main-menu li {
		background: url("../../images/alliance_new/main-menu/li.gif") 0 50% no-repeat;
		float: left;
		padding: 9px 20px 9px 24px;
	}
		ul.main-menu li a {
			color: #666666;
			text-decoration: none;
		}
		ul.main-menu li a:hover {
			color: #e31836;
		}
	ul.main-menu li.first {
		background: none;
		padding-left: 11px;
	}

div.new_banners {
	margin: 15px 0;
	height: 70px;
}
div.new_banners a,
div.new_banners span {
	overflow: hidden;
	float: left;
	width: 255px;
	height: 70px;
	margin: 0 10px;
}

div.main {
	margin: 10px 10px 0 5px;
	overflow: hidden;
}

div.rside-index {
	margin-left: 686px;
	padding-bottom: 100px;
}

div.rside-inner {
	margin-left: 28%;
	padding: 20px 0 200px 0;
}

div.lside-index {
	float: left;
	padding: 0 10px 100px 10px;
	width: 641px;
}

div.lside-inner {
	float: left;
	padding: 20px 0 200px 0;
	width: 25%;
}

ul.lside-menu {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	padding: 0 0 5px;
}
	ul.lside-menu li {
		background: none;
		font-size: 1.2em;
		margin-bottom: 1.1em;
		padding: 0 0 0 10px;
		text-transform: uppercase;
	}
		ul.lside-menu li a {
			color: #666666;
			text-decoration: none;
		}
		ul.lside-menu li a:hover {
			color: #e31836;
		}

div.footer {
	border-top: 1px solid #cccccc;
	bottom: 0;
	height: 60px;
	padding: 28px 0px 0 0px;
	position: absolute;
	width: 100%;
}

div.print-footer {
	border-top: 1px solid #cccccc;
	height: 60px;
	padding: 28px 10px 0 10px;
}
div.footer-copyrights {
	float: left;
	padding-left: 10px;
}
address.footer-address {
	margin: 0 21% 0 25%;
}
div.footer-developers {
	float: right;
	padding-right: 10px;
	width: 19%;
}
	div.footer-developers a {
		color: #666666;
		text-decoration: none;
	}
	div.footer-developers span {
		color: #000099;
		text-decoration: underline;
	}

div.print-results {
	font-size: 1.2em;
	margin: 20px;
}
div.print-results p {
	margin-bottom: 0.3em;
}
div.print-results table {
	margin-top: 20px;
}
/* - Layout */

#googleMap {
	height: 200px;
}
#submit-row {
	margin-bottom: 0.5em;
}
