@import url(http://fonts.googleapis.com/css?family=PT+Sans);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-size: 12px;font-family:'PT Sans', sans-serif; background:url(../img/renzler.gif);}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

html { overflow-x: scroll; overflow-y: hidden; }

html, body { cursor: default; height: 100%;}

a {
	outline: none;
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
}

#preloader {
	width:100%;
	height:100%;
	background: #efefef;
	position: fixed;
	z-index: 50000;
}

#preloaderAnim {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 32px;
   height: 32px;
   margin-top: -16px; /* Half the height */
   margin-left: -16px; /* Half the width */
   z-index: 50001;
   background: url(../images/ajax-loader.gif) no-repeat;
}

#parallax { width: 11520px; height: 100%; }

div.abs { position: absolute; }
div.fix { position: fixed; }

.header_container{
	width: 100%;
	height:118px;
	background: url(../images/menu_bg.png);
	position:fixed;
	top: 0px;
	z-index:2000;	
}

#header {
	position: fixed;
	width: 960px;
	height: 104px;
	z-index: 100;
	background: url(../images/top-menu-black.png) no-repeat top;
	left: 50%;
	margin-left: -480px;
	top: 0;
}
#header div
{
    float:left;
}
#header .apachelogo
{
    padding-top:10px;
    padding-left:10px;
}
#header .toplinks 
{
    padding-top:15px;
    padding-right:10px;
    font-family: 'PT Sans', sans-serif;
    float:right;
}
#header .toplinks a
{
    
    font-family: 'PT Sans', sans-serif;
    color:#999;
    font-size:10px;
    text-decoration:none;
    float:left;
}
#header .toplinks a.spacer
{
    padding:0px 8px;
}
#header .topmenu
{
    margin-top:10px;
    width:840px;
    
    
}

#scroll_menu 
{
    margin-left:395px;
    top: 115px;
    width:454px;
    height:29px;
    background-image:url('../images/abs180/abs-features-link.png');
    z-index:900;
    position:fixed;
    float:left;
}
*+ html #scroll_menu{margin-left:-350px; }
#scroll_menu a {
	display: block;
	float: left;
	height: 29px;
	text-indent: -9000px;
}
#scroll_menu .smenu_b0 {
	width: 81px;
}
#scroll_menu .smenu_b1 {
	width: 95px;
}
#scroll_menu .smenu_b2 {
	width: 83px;
}
#scroll_menu .smenu_b3 {
	width: 102px;
}
#scroll_menu .smenu_b4 {
	width:83px;
}
#scroll_menu .smenu_b5 {
	width: 87px;
}
.footer_container{
	width: 100%;
	position:fixed;
	top: 600px;
	height:100%;
	bottom:0px;
	z-index:10;
	margin-left: 195px;
}

.footer_bg {
	width: 961px;
	background: url(../images/abs180/bottom.png) no-repeat top;
	height: 55px;
}

#footer {
	position: fixed;
	width: 960px;
	height: 63px;
	z-index: 1000;
    color:#fff;
    margin-top:15px;
	padding-left:20px;
	
}
#footer div 
{
    float:left;
}
#footer .btmline
{
    width:2px;
    padding:0px 15px 0px 15px;
}
#footer .btmmenu
{
    width:145px;
}
#footer .btmmenu li
{
    margin-bottom:3px;
}
#footer .btmmenu li.hd
{
    font-weight:bold;
    color:#9A9A9A;
    margin-bottom:15px;
}
#footer .btmmenu li.hd a
{
    font-weight:bold;
    color:#9A9A9A;
}
#footer .btmmenu li a
{
    color:#333;
    text-decoration:none;
    margin-bottom:3px;
}
#footer .btmmenu li a:hover
{
    color:#333;
    text-decoration:underline;
}
#footer .btmmenu .bul
{
    height:102px;
}
/**/
.bikename
{
    z-index: 900; position: fixed; top: 150px;
}
*+html .bikename
{
    margin-left:-670px;
}
.testride
{
    margin-left:40px;
    top: 590px;
    width:240px;
    height:41px;
    z-index:900;
    font-size:14px;
    font-weight:bold;
    color:#f00;
    position:fixed;
}
*+html .testride 
{
    margin-left:-630px;
}
.testride a
{
    color:#f00;
    font-size:13px;
    font-weight:bold;
}
h2 
{
    color:#fff;
    font-size:13px;
}
.gsplit 
{
    color:#999;
}
.rfont 
{
    color:#f00;
}


.hot_point{
	background: url(../images/abs180/hot-spot.png) no-repeat;
	width: 32px;
	height: 33px;
	cursor:pointer;
}

.galery_thumb{
/*	margin-left:25px;
	float:left;
	margin-top: 25px;*/
	border:3px white solid;
	border-radius:5px;
	position:absolute;
}

.close_btn{
	background:url(../images/abs180/features/features/close.png) no-repeat;
	width: 29px;
	height: 29px;
	display:block;
	cursor:pointer;
	top: 0px;
	right: 20px;
	position:absolute;
}

.hot_point_content, .hot_point_content2{
	width: 370px;
	position:absolute;
	display: none;
	/*border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;*/
	padding: 10px;
}

