@charset "utf-8";
/*

nejrychlejsi cesta, jak neco najit: Ctrl+F :)

obrazek v zahlavi:
	#header / header-bg.jpg

barvy:
	nadpisy modra - #116197
	hneda (ramecky obrazku + h3 u vypisu ubyt.) - #b17600
	nadpis s fialovym gradientem - #767f9b + heading-bg.png
	leve menu (odkazy) - #menu / a

*/

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 11px Arial, Helvetica, sans-serif; color: #000; background: #CC0001 url(../images/body-bg.png) 0 0 repeat-x; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 840px; margin: auto; padding: 0 10px; position: relative; background: #fff url(../images/column-separator-bg.png) 205px 0 repeat-y; }
#left-column { float: left; width: 190px; margin-top: -20px; padding: 20px 5px 0 0; }
#content { float: right; width: 635px; margin-top: 0px; padding: 0 0px 5px 0; font-family: Verdana, Geneva, sans-serif; border-left: 1px solid #d5d1cc; padding-left:8px;}


/******************************

	header

******************************/
#header { height: 313px; background: #fff url(../images/header.jpg) center 65px no-repeat; font-family: Verdana, Geneva, sans-serif; }
#logo { margin: 0; padding: 20px 0 0 25px; font-size: 22px; font-weight: bold; }
#logo a { color: #116197; text-decoration: none; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 250px; left: 235px; width: 610px; margin: 0; padding: 0; font-size: 10px; color: #838383; }
#breadcrumbs a { color: #838383; }


/******************************

	left column

******************************/
#left-column { font-size: 11px; }
#left-column h3 { font-size: 11px; text-transform: uppercase; color: #fff; background: #767f9b url(../images/heading-bg.png) 0 0 repeat-x; margin: 15px 0 0; padding: 6px 5px 4px 30px; border-bottom: 2px solid #fff; }
#left-column h3 a { color: #fff; }

/* menu */
#menu{text-align: center;}
#menu h3 { margin: 0; padding: 8px 3px;}
#left-column ul {text-align: left; list-style: none; margin: 0; padding: 5px; background-color: #F1F1F1; }
#left-column ul li { padding: 0; }
#left-column ul li.last a { border-bottom: none; }
#left-column ul li a { display: block; width: 145px; padding: 6px 5px 4px 30px; background: url(../images/li-arrow.png) 3px 8px no-repeat; border-bottom: 1px solid #fff; text-decoration: none; }
#left-column ul li a:hover { background-color: #D6D6D6; background-image: none; }
#left-column ul li a.active { background-color: #D6D6D6; background-image: none; }


/*****************************

	content

******************************/
h1 { font-size: 15px; color: #116197; margin: 5px 0 15px; }
h2 { font-size: 13px; color: #116197; margin: 5px 0 10px; }
h3 { font-size: 12px; margin: 5px 0 10px; }
p { margin: 10px 0 15px; }
ul { list-style: square; margin: 15px 25px; }
ul li { padding: 0 0 3px 0; }

/* box - vypis ubytovani */
.box-blue { background: #ccdeea url(../images/box-blue-bg.png) 0 0 repeat-x; margin: 15px 0 25px; padding-bottom: 5px; }
.box-blue h2 { width: 565px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background: #767f9b url(../images/heading-bg.png) 0 0 repeat-x; margin: 0 0 5px; padding: 6px 5px 4px 30px; border-bottom: 1px solid #fff; }
.box-blue .box { float: left; width: 270px; height: 45px; padding: 10px 10px 0 15px; overflow: hidden; }
.box-blue .box img { float: left; border: 1px solid #b17600; margin: 2px 10px 0 0; }
.box-blue .box h3 { margin: 0; font-size: 11px; }
.box-blue .box h3 a { color: #b17600; }
.box-blue .box p { font-weight: bold; margin: 3px 0; }
.box-blue ul,
.box-blue p { padding: 0 15px; }

/* fotogalerie */
.gallery { margin: 15px 0 5px; padding: 0 60px; }
.gallery img { border: 1px solid #b17600; margin: 0 2px 18px; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b9b9b9; padding: 1px; }


/******************************

	footer

******************************/
#footer { clear: both; height: 14px; color: #fff; padding: 10px; text-align: center; background-color: #57607b; border-top: 25px solid #fff;  border-bottom: 10px solid #fff; }
#footer a { color: #fff; }
#footer span { margin: 0 7px; }

/******************************

	top menu links

******************************/
#tm{height: 30px;width: 860px; margin: auto;text-align: center;}
#tm a{display: block;width: 215px; height: 28px;float: left; padding: 6px 0;font-size: 13px;text-decoration: none;font-weight: bold;}
#tm a:hover{background: #fff;color:#116197;}
#tm a.active{background: #fff;}
#tm .wcomp{width: 287px !important;}

/******************************
  homepage	
******************************/
ul#ctyrkolky {	list-style: none;	float: left;margin-left:0px;padding-left:2px;background-color:#dbe2e8;margin:0px;margin-bottom:20px;padding-top:2px;}
ul#ctyrkolky li {	float: left;margin:0px;padding:0px;}
ul#ctyrkolky li a {	display: block;	width: 316px;	height: 59px;}
ul#ctyrkolky li a span {	display: none;}
#honda {	background: url('../images/honda.jpg') no-repeat 0 0;}
#honda:hover {	background: url('../images/honda.jpg') no-repeat -316px 0;}
#yamaha {	background: url('../images/yamaha.jpg') no-repeat 0 0;}
#yamaha:hover {	background: url('../images/yamaha.jpg') no-repeat -316px 0;}
#suzuki {	background: url('../images/suzuki.jpg') no-repeat 0 0;}
#suzuki:hover {	background: url('../images/suzuki.jpg') no-repeat -316px 0;}
#polaris {	background: url('../images/polaris.jpg') no-repeat 0 0;}
#polaris:hover {	background: url('../images/polaris.jpg') no-repeat -316px 0;}
#kawasaki {	background: url('../images/kawasaki.jpg') no-repeat 0 0;}
#kawasaki:hover {	background: url('../images/kawasaki.jpg') no-repeat -316px 0;}
#bombardier {	background: url('../images/bombardier.jpg') no-repeat 0 0;}
#bombardier:hover {	background: url('../images/bombardier.jpg') no-repeat -316px 0;}
#spyder {	background: url('../images/spyder.jpg') no-repeat 0 0;}
#spyder:hover {	background: url('../images/spyder.jpg') no-repeat -316px 0;}




#content p img{float: left; margin: 0 8px 8px 0;}
hr.cleaner {	clear:both;	visibility:hidden;	height:1px;    margin: -1px 0 0 0; padding:0;	border: none;	margin: 0px;	padding: 0px;}
#odkazy_balicek4{width: 840px; margin: auto;text-align:center;margin-top:20px;}
li.invisible{display:none;}