/* color: #989595; sedá 
color: #FFCC03; zlutá  */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
 padding: 0;
 margin: 0;
 list-style: none;
}
body {
 font-size: 62.5%; 
 text-align: center;
 font-family:sans-serif;
 width: 100%;
  background:#000000;
  color: white;
}
p, ul, ol {
font-size: 110%;
}
p {
line-height: 1.4em;
}
#content {
  text-align: left; 
  margin: 0 auto; 
  position: relative;
  width: 850px;
  background:#000000;

}
#header, #mainHeader, #headerJet, #headerBeam, #headerMagneto, #headerWhich {
 width: 850px;  
 height: 76px; 
 overflow: hidden; 
 position: relative;
 left: 0;
 margin-top: 58px;
 background:#000000 url(../images/newFrameTop.png) no-repeat right top;
}
#mainHeader {
background: none;
}
#headerJet, #headerBeam, #headerMagneto {
padding-top: 58px;
margin-top: 0;
}
#headerJet {
background: url(../images/JetFluid.png) no-repeat 155px bottom;
}
#headerBeam {
background: url(../images/POWER-BEAM.png) no-repeat 155px bottom;
}
#headerMagneto {
background: url(../images/SuperMagneto.png) no-repeat 155px bottom;
}
#headerWhich {
background: url(../images/WhichHeaderpng.png) no-repeat 225px bottom;
height: 142px;
}
#side {
width: 132px;

position: relative;
float: left;
left: 0;
top: 0px;
padding: 10px 30px 10px 10px;
}
#mainContent {
width: 670px;
position: relative;
float: left;
left: 0px;
top: 0;
}
#flashContent {
width: 670px;
height: 460px;
float: left;
position: absolute;
top: 0px;
_top: 60px;
left: 230px;
}
.jetFluid, .powerBeam, .superMagneto {
/* background: url(../images/jetBig.jpg) no-repeat left top; */
width: 670px;
height: 400px;
float: left;
}
.which {

}
.powerBeam {
/* background: url(../images/powerBeam.jpg) no-repeat left top; */
}
.superMagneto {
/* background: url(../images/superMagneto.jpg) no-repeat left top;
min-height: 450px; */
}
#main {
position: relative;
float: left;
width: 425px;
color: #FFFFFF;
}
#mainWhich {
width: 500px;
}
#otherside, #othersideJet, #othersideBeam {
position: relative;
float: left;
width: 242px;
background: url(../images/newFrameBottom.png) no-repeat -10px top;
padding-top: 61px;
/* _padding-top: 0px; */
}
#othersideJet , #othersideBeam{
background: none;
padding-top: 0;

}
#footer {
clear: both;
}
#logo {
position: relative;
left: 0;
top: 0;
}
#logo img, #rss p a img {
border: none;
float: left;
}
#headerText {
width: 364px;
position: relative;
left: 0;
float: left;
height: 56px; 
overflow: hidden; 
padding-top: 35px;
margin-left: 10px;
}
#headerText p {
color: #989595;
}
#menu ul {

}
#menu ul li {
font-size: 12px;
padding-bottom: 7px;
}
#menu ul li a, #menuWhich li a {
text-decoration: none;
color: #989595; /* sedá */
}
#menu ul li a:hover, #menu ul li.active a, #menuWhich li.active a, #menuWhich li a:hover {
color: #FFCC03;/* zlutá */
}

#menuWhich {
position: absolute;
right:80px;
top: 25px; 
}
#menuWhich li {
margin-bottom: 5px;
}

#mainWhich h2 {
color: #FFCC03;
font-size: 18px;
margin: 5px 0;
}

#othersideJet .sub {
margin-top: 25px;
}
/* form */
form#whichIs {
color: #989595;
font-size: 11px;
margin: 0;
}

.formLine {
float: left;
/*width: 350px;*/
padding-left: 30px;
padding-top: 20px;
}
#form_list li {
display: block;
padding: 6px 0px;
}

.formLine input {
margin-right: 5px;
}
label.choice
{
	/*color:#444;*/
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}
.formLine #submit, .blog #submit  {
background:#FFCC03 url(../images/submit.gif) no-repeat left top;
border: none;
cursor: pointer;
cursor: hand;
width: 74px;
height: 21px;
line-height: 21px;
font-size: 11px;
margin: 15px 0;
}

#mainContent h2 {
	color: #FFCC03;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	*margin:6px 0 0 3px;
	width:13px;
}