.hot_point_img{
	position:absolute;

}

.hot_point_container, .hot_point{
	position:absolute;
}

.hot_point_content{
	z-index: 33;
}

.hot_point_content h3, .form_container form h3, .hot_point_content2 h3{
	color:#b00000;
	font-size:15px;
      font-family: 'PT Sans', sans-serif;
	font-style:italic;
	 	
}

.hot_point_content p, .hot_point_content2 p{
      font-family: 'PT Sans', sans-serif;
	color:#000;
	font-style:italic;
	line-height: 20px;
}

.form_container{
	width:370px;
	background: url(../images/hot_points_bgr.png) repeat;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
	color:#FFFFFF;
}

.form_container form, #katalogus_letoltes{
    border: 1px solid #494949;
    border-radius: 5px 5px 5px 5px;
	padding: 35px;
}

.form_container form h3{
	text-align:center;
}

input[type="text"]{
	width: 300px;
	height: 45px;
	background:	url(../images/input_text_bgr.png) no-repeat;
	border:none;
	color:#FFFFFF;
	padding-left:5px;
	line-height:45px;
}

input[type="text"].error{
	border: 1px solid red;
}

.form_container form p{
	line-height: 35px;
}

label{
	line-height: 35px;
	cursor: pointer;
}

label.error{
	color: red;
	font-size: 12px;
	font-weight: bold;
}

input[type="button"], .letoltes_button{
	background:url(../images/letoltes_btn.png) no-repeat;
	width: 304px;
	height: 66px;
	color:#000000;
	font-size:45px;
     font-family: 'PT Sans', sans-serif;
	font-style:italic;
	border: none;
	text-align:center;
/*	margin-top: 20px;*/
	cursor: pointer;	
}

#katalogus_letoltes a{
	text-decoration:none;
}

.letoltes_button{
	line-height: 66px;
	font-size: 33px;
}

/*.katalogus_download{
	background:url(../images/letoltes_btn.png) no-repeat;
	width: 304px;
	height: 66px;
	color:#000000;
	font-size:45px;
	font-weight:bold;
	font-style:italic;
	border: none;
	text-align:center;
	cursor: pointer;
	font-size: 30px;
}*/



.tablazat{
    left: 50%;
    margin-left: -480px;
    position: fixed;
    width: 960px;
    z-index: 1500;
	top: 0px;
	background:#dcdbe0;
	/* display:none; */
}

.tablazat .close_btn{
	right: -30px;
}

table.felszereltseg_tablazat{
	margin:0 auto;
	margin-top: 0px;
	border:1px solid #000000;
	border-collapse:collapse;
	background:#FFFFFF;
/*	margin-bottom: 800px;*/
}

table.felszereltseg_tablazat tr{
	line-height: 22px;
}

table.felszereltseg_tablazat th{
	background:url(../images/buttons/arrow_bgr4.png) no-repeat 935px -3px;
	padding-right: 10px;
	height: 32px;
	line-height: 32px;
}

table.felszereltseg_tablazat th.selected{
	background:url(../images/buttons/arrow_bgr4.png) no-repeat 935px -43px;
	padding-right: 10px;	
}

table.list{
	border-collapse:collapse;
	width: 100%;
}

table.list td{
	padding-left: 10px;
}

table.list td{
	border:1px solid #000000;
	text-align:center;
	color:#fff;
}


table.list td:first-child{
	text-align:left;
}

table .rheader{
	background:#bec3c6;
	color:#a90101;
	text-transform: uppercase;
      font-family: 'PT Sans', sans-serif;
	text-align:left;
	border:1px solid #000000;
	font-weight: normal;
}

table .rheader th{
	padding-left: 10px;
	font-weight: normal;
	cursor: pointer;
	text-align:left;
}

table.list table td{
	border: none;
	text-align:left;
	padding-left: 0px;
}

table.list td:first-child{
	width: 61%;
	text-align:left;
}

table.list table tr td:first-child{
	width: 30%;
}

.color_select{
	border:none;
	margin-bottom: 11px;
}

.product {
    border: 7px inside #f2f2f2;
	border-radius: 3px;
	background: #f2f2f2;

	/* border-radius: 266px 266px 266px 266px;
	
	border-top-left-radius: 266px 200px;
	border-top-right-radius: 266px 200px;
	border-bottom-left-radius: 266px 200px;
	border-bottom-right-radius: 266px 200px;
	
	-moz-border-radius-topleft: 266px 200px;
	-moz-border-radius-topright: 266px 200px;
	-moz-border-radius-bottomleft: 266px 200px;
	-moz-border-radius-bottomright: 266px 200px; */
	
	transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);

	/* transform-style: preserve-3d; 
	transform: rotateZ(-3deg);
	-moz-transform-style: preserve-3d; 
	-moz-transform: rotateZ(-3deg);
	-webkit-transform-style: preserve-3d; 
	-webkit-transform: rotateZ(-3deg); */
	
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	
}

