body, html {
	font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	margin: 0px; padding: 0px; height:100%; 
	border: 0px none; 
	text-align: center;
	position: relative;
	font-size: 100%;		
}
body { background: #a8aaab url(../img/bg.gif) repeat-x; font-size: 80%; }

body, div, p, img, table, form, h1, h2 { margin-top:0px; margin-bottom:0px; padding:0px; text-align:left;} 
img { display: block;}
a { text-decoration: none; color:#00a6e8; }
a img { border: none;}
a:hover { text-decoration: underline;}

.clear {clear:both; height: 0px; width: 100%; }



/* -------------------------- */

#Container { width: 100%;
	background: url(../img/bg_container.jpg) no-repeat center 279px; 
}
#Header, #MainBody { width: 986px; margin-left: auto; margin-right: auto;}
#Header{ height: 87px; }
#Header #Logo { width: 100%; height: 87px; float: left; background: url(../img/bg_top.jpg) no-repeat right top; }
#Header #PrintLogo { display:none }


#MainBody { background: #909598 url(../img/bg_mainbody.jpg) no-repeat;}

#MenuBar { margin-left: 13px; width: 960px; background: url(../img/mm_background.gif) no-repeat left top; height: 49px; margin-bottom: 13px;}
#Search { width: 250; float: left;}
#Search form { margin: 14px 0px 0px 15px; padding: 0px; }
#Search form .TextInput { border: 1px solid #007cab; background: #fff; width: 180px; height: 18px; padding-left: 6px; }
/*#Search form .Submit { border: none; background: url(../img/searchsubmit.png) no-repeat; height: 25; width: 25px;  }*/
#Search form .ImgSubmit { border: none; height: 18px; vertical-align:middle }

#MainMenu { height: 49px; margin-left: 0px; margin-top: 0px; width: 700px; text-align: right; float:right}
#MainMenu ul {	margin: 0px; padding: 0px;	list-style-type: none; float: right;}
#MainMenu ul li { position: relative; overflow: hidden; margin: 0px; padding: 0px; font-size: 100%; float: left; height: 49px; }
#MainMenu ul li a:hover span { background-position: 0px -49px; }
#MainMenu ul li a, #MainMenu ul li span { display: block; height: 49px;	background-position: 0px 0px; background-repeat: no-repeat; }
#MainMenu ul li span { position: absolute; 	left: 0px;	top: 0px; _cursor: hand; }
#MainMenu ul li#mm_home a, #MainMenu ul li#mm_home a span { 
   width: 87px; 
   background-image: url('../img/mm_home.gif'); 
}
#MainMenu ul li#mm_ofirme a, #MainMenu ul li#mm_ofirme a span { 
   width: 100px; 
   background-image: url('../img/mm_ofirme.gif'); 
}
#MainMenu ul li#mm_znacky a, #MainMenu ul li#mm_znacky a span { 
   width: 101px; 
   background-image: url('../img/mm_znacky.gif'); 
}
#MainMenu ul li#mm_servis a, #MainMenu ul li#mm_servis a span { 
   width: 88px; 
   background-image: url('../img/mm_servis.gif'); 
}
#MainMenu ul li#mm_prodejci a, #MainMenu ul li#mm_prodejci a span { 
   width: 195px; 
   background-image: url('../img/mm_prodejci.gif'); 
}
#MainMenu ul li#mm_kontakt a, #MainMenu ul li#mm_kontakt a span { 
   width: 122px; 
   background-image: url('../img/mm_kontakty.gif'); 
}



#PromoBox { float: left; width: 960px; margin-left: 13px; overflow: hidden; }

#BrandMenu { float: left; width: 960px;height:60px; margin-left: 13px; overflow: hidden;
	background: url(../img/brandmenu.gif) repeat-x bottom left; margin-top: 0px; text-align:center }
#BrandMenu a img { border:none; margin:13px 20px 0px 20px; display:inline}

#Inlay { width:960px; margin: 0px 0px 0px 13px; background: #fff;}
#Inlay #LeftMenu { width: 177px; float: left; margin: 10px; font-style: italic; }
#Inlay #LeftMenu strong { background: url(../img/leftmenu.png) repeat-x; color: #fff; padding: 8px 5px 8px 18px; display: block; }
#Inlay #LeftMenu p { background: url(../img/wheel.png) no-repeat right bottom; border: 1px solid #e7e8e9;  }
#Inlay #LeftMenu p a { display: block; padding: 8px 5px 8px 18px; color: black; background: url(../img/menupoint.png) no-repeat; }
#Inlay #LeftMenu p a:hover { background: #e7e8e9; text-decoration: none }
#Inlay #LeftMenu a img { margin-top:5px}
#Inlay #Content { width: 745px; float:right; margin: 10px 10px 0px 0px;  border: 1px solid #e7e8e9; }
#Inlay #Content h1 {background:#f1f2f2; color: black; padding: 5px 0px 5px 20px; font-size: 135%; font-weight: normal; }
#Inlay #Content .Dynamics { padding: 15px 20px 20px 20px; text-align:justify }
#Inlay #Content .Dynamics p.heading { font-weight:bold; padding-bottom:20px; text-align:justify}
#Inlay #Content .Dynamics p.anotace { font-size:90%; padding-bottom:15px; line-height:125%; text-align:justify}
#Inlay #Content .Dynamics p.anotace img { display:inline; margin:0px 8px 8px 0px; float:left; border:1px solid #fff }
#Inlay #Content .Dynamics p.anotace a:hover img { border:1px solid #0286ba}
#Inlay #Content .Dynamics h2 { font-size:125%; margin:0px 0px 5px 0px; padding:0px; color:#00a6e8}
#Inlay #Content .Dynamics h2 a { color:#00a6e8; text-decoration:underline }
#Inlay #Content .Dynamics h2 a:hover { color:#0286ba }

