@import url("../../../templates/extrime_tuning/css/customise.css");

/* $1 - Standard Elements
----------------------------------------------------------------------------*/
html {min-height: 100%;}

p,code,ul {padding-bottom: 1.2em;}

/* $2 - Structural Stylings
----------------------------------------------------------------------------*/
.container {
	background: #2a3349;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 20px 10px;
	width: 760px;
	opacity:0.8;
}

/* $3 - Header
----------------------------------------------------------------------------*/
.top {
	padding: 50px 10px 0;
	opacity: 0.8;
}

/* $4 - Title
----------------------------------------------------------------------------*/
.header {
	background: #2a3349;
	font-size: 1.2em;
	height: 180px;
	margin: 0 auto;
	padding: 20px 20px 0px;
	width: 760px;
}
.header .left, .header .right {
	background: #2a3349;
	color: #FFF;
	height: 180px;	
}
.header .left {
	font: normal 1.8em Arial, "Trebuchet MS",sans-serif;
	text-align: right;	
	width: 780px;
}

.left a, .left a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 125px 10px 0 0;
}

.left a:hover {
	/*text-decoration: underline;*/
}

.sponsors_container {
	background: #2a3349;
	height: 55px;
	margin: 0 auto;
	width: 760px;
	padding: 20px 20px 0;
}

.sponsors {
	background: #FFF;
	height: 55px;
	width: 760px;
}

/*.header .right {
	overflow: auto;
	width: 212px;
}

.header .right .moduletable{
        padding: 0 5px 3px 10px;
}*/

.info {
	background: #2a3349;
	font-size: 1.2em;
	height: 30px;
	margin: 0 auto;
	padding: 0 20px 25px;
	width: 760px;
}
.info .news, .info .calendar {
	background: #2a3349;
	color: #FFF;
	height: 29px;	
}
.info .news {
	font: 1.3em Arial,Tahoma,sans-serif;
	background: url(../../../templates/extrime_tuning/images/header-pro.jpg) no-repeat;
	width: 780px;
	float: left;
}

.info .calendar {
	float: right;
	width: 380px;
}

.info h1 {
	color: #FFF;
	font: 1.2em Arial,Tahoma,sans-serif;
	width: 380px;
	background: url(../../../templates/extrime_tuning/images/header_info.jpg) no-repeat;
	text-transform: uppercase;
	padding: 6px 0 6px 10px;
	margin: 0;
}

.news ul {
	/*padding: 10px 0 10px 40px;*/
	overflow: hidden;
	padding: 0;
	margin: 4px 0;
}

.news li {
	float: left;
}

.news li a{
	color: #c7c7c7;
	text-decoration: none;
	text-transform: uppercase;
	padding:0 20px;
}
.news a:hover {
	color: #FFF;
}


.calendar .month1, .calendar .month2 {
	color: #000;
	height: 100px;	
}
.calendar .month1 {
	width: 176px;
	float: left;
}

.calendar .month2 {
	float: right;
	width: 176px;
}

.calendar .month1 h2 {
	color: #FFF;
	font: 1em Arial,Tahoma,sans-serif;
	width: 180px;
	background: url(../../../templates/extrime_tuning/images/header-month-left.jpg) no-repeat;
	text-transform: uppercase;
	padding: 3px 0;
	text-align: center;
	margin: 5px 0;
}

.calendar .month2 h2 {
	color: #FFF;
	font: 1em Arial,Tahoma,sans-serif;
	width: 180px;
	background: url(../../../templates/extrime_tuning/images/header-month-right.jpg) no-repeat;
	text-transform: uppercase;
	padding: 3px 0;
	text-align: center;
	margin: 5px 0;
}

.monthbody {
	background: #cecece;
	min-height: 80px;
	padding: 5px;
}

/*.info .calendar .moduletable{
        padding: 0 5px 3px 10px;
}*/

/* $5 - Main
----------------------------------------------------------------------------*/
.maintop {
	height: 10px;
	background: url(../../../templates/extrime_tuning/images/bgmain-top.jpg) no-repeat;
}

.main {
	/*background: url(../../../templates/extrime_tuning/images/bgmain.gif) repeat-y;*/
}

.mainbottom {
	height: 10px;
	background: url(../../../templates/extrime_tuning/images/bgmain-bottom.jpg) no-repeat;
}

/* $6 - Content
----------------------------------------------------------------------------*/
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 380px;
	color: #FFF;
}

.cont_foto {
	float: right;
	margin: 10px 0;
	width: 340px;
}

.mainmenu {
	float: left;
	width: 700px;
}

.search {
	float: right;
	width: 200px;
}

.message_head a { 
	color: #5A5A43;
	font-size: 0.8em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
	font-weight: bold;
}
.message_body ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.message_body li {border-bottom: 1px solid #EAEADA;}
.message_body li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.message_body li a:hover {
	background: #8ec6f2;
	color: #654;	
}


/*  âåðõ */

.tuning {
	float: left;
	width: 175px;
	height: 180px;
	margin-right: 20px;
	background: url(../../../templates/extrime_tuning/images/tunnig.jpg) no-repeat center;
	opacity: 0.3;
}

.service {
	float: left;
	width: 175px;
	height: 180px;
	margin-right: 20px;
	background: url(../../../templates/extrime_tuning/images/service.jpg) no-repeat center;
	opacity: 0.3;
}

.other {
	float: left;
	width: 175px;
	height: 180px;
	margin-right: 20px;
	background: url(../../../templates/extrime_tuning/images/other.jpg) no-repeat center;
	opacity: 0.3;
}

.snowmobile {
	float: left;
	width: 175px;
	height: 180px;
	background: url(../../../templates/extrime_tuning/images/snowmobile.jpg) no-repeat center;
	opacity: 0.3;
}

.tuning:hover, .service:hover, .other:hover, .snowmobile:hover {
	opacity: 1;
}

.tuning.active, .service.active, .other.active, .snowmobile.active {
	opacity: 1;
}

/*.lefttop a, .leftbottom a, .righttop a, .rightbottom a {
	opacity: 1;
	font-size: 24px;
	color: white;
	text-decoration: none;
}*/

.bannergroup {
	width: 780px;
	height: 55px;
}

.banneritem {
	/*float: left;*/
	padding: 2px 5px;
	display: table-cell;
	height: 55px;
	padding: 0px 17px;
	vertical-align: middle;
	margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? “0? : (parentNode.offsetHeight - this.offsetHeight)/2 + “px”);
}

.up {
	text-align: right;
}

.player {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}