.product img {
	border: none;
	border-radius: 3px;
	background: none;
	
	transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

.color_select {
	transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
}

.color_select{
	display: block;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
}

/* div {
	-webkit-transform: translate3d(0px,0px,0px); 
}
img {
	-webkit-transform: translate3d(0px,0px,0px); 
}
a {
	-webkit-transform: translate3d(0px,0px,0px); 
}
table {
	-webkit-transform: translate3d(0px,0px,0px); 
} */

#muszaki_adat_tablazat {
	margin-top: -1000px;
/*	height: 653px;*/
	background: #FFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#felszereltseg_tablazat {
	margin-top: -1000px;
/*	height: 653px;*/
	background: #FFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

/*footer position fix*/

.muszaki_adatok_container .tablazatok_a{
	width: 110px;
	margin: 0 auto;
	cursor: pointer;
	height: 40px;
	top: 10px;
	position:relative;
	left: 27px;
	margin-right: 10px;
}

#muszaki_adat_a, #felszereltseg_a{
	z-index:900;
}

.muszaki_adatok_container a{
	display: block;
	float:left; 
}

.suzuki_logo_felso{
	left: 0px;
	width: 63px;
	height: 63px;
	margin: 0px 20px;
}

.hat_felso{
	width: 20px;
	height: 10px;
	margin-top: 25px;
	margin-left: 175px;
}

/*katalogus letolto oldal*/

.katalogus_download_container{
	width: 100%;
	height: 520px;
	background:url(../images/bg_black_short_katalogus.jpg) repeat-x -205px 0px;
	position:relative;
	top: 76px;
}

.katalogus_gomb_container{
	position:relative;
	left: 50%;
	margin-left: -185px;
	top: 190px;
}

.back_sport_site{
	background:url(../images/vissza.png) no-repeat;
	width: 187px;
	height: 24px;
	position:absolute;
	right: 0px;
	bottom: 20px;
}

.player-container{
	position:relative;
	z-index: 33333333;
}

#pontanim1 {
	position: absolute;
	background: transparent url(../images/pont_sprite.png) 0 0 no-repeat;
	width: 66px;
	height: 66px;
	overflow: hidden;
	left: 591px;
	top: 181px;
}

#pontanim2 {
	position: absolute;
	background: transparent url(../images/pont_sprite.png) 0 0 no-repeat;
	width: 66px;
	height: 66px;
	overflow: hidden;
	left: 626px;
	top: 256px;
}

a#belso_1 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/ulesek_s.png) 0px 0px no-repeat;
}
a#belso_1:hover {
	background-position: 0px -230px;
}

a#belso_2 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/pedal_s.png) 0px 0px no-repeat;
}
a#belso_2:hover {
	background-position: 0px -230px;
}

a#belso_3 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/kormany_s.png) 0px 0px no-repeat;
}
a#belso_3:hover {
	background-position: 0px -230px;
}

a#belso_4 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/himzes_s.png) 0px 0px no-repeat;
}
a#belso_4:hover {
	background-position: 0px -230px;
}

a#belso_5 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/valto_s.png) 0px 0px no-repeat;
}
a#belso_5:hover {
	background-position: 0px -230px;
}

a#belso_6 {
	display: block;
	width: 228px;
	height: 230px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/slide_4/legzsak_s.png) 0px 0px no-repeat;
}
a#belso_6:hover {
	background-position: 0px -230px;
}

a.button_360_1 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_1_s.png) 0px 0px no-repeat;
}
a.button_360_1:hover {
	background-position: 0px -45px;
}

a.button_360_2 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_2_s.png) 0px 0px no-repeat;
}
a.button_360_2:hover {
	background-position: 0px -45px;
}

a.button_360_3 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_3_s.png) 0px 0px no-repeat;
}
a.button_360_3:hover {
	background-position: 0px -45px;
}

a.button_360_4 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_4_s.png) 0px 0px no-repeat;
}
a.button_360_4:hover {
	background-position: 0px -45px;
}

a.button_360_5 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_5_s.png) 0px 0px no-repeat;
}
a.button_360_5:hover {
	background-position: 0px -45px;
}

a.button_360_6 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_6_s.png) 0px 0px no-repeat;
}
a.button_360_6:hover {
	background-position: 0px -45px;
}

a.button_360_7 {
	display: block;
	width: 303px;
	height: 45px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url(../images/buttons/colors/360_button_7_s.png) 0px 0px no-repeat;
}
a.button_360_7:hover {
	background-position: 0px -45px;
}
.abstitle
{
    width:280px;color:#fff;font-family: 'PT Sans', sans-serif;font-size:16px;font-weight:bold;
}
.abscontent
{
    width:280px;color:#9A9899;font-family: 'PT Sans', sans-serif;font-size:11px;text-align:justify;line-height:15px;
}
.colourtitle
{
    width:280px;color:#fff;font-family: 'PT Sans', sans-serif;font-size:25px;
}
td
{
    color:#CDCDCD;
    font-family: 'PT Sans', sans-serif;
    font-size:13px;
    
}
.classtdtitile
{
    color:#fff;
    font-family: 'PT Sans', sans-serif;
    font-size:14px;
    font-weight:bold;
}