#Inlay #Content .SATradeTable { width:100%; border-left:2px solid black; border-top:2px solid black; border-right:1px solid black; border-bottom:1px solid black; margin-top:0px}
.SATradeTable td { vertical-align: top; text-align:left; padding:3px; border-bottom:1px solid black; border-right:1px solid black;} 
.SATradeTable th { background:#c3c3c3; vertical-align: bottom; text-align:left; padding:3px; border-bottom:2px solid black; border-right:1px solid black; } 

.entree { width:100% }
.entree .entree_img { width:200px; float:left; text-align:center}
.entree .entree_img img { display:inline}
.entree .entree_txt { width:500px; float:right; font-size:90%; line-height:150% }


#Footer { height: 35px; background: url(../img/smalllogo.png) no-repeat right bottom; padding: 10px 0px 0px 50px; font-size: 85%; color: #4c4c4c; } 
#Footer a { color: #4c4c4c }
#Footer a:hover { color: #fff;}

/* Special */
.adresy { font-size:95%; }
.adresy td { vertical-align:bottom; padding-bottom:15px  }
.BrandsIcons img { height:15px; margin:3px; display:inline}


/* Gallery */
.gallery { margin:20px 0px 20px -8px; }
.gallery a { display: block; width:auto; float:left; background:#fff; margin:5px; text-align:center; padding: 2px; border:1px solid #fff;  }
.gallery a img { margin-left:auto; margin-right:auto }
.gallery a:hover { border:1px solid silver;}
.imageBox {margin: 0px 15px 10px 0px; float:left;}  
.imageBox b { font-weight:normal; width:100%; height:15px; overflow:hidden; color:gray; font-size:75%; text-align:center}

/* Gallery - Slides */
#Gallery { position:absolute; top:0px; left:0px; width:100%; height:100%; background:black; opacity:0.7; filter:alpha(opacity=70); padding:none; margin:none; cursor:pointer; text-align:center; display:none}
#GalleryBox #Preloader { width:100%; height:100% }
#GalleryBox #Preloader img {display: block; width:260px; height:30px; position:relative; top:50%; left:50%; margin:-15px 0 0 -130px; }   
#GalleryBox { position:absolute; overflow:hidden; text-align:center; background:#fff; padding:10px; display:none;}   
.GalleryBoxClass { width:200px; height:100px; margin-top:auto; margin-left:auto; background:#fff; }   
#GalleryComment { height:30px; border-top:10px solid #fff; width:inherit; text-align:center; background:#fff;}
#GalleryComment #MoveLeft { float:left; width:15%; text-align:left; position:relative; bottom:1px }
#GalleryComment #Title { float:left; width:60%; text-align:center; font-size: 80%; }
#GalleryComment #MoveRight { float:right; width:15%; text-align:right;}
#GalleryComment .mover { border:0px; cursor:pointer }


p.attachments { width:100%; margin:0px; }
.attachments strong { display: block; margin:10px 0px 10px 0px;}
.attachments a {padding: 0px 0px 0px 25px; height: 16px; display: block; margin-bottom: 8px;}
.attachments a:hover {text-decoration: underline;}
.attachments a small {font-size: 75%; padding-left: 15px; color: gray;}
.attachments a.att_file {background: url(../admin2/pic/files/file.png) no-repeat;}
.attachments a.att_jpg {background: url(../admin2/pic/files/jpg.png) no-repeat;}
.attachments a.att_gif {background: url(../admin2/pic/files/gif.png) no-repeat;}
.attachments a.att_png {background: url(../admin2/pic/files/png.png) no-repeat;}
.attachments a.att_doc {background: url(../admin2/pic/files/doc.png) no-repeat;}
.attachments a.att_xls {background: url(../admin2/pic/files/xls.png) no-repeat;}
.attachments a.att_pdf {background: url(../admin2/pic/files/pdf.png) no-repeat;}
.attachments a.att_ppt {background: url(../admin2/pic/files/ppt.png) no-repeat;}
.attachments a.att_rtf {background: url(../admin2/pic/files/rtf.png) no-repeat;}


/* Paging */
.paging { text-align:right; padding:5px}
.paging small { display: block; margin-right: 8px; font-size: 90%; color: gray; float: left; padding-top: 2px;}
.paging a { display: block; background: #fff; color: #00a6e8; border:1px solid #00a6e8; padding: 2px 5px 2px 5px; margin-right: 3px; float: left;  }
.paging a:hover { background: #11507d; color:#fff; }
.paging a.current { background: #00a6e8; color: #fff}
.paging em { display: block; float:left; }
.paging b { color: #11507d; font-size: 115%;}
.paging select { margin-top: -4px;}



/* Search */
.SearchResults, .SiteMap { margin-top:0px }
.SearchResults strong { margin-top:20px; font-size:110% }
.SearchResults span { display:block; margin:3px 0px 0px 0px; font-size:95%; color:gray }
.SearchResults strong { margin-top:20px; font-size:110% }
.SearchResults small a { color: green}

.SiteMap strong { margin:5px 0px 3px 0px; display:block; font-size:110% }
.SiteMap a {}


/* --- --- */
#SubFooter { width: 970px; margin-left: auto; margin-right: auto; height: 50px;}
#SubFooter img { position: absolute; margin-top: -120px; margin-left: -55px; }