* { margin:  0; padding: 0; }

img { border:0; }

ul {list-style:none;}

h1,h2,h3,h4,h5,hr {margin-bottom:0.63em;font-weight:normal;}

h1 {font-size:32px;margin:0.35em 0 0.2em;}
h2 {font-size:18px;}
h3 {font-size:14px;font-weight:bolder;}
h4 {font-size:18px;margin-top:0.4em;}
h5 {font-size:11px;}

p {text-align:justify; margin-bottom:0.90em; font-size:12px;}
#left #content .content ul, #left #content .content table { font-size:12px; }


#right .box a, #footer a {text-decoration:none;}
#right .box a:hover,  #footer a:hover {text-decoration:underline;}

html { }
body { text-align:center; font-family: Arial, Helvetica, sans-serif; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; }

.l { float:left; }
.r { float:right; }
.reset { clear:both; }
.hidden { display: none; }
.submit {cursor: pointer; }

/* Layer */

#html { position: relative; width: 1132px; text-align: center; margin: 0 auto; }

#main { position: relative; top: 246px; width: 960px; margin: 0 auto;}

/* Search */
div#search { position: absolute; top: 42px; right: 94px; }
div#search form { display: block; }
div#search input { display: block; float: left; width: 170px; height: 27px; line-height: 17px !important; margin: 0; padding:5px 0 0 8px; border: 0; background: url(img/bg-search.png) 0 0 no-repeat; color:#93a6c9; }
div#search input.submit { width: 20px; height: 27px;background: url(img/search_button.png) center center no-repeat; text-indent: -9999px; filter: alpha(opacity=70);_filter: none); -moz-opacity: 0.70; opacity: 0.70; }
div#search input.submit:hover { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

/* Menu */
#menu { position:absolute; top:213px; left:92px; }

#menu ul#main-menu { position: absolute; width:640px; }
#menu #main-menu li { height: 32px; position:relative; float:left; display:block; margin: 2px 6px 0 0; padding: 0; font-size:14px; text-align:center; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
#menu #main-menu li a { cursor: pointer; height: 100%; line-height: 33px; float: left; display: block; background: url(img/bg-menu.gif) 0 0 repeat-x; color: #fff; text-decoration: none; font-weight:bold; white-space: nowrap;}
#menu #main-menu li div { width: 6px; height: 100%; float: left; overflow:hidden;}
  #menu #main-menu li div.lc { background: url(img/bg-menu-cor.gif) 0 0 no-repeat; }
  #menu #main-menu li div.rc { background: url(img/bg-menu-cor.gif) 0 -35px no-repeat; }

  #menu #main-menu li a span { position: relative; display: block; padding: 0 6px 0 3px; font-size: 85%; }
  #menu #main-menu li a span img { position: relative; top: 6px; left: -3px; text-indent: -5000;}

  #menu #main-menu li:hover a,#menu #main-menu li.hover a,#menu #main-menu li.act a {background:url(img/bg-menu.gif) 0 -35px repeat-x; color:#42484c; }
  #menu #main-menu li:hover div.lc, #menu #main-menu li.act div.lc {background:url(img/bg-menu-cor.gif) 0 -70px repeat-x; }
  #menu #main-menu li:hover div.rc, #menu #main-menu li.act div.rc {background:url(img/bg-menu-cor.gif) 0 -105px repeat-x; }

#menu #main-menu li.act .arrow {width:9px;height:5px;overflow:hidden;background:url(img/bg-sipka.gif) 0 0 no-repeat;position:absolute;left:45%;top:38px;z-index:100;}

#menu #main-menu li.act { height: 35px; margin-top: 0; font-size: 17px; }
  #menu #main-menu li.act a { line-height: 37px; cursor: default; }
    #menu #main-menu li.act a span { padding: 0 8px 0 5px; }
    #menu #main-menu li.act a span img { position: relative; top: 4px; left: -4px; padding: 0 1px 0 0; }

