* {margin: 0px;
	 padding: 0px;}
	 
html {font-size: 100%;}

body {font-family: Verdana, Arial, sans-serif;
		  font-weight: normal;
	    text-align: left;
      background: url('/images/body.png') repeat-x top left;}

p {color: #333333; font-size: 0.9em; line-height: 1.4em;}

a {color: #0085C5;}
a:hover {text-decoration: none;}

form {clear: left;
      border: none;}

label {float: left;
       width: 100px;
       font-size: 0.75em;
       padding-left: 10px;}
       
label.formRequired {font-weight: bold;}

fieldset {border: none;
          padding: 10px;}

input {height: 25px;
       border: 1px solid #646862;
       width: 230px;
       padding-left: 4px;}
       
input.failed, textarea.failed {border: 1px solid #CC0000;}
       
input.btn {background: #000000;
           color: #FFFFFF;
           font-size: 1.0em;
           font-weight: bold;
           padding: 4px;
           text-transform: uppercase;
           border: 0px;
           margin-left: 110px;
           width: auto;
           height: auto;
           cursor: pointer;
           margin-bottom: 10px;}

textarea {width: 570px;
          height: 110px;
          float: left;
          border: 1px solid #646862;
          padding: 4px;}
        
hr {border: 0px;
    border-bottom: 1px solid #9E9E9E;
    margin: 15px 0px;}
    
table {font-size: 0.75em; width: 100%;}

th {color: #FFFFFF; background: #000000; padding: 5px;}
td {border-bottom: 1px solid #9E9E9E; padding: 5px;}
        

#pageContainer {width: 1000px; margin: 0px auto 0px auto; background: url('/images/home-header.gif') no-repeat top left;}
#pageContainer.subPage {background: url('/images/sub-header.gif') no-repeat top left;}
#pageContainer.subPage.company {background: url('/images/sub-header.gif') no-repeat top left;}
#pageContainer.subPage.products {background: url('/images/sub-header.gif') no-repeat top left;}
#pageContainer.subPage.download {background: url('/images/sub-header.gif') no-repeat top left;}
#pageContainer.subPage.references {background: url('/images/sub-header.gif') no-repeat top left;}
#pageContainer.subPage.contact {background: url('/images/sub-header.gif') no-repeat top left;}

#header {height: 460px; position: relative;}
#pageContainer.subPage #header {height: 360px;}

  #header h1, 
  #header strong {background: url('/images/h1-logo.jpg') no-repeat; font-size: 1.2em;  float: left;  padding: 0px; display: in-line;  border-bottom: none; margin: 0px; margin-left: 0px;  position: relative; top: 0px;}
  
  #header h1 a, 
  #header strong a {width: 344px;  height: 150px;  text-decoration: none;  display: block;}
  
  #header h1 a span, 
  #header strong a span {position: relative;  z-index: -1;}

  #header ul#topMenu {color: #fff; width: 790px; position: absolute; bottom: 0px; left: 30px;}
  #header ul#topMenu li {list-style-type: none;  float: left;  font-weight: bold; text-transform: uppercase;  display: block; position: relative;}
  #header ul#topMenu li a {color: #fff; font-size: 0.85em;  text-decoration: none;  display: block; float: left;  padding: 15px 10px; }
  #header ul#topMenu li ul {visibility: hidden; width: 250px; text-align: left; position: absolute; margin: 0px; z-index: 10; left: 0px; top: 47px; background: #333333 url('/images/sub-menu-bg.png') left top repeat-x;}
  #header ul#topMenu li:hover ul {visibility: visible;}
  #header ul#topMenu li ul li {display: block; width: 250px; behavior: url('/js/hover.htc'); border-bottom: 1px solid #686868; position: relative;}
  #header ul#topMenu li ul li a {line-height: 35px; text-transform: none; text-decoration: none; padding: 0px 15px ; font-weight: normal; width: 220px;}
  #header ul#topMenu li ul li a:hover {color: #FAF002;}
  #header ul#topMenu li:hover ul li ul {visibility: hidden;  width: 250px; text-align: left; margin: 0px; left: 250px; top: 0px;}
  #header ul#topMenu li:hover ul li:hover ul {visibility: visible;}
  #header ul#topMenu li:hover ul li:hover ul {display: block; behavior: url('/js/hover.htc');}
  #header ul#topMenu li a:hover, 
  #header ul#topMenu li:hover a {color: #FAF002;}
  #header ul#topMenu li:hover ul li a {color: #FFFFFF;}
  #header ul#topMenu li:hover ul li a.active {background-image: none;}
  #header ul#topMenu li:hover ul li a:hover {color: #FAF002;}
  #header ul#topMenu li a.active  {color: #FAF002; background: url('/images/menu-top-arrow.png') center bottom no-repeat;}

  #header ul#lang {width: 140px; position: absolute; bottom: 15px; right: 10px; list-style-type: none;}
  #header ul#lang li {display: block; float: left; text-transform: uppercase; margin-left: 10px;}
  #header ul#lang li a {color: #fff; padding-left: 25px; font-size: 0.8em; font-weight: bold;}
  #header ul#lang li.cs a {background: url('/images/cs.png') left top no-repeat;}
  #header ul#lang li.en a {background: url('/images/en.png') left top no-repeat;}

#direct {height: 200px; background: url('/images/home-direct-bg.png') left top repeat-x;}

  #direct div {width: 300px; height: 140px; float: left; margin: 40px 0px 0px 28px;}
  #direct h2 {float: right; width: 160px; font-size: 1.05em; font-weight: normal;}
  #direct h2 a,
  #direct p a {color: #FAF002;}
  #direct p {float: right; width: 160px; font-size: 0.7em; color: #fff; clear: right; margin-top: 8px;}
  #direct #company {background: url('/images/home-direct-company.png') left top no-repeat;}
  #direct #services {background: url('/images/home-direct-services.png') left top no-repeat;}
  #direct #products {background: url('/images/home-direct-products.png') left top no-repeat;}

#main {border: 1px solid #EAEAEA; background: #FFFFFF url('/images/main-bg1.png') left top repeat-x;}

  #home {width: 920px; background: url('/images/home-separator-bg.png') 620px top repeat-y; margin: 40px 0px 40px 38px;}
  #home h2 {font-weight: normal; font-size: 1.5em; margin-bottom: 20px;}
  
    #homeContent {width: 590px; float: left;}
    #homeContent p {margin: 10px 0px 20px 0px;}
    #homeNews { width: 260px; float: right; margin-left: 20px;}
    #homeNews img {float: left; margin-right: 10px; margin-top: 4px;}
    #homeNews h3 {font-size: 1em; font-weight: normal;}
    #homeNews h3 a {color: #000;}
    
    #homeNews p {font-size: 0.8em; color: #333; margin-top: 10px;}
    #homeNews div {height: 20px;}
    
  #contentMain {width: 920px; margin: 40px 0px 40px 38px;}
     
    #contentMain h1 {font-weight: normal; font-size: 1.5em; margin-bottom: 20px;}
    #contentMain h2 {font-size: 1.2em; font-weight: normal; margin-bottom: 6px;}
    #contentMain h2 a {color: #000000;}
    
    .article {background: url('/images/article-box-bg.png') left top repeat-x; padding: 20px 20px 35px 20px; position: relative;}
    .article img {float: left; margin: 0px 20px 20px 0px;}
    .article p {font-size: 0.85em;}
    .article a.detail {position: absolute; right: 20px; bottom: 20px;}
    
    .product {background: url('/images/article-box-bg.png') left top repeat-x; padding: 0px; position: relative; float: left; width: 210px; height: 350px; margin: 0px 8px 8px 0px; text-align: center; padding-top: 40px;}
    .product h2 {font-size: 1.0em !important;}
    .product h2 a {color: #000000; border: 1px solid transparent; position: absolute; left: 0px; top: 0px; width: 210px; height: 350px; display: block; text-align: center; line-height: 40px; border: z-index: 100;}
    .product h2 a:hover {border: 1px solid #9E9E9E;}
    .product p {font-size: 0.75em; line-height: 1.35em; text-align: left; padding: 10px 27px;}
  
    .contactAddress {font-style: normal; font-size: 0.75em; line-height: 1.9em; float: left; width: 400px;}

    #contact_form {background: url('/images/article-box-bg.png') left top repeat-x; padding: 20px 20px 35px 20px; position: relative; float: left; width: 880px; margin-top: 25px;}
      #contact_form p {margin: 0px 0px 0px 20px;}
      
    #map {float: right;}
      #map small {padding: 5px 0px; display: block;}
      
   #contentMain.withSide {width: 662px; margin: 40px 38px 40px 38px; float: right; display: inline;}   
      
   #contentLeft {width: 220px; margin: 40px 0px 40px 38px; float: left;}
      
      #sideMenu {background: #333333 url('/images/sub-menu-bg.png') left top repeat-x; padding: 20px 0px;}
      #sideMenu ul {list-style-type: none; margin: 0px 0px 20px 20px; font-size: 0.9em;}
      #sideMenu ul li {padding-bottom: 5px;}
      #sideMenu ul li a {background: url('/images/sub-menu-li.png') left 3px no-repeat; color: #FFFFFF; display: block; text-decoration: none; padding: 0px 0px 0px 17px;}
      #sideMenu ul li a:hover {color: #FAF002;}
      #sideMenu ul li a.active {font-weight: bold; text-decoration: underline;}
      #sideMenu ul li ul {padding-top: 10px;}
      #sideMenu ul li ul li a {background: none; padding-left: 6px;}
      
/*nastylovani tabulky s obrazky v sekcich "media" a "certifikaty"*/  
.media table {width: 100% !important; table-layout: fixed;}
.media td {  text-align: center; border: 0 none; vertical-align: top !important; }
.media td img {
    margin: 0 auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    display: block !important;
    float: none !important;
    width: 80%;
}
.media a {display:block; margin: 0 auto; }
                                                  
#footer {height: 180px; background: #EAEAEA; margin: 1px 0px 30px 0px; text-align: center;}

#footer .inbox {width: 1000px; margin: 0px auto; text-align: left;}
  
  #footer h2 {color: #666; float: left;  display: inline; margin: 25px 0px 0px 35px; font-weight: normal;}
  #footer a {color: #666;}
  #footer p {font-size: 0.7em; color: #666;}
  #footer a:hover {text-decoration: none}
  #footerLinks {float: right;  margin: 27px 40px 0px 0px; display: inline; text-align: right;}
  #createrInfo {float: right; margin: 75px 40px 0px 0px; color: #666; display: inline;}
  #footer address {float: left; color: #666; display: inline; font-style: normal; margin: 15px 0px 0px 35px; font-size: 0.75em; line-height: 1.6em;}
  
.contactTable {font-size: 1.0em; margin: 25px 0px;}
.contactTable td {vertical-align: top; text-align: left; border: 0px;} 
.contactTable .contactAddress {width: 290px;} 
.contactTable h3 {padding-bottom: 10px !important; font-size: 0.9em; padding-top: 10px; margin-top: 30px; color: #053C6D; border-top: 1px solid #9E9E9E;}
.contactTable h3.noBorder {border: none; padding: 0px; margin-top: 10px;}
.contactTable iframe {margin: 20px 0px 5px 0px;}
.contactTable small {display: block;}
    

.cleaner {clear: both;}
img.doubleBorder { border: 2px solid #CACACA; padding:1px; background:#fff; }
.floatRight {float: right; margin: 0px 0px 20px 8px;}
.leftImg {float: left; margin: 0px 20px 20px 0px;}

.successMessage {background: #009900; padding: 10px; margin-bottom: 15px;}
.failedMessage {background: #CC0000; padding: 10px; margin-bottom: 15px;}

.failedMessage p, .succesMessage p {color: #FFFFFF; font-weight: bold;}

.item {margin-bottom: 10px;}
.item strong {cursor: pointer; display: inline-block;}
.item strong:hover {text-decoration: underline;}
.item .content {display: none;}