html, body { margin: 0px; padding: 0px; height:100%;}

* { border: 0px; margin_: 0px; padding: 0px; font-family: Arial; font-size: 13px; color: #000000; }


a { color: #FF6C00; text-decoration: none; }
a:hover { color: #000000; }
#logo {left: 50%; margin-left: -458px; top:26px; position: absolute; z-index: 1;}
#logo_reservation { left: 50%; margin-left: 221px; top:38px; position: absolute; z-index: 10;}

#page { width: 960px; left: 50%; margin-left: -480px; min-height:100%; position: relative; }
/*#page { width: 960px; left: 50%; margin-left: -480px; position: absolute; }*/

#page * { margin: 0px; }
#header { width: 960px; height: 110px; background: #000000; }
#menu { width: 960px; height: 50px; background: #000000; }
#menu ul { float: right; list-style: none; }
#menu li { float: left; line-height: 50px; border-left: 1px #ffffff solid; padding: 0px 20px 0px 10px; }
#menu li a { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; }
#menu li a:hover { color: #FF6C00; }
#content { width: 960px; padding: 25px 0px 200px 0px; }
#content h1 { background: #000000; color: #ffffff; height: 38px; line-height: 38px; font-size: 36px; font-weight: bold; padding: 5px 10px; float: left; clear: left; text-transform: uppercase; margin-left: 10px;}

#content #indexbox h2 { font-size: 18px; font-weight:normal;}
#content #indexbox h2 a { font-size: 24px; font-weight:bold; color:#333333;}

#content #indexbox table { width: 720px; }
#content #indexbox table td.kep {width:120px; padding: 10px; }


#footer { width: 960px; height: 175px; background: #000000; border-top: 6px #999999 solid; position: absolute; bottom: 0px;}
/*#footer { width: 960px; height: 175px; background: #000000; border-top: 6px #999999 solid; }*/
#footer * { color: #ffffff; line-height: 18px; }
#article { padding-top: 20px; }

#frm_booking_right { vertical-align: top; padding-left: 60px; }
#frm_booking_left h2, #frm_booking_right h2 { margin-top: 30px; padding: 0px 0px 15px 60px; height: 42px; line-height: 42px; font-size: 24px; font-weight: bold; background: url('/design/step-nr-bg.png') top left no-repeat;}
#frm_booking_left { vertical-align: top; }
p.form { padding: 5px 0px 20px 60px; }
#from_ts, #to_ts { border: 1px #d9d9d9 solid; background: #f9f9f9; padding: 2px 5px; height: 20px; color: #000000; width: 170px; }

#choose_bike { width: 100%; }
#choose_bike td { padding-bottom: 15px; }
#choose_bike table td { padding-bottom: 0px; }
#choose_bike .bike_cat { color: #9b9b9b; font-size: 22px; font-weight: bold; width: 180px;  }
#choose_bike .neme { color: #9b9b9b; font-size: 16px; font-weight: bold; width: 80px; }
.promo { width: 160px; height: 21px; border: 1px #d9d9d9 solid; background: #f9f9f9; padding: 2px 5px; font-size: 12px; }
.contact { width: 260px; height: 21px; border: 1px #d9d9d9 solid; background: #f9f9f9; padding: 2px 5px; }
.contact2 { width: 360px; height: 150px; border: 1px #d9d9d9 solid; background: #f9f9f9; padding: 2px 5px; }
.contact3 { font-size: 18px; background: #ff6d00; border: 1px #dbd9da solid; padding: 8px 15px; font-weight: bold; }
#txt { width: 360px; }
#txt * { font-size: 14px; }
#txt td { vertical-align: top; padding: 2px 0px; }
#txt table { width: 100%; border-bottom: 1px #000000 solid; }
#txt table td { font-weight: bold;}

.promo{vertical-align:top;}
.discount-label{background-color:#FF6D00; padding:2px 5px; margin:0 0 10px 0; display:inline-block; height:21px; line-height:21px; float:right; border:1px solid #ff6600; border-radius:2px; vertical-align:top;}
div.sysmessage{margin: 20px 0 10px 0; padding:10px; background-color:#02d656; color:#121212; font-size:16px; font-weight: bold;}

.image_gallery_item{width:290px; margin:15px !important; float:left; cursor:pointer}

.image_gallery_item .item_data{height:60px; position:relative; padding-top:10px;}

.image_gallery_item img{max-width:290px; max-height:290px; border:0 none transparent}

.image_gallery_item h2.image_title{color:#fff; background-color:#212121; padding:3px; font-size:16px; text-transform:uppercase; float:left}
.image_gallery_item span.image_price{ float:right; color:#FF6D00; padding:3px; font-size:16px; font-weight:bold;}

.floatleft{float:left;}

.floatright{float:right;}

span.filter_l{vertical-align:top; padding-top:8px; width:150px; display:inline-block;}

#gallery_filter label, #gallery_filter_new label, #gallery_filter_acc label{padding:3px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:12px; background-color:#212121}

#gallery_filter select, #gallery_filter_new select, #gallery_filter_acc select{width:150px;}

#gallery_filter .sbHolder, #gallery_filter_new .sbHolder, #gallery_filter_acc .sbHolder{width:150px; display:inline-block; margin-left: 5px; }

#gallery_filter .sbSelector, #gallery_filter_new .sbSelector, #gallery_filter_acc .sbSelector{width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

#gallery_filter .sbOptions, #gallery_filter_new .sbOptions, #gallery_filter_acc .sbOptions{width:150px;}

#gallery_filter .sbToggle, #gallery_filter_new .sbToggle, #gallery_filter_acc .sbToggle{background-color:#FF6D00}

.hiddeninfo{display:none}

#ls_overlay{position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; z-index:999998}
#ls_overlay_view{background-color:#333333; color:#f0f0f0; border-radius: 10px; z-index:999999; position:absolute; display:none;}
#ls_overlay_view .ls_spacer{margin:8px; background-color:#fff; position:relative}

#ls_overlay_view_close{position:absolute; top:-5px; right:-5px; width:30px; height:30px; display:block; line-height:30px; text-align:center; background-color:#FF6D00; color:#fff; font-size:16px; border-radius: 15px; font-weight:bold}

.image_side .imagelist img{display:none; max-width:420px; max-height:420px; padding:25px 25px 10px 25px}

.image_side .imagelist img:first-child{display:block}

.image_side{margin-right:330px;}

.imagelist{height:460px}

.description_side{right:0; top:0; width:329px; border-left:1px solid #ccc; height:500px; position:absolute}

.imagedots{text-align:center; height:25px; }

.imagedots .image_dot{border:3px solid transparent; display:inline-block; margin:5px; background-color:#999; width:1px; height:1px; border-radius:5px; padding:0; vertical-align:middle; cursor:pointer}
.imagedots .active{border:2px solid #999999; display:inline-block; margin:5px; background-color:#ccc; width:5px; height:5px; border-radius:5px; padding:0; vertical-align:middle}

.description_side .item_title{margin:60px 40px 10px 40px; color:212121 !important; font-size:20px; font-weight:bold; text-transform:uppercase}

.description_side .description{margin: 0 40px 20px 40px;  }

.description_side .description p,
.description_side .description li,
.description_side .description td,
.description_side .description th
{color:#666 !important; font-size:13px; line-height:1.5em;text-align:justify;}

.description_side .gallery_price{color:#FF6D00; font-weight:bold; margin:10px 40px 40px 10px; text-align:right; font-size:18px}

label.error{display:block;}

label.error{color:#ff0000}

label[for="to_ts"]{text-align:right; padding-right:30px;}

.image_gallery_categories h2{width:300px; margin:10px !important; height:32px; line-height:32px; float:left;}
.image_gallery_categories h2 a{font-size:18px; height:32px; line-height:32px; display:block; }
.image_gallery_categories h2 a span{font-size:18px; color: #999999; vertical-align:middle}
.image_gallery_categories h2 a:hover span{color:#000000 }

#preview{ position:absolute; margin-top:-60px; border:1px solid #ccc; background:#333; padding:5px;	display:none;	color:#fff;	}

.money select {
   float: right;
   background: transparent;
   width: 70px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}

.keret{
	width: 960px;
}

.gomb{
	padding: 10px;
	margin: 10px !important;
	background-color: #ccc;
	color: #fff;
	width: 276px;
	min-height: 150px;
	display: inline-block;	
	vertical-align: top;
    text-align: center;
	position: relative;
}

.gomb a {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
    height: 100%;
	margin: auto !important;
}

.szurke4 a:hover ,.gomb a:hover {
	color: #FF6C00;
	text-decoration: none;
}


.szurke1{
	background-color: #3f3f3f;
}

.szurke2{
	background-color: #1f1f1f;
}

.szurke3{
	background-color: #6f6f6f;
}

.szurke4{
	background-color: #9f9f9f;
    color: #000 !important;
}

.szurke4 a{
    color: #000;
}

.hide{
    visibility: hidden;
}
.cimke{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}