@charset "UTF-8";  
.caption{
    font-family: 'PT Sans Caption';
}
/* common */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
table{
	border-spacing: 0;
}
img{
	border: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
sup,sub{
	vertical-align: baseline;
}
input,button,textarea,select,optgroup,option{
 	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input:focus,
textarea:focus,
select:focus{
	outline: none;
}
input[type='checkbox'],
input[type='submit'],
input[type='reset'],
input[type='radio'],
input[type='image'],
button,
select,
option{
	cursor: pointer;
}
label{
	cursor: pointer;
	color: #383838;
}
html{
	height: 100%;
}
body{
    font-family: 'PT Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-align: left;
	color: #333;
	height: 100%;
}
hr{
	border: 0 none;
	border-top: dashed 1px #000;
	height: 0;
	color: #000;
	background: none;
}
.hr{
	clear: both;
	height: 4px;
}
a{
	text-decoration: underline;
	outline: none;
	color: inherit;
}
a:hover{
	text-decoration: none;
}
.clear{
	display: block;
	clear: both;
	height: 0;
}
.clearfix:before,
.clearfix:after{
	display: block;
	float: none;
	clear: both;
	content: '.';
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	opacity: 0;
	color: transparent;
}
/* off */
.warp{
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* header */
header{
}
.logo{
	padding: 30px 0 0;
}
nav{
	padding: 20px 0 0;
	font-size: 0.857em;
	line-height: 133%;
}
nav li{
	float: left;
	margin: 0 0 0 18px;
	text-transform: uppercase;
}
nav li:first-child{
	margin: 0;
}
nav li a{
	text-decoration: none;
}
nav li a:hover,
nav li.active a{
	font-weight: bold;
	color: #d20002;
}
.search{
	float: right;
	width: 141px;
	height: 17px;
	border: dotted 1px #bdbdbd;
}
.search input[type='text']{
	width: 129px;
	height: 15px;
	padding: 0 6px 2px;
	border: 0 none;
	background: none;
}
.search input[type='submit']{
	position: absolute;
	top: -1000px;
}
ul.lng{
	float: right;
	margin: 0 14px 0 0;
}
nav ul.lng li a:hover,
nav ul.lng li.active a{
	font-weight: normal;
}
nav ul.lng li.active a{
	cursor: default;
}
.pdf{
	float: right;
	padding: 31px 0 0;
}
.grid_1.push_5 > a > img{
	float: right;
}
/* header off */

/* content */
div[role='main']{
	padding: 31px 0 107px;
}
div[role='main'] h1,
div[role='main'] .title{
	font-size: 1.714em;
	line-height: 100%;
	color: #000;
	margin: 0 0 -7px;
}
.introduction{
	padding: 11px 0 0;
	font-size: 1.286em;
	line-height: 140%;
	color: #999;
	text-align: justify;
}
.menu,
.menu-desc{
	width: 100%;
	padding: 58px 0 0;
}
.menu-desc{
	padding: 31px 0 0;
}
.menu tr td,
.menu-desc tr td{
	width: 33.33%;
}
.menu-desc tr td{
	vertical-align: top;
	color: #000;
}
.red{
	background: #d20002;
}
.gray{
	background: #ccc;
}
.dotted{
	background: url('../images/dotted.png');
}
.menu tr td a{
	display: block;
	padding: 50px 20px 0;
	height: 120px;
	color: #000;
	font-size: 1.714em;
	line-height: 100%;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.menu tr td a:hover{
	background: rgba(255,255,255,0.5);
}
.menu tr td a b{
	display: block;
}
.submenu{
	color: #808080;
	font-size: 0.857em;
	line-height: 80%;
}
.submenu li{
	float: left;
	padding: 0 4px;
	border-left: solid 1px #808080;
}
.submenu li:first-child{
	border-left: 0 none;
	margin-left: -7px;
}
.submenu li a{
	display: block;
	white-space: nowrap;
	margin: -2px 0 -2px;
	padding: 1px 3px 4px;
	text-decoration: none;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.submenu li a:hover,
.submenu li.active a{
	color: #fff;
	background: #d20002;
}
.menu-desc h2{
	font-size: 1.286em;
	padding: 0 20px 20px;
}
.menu-desc tr td ul{
	padding: 0 20px;
}
.contacts{
	padding: 31px 0 0;
}
.contacts a{
	color: #d20002;
}
.map{
	width: 561px;
	margin: 42px 0 31px;
	border: solid 1px #abaaa6;
}
.profile .submenu{
	margin-left: -7px;
	padding-bottom: 42px;
}
.profile .submenu.big {
	margin-left: -4px;
}
.profile .submenu.big.bottom {
	margin-top: 32px;
}
.brands{
	color: #000;
	font-size: 0.857em;
	line-height: 80%;
	display: block;
	white-space: nowrap;
	margin: 0 0 -4px 5px;
	padding: 0 3px 3px;
}
.profile .submenu li{
	border-left: 0 none;
	border-right: solid 1px #808080;
	margin-bottom: 6px;
	padding: 0 4px;
}
.submenu li:first-child,
.submenu li:last-child{
	border-right: 0 none;
}
div[role='main'].profile h1{
	display: inline-block; *display: inline; zoom: 1;
	color: #333;
	font-size: 1.286em;
	line-height: 125%;
	padding: 0 2px;
	margin: 0 0 20px;
	background: #e6e6e6;
}
.demo{
	position: relative;
	margin: 0 0 13px;
}
.demo li{
	float: left;
	margin-left: 13px;
	position: relative;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.demo li > a{
	position: relative;
	display: block;
	overflow: hidden;
}
.demo li:last-child{
	float: right;
}
.demo li:first-child,
.demo li:last-child{
	margin-left: 0;
}
/*.demo li:last-child{
	position: absolute;
	right: 0;
	height: 100%;
}*/
.demo li a{
	text-decoration: none;
}
.demo .desc{
	position: absolute;
	left: 0;
	font-size: 12px;
	line-height: 150%;
	bottom: -83px;
	padding: 16px 0 0 20px;
	width: 213px;
	height: 67px;
	background: #e6e6e6;
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.demo a:hover .desc{
	bottom: 0;
}
.demo .desc span{
	display: block;
	color: #d20002;
}
.demo li a img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.demo li a img:first-child{
	position: static;
}
div[role="main"].profile.one h1{
	font-weight: bold;
	margin-bottom: 42px;
}
.profile_one h2{
	margin: 0 0 42px;
}
.profile_one h2 div{
	color: #808080;
}
.profile_one h3{
	display: inline-block; *display: inline; zoom: 1;
	color: #fff;
	padding: 0 3px 2px;
	background: #2d2d2d;
}
.profile_one .desc p{
	margin-bottom: 31px;
	line-height: 150%;
}
.text-right{
	text-align: right;
}
.examples{
	padding: 13px 0 0;
}
.examples li{
	float: left;
	font-size: 0;
	line-height: 0;
	margin: 0 0 13px;
	max-width: 470px;
}
.examples li:nth-child(2n){
	float: right;
}
.video{
	padding-bottom: 31px;
}
div[role='main'].profile.one.two ul.submenu.big{
	font-size:  1.286em;
}
div[role='main'].profile.one.two ul.submenu.big.proactiv{
	margin-left: -11px;
	padding: 0 0 8px;
}
div[role='main'].profile.one.two ul.submenu.big li{
	height: 14px;
	border: 0;
	padding: 0 4px;
	border-left: solid 2px #808080;
}
div[role='main'].profile.one.two ul.submenu.big.proactiv li{
	font-style: italic;
}
div[role='main'].profile.one.two ul.submenu.big li:first-child{
	border: 0;
	margin-left: -8px;
}
div[role='main'].profile.one.two ul.submenu.big li.active:first-child{
	border: 0;
	margin-left: 0;
}
div[role='main'].profile.one.two ul.submenu.big h1{
	font-size: inherit;
	line-height: 80%;
	margin: -6px 0 -2px;
	padding: 4px 8px 4px;
	position: relative;
	top: -2px;
	font-weight: bold;
}
div[role='main'].profile.one.two ul.submenu.big.proactiv h1{
	color: #8e8e8e;
	background: none;
}
div[role='main'].profile.one.two ul.submenu.big li a{
	margin: -6px 0 -2px;
	padding: 4px 8px 4px;
}
div[role='main'].profile.one.two ul.submenu.big li a:hover{
	color: #333;
/*	font-weight: bold;*/
	background: #e6e6e6;
}
div[role='main'].profile.one.two ul.submenu.big.proactiv li a:hover{
	color: #8e8e8e;
	background: none;
}
.proactive h2{
	font-size: 21px;
	line-height: 24px;
}
.proactive h2,
.proactive h2 div{
	color: #000;
}
.proactive h2 div+span{
	color: #808080;
}
.pro_img{
	font-size: 0;
	line-height: 0;
	padding-bottom: 32px;
}
.proactive h3,
.proactive p{
	color: #000;
}
.proactive h3{
	color: #000;
	background: #c4c4c4;
}
.proactive .desc p{
	line-height: 120%;
}
.proactive .desc.big_p p{
	font-size: 21px;
	line-height: 23px;
}
.proactive .desc.big_p.not_so p{
	font-size: 14px;
	line-height: 18px;
}
.pager{
	color: #000;
	font-size: 18px;
	line-height: 100%;
	font-weight: bold;
	padding-bottom: 32px;
}
.pager a{
	text-decoration: none;
}
.proactive .desc.promo a{
	font-weight: bold;
	text-decoration: none;
}
.proactive .desc.promo a:hover{
	text-decoration: underline;
}
.promo .pager{
	margin-left: 32px;
}
.padded{
	padding-bottom: 32px;
}
div[role="main"].profile.one.two ul.submenu.big.proactiv li:first-child {
	margin-left: 0;
}
.proactive.video h2{
	margin-bottom: 24px;
}
.profile_one.proactive.video .desc p{
	margin-bottom: 24px;
}
/* content off */

/* footer */
footer{
	width: 960px;
	margin: -76px auto 0;
	height: 76px;
}
.border-top{
	border-top: solid 1px #999;
	padding: 0 0 20px;
}
.copy,
.phone,
.social .txt{
	font-size: 0.786em;
	line-height: 140%;
}
.address{
	color: #808080;
}
.phone{
	color: #d20002;
}
.social .icons,
.social .txt{
	float: right;
}
.social .icons li{
	float: left;
	margin: 4px 0 0 10px;
}
.social .txt span{
	display: block;
	color: #808080;
}
/* footer off */
























/* END */