@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Helvetica, Arial, sans-serif; /* with this settings 1em = 10px approx. */
	color: #000;
}

* { margin:0; padding:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline !important; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w115px { width: 115px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w225px { width: 225px; }
.w240px { width: 240px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w320px { width: 320px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w425px { width: 425px; }
.w440px { width: 440px; }
.w450px { width: 450px; }
.w475px { width: 475px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w530px { width: 530px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

.pb5px { padding-bottom:5px !important; }
.pb10px { padding-bottom:10px !important; }

.pt10px { padding-top:10px !important; }

.mb5px { margin-bottom:5px !important; }
.mb10px { margin-bottom:10px !important; }
.mb15px { margin-bottom:15px !important; }
.mb20px { margin-bottom:20px !important; }
.mb30px { margin-bottom:30px !important; }

.mt20px { margin-top:20px !important; }
.mt30px { margin-top:30px !important; }
.mt40px { margin-top:40px !important; }
.mt50px { margin-top:50px !important; }
.mt60px { margin-top:60px !important; }

strong { font-weight: bold; }

em { color: #fff; font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style: none;
	list-style-position: inside;
}

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

/* =Layout
-----------------------------------------------------------------------------*/

#wrapper {
	width: 950px;
	margin: 0 auto;
	/* border: 1px solid #eee; */ }
	
	#header {
		height: 70px;
		margin: 30px 0 0 0;
		background-color: #fff; }
		
		#brand {
			float: left;
			margin: 12px 0 5px 785px; }

			
	#main-content {
		position: relative;
		min-height: 335px; }
		
		#main-content.language {
			background: #E0E0E0 url(../img/bkg_languages.jpg) no-repeat left top;
			min-height: 405px; }
			
		#main-content.home {
			background: #517DA0 url(../img/bkg_home.jpg) no-repeat left top; }
			
		#main-content.section-home {
			min-height: 405px; }
			
			#main-content.section-home.compromise {
				background: #eee url(../img/bkg_section-home_compromise.jpg) no-repeat left top; }

			#main-content.section-home.catalog {
				background: #eee url(../img/bkg_section-home_catalog.jpg) no-repeat left top; }
			
			#main-content.section-home h1 {
				margin: 0;
				padding: 20px 30px; }

				
		#main-content.section {
			background: #fff url(../img/bkg_section.png) no-repeat left bottom;
			padding-bottom: 65px;
		}

			#main-content.section h1 {
				font-size:2.5em; }


	#main-navigation {
		margin: 0 0 5px 0; }
		
		#compromise-big {
			float: left;
			width: 412px;
			height: 115px;
			padding: 10px 30px;
			background-color: #67A5C9; }
			
		#catalog-big {
			float: right;
			width: 412px;
			height: 115px;
			padding: 10px 30px;
			background-color: #96BE0F; }

		#compromise {
			float: left;
			width: 412px;
			padding: 2px 30px;
			background-color: #67A5C9; }
			
			#compromise.right {
				float: right; }
							
		#catalog {
			float: right;
			width: 412px;
			padding: 2px 30px;
			background-color: #96BE0F; }
			
			#catalog.left {
				float: left; }
			
			
			
		#main-navigation ul li { float: left; margin: 0 1.5em 0 0; }oth
			
			#main-navigation ul li a {
				text-transform:uppercase; } 

		#main-navigation a:link, #main-navigation a:visited {
			color: #fff;
			text-decoration:none; }
	
		#main-navigation a:hover, #main-navigation a:active {
			color: #111; }
			
		#main-navigation a.active { color: #111; }

	
	#secondary-navigation {
		margin: 0 0 5px 0;
		padding: 2px 30px; }

		#secondary-navigation ul li { float: left; margin: 0 1.5em 0 0; }
			
			#secondary-navigation ul li a {
				letter-spacing: -1px;
				text-transform:uppercase; } 
	
		#secondary-navigation a:hover, #secondary-navigation a:active {
			text-decoration:none;
			color: #111;
		 }

		#secondary-navigation a.active {
			color: #111; }


	#tertiary-navigation {
		margin: 0 0 5px 0;
		padding: 2px 30px; }

		#tertiary-navigation ul li { float: left; margin: 0 1.5em 0 0; }
			
			#tertiary-navigation ul li a {
				text-transform:uppercase; } 
	
		#tertiary-navigation a:hover, #tertiary-navigation a:active {
			text-decoration:none;
			color: #111; }

		#tertiary-navigation a.active {
			color: #111; }


	#navigation-others {
		width: 890px;
		height: 21px;
		padding: 2px 30px;
		background-color: #F3F3EE;
		position: absolute;
		bottom: 40px; }
		
		#search-form {
			float: left; }
			
		#other-links {
			width: 700px;
			font-size: 1.1em;
			float: right;
			padding: 2px 0 0 0; }
		
			#other-links li {
				float: right;
				margin: 0 2em 0 0; }
				
				#other-links li.last { margin:0 !important; }
				
			#other-links li a {
				color: #555;
				text-transform: uppercase;
				text-decoration:none; }

			#other-links li a:hover, #other-links li a:active {
				text-decoration:none;
				color:#111; }


