form, p, ul, li {padding: 0; margin: 0;}

body {padding: 0; margin: 0; background: #a8c1d9 url('../images/n_body_bg1.jpg') 0 0 repeat-x; font-family: 'Arial'; font-size: 12px; color: #003866;}

.Clear {clear: both;}

#BodyBg2 {background: transparent url('../images/n_body_bg2.gif') center 0 repeat-y;}
#BodyBg3 {background: transparent url('../images/main_body.jpg') center 0 no-repeat;}

/******* matersky div *******/
#BodyHolder {width: 1000px; margin: 0 auto; position: relative; padding: 119px 0 0 0;}

#FrameHolder {background: #e1e9f1; position: relative; padding-bottom: 120px; min-height: 420px;}
#ContentHolder {background: url('../images/home_content_bg.gif') 0 0 repeat-x; width: 713px; float: left; /* padding: 12px 11px 20px 13px */}
#ContentHolderWidth {width: 976px; float: left; padding: 12px 11px 20px 13px}
#HomeTopOblouky {background: transparent url('../images/home_top_oblouk.png') 0 0 no-repeat; width: 1000px; height: 22px; margin-top: -10px;}
#TopOblouky {background: transparent url('../images/top_oblouk2.png') right 0 no-repeat; width: 1000px; height: 22px; margin-top: -7px;position:relative;z-index:1000; /*1000*/}
#TopObloukyWidth {background: transparent url('../images/top_oblouk_width.png') right 0 no-repeat; width: 1000px; height: 22px; margin-top: -10px;}

#RozcestnikProdukty, #Rozcestnik {background: transparent url('../images/rozcestnik_bg2.jpg') 0 0 no-repeat; width: 713px; height: 339px; color: #fff;}
#RozcestnikProdukty a, #Rozcestnik a {color: #fff; text-decoration: none;}
#RozcestnikProdukty h2, #Rozcestnik h2 {color: #fff; font-size: 23px; padding: 0; margin: 0;}
#Rozcestnik p {padding-top: 10px; line-height: 15px; font-size: 12px;}
#RozcestnikProdukty p {padding: 5px 0; line-height: auto; font-size: 12px; line-height: 15px;}
.Roz {width: 205px; float: left; margin-top: 197px; padding: 16px 18px 0 14px; font-size: 12px; position: relative;}
.RozProd {width: 163px; float: left; margin-top: 208px; padding: 16px 18px 0 14px; font-size: 12px; position: relative;}
.RozProd .ImageLink, .Roz .ImageLink, .Roz a.ImgHref {display: block; width: 237px; height: 197px; position: absolute; top: -197px; left: 0;}
.RozProd a.LinkImg {display: block; width: 195px; height: 197px; position: absolute; top: -197px; left: 0;}

#SideBar {float: right; width: 263px; background: transparent url('../images/news_home_bg.jpg') 0 0 no-repeat; min-height: 635px;position: relative;z-index:2000;}
.PrilozeneSoubory h2, #SideBar h2 {font: 18px 'Arial'; color: #fff; display: block; width: 233px; height: 55px; background: transparent url('../images/news_nadpis_bg.png') 0 0 no-repeat; float: right; margin-top: 18px; padding: 8px 0 0 19px;}
#SideBar h2 a {text-decoration: none; color: #fff; z-index: 10; position: absolute;}
#SideBar h2 a:hover {text-decoration: underline;}
.NewsItem {width: 196px; background: transparent url('../images/news_bg.png') 0 bottom no-repeat; padding: 35px 25px 22px 19px; &padding: 17px 25px 22px 19px; position: relative; margin-left: 11px; margin-bottom: 13px;}
.NewsItem p {font-size: 12px; color: #000; padding-top: 6px;}
.NewsDate {font: bold 11px 'Arial'; color: #ea7802; padding-right: 9px;}
h3.NewsName {font: bold 13px 'Arial'; color: #003768; display: inline;}
.NewsLink {position: absolute; right: 14px; bottom: -35px; display: block; width: 100px; height: 39px; color: #fff; text-align: center; text-decoration: none; background: transparent url('../images/news_btn.png') 0 0 no-repeat; padding-top: 4px;}

#Footer {position: absolute; bottom: 0; height: 110px; width: 100%; font-size: 11px; color: #003768; letter-spacing: 1px;}
#Footer a {color: #e7711a; text-decoration: none;}
#Rights {width: 700px; margin: 41px 0 0 25px; float: left; background: transparent url('../images/footer_line.gif') 0 0 no-repeat; padding-top: 11px;}
#FooterLogo {position: absolute; right: 70px; bottom: 30px;}

#HeaderDoc {width: 1000px; height: 333px; background: transparent url('../images/img_homepage.jpg') 0 0 no-repeat;}
#HeaderDoc p {padding: 0;}
#HeaderDoc .Cl1 {color: #003768; font-size: 40px; background: transparent url('../images/header_cl_bg.gif') 54px bottom no-repeat; padding: 70px 0 8px 52px;}
#HeaderDoc .Cl2 {color: #1f7ed4; font-size: 29px; padding: 10px 0 0 85px;}

.Home #HeaderDoc {background: transparent url('../images/stroj_medaile.jpg') 0 0 no-repeat;}
#HeaderDoc #Text {display: none;}
.Home #HeaderDoc #Text {position: absolute; width: 145px; display: block; right: 22px; top: 185px;}
.Home #HeaderDoc #Text h2 {font: bold 18px 'Arial';}
.Home #HeaderDoc #Text p {padding-bottom: 10px;}


#Top {width: 1000px; height: 120px /*155px*/; background: transparent url('../images/top2.jpg') 0 0 no-repeat; position: absolute; top: 0;}
#Logo {float: left;}
#Logo a {display: block; width: 283px; height: 66px; margin: 40px 0 0 25px;}

#Lang {position: absolute; width: 209px; height: 27px; background: transparent url('../images/lang_bg.gif') 0 0 no-repeat; color: #fff; right: 0;}
#Lang ul {list-style: none; background: #041b32; width: 178px; padding: 3px;}
#Lang a {text-decoration: none; color: #fff; margin: 1px 0;}
#Lang img {vertical-align: middle; margin: 1px 15px 0 2px}
div.LangSelect {display: none;}
a.ShowLang {float: right; display: block; height: 27px; width: 25px;}

#TopMenu {float: right; margin-top: 58px;}
#TopMenu ul {list-style: none;}
#TopMenu ul ul {display: none;}
#TopMenu ul li {float: left;}
#TopMenu ul li a {float: left; display: block; width: 100px; height: 44px; font-size: 13px; text-align: center; padding-top: 4px; color: #003768; text-decoration: none;}
#TopMenu ul li.active2 a, #TopMenu li.active a, #TopMenu ul li a:hover {color: #fff; font-weight: bold; background: transparent url('../images/news_btn.png') 0 0 no-repeat;}

/********************** defaultni stranka *************************/
.NotHome #FrameHolder {background: #e8eff5 url('../images/not_home_content_bg.gif') 0 0 repeat-x;}
.NotHome #ContentHolder {float: right; width: 724px; /* padding: 10px 13px 20px; */ background: transparent none;}

#Xtra {margin: -15px 0 10px -15px;}

.NotHome #SideBar {float: left; width: 250px; background: transparent url('../images/sidebar_bg2.jpg') 0 0 no-repeat; min-height: 685px;margin-top: -15px;}
.NotHome #SideBar ul {padding: 0; margin: -9px 0 0 0; list-style: none;}
.NotHome #SideBar ul li {padding: 0; margin: -21px 0 0 0;}
.NotHome #SideBar ul li:first-child {margin: 0;}
.NotHome #SideBar ul li.active {margin: -19px 0 0 0 !important; color: #000;}
.NotHome #SideBar ul li:first-child.active {margin: 0 !important;}
.NotHome #SideBar ul li a {padding: 13px 0 0 25px; margin: 0; display: block; width: 212px; height: 47px; background: transparent url('../images/leftmenu_a.png') 0 0 no-repeat; font: 15px 'Arial'; color: #fff; text-decoration: none;}
.NotHome #SideBar ul li a:hover {background-position: 0 -120px; color: #000 !important;}
.NotHome #SideBar ul li.active2 a {background: transparent url('../images/leftmenu_a_active.png') 0 0 no-repeat;/* height: 21px !important;*/ color: #003866;}
.NotHome #SideBar ul li.active2 a:hover {color: #003866 !important;}
.NotHome #SideBar ul li.active a {background: transparent url('../images/leftmenu_a.png') 0 -121px no-repeat;/* height: 21px !important;*/ color: #000;}

.NotHome #SideBar ul ul {background: transparent url('../images/leftmenu_ul_ul.gif') 0 bottom no-repeat; margin: -26px 0 0 0; padding-bottom: 30px; min-height: 110px;}
.NotHome #SideBar ul ul li {margin: 0;}
.NotHome #SideBar ul ul li:first-child {background: transparent url('../images/leftmenu_ul_ul_first_li.jpg') 0 0 no-repeat !important; padding-top: 10px;}
.NotHome #SideBar ul li ul li a, .NotHome #SideBar ul li.active2 ul li a {padding: 0 0 0 76px; width: 160px; background: transparent url('../images/leftmenu_ul_ul_a.gif') 61px 5px no-repeat !important; height: 21px; color: #003866; height: auto;}
.NotHome #SideBar ul li ul li a:hover , .NotHome #SideBar ul li.active2 ul li a:hover {color: #FF831F !important; background-position: 61px -40px !important;}

/************************ 3 sloupcovy layout **********************/
.NotHome.Sl3 #ContentHolder {padding: 10px 0 0 0; width: 750px;}
.Sl3 #RightBar {float: right; width: 263px; background: transparent url('../images/right_bar_not_home.jpg') 0 0 no-repeat; min-height: 635px;}
.Sl3 #RightBar h2 {font: 18px 'Arial'; color: #fff; display: block; width: 233px; height: 55px; background: transparent url('../images/news_nadpis_bg.png') 0 0 no-repeat; float: right; margin-top: 18px; padding: 8px 0 0 19px;}
.Sl3 #Content {float: left; width: 459px; padding: 0 15px 20px 13px;}

.Sl3 #Xtra {margin: -25px 0 0 0;}

/********** o firme *********/
.oFirme #HeaderDoc {background: transparent url('../images/main_img_o_firme.jpg') 0 0 no-repeat;}

/********** fotogalerie *********/
.Galerie #HeaderDoc {background: transparent url('../images/main_img_fotogalerie.jpg') 0 bottom no-repeat;}
.Galerie #HeaderDoc p {display: none;}

/********** detail produktu *********/
.Galerie #HeaderDoc {background: transparent url('../images/main_img_detail_produktu.jpg') 0 bottom no-repeat;}
.Galerie #HeaderDoc p {display: none;}


/********* produkty **************/
#RozcestnikProdukty {background: transparent url('../images/rozcestnik_produkty2.jpg') 0 0 no-repeat; width: 975px; height: 350px;}
#RozcestnikProdukty h2 {padding: 0; margin: 0;}
/********* vypis produktu ************/
.ContentHolder table#VypisProduktu { margin-left: -12px; width: 747px; margin-top: 10px;}
.ContentHolder table#VypisProduktu tr td {background: #fff url('../images/vypis_produktu_bg.gif') 0 bottom repeat-x; height: 145px; vertical-align: top; padding: 0 0 1px 0; border: 0;}
.ContentHolder table#VypisProduktu tr td.VPFirst {vertical-align: middle; text-align: center; border-right: 1px solid #eff3f7;}
.ContentHolder table#VypisProduktu img {/*padding: 0 1px 0 0; margin: 0 0 1px 0;  background: transparent url('../images/vypis_produktu_img.gif') right 0 no-repeat;  */float: none; margin: 0;}
.ContentHolder table#VypisProduktu h2 {background: transparent url('../images/header_cl_bg.gif') 12px 36px no-repeat; margin: 0; padding: 13px 0 7px 12px;}
.ContentHolder table#VypisProduktu p {background: none; padding: 10px 10px 0 12px;}
.ContentHolder table#VypisProduktu h2+p {background: transparent url('../images/vypis_produktu_p.gif') 5px 19px no-repeat;}
/* .ContentHolder table#VypisProduktu a {background: transparent url('../images/video.gif') 0 1px no-repeat; padding: 2px 0 2px 20px; } */

.ContentHolder table.ProdParametry {margin-left: -12px; width: 747px; border-collapse: collapse; margin-top: 20px;}
.ContentHolder table.ProdParametry tr th, table.ProdParametry tr td {border-collapse: collpase;}
.ContentHolder table.ProdParametry tr th {background: #1f7ed4; text-align: left; color: #fff; font-size: 12px; font-weight: bold; padding: 4px 8px;}
.ContentHolder table.ProdParametry tr.prvniradek th {background: #fff; color: #ea7802; font-size: 15px; text-align: left; padding: 4px 8px;}
.ContentHolder table.ProdParametry tr.rows td {background: #d2e5f6;}
.ContentHolder table.ProdParametry tr.rowl td {background: #fff;}
.ContentHolder table.ProdParametry tr td {padding: 4px 8px;}
.ContentHolder table.ProdParametry td, table.ProdParametry th { border: 1px solid #eef3f8;}

/********************* kontakty ********************/
.Vyroba {margin-left: -15px; width: 720px; padding: 15px;}
.k1 {background: transparent url('../images/kontakty1_bg.gif') 0 top no-repeat;}
.k2 {background: transparent url('../images/kontakty_bg.gif') 0 0 repeat-x;}

/******************* obchodni zastoupeni **********/
.ContentHolder table.form_table5 {height: 191px; background: transparent url('../images/obchodni_zastupci_bg.png') 0 100% no-repeat; margin-left: -15px; width: 750px;}
.ContentHolder table.form_table5 td {vertical-align: top; border: 0;}
.ContentHolder table.form_table5 h3, table.ObchZas h4, table.ObchZas p {padding: 0;}
.ContentHolder table.form_table5 td {padding: 0; font-size: 12px; line-height: 14px;}
.ContentHolder table.form_table5 h3 {padding-bottom: 15px;}
.ContentHolder table.form_table5 h4 {padding-bottom: 15px;}

.ContentHolder .formular table td {border: 0;}

#Content table.form_table4 {background: transparent url('../images/obchodni_zastupci_bg.png') 0 100% no-repeat; margin-left: -15px; width: 750px; margin-top: 0;font-weight: bolder; min-height: 155px;}
#Content table.form_table4 td {border: 0; padding: 0;}
/**************************************************/
.ContentHolder .GradBg {height: 191px; background: transparent url('../images/obchodni_zastupci_bg.png') 0 100% no-repeat; margin-left: -15px; width: 750px;}

.ContentHolder .Kariera {/* height: 191px; */ background: #fff url('../images/kariera_bg.gif') 0 100% repeat-x; margin-left: -15px; width: 750px; padding: 30px 0; margin-top: 0; margin-bottom: 0;}
.ContentHolder table.form_table1.Kariera tr {background: none;}
.ContentHolder table.form_table1.Kariera tr.rowl td {padding-bottom: 0;}
.ContentHolder table.form_table1.Kariera tr.rows td {padding-top: 10px; padding-bottom: 60px}
.ContentHolder .Kariera td {vertical-align: top; padding: 30px 15px; background: none;}
.ContentHolder .Kariera p, .ContentHolder .Kariera h3 {padding: 0;}

.ContentHolder .form_table3, .ContentHolder .VolnaPozice {/* height: 191px; */ background: #fff url('../images/kariera_bg.gif') 0 100% repeat-x; margin-left: -15px; width: 750px; padding: 30px 0; margin-top: 0; margin-bottom: 0; font-size: 12px;}

.ContentHolder .form_table3 h2, .ContentHolder .VolnaPozice h2 {padding: 0;}
.ContentHolder .form_table3 td, .ContentHolder .VolnaPozice td {padding: 0 15px; vertical-align: top; border: 0;}
.ContentHolder .VolnaPozice td.NazevPozice {padding-top: 30px; padding-bottom: 20px;}
.ContentHolder .form_table3 td.Info {width: 145px;}
.ContentHolder .form_table3 td.Detail {width: 145px;}
.ContentHolder .form_table3 tr:last-child td, .ContentHolder .VolnaPozice tr:last-child td {padding-bottom: 30px; padding-top: 20px;}
.ContentHolder table.form_table4 h3 {padding-top: 10px;}
.ContentHolder table.form_table4 p {padding: 8px 0; line-height: 20px;}
/**************************************************/
/********************** prilozene soubory *************************/
.PrilozeneSoubory {}
/*.PrilozeneSoubory h2 {font: 18px 'Arial'; color: #fff; display: block; width: 233px; height: 55px; background: transparent url('../images/news_nadpis_bg.png') 0 0 no-repeat; float: right; margin-top: 18px; padding: 8px 0 0 19px;}*/

.slim {float: left; width: 455px;}
#prilozene_soubory {float: right; width: 253px; padding-left: 10px; background: #E2ECEF url('../images/news_home_bg.jpg') 0 0 no-repeat; min-height: 635px; margin: -11px -11px 0 0;}
#prilozene_soubory h2 {font: 18px 'Arial'; color: #fff; display: block; width: 233px; height: 55px; background: transparent url('../images/news_nadpis_bg.png') 0 0 no-repeat; float: right; margin-top: 18px; padding: 8px 0 0 19px;}
#prilozene_soubory p {display: none;}
.Item.Pdf {width: 225px; height: 151px; background: transparent url('../images/pdf.png') 0 bottom no-repeat;}
.Item.Video {width: 226px; height: 144px; background: transparent url('../images/video.png') 0 bottom no-repeat;}
.Item.Pdf, .Item.Video {position: relative; padding-bottom: 20px; padding-left: 15px;}

.Item.Pdf .Date, .Item.Video .Date {font: bold 11px 'Arial'; color: #ea7802; padding-right: 9px;}
.Item.Pdf .Name, .Item.Video .Name {font: bold 13px 'Arial'; color: #003768; display: inline;}
.Item.Pdf .Link, .Item.Video .Link, .Item.Pdf .Link a, .Item.Video .Link a {display: block; height: 25px; width: 161px; right: 14px; position: absolute; text-indent: -10000px;}
.Item.Video .Link, .Item.Video .Link a {bottom: 19px;}
.Item.Pdf .Link, .Item.Pdf .Link a {bottom: 25px;}

.Item.Pdf .Link, .Item.Video .Link, .Item.Pdf .Link a, .Item.Video .Link a {right: 0; bottom: 0; width: 240px; height: 145px;}

#prilozene_soubory a:hover {cursor: hand;}
/*****************************/
#DetailProduktu1 {background: transparent url('../images/detail_produktu1.jpg') 0 0 no-repeat;}
#GalerieTS {background: transparent url('../images/galerie_ts.jpg') 0 0 no-repeat;}
#ProduktyTS {background: transparent url('../images/produkty_ts2.jpg') 0 0 no-repeat;}
#ZastoupeniTS {background: transparent url('../images/zastoupeni_ts.jpg') 0 0 no-repeat;}
#PozarucniServisTS {background: transparent url('../images/servis_ts.jpg') 0 bottom no-repeat;}
.TopSlide {width: 1000px; height: 333px;}
.TopSlide p.TsL a {float: left; width: 49px; height: 75px; display: block; background: transparent url('../images/topslide_left_a.jpg') 0 0 no-repeat; margin-top: 120px; color: #b9d4ee;}
.TopSlide p.TsR a {float: right; width: 49px; height: 75px; display: block; background: transparent url('../images/topslide_right_a.jpg') 0 0 no-repeat; margin-top: 120px; color: #b9d4ee;}
#ZakazServisTS {background: transparent url('../images/zakaz_servis_ts.jpg') 0 0 no-repeat;}

/***************************/
#ArchivNovinek p {padding: 5px 0;}
#ArchivNovinek a {text-decoration: none;}
#Strankovani {margin: 15px 0;}

.zvyraz_ram {background: #2068ac url('../images/zvyr_ram.gif') 0 0 repeat-x; border: 1px solid #00549b; padding: 20px; font-size: 18px; color: #fff; text-align: justify; margin: 15px 0;}

.poznamka {background: #cee0f2 url('../images/poznamka.gif') 0 0 repeat-x; border: 1px solid #c3d0dd; padding: 20px; font-size: 11px; color: #7aa6d5; text-align: justify; margin: 15px 0;}

.ContentHolder .Textarea {width: 329px; height: 98px; background: transparent url('../images/textarea.gif') 0 0 no-repeat; padding: 0; padding: 0 0 5px 5px;}
.Textarea textarea {background: none; border: 0; width: 319px; height: 88px;}
input[type="text"] {border: 0; background: transparent url('../images/input_text.gif') 0 0 no-repeat; width: 329px; height: 19px;}
.input_button.kontakt {width: 100px; height: 25px; padding: 0; margin: 0; border: 0; background: transparent url('../images/send_btn.gif') 0 0 no-repeat;}
.input_button.kontakt:hover {background: transparent url('../images/send_btn.gif') 0 bottom no-repeat; cursor: pointer; cursor: hand;}

.pl .input_button.kontakt {background: transparent url('../images/send_btn_pl.gif') 0 0 no-repeat;}
.pl .input_button.kontakt:hover {background: transparent url('../images/send_btn_pl.gif') 0 bottom no-repeat; cursor: pointer; cursor: hand;}
.es .input_button.kontakt {background: transparent url('../images/send_btn_es.gif') 0 0 no-repeat;}
.es .input_button.kontakt:hover {background: transparent url('../images/send_btn_es.gif') 0 bottom no-repeat; cursor: pointer; cursor: hand;}