/* div#signUp {
padding: 20px 0;
}
div#signUp h2 {
color: #FFCC03;
font-size: 14px;
font-weight: normal;
}
form#signForm {
background: #0D0D0D;
padding: 5px 5px 2px 5px;
margin: 0;
float: left;
}
form#signForm label {
color: #989595;
}
form#state label {
float: left; color: #FFFFFF;
padding:3px 15px 0 0;
}
form#signForm input,form#state input {
width: 100px;
height: 13px;
_height: 15px;
border: 1px solid #989595;
float: left;
margin-top: 3px;

}
form#signForm button, form#state button {
background: url(../images/go.png) no-repeat left top;
width: 19px;
height: 14px;
border: none;
cursor: pointer;
cursor: hand;
font-size: 0px;
float: left;
margin: 4px 0 0 3px;
}
#rss {
clear: both;
}
#rss p a {
color: #989595;
font-size: 14px;
text-decoration: none;
padding-top: 15px;
_padding-top: 5px;
display: block;
}
#rss p a img {
margin-right: 8px;
}
#rss p a span {
display: block;
margin-top: 10px;
}
 */

/* galerie */
/* #gallery, #videoGallery {
margin: 30px 0 0 50px;

}
#gallery .mainBox, #videoGallery .mainBox{
width: 375px;
height: 263px;
background: #989595;
}
#gallery .smallBox, #videoGallery .smallBox {
float: left;
width: 60px;
height: 48px;
margin-left: 18px;
background: #989595;
}
#gallery #first, #videoGallery #first {
margin-left: 0;
}
#gallery .listBox {
margin: 25px 0 0 0;
}
#videoGallery .listBox {
margin: 25px 0 0 80px;
} */
#dealerContent {
color: #FFFFFF;
background: url(../images/dealerContent.png) no-repeat 210px bottom;
padding-bottom: 101px;

}
.shop {
float: left;
padding: 0px 0px 30px 0;
width: 140px;

}
.shop h2 {
color: #FFCC03;
font-size: 14px;
font-weight: normal;
}
p#breadCr .first {
color: #FFCC03;
font-size: 16px;
font-weight: bold;
padding-right: 15px;
}
p#breadCr a {
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}
hr.clear {
visibility: hidden;
clear: both;
}
/* table.frameProduct {
float: left;
margin-top: 60px;
}
table.frameProduct td {
padding: 10px 20px 0px 25px;
}
table.frameProduct th {
color: #FFCC03;padding: 10px 20px;
text-align: center;
font-size: 11px;
font-weight: normal;
} 
#mainFrame {
background: url(../images/newFrameBottom.png) no-repeat right top;
padding-top: 61px;
}
#mainFrame h3 {
color: #FFCC03;
font-size: 14px;
padding-top: 30px;
font-weight: normal;
}
#mainFrame p, .product {
color: #FFFFFF;
}
.product {
float: left;
padding-left: 20px;
width: 200px;
}
.product li{
list-style-type: disc;
}*/
#main h3 {
color: #FFCC03;
margin-top: 8px;
font-size: 15px;
}
.left {
float: left;
}
.right {
float: right;
}
.Contenth3 h3 {
padding-left: 12px;
font-size: 13px;
}
.road li {
margin-bottom: 5px;
color: #FFCC03;
}
#one {
position: absolute;
left: 0px;
top: 0px;
}
#two {
position: absolute;
left: 0px;
top: 45px;
}
#three {
position: absolute;
left: 0px;
top: 90px;
}
#four {
position: absolute;
left: 0px;
top: 135px;
}
#submenu {
width: 200px;
position: relative;
}
#submenu ul li {

}
#submenu ul li a {
	background: url(../images/button.gif) no-repeat left top;
	width: 157px;
	height: 51px;
	display: block;
	line-height: 50px;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
#submenu ul li a:hover, #submenu ul li.active {
	background: url(../images/buton.png) no-repeat left top;
}

#submenu ul li a span {
text-align: center;
}
#submenu ul li a:hover {
text-decoration: underline;
}
#submenu ul li.active {

}
#menuRight {
background: url(../images/menuMain.png) no-repeat left top;
width: 112px;
height: 155px;
color: #000000;
padding: 20px 15px 10px 25px;
}
#menuRight h2 {
font-size: 17px;
font-weight: normal;
}
#menuRight ul {
margin-top: 5px;
}
#menuRight li {
background: url(../images/menuSipka.gif) no-repeat left 2px;
padding-left: 10px;
margin-bottom: 5px
}
#menuRight li a {
color: #000000;
text-decoration: none;

}
#menuRight li a:hover {
text-decoration: underline;
}
/* .imgPositive {
position: absolute;
top: 230px;
left: 10px;
} */