/* =Type
-----------------------------------------------------------------------------*/			
p {
	font-size: 1.2em;
	margin: 0 0 1.5em 0;
	color: #111; }

	p.caps {
		text-transform:uppercase;
		font-weight: bold; }
		
	p.highlighted {
		font-size:1.1em;
		line-height: 140%;
		padding: 20px 65px;
		background: #fff url(../img/icon_asterisk.png) no-repeat 30px 15px;
	}
	
	p.small {
		font-size:1.1em;
		line-height: 140%; }
		
	.legal-info p { color:#666;	}


h1 {
	font-size: 4.5em;
	font-weight: bold;
	line-height: 110%;
	text-transform:uppercase;
	color:#58585A;
	margin: 0 0 .5em 0; }

h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform:uppercase;
	color:#58585A;
	margin: 0 0 .5em 0; }
	
	h2.formula {
		color:#9c9d9f;
		text-transform:uppercase; }
		
		h2.formula span {
			font-size: 150%; }

h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform:uppercase;
	color:#58585A;
	margin: 0 0 .5em 0; }

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color:#58585A;
	margin: 0 0 .3em 0; }
	
ul {
	font-size: 1.2em; }
	
.white {
	color: #fff !important; }



/* =Classes
-----------------------------------------------------------------------------*/
a:link, a:visited {
	color: #555;
	text-decoration: none; }
	
a:hover, a:active {
	color: #999;
	text-decoration:underline; }

	.section a:link, .section a:visited {
		color:#67A5C9;
		text-decoration:underline; }

		.catalog .section a:link, .catalog .section a:visited {
			color:#96BE0F;
			text-decoration:underline; }

	.section a:hover, .section a:active {
		color:#999; }
	
	.language .col-a a:link, .language .col-a a:visited {
		color: #000; }
		

ul.link-list { margin: 0 0 2em 0; }
	
	ul.link-list li {
		text-transform:uppercase; }
		
	ul.link-list li a:link, ul.link-list li a:visited {
		color: #4c7b97;
		text-decoration:none; }

		.catalog ul.link-list li a:link, .catalog ul.link-list li a:visited {
			color: #96BE0F;
			text-decoration:none; }

	ul.link-list li a:hover, ul.link-list li a:active,
	.catalog ul.link-list li a:hover, .catalog ul.link-list li a:active {
		color: #111; }

		
	ul.link-list li a.active {
		font-weight: bold; }


ul.link-list-menu {
	margin: 0 0 2em 0;
	font-size: 1.1em; }
	
	ul.link-list-menu li {
		text-transform:uppercase; }
		
	ul.link-list-menu li a:link, ul.link-list-menu li a:visited {
		color: #555  !important;
		text-decoration:none  !important; }

	ul.link-list-menu li a:hover, ul.link-list-menu li a:active,
	.catalog ul.link-list-menu li a:hover, .catalog ul.link-list-menu li a:active {
		color: #111; }
		
	ul.link-list-menu li a.active {
		color: #4c7b97 !important;
		font-weight: bold; }

		.catalog ul.link-list-menu li a.active {
			color: #96BE0F !important; }


ul.link-list-horiz { margin: 0 0 2em 0; }
	
	ul.link-list-horiz li {
		float: left;
		margin: 0 2em 0 0;
		text-transform:uppercase; }
		
	ul.link-list-horiz li a:link, ul.link-list-horiz li a:visited {
		color: #4c7b97;
		text-decoration:none; }

	ul.link-list-horiz li a:hover, ul.link-list-horiz li a:active {
		color: #111; }


ul.links-sheet {
	font-size: 1.1em;
	padding:10px 0;
	text-transform:uppercase; }

		ul.links-sheet a:link, ul.links-sheet a:visited {
			color: #555  !important;
			text-transform: uppercase;
			text-decoration:none  !important; }
	
		ul.links-sheet a:hover, ul.links-sheet li a:active {
			text-decoration:none;
			color:#111; }


ul.links-formulas { }

	ul.links-formulas li {
		padding:10px 0 10px 20px;
		border-bottom:1px solid #9D9EA0; }
		
	ul.links-formulas li a:link, ul.links-formulas li a:visited {
		color:#9d93a0  !important;
		text-decoration:none !important; }

	ul.links-formulas li.caption {
		padding:5px 0 10px 0;
		color:#9d93a0;
		font-size: .9em;
		text-align: right;
		text-transform:uppercase; }

		ul.links-formulas li h2 {
			font-size: 1.1em;
			line-height: 140%;
			margin:0; }

			ul.links-formulas li h2 a:link, ul.links-formulas li h2 a:visited {
				color:#9d9ea0  !important;
				text-decoration:none  !important; }

			ul.links-formulas li h2 a:hover, ul.links-formulas li h2 a:active {
				color:#147214  !important; }

			ul.links-formulas li h2 a.active:link, ul.links-formulas li h2 a.active:visited {
				color:#147214 !important; }

		ul.links-formulas li p {
			color:#9d9ea0;
			font-size: 0.9em;
			line-height:140%;
			margin:0; }

		ul.links-formulas li p.active {
			color:#147214; }


ul.links-formulas-prod { }

	ul.links-formulas-prod li {
		padding:10px 0 10px 20px;
		border-bottom:1px solid #9D9EA0; }
		
	ul.links-formulas-prod li.caption a:link, ul.links-formulas-prod li.caption a:visited {
		color:#9d93a0  !important;
		text-decoration:none !important; }

	ul.links-formulas-prod li.caption {
		padding:5px 0 10px 0;
		color:#9d93a0;
		font-size: .9em;
		text-align: right;
		text-transform:uppercase; }

		ul.links-formulas-prod li h2 {
			font-size: 1.1em;
			color: #147214;
			line-height: 140%;
			margin:0; }
		
		ul.links-formulas-prod li ul {
			margin: 0;
			padding: 10px 0 0 0;
		}

		ul.links-formulas-prod li ul li {
			padding: 0;
			font-size:0.8em;
			border: none; }



.row {
	margin-top: 20px; }

.col-a {
	width: 158px;
	float: left;
	margin-right: 20px; }
	
.col-b-left {
	width: 412px;
	padding: 10px 30px;
	float: left; }

.col-b-right {
	width: 472px;
	padding: 10px 0;
	float: right; }
	
.col-c {
	width: 890px;
	padding:10px 30px; }
	
	.col-c.museum {
		width:920px;
		padding-right:0; }
	
.col-d {
	width: 300px;
	float: left;
	margin: 0 10px 0 0; }
	
.col-e-left {
	width: 260px;
	padding: 10px 0 10px 30px;
	float: left; }
	
.col-e-right {
	width: 580px;
	padding: 10px 30px 10px 0;
	float: right; }

.col-f-left {
	width: 260px;
	padding: 10px 0 10px 30px;
	float: left; }
	
.col-f-right {
	width: 620px;
	padding: 10px 0 10px 0;
	float: right; }	

.col-g-left {
	width: 320px;
	padding: 10px 0 10px 30px;
	float: left; }
	
.col-g-right {
	width: 540px;
	padding: 10px 30px 10px 0;
	float: right; }
	
.last { margin: 0; }


.cronology-row {
	/*border-bottom: 1px dashed #ccc;*/ }
	
	.cronology-row .event-image {
		width: 250px;
		float: left; }
	
	.cronology-row .event-data {
		width: 585px;
		padding: 0 0 30px 55px;
		float: right;
		background: #fff url(../img/bkg_cronology_timeline.png) repeat-y 20px top; }

		.cronology-row .event-data p {
			font-size:1.1em;
			line-height:140%;
			width: 370px; }
		
		.cronology-row .event-data h2 {
			font-size: 1.2em;
			font-weight: bold;
			margin: 0;
			text-transform:none; }

		.cronology-row .event-data h3 {
			font-size: 3.2em;
			font-weight: normal;
			text-transform: none;
			background: transparent url(../img/icon_cronology_year.png) no-repeat left 50% ;
			padding: 0 0 0 34px;
			margin: 0 0 0 -38px; }


.museum	{}

	.museum .row { margin: 0 0 2em 0; }

	.museum .data img {
		margin: 0 0 1em 0; }
	
	.museum .data p {
		font-size: 1.1em; }


.panel-a {
	background-color:#F2F2F2;
	padding: 20px;
}

	.panel-a h4 {
		color:#555;
		font-size: 1.1em;
		font-weight: bold;
		text-transform:uppercase;
		margin: 0;
		line-height: 140%; }
		
	.panel-a p {
		color:#555;
		font-size: 1.1em;
		margin: 0 0 1.5em 0;
		line-height: 130%; }
		
.panel-b {
	width: 610px;
	background-color:#fff;
	margin: 20px 0;
	padding: 15px 20px;
	float: right; }


.gallery { }

	.gallery .col-b-left {
		width: 442px;
		padding-right: 0  !important; }

	#gallery-text {
		width: 380px;
		float: left; }
	
	#gallery-thumbs {
		width: 35px;
		float: right; }
		
		#gallery-thumbs img {
			display: block;
			margin: 0 0 5px 0; }

	#gallery-images {
		padding: 0 0 20px 0; }
		
		#gallery-images img {
			display: block;
			margin: 0 0 5px 0; }


.search h2 {
	color: #999; }
	
	.search .col-b-right {
		width: 412px;
		padding: 55px 30px 0 20px; }
		
	.search .col-b-right ul { margin: 0 0 2em 0; }


.news {}
	
	.news .row { margin: 0; }
	
		.news .row .news-item {
			width:435px;
			float: left;
			border-top: 2px dashed #CACBCC;
			padding: 15px 0;
			margin: 0 20px 0 0; }
			
			.news .row .news-item .image {
				width:95px;
				float: left; }

			.news .row .news-item .data {
				width:320px;
				float: right; }
				
				.news .row .news-item .data h2 {
					text-transform:none;
					margin: 0; }
					
				.news .row .news-item .data p {
					font-size: 1.1em;
					margin:0; }

		.news .row .news-item.last {
			margin: 0; }
		
	.news .news-detail {
		border-top: 2px dashed #CACBCC;
		padding: 15px 0;
		margin: 0 20px 0 0; }
		
		.news .news-detail .image {
			width:300px;
			float: left; }
			
		.news .news-detail .data {
			width: 540px;
			float: right; }

.support {}

	.support .col-b-right {
		padding: 40px 0 0 0; }
		
		.support-col  {
			width: 226px;
			float: left; }
			
		.suppor-data {
			margin: 0 0 2em 0; }


.simple-sheet {}

	.simple-sheet .image, .simple-sheet-mm .image {
		width:300px;
		float: left; }

		.simple-sheet.accesories .image, .simple-sheet-mm.accesories .image {
			width: 240px;
			float: left; }
		
	.simple-sheet .data, .simple-sheet-mm .data {
		width:270px;
		float: right; }

		.simple-sheet.accesories .data, .simple-sheet-mm.accesories .data  {
			width:320px;
			float: right; }
		
		.simple-sheet ul.features, .simple-sheet-m ul.features {
			color:#9c9d9f;
			font-size: 1.1em; }

			.simple-sheet ul.features li, .simple-sheet-mm ul.features li {
				margin: 0 0 1em 0; }

			.simple-sheet ul.features li img, .simple-sheet-mm ul.features li img {
				float: left;
				margin: 0 1em 1em 0; }


.color-selector, .formula-color-selector {
	padding: 5px; }
	
	.color-selector .color-name,
	.formula-color-selector .color-name {
		border-bottom: 1px solid #ececec;
		margin:0 0 10px 0; }
	
	.color-selector ul,
	.formula-color-selector ul {
		font-size: 1em;
		color: #666; }

	.color-selector ul li,
	.formula-color-selector ul li {
		margin: 0 0 5px 0; }

		.color-selector ul li a.color-sample,
		.formula-color-selector ul li a.color-sample {
			width:30px;
			display: block;
			padding: 3px;
			margin:0 0 2px 0;
			background-color:#f5f5f5;
			border: 1px solid #f5f5f5; }

		.color-selector ul li a.active,
		.formula-color-selector ul li a.active {
			border: 1px solid #111; }	


.formula {}

	.formula .row {
		margin: 0 0 20px 0; }
		
	.formula .row img {
		float: left;
		margin: 0 20px 0 0; }

	.formula-icons {
		padding: 10px 0 0 0; }

	.formula-icons img {
		float: left;
		margin:0 5px 0 0; }

		.formula-icons img.last {
			margin:0; }


.videos {
	background: #82B51C url(../img/bkg_crash-test_videos.png) no-repeat 60px bottom !important; }

	.videos h1 {
		color: #fff !important;
		width: 200px;
		padding: 10px 0 0 0;
		float: left; }
		
	.videos #video-links {
		width:220px;
		float: left; }
		
	.videos #video-data {
		width: 370px;
		float: right; }


.products-sheet {}

	.products-list {}
	
		.products-list .products-col-a {
			width:150px;
			float:left;
		}
	
		.products-list .products-col-b {
			width:150px;
			float:right;
		}

	.products-sheet .image {
		width:240px;
		float: left; }

		.products-sheet.accesories .image {
			width: 240px;
			float: left; }
		
	.products-sheet .data {
		width:270px;
		float: right; }


.legal-info {
	padding: 10px;
	border:1px solid #96BE0F;
	background-color:#f5f5f5;
}


/* =Forms
-----------------------------------------------------------------------------*/

#search-form input[type="text"] {
	display: block;
	width: 150px;
	height: 17px;
	font-size: 1.1em;
	margin: 0 2px 0 0; }
	
#search-form input[type="image"] {
	display: block; }
	
select {
	padding: 1px; }
	

#registration .form-row { margin: 0 0 0.5em 0; }
	
	#registration .form-row.extra-margin { margin: 3em 0; }

#registration .error-messages {
	border:1px solid #DF58A8;
	color: #DF58A8;
	font-size: 1.1em;
	margin: 2em 0;
	padding: 1em;
	text-align:center; }

#registration em { color: #DF58A8; font-weight: bold; }

#registration label {
	display: block;
	color: #333;
	font-size: 1.1em; }
	
#registration input[type="text"] {
	color: #333;
	background-color: #ddd;
	border: none;
	font-size: 1.1em;
	padding: 0.2em; }

#registration input[type="checkbox"] {
	margin: 0 .4em 0 0;
	vertical-align:middle; }
	
#registration select {
	color: #333;
	background-color: #ddd;
	border: none;
	font-size: 1.1em;
	padding: 0.2em; }
	
#registration input[type="text"].error,
#registration select.error {
	border: 1px solid #DF58A8; }