html {font: normal normal 62.5% sans-serif; background: url('graphic/top.png') repeat-x center top; color: #003978}
ul, li , h2, fieldset, select, tr, td, form {
	padding: 0;
	margin: 0;
	border: 0;
}

.style8 {color: #FF0000}

#floatbox {width:500; height:500; scrolling:no;}

h5{font-size:12px; color:#FF0000; margin:auto;}
h5#other{color:#003978;}
body {overflow-x: hidden; width: 960px; margin: 0 auto}
hr {clear: both; float: none; border: none; height: 0; visibility: hidden}
h1 span, h2 span {display: block; position: absolute; z-index: 1}
a {color: #285280}
a:hover, ul#submenu li a:hover, .support_center a:hover, .warn, #loan table tr th label a, #footer a:hover, .calculator p a:hover {color: #f20b14}

a:visited {color: #666666}
p {font-size: 1.2em; padding: 0 26px 10px; text-align: justify; line-height: normal}

/* Hlavika */

#support {color: #285280; width: 178px; float: right; background: url('graphic/support_call.png') no-repeat 0 0; padding: 21px 0 0 30px; margin: 0; font-size: 1.2em; text-align: center; height: 50px}
#support strong {display: block; font-size: 1.2em; padding: 3px 0 0; color: #d91f26}

h1 {margin: 16px 0 0 0; width: 260px; padding: 0 0 0 26px; height: 84px; float: left; position: relative; overflow: hidden}
h1 span{width: 280px; height: 84px; background: url('graphic/logo.png') no-repeat 26px top; top: 0; left: 0}

/* Menu */

ul#menu {width: 100%}
ul#menu, ul#submenu {float: right}
ul#menu li {list-style: none; display: block; float: left; font-size: 1.3em; height: 45px; line-height: 45px; font-weight: bold}
ul#menu li a {text-decoration: none; background: url('graphic/menu_ back.png') repeat-x; display: block; float: left; height: 45px; color: #285280; padding: 0 32px; border-right: 1px solid #8fc7ff}
ul#menu li a:hover {background: #3c8cdb url('graphic/menu_active.png') repeat-x; padding: 0 32px; color: white}
ul#menu li.active {background: #3c8cdb url('graphic/menu_active2.png') repeat-x; padding: 0 32px; color: white}


img#nabidka:hover {background: #3c8cdb url('graphic/tlacitko/cenova_nabidka_red.jpg')}
img#jizda:hover {background: #3c8cdb url('graphic/tlacitko/zkusebni_jizda_red.jpg')}


/* Obrzek */

.box
{
background-color:#CCCCCC;
margin-left:25px;
width:280px;
padding-top:2px;
float:left;
}

#navigace_obsahova
{
margin-bottom:20px;
}

div#posuv	{
position: relative;
width: 590px; 
top: 0px; 
margin: 0px 0px 0px 0px; 
background:none !important;
border:none !important;
}


h2#uvod {width: 960px; clear: both; height: 228px; position: relative; border-top: 7px solid #3c8cdb; margin: 0 0 21px; line-height: 100px}
h2#uvod span {width: 960px; background: url('graphic/header_back.gif') no-repeat 0 0; height: 228px; top: 0; left: 0}

h2#stroje {width: 960px; color:#d91f26; clear: both; height: 7px; position: relative; border-top: 7px solid #3c8cdb; margin: 0 0 10px; line-height: 50px}

div#container {
	float: left;
	width: 720px;
}
div#cont {float: left; width: 960px}
#collum_right {width: 240px; float: left}


/* Podmenu */

ul#submenu {border-bottom: 1px solid #8fc7ff; float: right}
ul#submenu li {width: 238px; background: url('graphic/submenu_back.png') repeat-y 0 0; list-style: none; display: block; font-weight: bold; border: 1px solid #8fc7ff; border-bottom: none}
ul#submenu li a {font-size: 1.2em; text-decoration: none; color: #285280; padding: 7px 0 6px 27px; display: block}
ul#submenu li a:hover {text-decoration: underline}
#submenu .active {font-size: 1.2em; padding: 7px 0 6px 27px; width: 211px; text-decoration: none; color: #f20b14}


/* Speciln akce */

#sp_actions strong {display: block; padding: 0 0 10px}

/* Kontakt */


form#contact h3, div h3, h3#support_center {font-size: 1.8em; color: #D91F26; font-weight: normal; margin: 21px 0 21px 25px}
h3#support_center2 {font-size: 1.8em; color: #D91F26; font-weight: normal; margin: 21px 0 21px 25px}



/* Centrum npovdy + struktura obsahovch panel (div) */

#left_stroje{
	width:auto;
}

h4{
color:#FF0000;
font-size:12px;
margin-left:25px;
}

#left, #right {width: 340px; float: left; margin: 0 20px 0 0}
#left div, #right div, h3#support_center, h3#support_center2, #panel, .calculator, #cont div {float: left; background: url('graphic/box_top.png') repeat-x center top; width: 338px; margin: 0 0 0 0; border: 1px solid #8fc7ff; padding: 0}

#cont div {width: 960px}
h3#support_center {padding: 21px 0 21px 20px; width: 218px; float: right; margin: 0; border-bottom: none}
h3#support_center2 {padding: 21px 0 21px 20px; width: 218px; float: right; margin: 0; border-bottom: none}
.content {background: url('graphic/box_top.png') repeat-x center top; width: 698px !important; margin: 0 20px 0 0; border: 1px solid #8fc7ff; padding: 0 0 25px}

.support_center li {list-style: none; display: block; font-size: 1.2em; padding: 0 10px 15px 22px; background: url('graphic/red_pointer.png') no-repeat left 3px; margin: 0 0 0 20px}
.support_center {
	float: right;
	width: 238px;
	border: 1px solid #8fc7ff;
	border-top: none;
	margin-bottom: 10px;
}
.top_box_red{
	background-image: url(graphic/box_top_red.png)!important;
	background-repeat: repeat-x;
	background-position: top center;
	float: right;
	width: 238px;
	border: 1px solid #FF8E8E;
	border-top: none;
	margin-bottom: 10px;
}
.top_box_red li {list-style: none; display: block; font-size: 1.2em; padding: 0 10px 15px 22px; background: url('graphic/red_pointer.png') no-repeat left 3px; margin: 0 0 0 20px}

/* Patika */

#footer {position: relative; font-size: 1.1em; font-family: Verdana, "Geneva CE", lucida, sans-serif; width: 958px; clear: both; float: none; padding: 21px 0 21px 1px; background: url('graphic/footer.png') repeat-x 0 bottom; border: 1px solid #8fc7ff; margin: 25px 0}
#footer strong a {padding: 5px 15px}
#foot_lead a {padding: 5px 15px 5px 25px !important}
#footer span {display: block; padding: 1px 0 0 25px}
#footer span a {padding: 5px 10px}


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 630px;	 
	height:372px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #8fc7ff;
}

/* custom positioning for navigational links */
a.prev, a.next {

	margin-left:150px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:18px; !important
	color:#FF0000; !important
	display:block;	
}



/* single item */
#thumbs div {
	float:left;
	width:208px;
	height:370px;
	background:#FFFFFF;
	color:#000000;
	border-left:1px solid #8fc7ff;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#8fc7ff;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#9DACBF;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:14px;
	color:#000000;	
}

#thumbs ul{
font-size:12px;
list-style:none;
margin-left:10px;
margin-bottom:10px;
}



#thumbs h3 em {
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	color:#990000;
}

.blue {
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	color:#0033FF !important;
}

.green {
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	color:#009900 !important;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	float:left;
	cursor:pointer;
	text-decoration:blink;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	text-decoration:underline;
	font-style:oblique;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {

	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../data/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

.style6 {font-size: medium; color: #FFFFFF; font-weight:bold;}
.style7 {font-size: small;}
.odsazeni {margin-left:25px;}

#formular
{
padding-left:25px;
}