/* Top  menu */
#top-menu {position:absolute;top:0;left:935px;width:108px;height:30px;background:url(img/bg-top-menu.gif) 0 0 no-repeat;line-height:27px;filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
#top-menu a {display:block;float:left;width:25px;height:22px;margin:5px 3px 0 6px;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;}
  #top-menu a#top-home {background:url(img/top-home.gif);}
  #top-menu a#top-mapa {background:url(img/top-mapa-stranek.gif);}
  #top-menu a#top-kontakt {background:url(img/top-kontakt.gif);}
  #top-menu a:hover {filter: alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;}


/* Partner */
#partneri {position:absolute;top:10px;left:28.4em;width:320px;height:30px;line-height:30px;text-align:left;}

#partneri a {display:block;float:left;margin:0 0 8px 14px;filter: alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;}
  #partneri a#eset {width:53px;height:20px;background:url(img/part_eset.png) 0 0 no-repeat;}
  #partneri a#vm {width:86px;height:20px;background:url(img/part_vm.png) 0 0 no-repeat;}
  #partneri a#micro {width:77px;height:20px;background:url(img/part_micro.png) 0 0 no-repeat;margin-left:12px;}
  #partneri a#acr {width:68px;height:20px;background:url(img/part_acr.png) 0 0 no-repeat;}
  #partneri a#data {width:100px;height:20px;background:url(img/part_datarec.png) 0 0 no-repeat;}
  #partneri a#adobe {width:37px;height:46px;background:url(img/part_adobe.png) 0 0 no-repeat;margin-right:-3px;}

  #partneri a:hover {background-position:0 -20px !important;filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}
  #partneri a#micro:hover {background-position:0 0 !important; }
  #partneri a#adobe:hover {background-position:0 -46px !important; }


/* Technologie */
#technologie { position: absolute; top: 125px; left: 748px; width: 293px; height: 109px; background: url(img/bg-technologie.png) 0 0 no-repeat; }
#technologie ul { position: relative; top: 46px; left: 44px; }
#technologie ul li { float: left; display: block; width: 40%; text-indent: -9999px; }

#technologie a { display: block; height: 48px; opacity: 0.80; filter: aplha(opacity=80); }
#technologie a:hover { opacity: 1.00; filter: aplha(opacity=100); }
  #technologie a#tech { width: 82px; background: url(img/icon-technologie.png) center center no-repeat; } 
  #technologie a#myweb { width: 115px; background: url(img/icon-myweb.png) center center no-repeat; } 


/* Věta */ 
#veta {position:absolute;top:110px;left:42em;color:#ffffff;font-family:Corbel, sans-serif;text-transform:uppercase;letter-spacing:0.05em;
  filter: alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40; 
}





/* Logo */
#logo {position:absolute; top:0em; left:5.44em; width:22.94em; height:4.94em;  }
#logo a {padding-top:1.25em;}


/* Left */
#left {float:left;width:650px;text-align:left;}

/* Left -spolecne nastaveni boxu */
#left #content .content, #left .bluebox .content  {border-left:0.06em solid #000;border-right:0.06em solid #000;}