.contentMenu {
border: 2px solid #333333;
padding: 8px 8px 36px 8px;
margin-top: 10px;
}
.contentMenu h2 {
color: #FFCC03;
font-size: 20px;
font-weight: bold;
}
.contentMenu h2 span {
font-size: 14px;
font-weight: normal;
}
p.normalize {

}
a.normalize {
background: url(../images/sipka.gif) no-repeat left 4px;
padding-left: 10px;
text-align: right;
color: #FFCC03;
text-decoration: none;
float: right;
}
a.normalize:hover {
text-decoration: underline;
}
.video {
/*background: url(../images/video_panel.png) no-repeat left bottom;*/
width: 375px;
height: 273px;
margin: 15px 0 0 20px;
text-align: center;
}
.video img {
margin-top: 25%;
}
.gallery {

}
.gallery td{
vertical-align: middle;
margin: 0;
padding: 0;
text-align: center;
}
.gallery td a img, .frames td a img {
border: none;
}
.frames td {
vertical-align: middle;
text-align: center;
}
#main .frames td h3 {
color: white;
}
#main h2 {
font-size: 18px;
padding: 5px 0;
}



label.description {
	/*color: #FFCC03;*/
	padding-bottom: 10px !important;
}

.product {
	padding: 10px;
}

.product .descr {
	padding-bottom: 10px;
	text-align: justify;
}

h3.also {
	padding: 20px 0 0px 0;
	color: #FFCC03;
	font-size: 12pt;
}
.product h2 small {
	font-size: 60%;
	/*color: White;*/
}

.product a:link, .product a:visited {
	color: #FFCC03;
	text-decoration: none;
}

.product a:hover {
	text-decoration: underline;
}

.blog_text h2 {
	color: #FFCC03;
	font-size: 14pt;
}

.blog_text {
	font-size: 120%;
}

.blog h3 {
	color: #FFCC03;
	font-size: 10pt;
} 

#results {
	padding-top: 10px;
	padding-left: 30px;
}

.error {
	color: Red;
} 

.blog_item {
	margin: 10px 0px;
	border-bottom: 2px solid #FFCC03;
	
}

.blog_item_head {
	padding-bottom: 2px;
	border-bottom: 1px solid #989595;
}

.blog_item_head .name {
	color: #FFCC03;
	font-size: 110%;
	font-weight: bold;
}

.blog_item_head .email {
	float: right;
}

.blog_item_head .email a:link, .blog_item_head .email a:visited {
	color: #AEAEAE;
	text-decoration: none;
}

.blog_item_head .email a:hover {
	text-decoration: underline;
}

.blog_item_head .date {
	color: #AEAEAE;
	font-size: 90%;
}

.blog_item_text {
	padding: 5px;
	font-size: 110%;
	background-color: #4D4C4C;
}

.blog {
	padding: 20px 0;
}

.blog_text .comments {
	padding: 10px 0;
}

.blog_text .comments a:link, .blog_text .comments a:visited{
	color: #FFCC03;
	text-decoration: none;
	font-weight: bold;
}

.blog_text .comments a:hover{
	color: #FFCC03;
	text-decoration: underline;
}

/* by YF */

.imgfloatleft {float: left}
.imgfloatright {float: right}
.main {padding-left: 18px}
.maintext {font-size: 12px; line-height: 21px; padding-top: 10px; vertical-align: middle}
div.clearboth {clear: both; height: 0px; font-size: 0px}

/* Videa */
#gallery, #videoGallery {
	margin: 30px 0 0 50px;
}
.mainBox{
	width: 375px;
	height: 263px;
	background: #989595;
}
.smallBox {
	border: none;
	float: left;
	margin-left: 18px;
	background: black;
}
#gallery .smallBox a, #videoGallery .smallBox a{
	text-decoration: none;
}
#gallery .smallBox a img , #videoGallery .smallBox a img{
	border: none;
}
#gallery #first, #videoGallery #first {
	margin-left: 0;
}
#gallery .listBox {
	margin: 25px 0 0 0;
}
#videoGallery .listBox {
	margin: 25px 0 0 80px;
}