/* reset nastaveni browseru */
body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, fieldset, form { margin:0; padding:0; border:0; }
a { outline:none; }

/* obecne styly */
body { background: #0c0c0c url('images/background.jpg') no-repeat fixed center top; font-family: Arial, sans-serif; font-size: 62.5%; color: #fff; text-align: center; }
.break { clear: both; }

#wrapper { width: 960px; margin: 0px auto; background-color: rgba(0,0,0,0.1); }

#header { height: 152px; margin: 0px 13px; position: relative; }
  #header ul { list-style: none;  position: absolute; top: 0px; right: 0px; }
  #header ul li { float: left; list-style: none; }
  #header ul li a { color: #fff; font-size: 1.2em; padding: 60px 20px 20px 20px; display: block; text-decoration: none; border-left: 1px solid rgba(255,255,255,0.3); }
  #header ul li a:hover { background: rgba(0,0,0,0.2); color: #3895d5; }
  #header ul li.active a { color: #3895D5; text-decoration: underline; }
  
  #header a.logo { position: absolute; left: 18px; top: 10px; width: 151px; height: 121px; background: url('images/logo-eps.png') no-repeat left top; text-indent: -9000px; }

#main { background: url('images/main.gif') repeat-y left top; margin: 0px 13px 5px 13px; text-align: left; position: relative;
        min-height: 628px; height:auto !important; height:628px; }

  #main #left { width: 637px; }
  
  #main #left h1 { background: #101010; width: 637px; height: 94px; line-height: 94px; font-weight: normal; font-size: 2.9em; color: #a6a6a6; margin-bottom: 25px; }
  #main #left h1 span { padding-left: 45px; }
  
  #main #left p { padding-left: 45px; font-size: 1.2em; margin-bottom: 10px; padding-right: 45px; }
  #main #left p a { color: #3895d5; }
    #main #left p a:hover { color: #fff; }
   
  #main #left p.gray { color: #898989; }
  #main #left p.white { color: #fff; }
  
  #main #left p.sluzby { font-size: 1.1em; color: #898989; padding-bottom: 15px; }
    #main #left p.sluzby strong { color: #3895d5; font-size: 1.3em; }
    #main #left p.sluzby a img { float: left; padding-left: 10px; padding-right: 20px; }
    #main #left p.sluzby a:hover img { opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5; }
  
  #main span.gray { color: #898989; }
    
  #main #left p.intro { font-size: 1.4em; margin-bottom: 35px; }
    #main #left p.intro strong { color: #3895d5; font-weight: normal; }
    #main #left p.intro span { font-size: 12px; color: #898989; }

  #main #left h2 { font-weight: normal; font-size: 2.2em; color: #a6a6a6; padding-bottom: 5px; border-bottom: 1px dashed #313131; margin: 0px 45px 20px 45px; }

  #main ul.reference { list-style: none; margin-left: 45px; margin-bottom: 10px; }
    #main ul.reference li { font-size: 1.2em; margin-bottom: 8px; color: #898989; height: 39px; }
    #main ul.reference li.last { background: none; }
    #main ul.reference li strong { color: #fff; }
    #main ul.reference li span { color: #3895d5; }
    #main ul.reference li a { color: #3895d5; }
    #main ul.reference li a:hover { color: #fff; }
    #main ul.reference li a img { border: 3px solid #393838; margin-right: 10px; margin-bottom: 3px; float: left;
            -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  -webkit-transition: -webkit-transform 0.1s ease-in; }
    #main ul.reference li a:hover img { border-color: #626262;
            -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); }
    
  #main ul.reference2 { list-style: none; margin-left: 45px; margin-bottom: 10px; }
    #main ul.reference2 li { font-size: 1.2em; padding-bottom: 8px; color: #898989; background: url('images/li.gif') no-repeat 3px 5px; padding-left: 15px; padding-right: 45px; }
    #main ul.reference2 li.last { background: none; }
    #main ul.reference2 li strong { color: #fff; }
    #main ul.reference2 li span { color: #3895d5; }
    #main ul.reference2 li a { color: #3895d5; }
    #main ul.reference2 li a:hover { color: #fff; }

  #main #hledani { position: absolute; top: 0px; right: 0px; width: 297px; height: 94px; background: #262626; }
    #main #hledani form { padding: 33px 0px 0px 40px; }  
    #main #hledani label { font-size: 1.1em; float: left; height: 24px; line-height: 24px; color: #848484; width: 43px; display: block; }
    #main #hledani input.text { float: left; width: 120px; height: 24px; background: #3e3e3e; border: none; color: #a6a6a6; font-size: 11px; padding: 0px 10px;  
          -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24); 
          -webkit-border-radius: 2em;	-moz-border-radius: 2em; border-radius: 2em; }
    #main #hledani input.img { float: left; margin-left: 10px; }
  
  #main #novinky { position: absolute; top: 94px; right: 0px; width: 297px; }
      #main #novinky h3 { font-weight: normal; font-size: 2.2em; color: #a6a6a6; padding: 15px 40px; }
      #main #novinky p.novinka { font-size: 1.1em; color: #626262; padding: 10px 40px; clear: both; }
        #main #novinky p.novinka strong { color: #848282; }
        #main #novinky p.novinka a { color: #3895d5; }
        #main #novinky p.novinka a:hover { color: #fff; }
      #main #novinky span.datum { font-size: 1.4em; font-weight: bold; color: #3895d5; background: #171717; margin-left: 32px; display: block; padding: 4px 8px; float: left; display: inline; }
      
      #main #novinky p.projekty { padding: 10px 30px 10px 40px; }
        #main #novinky p.projekty a { text-decoration: none; }
        #main #novinky p.projekty a img { border: 5px solid #393838; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right: 3px; margin-bottom: 3px; }
        #main #novinky p.projekty a:hover img { border-color: #626262; }


p.footer { text-align: right; font-size: 1.1em; padding-right: 35px; color: #9e9e9e; padding-bottom: 10px; }
  p.footer span { color: #505050; }