body { color: #6d6e71; background: #fff url("../images/bg.gif") left repeat-y; margin: 0; text-align: left }
body, td, th, input, textarea { font: normal 0.8em Tahoma, "Lucida Grande CE", lucida, sans-serif; }
td, th { font-size: .9em; }
th { font-weight: bold }

h2, h3 { color: #da2028 }
h2 { font-size: 1.4em; font-style: italic }
h3 { font-size: 1.1em;  padding-top: 20px }

ul { list-style-image: url("../images/reddot.gif") }

h1 { height: 50px; margin-top: 0 }
h1 span { visibility: hidden }
h1.profil { background: url("../images/profil_firmy.gif") no-repeat;  }
h1.vyrobni-program { background: url("../images/vyrobni_program.gif") no-repeat }
h1.strojni-vybaveni { background: url("../images/strojni-vybaveni.gif") no-repeat }
h1.technologie { background: url("../images/technologie.gif") no-repeat }
h1.kvalita { background: url("../images/kvalita.gif") no-repeat }
h1.reference { background: url("../images/reference.gif") no-repeat }
h1.info { background: url("../images/info.gif") no-repeat }
h1.kontakt { background: url("../images/kontakt.gif") no-repeat }
h1.kde-nas-najdete { background: url("../images/kde-nas-najdete.gif") no-repeat }
h1.webmap { background: url("../images/napis_Mapa_webu.gif") no-repeat }
h1.urad { background: url("../images/Spolecensky_ucelna_pracovni_mista.gif") no-repeat }

h2 span b { visibility: hidden }
h2 span.konstrukce { display: block; background: url("../images/napis_Konstrukce.gif") no-repeat; height: 20px }
h2 span.cnc { display: block; background: url("../images/napis_CNC_technologie.gif") no-repeat; height: 25px }

a { color: #0061af; }
a:hover { color: #da2128; }

/* zakladni rozdeleni */
#page { width: 950px; /* border: 1px solid navy */ overflow: hidden}
#motiv { height: 231px; background: #fff url("../images/motiv.jpg") left top no-repeat; position: relative }
#middle { width: 100%; margin-bottom: 20px; /*border: 1px solid cyan*/ }
#left { width: 145px; float: left; text-align: center; /*overflow: hidden;  border: 1px solid red*/ }
#right { margin: 0 30px 0 0px; float: left; width: 775px; /*background: red /*padding: 3px 30px 20px 20px; border: 1px solid blue*/ }
#right .text { padding: 3px 5px 20px 20px; /*background: pink*/ }

#motiv #logo { height: 66px; width: 300px; top: 20px; left: 20px; position: absolute }
#motiv #navi  { position: absolute; top: 152px; left: 0px; }
#motiv #navi a { display: block; position: absolute; text-decoration: none; font-size: 12px;  font-weight: bold; color: #0061af; white-space: nowrap }
#motiv #navi a.active { color: #da2128 }
#motiv #navi a.profile  { left: 204px }
#motiv #navi a.vyroba  { left: 285px }
#motiv #navi a.vybaveni  { left: 345px }
#motiv #navi a.technologie  { left: 457px }
#motiv #navi a.kvalita  { left: 627px }
#motiv #navi a.reference  { left: 683px }
#motiv #navi a.zamestnani  { left: 758px }
#motiv #navi a.kontakt  { left: 846px }
#motiv #navi a.urad  { left: 846px }

#left a { display: block; margin: 15px auto; text-decoration: none }

#left a span { visibility: hidden }
#left a.home { width: 45px; height: 44px; background: url("../images/home.gif") no-repeat; }
#left a.email { width: 45px; height: 44px; background: url("../images/email.gif") no-repeat; }
#left a.webmap { width: 45px; height: 44px; background: url("../images/web-map.gif") no-repeat; }

#left a.iso { width: 60px; height: 60px;  }
#left a.iso-9001 { background: url("../images/iso-9001.gif") no-repeat; margin-top: 30px }
#left a.iso-14001 { background: url("../images/iso-14001.gif") no-repeat; }
#left a.iso-14001 { background: url("../images/iso-14001.gif") no-repeat; }

#left a.flag { /*width: 60px; height: 60px;*/ display: block; padding-top: 35px; text-align: center; font-size: .85em }
#left a.en { background: url("../images/vlajka-en.gif") center top no-repeat; margin-top: 55px }
#left a.de { background: url("../images/vlajka-de.gif") center top no-repeat; }
#left a.cz { background: url("../images/vlajka-cz.gif") center top no-repeat; }

#left a.urad { /*width: 60px; height: 60px;*/ display: block; padding-top: 60px; text-align: center; font-size: .85em }
#left a.czu { background: url("../images/Uradprace.gif") center top no-repeat; }

#right a.topnavi { font-size: 1.5em; font-style: italic; color: #ccc; padding-left: 20px; background: url("../images/square.gif") left top no-repeat; margin-right: 20px; text-decoration: none; display: block; float: left }
#right a.topnavi.active { color: #da2028; background: url("../images/active-square.gif") left top no-repeat }
#right a.topnavi span b { visibility: hidden; }

#right a.topnavi.nastroje span.active { background: url("../images/napis_Nastroje.gif") no-repeat; width: 80px; cursor: pointer }
#right a.topnavi.nastroje span { background: url("../images/napis_Nastroje_.gif") no-repeat; width: 80px; cursor: pointer }
#right a.topnavi.vylisky span.active { background: url("../images/napis_Vylisky.gif") no-repeat; width: 80px; cursor: pointer }
#right a.topnavi.vylisky span { background: url("../images/napis_Vylisky_.gif") no-repeat; width: 80px; cursor: pointer }
#right a.topnavi.kde-nas-najdete span { background: url("../images/napis_Kde_nas_najdete.gif") no-repeat; width: 140px; cursor: pointer }

#right #imgs { text-align: center }

#right a.img { margin: 10px 15px 0 0; float: left }
#right a.img img { padding: 2px; border: 1px solid #0061af }
/*#right a.img img.last { margin-right: 0 }*/

#right #imgs.right { float: right; /*width: 200px;*/ padding: 10px; /*background: green;*/ margi n-left: 15px; text-align: center; }

#right #imgs.right a.img { display: block; float: none; text-decoration: none; margin-top: 20px; text-align: center; }
#right #imgs.right img { border: 0 }
#right #imgs.right.nothumbs img { border: 0; margin: 10px 0; }

div.offset { padding-left: 22px  }
div.offset h2 { margin-left: -18px }
div.offset h3 { margin-left: -18px }
div.offset ul { margin: 5px 0 10px 18px }

.SolidWorks { background: url("../images/logo_SolidWorks.gif") right bottom no-repeat; }
.PowerMill { background: url("../images/logo_PowerMILL.gif") right bottom no-repeat; }

.red-bullet { background: url("../images/active-square.gif") left top no-repeat; padding-left: 20px }

table#wm h2 { font-size: 1em; font-style: normal; margin: 2px 0 }
table#wm a { text-decoration: none }
table#wm a:hover { text-decoration: underline }
table#wm .wm-ico { background: url("../images/sip.gif") left center no-repeat; padding-left: 10px; }
table#wm .wm-h2	{ background: url("../images/lna.gif") left center no-repeat; padding-left: 20px; }

.red { color: #da2028 }
.blue { color: #0061af }
.numeric { text-align: right }
.nomargin { margin: 0 }
.center { text-align: center }

.clr { clear: both }