/* Left - Content*/
#left #content { width: 648px; min-height: 300px; _height: 300px; margin-bottom: 1px; }

  /* kulatý rohy co jinýho */
  #left #content .header, #left #content .footer { height:5px; overflow:hidden; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }  
    #left #content .header { background: url(img/corners.png) 0 -5px no-repeat; }
    #left #content .footer { background: url(img/corners.png) 0  0 no-repeat; }
    
  /* dynamic part...texty texty texty */
  #left #content .content { background: transparent url(img/bg-content.png); padding: 5px 24px 20px 22px; min-height: 300px; _height: 300px; }
    #left #content .content h1 {color: #153465; }
    #left #content .content h2 { color: #aa5305; margin-top: 1.5em; clear:both; }
      #left #content .content h2 a:hover:after { content: ' »'; }
    #left #content .content h3 { color: #001638; margin:1.3em 0 0.5em 0; }
    #left #content .content hr { height: 1px; background: none; border: 0; border-bottom: 1px dotted #888; overflow: hidden; clear: both; }
    #left #content .content p { color:#22262b; line-height: 1.55; }
    #left #content .content strong { color:#1c273a; }
    #left #content .content em { color:#555; }
    #left #content .content a, #left #content .content a strong { color:#1d4a8b; text-decoration:underline; }
    #left #content .content a:hover, #left #content .content a:hover strong { color:#ba6400; }
    span.autor { clear: both; display: block; width: 100%; padding: 10px 0; text-align: right; font-size: 70%; opacity: 0.25; filter: alpha(opacity=25); }

    #left #content .content ul { padding-left: 2em; margin: 0.4em 0 1em 0 !important; }
      #left #content .content ul li { padding: 0 0 8px 22px; line-height: 18px; background: url(img/li.png) 0 3px no-repeat; }
    
    #left #content .content ul ul { padding-left: 1.5em; margin: 0; }
      #left #content .content ul ul li { padding: 0 0 8px 18px; line-height: 18px; background: url(img/li-sub.png) 0 4px no-repeat; }
    

    table.cenik { border: 2px solid #bbb; border-collapse: collapse; margin: 0.5em 0 0.8em 0; }
      table.cenik p {margin:0; padding:0; display: inline; }
      table.cenik thead { }
        table.cenik thead th, table.cenik thead td { padding: 8px 10px; vertical-align: middle; text-align: center; background: #d7dadf; border-top: 2px solid #c1c4c9; border-bottom: 2px solid #c1c4c9; border-left: 1px solid #c1c4c9; border-right: 1px solid #c1c4c9; }
          table.cenik thead th, table.cenik thead th p, table.cenik thead td, table.cenik thead td p { font-size: 12px; font-weight: bolder; color: #37465d !important; }
            table.cenik thead th strong { color: #37465d !important; }
        table.cenik thead th:first-child { text-align:left; }
      table.cenik tbody td, table.cenik tbody th { margin: 0; padding: 6px 14px 7px 10px; vertical-align: middle; text-align: center; border-top: 1px solid #d2d7df; border-bottom: 1px solid #d2d7df; border-left: 1px solid #c1c4c9; border-right: 1px solid #c1c4c9; }
          table.cenik tbody tr td { background: #dde0e4;background: #e1e3e7; }
          table.cenik tbody th, table.cenik tfoot th { font-weight: normal; font-size: 1em; }
            table.cenik tbody tr th { background: #e1e3e6 !important;text-align: left !important; border-right: 1px solid #a7aab0; }
              table.cenik tbody tr th p { color: #333 !important; }
              table.cenik tbody tr:hover th p, table.cenik tbody tr:hover td p { color: #000 !important; }
          table.cenik tbody tr.odd td { background: #dde0e4; }
            table.cenik tbody tr.odd th { background: #dbdee2 !important; text-align: left !important; border-right: 1px solid #a7aab0; }
          table.cenik tbody tr:hover td { background: #d5dae1; color: #000; }
            table.cenik tbody tr:hover th { background: #d5d9de !important; }
          
          table.cenik td.cena { text-align: right !important; }
          table.cenik td.vlevo { text-align: left !important; }
            
        table.cenik tfoot th, table.cenik tfoot td { padding: 8px 10px; vertical-align: middle; text-align: center; background: #d6dbe2; border-top: 2px solid #c1c4c9; border-bottom: 2px solid #c1c4c9; border-left: 1px solid #c1c4c9; border-right: 1px solid #c1c4c9; }
          table.cenik tfoot th { text-align: left; }
          table.cenik tfoot td { font-size: 12px; font-weight: bolder; color: #37465d !important; }  

    a.opacity { opacity: 0.8; filter:alpha(opacity=80); }
      a.opacity:hover { opacity: 1.0; filter:alpha(opacity=100); }
    

    ul#wherenext h4 { font-size: 12px; margin: 0 !important; }
      ul#wherenext p { margin: 0 !important; }
      ul#wherenext li { padding-bottom: 0.3em; margin: 0; }
      ul#wherenext h4 a:hover:after { content: ' »'; }

    div.poznamka { width: 605px;  _width:100%; min-height: 60px; _height: 60px; margin: 0 0 16px 0; padding: 0; background: #e0e3e8 url(img/poznamka-bg.png) 0 0 repeat-y; }
      div.poznamka span { display: block; width: 100%; }
        div.poznamka span.top { background: url(img/poznamka-bg-corners.png) 0 0 no-repeat; height: 6px; }
        div.poznamka span.icon { width: 39px; height: 43px; float: left; margin: 2px 14px 5px 16px; _margin: 0 2px 5px 8px; background: url(img/poznamka-icon.png) 0 0 no-repeat; }
        div.poznamka span.gradient { position: relative; padding: 0 0 3px 0; margin: 0; min-height: 52px; _height: 52px; background: url(img/poznamka-bg-corners.png) right bottom no-repeat; }
        div.poznamka span.text { width: 94%; _width: 85%; height: auto !important; padding: 0 0 0 14px; margin: 6px 0 0 0; _margin: 0; }

    div.podtext { width: 602px;  _width:100%; margin: 0; padding: 0; font-size: 130%; line-height: 1.4; }
      div.podtext span { display: block; width: 100%; overflow:hidden; }
        div.podtext span.top { background: url(img/podtext-def-top.png) 0 0 no-repeat; height: 22px; }
        div.podtext span.text { background: url(img/podtext-def-bg.png) 0 0 repeat-y; padding: 8px 0 0 0; }
          div.podtext span.text, div.podtext span.text p { color: #19344f !important; }
          div.podtext span.text strong { color: #19344f !important; }
        div.podtext span.bottom { background: url(img/podtext-def-bottom.png) 0 0 no-repeat; height: 23px; }

        
    /* ul seznam - reference content */


    #left #content .content ul.minus, #left #content .content ul.plus { padding:0; }
    #left #content .content ul.minus li { padding: 0 0 4px 28px; line-height: 24px; background: url(img/li-minus.png) no-repeat; }
    #left #content .content ul.plus li { padding: 0 0 4px 28px; line-height: 24px; background: url(img/li-plus.png) no-repeat; }
    
    .no-border, .no-border td { border: 0; }
    
    #left #content .content img { background: #ccc; padding: 5px; border: 1px solid #aaa; }
      #left #content .content a:hover img { background: #bbb; border-color: #888; position: relative; z-index: 0; }
      #left #content .content a:hover img:after { content: url(img/zoom.png); position: absolute; bottom: 3px; right: 0; }
    
    /* breadcrumb menu */
    #left #content .content #nav p {color:#333333;font-size:10px;}


    ul.blog-menu { margin: 0 !important; padding:0 !important; }
      ul.blog-menu li { float:left; margin:0 20px 0 0 !important; }

      #left #content .content p.info {color:#777 !important;margin:0 !important;padding:2px 0 !important;}
      #left #content .content p.info a {color:#444;text-decoration:none;}
      #left #content .content p.info a:hover {color:#ba6400;text-decoration:underline;}
      h1.blog-header { padding: 0 0 3px 0; margin: 0; }


/* End Left Content - main text part */ 

/* Left - Blue Boxes*/
#left .bluebox {width:320px;margin: 13px 0 14px -2px;}
  
  /* zase rohy */
  #left .bluebox .header, #left .bluebox .footer {height:6px;overflow:hidden;}
  #left .bluebox .header { background:url(img/corners.png) 0 -17px no-repeat; }
  #left .bluebox .footer { background:url(img/corners.png) 0 -12px no-repeat; }
  
  /*dynpar .... texty */ 
  #left .bluebox .content { background-color:#2d3239;padding:0.43em 1.14em 0.63em 1.14em;min-height:9.38em;_height:9.38em;}
    #left .bluebox .content h4 { color:#6b7585; margin: 0 0 0.8em 0; }
    #left .bluebox .content p { color:#797979;font-size:70%;margin:0; }
    #left .bluebox .content li { /*width:100%;*/ padding-bottom: 0.6em; }
    #left .bluebox .content .img { margin-right:0.63em; }
    #left .bluebox .content .img img { border:0.06em solid #000; }
    #left .bluebox .content .text { width:13.05em; }
    #left .bluebox .content h5 { color:#a2a2a2;margin:0.2em 0 0.9em 0;font-size:0.8em; }
      #left .bluebox .content h5 a { color:#a2a2a2;text-decoration:none; } 
        #left .bluebox .content h5 a:hover { color:#eee; } 
        #left .bluebox .content h5 a:hover:after { content: ' »'; }  

/* End Left Blue Box */

/* Left - Gray Box*/
#left .graybox {position: relative; width:648px; min-height:300px;_height:300px;margin-bottom:0.94em; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
  #left .graybox .header, #left .graybox .footer { height:5px; overflow:hidden; }
  #left .graybox .header { background:url(img/corners.png) 0 -29px no-repeat; }
  #left .graybox .footer { background:url(img/corners.png) 0 -24px no-repeat; }
  
  #left .graybox .content { background: #303030; border:1px solid #323335; border-width:0 1px; padding:0.33em 1.14em 0.63em 1.14em;min-height:9.38em;_height:9.38em;}
    span#form-icon { width: 69px; height: 81px; display: block; position: absolute; right: 12px; top: 12px; border: 0 !important; background: transparent url(img/form-icon.png) 0 0 no-repeat !important; opacity: 0.85; filter: alpha(opacity=85); }
    #left .graybox:hover span#form-icon { opacity: 1.00; filter: aplha(opacity=100); }
    
    form#kontaktform, form#kontaktform table { width: 590px;  }
 
    .graybox .content input,select,textarea { border:1px solid #212122; background: #3e3e3e; margin: 0.31em 0; padding:0.13em; color:#828282;}
   
    .graybox .content h4 { color:#939393; }
    .graybox .content label { display: block; border-bottom: 1px solid #343434; color: #828282; font-size:75%; padding: 7px 0 2px 1px; }
    .graybox .content input { width: 280px; margin: 0; _width: 270px; }
    .graybox .content select { width: 600px; _width: 580px; }        
    .graybox .content textarea { height: 4.38em; width: 590px; _width: 570px; }
    .graybox .content input.half { width: 45px; margin: 10px 0 0 9px; }
    label.kontrola { display: inline !important; position: relative; top: -5px !important; margin: 0 4px 0 0; }
    
    form#kontaktform input,
    form#kontaktform textarea,
    form#kontaktform select { padding: 3px 4px; margin: 0 0 6px 0; color: #f0f0f0 !important; line-height: 1.4; background: #3e3e3e; border:1px solid #212122 !important; }
    
    form#kontaktform input:hover,
    form#kontaktform textarea:hover,
    form#kontaktform select:hover { border-color: #505050 !important; }
    
    form#kontaktform input:focus,
    form#kontaktform textarea:focus,
    form#kontaktform select:focus { border-color: #777 !important; }
    
    #left .graybox .content input.submit { float: right; width: 199px; height: 30px; background: transparent url(img/form-button.png) 0 0 no-repeat; border: 0 !important; color: #bdbdbd !important; cursor: pointer; }
      #left .graybox .content input.submit:hover { color: #f0f0f0 !important; border:0 !important; background-position: 0 -30px;}
      #left .graybox .content input.submit.active { color: #fff !important; border:0; background-position: 0 0; }

    
    #left .graybox .content td {padding-right:1.25em;}
                                          
    
/* End Left - Gray Box */

/*----------------- End Left ------------------------------------------------*/

/* Right -  Pravý sloupec */
#right {position:relative;float:left;width:19.31em;text-align:right;}

/* Right - Boxes */
#right .box {position:relative; width:294px; margin:0 0.13em 0.94em auto;text-align:left; filter: alpha(opacity=86); -moz-opacity: 0.86; opacity: 0.86; }       

  #right .box .header { height:5px;overflow:hidden;background:url(img/corners.png) 0 -39px no-repeat; }
  #right .box .footer { height:5px;overflow:hidden;background:url(img/corners.png) 0 -34px no-repeat; }

  #right .box .content { background:#303030;border-left:0.06em solid #595a5c;border-right:0.06em solid #595a5c;padding:0.2em 0.94em 0.4em 0.94em;}
    #right .box .content h4 { color:#e9e9e9; margin-bottom: 14px; }
    #right .box .content h5 { color:#cdcdcd; margin: 0 0 3px 0; }
    #right .box .content p { color:#909090; font-size:70%;}
    #right .box .content a {color:#ba6400;}
    #right .box .content a:hover { color:#e5810c; }
    #right .box .content .kalendar { background: url(img/kalendar.gif) no-repeat; height: 42px; width: 36px; text-align: center; }
    #right .box .content .kalendar span { display:block; padding: 4px 0 0 0; color: #222; font-size: 9px; line-height: 1.8em; font-weight:normal; }
      .white { color: white !important; font-style: normal; }
    #right .box .content .text { width: 210px; margin: 0 0 10px 12px; font-weight: normal; text-align: left !important; }
    /* #right .box .content li {width:100%;} */    
    #right .box .content #ref {border:1px solid #000;margin-bottom:0.31em;}
    
    
    #right .box .content a#prev, #right .box .content a#next { position: absolute; bottom: 0; font-size:70%; font-weight:bold;text-transform:uppercase;color:#aaa;line-height:21px;opacity:0.55; filter:alpha(opacity=55); text-decoration:none;cursor:pointer;}
    #right .box .content a#prev { background: url(img/a_arrow.gif) left -19px no-repeat; left: 0; padding: 0 0 0 22px; }
    #right .box .content a#next { background: url(img/a_arrow.gif) right 0 no-repeat; right: 0; padding: 0 22px 0 0; text-align: right; }

    #right .box .content a#prev:hover, #right .box .content a#next:hover { opacity:0.90; filter:alpha(opacity=90); }
    
    .carousel {width:260px;  position:relative;  height:300px;}
    .carousel .wrapper{width:260px; /* .carousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow:hidden;  height:280px; /*min-height:300em;*/ margin:0;  position:relative;  }
    .carousel ul a img{ /*border:5px solid #000;*/ /*-moz-border-radius:5px;*/ /*-webkit-border-radius:5px;*/ }
    .carousel .wrapper ul{ width:9999px; list-style-type:none;  margin:0; padding:0; position:absolute; top:0;}
    .carousel ul li{ /*display:block; */ float:left;  padding-right:40px;  height:196px;  width:260px; color: #999; font-size: 11px; }
    .carousel .wrapper ul li a img { display:block; }
    #progress { position:relative; float:left; clear:both; }
    .textholder { text-align:left;font-size:small;padding:6px; }
    .carousel h5 { padding-top: 1em; }
    
    .hand { cursor:pointer; }
    
    
    a#rss-icon { display: block; float: left; width: 40px; height: 40px; margin: 1px 12px 0 0; text-indent: -9999px; background: transparent url(img/rss-icon.png) no-repeat !important; border: 0 !important; opacity:0.90; filter:alpha(opacity=90); }
      a#rss-icon:hover { opacity:1.00; filter:alpha(opacity=100); }
    
/* End Right - boxes */
/* ---------------- End Right -------------------------------------------- */  
  
  
/* SubMenu */  
#left #content .content #submenu { overflow: hidden; width:632px; min-height:31px;_height:31px;margin: 0 -15px 8px -15px !important; background:url(img/bg-submenu.gif) 0 0 repeat-y; }

#left #content .content #submenu ul#sub { margin:0 !important; padding:0 !important;overflow: hidden;  }
#left #content .content #submenu ul#sub li { display:block; _display: inline-block; white-space: nowrap; float:left; padding:0; margin-bottom: 5px; border-right:1px solid #5a5a5a; background: none; }
#left #content .content #submenu ul#sub li.last {border-right:0;}
#left #content .content #submenu ul#sub li a {text-decoration:none;display:block; _display: inline-block;color:#eee;font-weight:bold;font-size:11px;padding:6px 8px;}
#left #content .content #submenu ul#sub li a:hover,#left #content .content #submenu ul#sub li a.active {background:url(img/bg-submenu-act.gif) 0 0 repeat-x;color:#3a3a3a;text-decoration:underline;}  
#left #content .content #submenu ul#sub li a.active, #left #content .content #submenu ul#sub li a.active:hover { cursor: deafult !important; }

/* Footer */

#footer {position:relative;width:960px;margin:0 auto;clear:both;top:252px;min-height:130px;_height:130px;}

#footer div.second-menu, #footer div.third-menu { font-size:70%; text-align: left; }
  #footer ul { display: inline; font-size: 100%; margin: 0; padding: 0; }
    #footer ul li { display: inline; margin: 0 6px; padding: 0; }

#footer div.second-menu { color: #666666; padding-left: 8px; }
  #footer div.second-menu a{ color: #888888 !important; }
  #footer div.second-menu a.active,
  #footer div.second-menu a.active:hover { color: #777777; cursor: default; }
  #footer div.second-menu a:hover { color: #eee !important; }

#footer hr { border:0; border-top: 1px solid #38393b; margin: 10px 0 10px 0; }

#footer div.third-menu { color: #7f4d11; }
  #footer div.third-menu a { color :#96601f; }
    #footer div.third-menu a.active, #footer div.third-menu a.active:hover { color: #7f4d11; cursor: default; }
  #footer div.third-menu a:hover { color: #ca740c; }

#footer p.copy { text-align: right; color: #646464; padding: 0.13em 0.31em 0 0; }
#footer a { padding: 2px 3px; }
#footer a:hover { background: #161718; }



     ul.ref { padding: 0 !important; margin: 0 !important; } 
     ul.ref li { position: relative; float: left; display: block; width: 200px; height:200px; padding: 7px 0 !important; margin: 0 !important; background: url(img/bg-ref-content.gif) 0 0 no-repeat !important; font-size: 13px; line-height: 1.2; }
       ul.graficke-prace-vizitky li { height:166px !important; background: url(img/bg-ref-content-vizitky.gif) 0 0 no-repeat !important; }
      
       ul.ref li p {padding: 0 0 0 10px !important;}
       ul.ref li a { font-size:80%; }

    a.ref-detail {padding-left:10px;}


    table td img { border:0 !important; padding: 0 !important; background: none !important; }

     ul.ref li img { opacity: 0.85; filter: alpha(opacity=85); width: 168px; height: 127px; }
      div.img-border { width: 168px; border: 1px solid #999 !important; background: #ccc; padding: 2px !important; margin: 0 10px 4px 10px !important; }
        ul.graficke-prace-vizitky li div.img-border { height: 93px !important; overflow: hidden; }
       ul.ref li a:hover img { opacity: 1.00; filter: alpha(opacity=100); }
       ul.ref a:hover div.img-border { border-color: #777; background: #aaa; }
     ul.ref li p { clear: both; font-size:100%; color:#333333; margin: 0; padding: 7px; }
      ul.ref a img {padding:0;border:0;background:none;cursor:pointer;}
      ul.ref a:hover img {padding:0;border:0;background:none;}



ul.reference { padding: 0 !important; margin: 0 !important; }
  ul.reference a, ul.reference a:hover, img, ul.reference a:hover img {padding:0 !important;border:0 !important;background:none !important;cursor:pointer;}
  ul.reference li { border-bottom: 1px dotted #bbb; background: none !important; padding: 0 30px 0 0 !important; margin: 0 !important; display: block; float: left; height: 365px; width: 270px; }
  ul.reference div.img-border { width: 260px; border: 1px solid #999 !important; background: #ccc; padding: 4px !important; margin: 0 10px 4px 0 !important; }
    ul.reference a:hover div.img-border { border-color: #777; background: #aaa; }
  ul.reference a.ref-detail { line-height: 35px; }
    
div.thirth { width: 29%; float: left; margin: 0 4% 0 0; }



    .half { float: left; width: 48%; position: relative; z-index: 999; }
    .left { float: left; margin-right: 4%; position: relative; z-index: 999; }

img.right { float:right;clear: both; margin:0 0 12px 12px !important; }
img.left { float:left !important; margin:0 12px 12px 0 !important; }
img.nobg, #left #content .content a:hover img.nobg, #left #content .content a img.nobg { background:transparent !important;border:0 !important; border: 1px solid red; }

ul#sitemap li { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0.2em !important; padding-bottom: 0.2em !important; }
  ul#sitemap li ul { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

div#trace-dog { float: right; width: 336px; height: 215px; background: url(/images/trace-dog.png) no-repeat; }

     #left .graybox p { color: #dbdbdb !important; }

a#letajici-prani,a#letajici-prani:hover { display: block;float: right; margin-right: 30px;text-indent: -9999px; background: url(/images/letajici-prani.jpg) no-repeat; width: 157px; height: 41px; }
.opacity { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.opacity:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }


/* načítání větších obrázků */
#html { background: url(img/bg-body.jpg) no-repeat; }
body { background:#0f1011 url(img/bg-body2.png) repeat-x; }
#logo { background: url(img/bg-logo.png) top left no-repeat; }