/* 
 * CSS - PensionMlynPraha.cz
 * Author: GH-Networks -> info@ghn.cz -> www.ghn.cz
 *         for Altercom s.r.o. 
 * Date: 2009-10-01
 * 
 */
  
/* All Reset */
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* Typography formating */
html{font-size:100.01%;}body{font-size:62.5%;}h4{font-size:2.5em;line-height:1em;margin:0 0 0.7em 0;}h1,legend{font-weight:bolder;font-size:2.1667em;line-height:1.286em;clear:both;margin:0 0 0.443em 0;padding-top:0.5em;}h3{font-weight:bolder;font-size:1.6em;line-height:1.286em;margin:1.529em 0 0.443em 0;}p,li{font-size:1.1em;line-height:1.5;margin:0 0 1.3em 0;}li{margin:0 0 0.45em 0;}form label{cursor:default;}fieldset{border:none;}table{font-size:1.1em;}strong{font-weight:bolder;}

/* Styles */
body { color: #222; background: url(img/body-bg.jpg) repeat; font-family: sans-serif; }
h3 { color: #5a7512; margin-top: 0em; padding-top: 0.7em; }
a { color: #0056a6; padding: 2px 3px; }
 a:hover { text-decoration: none; }
h2 { font-size: 1.2em; font-weight: bolder; margin-bottom: 0.5em; }
div#wrapper { width: 950px; position: relative; margin: 0 auto; font-size: 1.4em; }
div#header { width: 100%; height: 203px; background: url(img/header.jpg) no-repeat; }   
  div#header a:hover { background: none; }
  div#header p { position: absolute; top: 98px; left: 184px; width: 460px; height: 80px; background: url(img/pension-vetrny-mlyn-header.png) no-repeat; text-indent: -9999px; }
  div#header object { position: absolute; top: 8px; right: 150px; width: 150px; height: 170px; }
div#content { width: 100%; min-height: 400px; background: url(img/content-bg.jpg) repeat-y; }
  div#content div.inner { padding: 5px 37px 25px 37px; }
    div#content div.inner img { vertical-align: text-top; }
    ul#language {position:absolute;top:172px; right: 30px;}
      ul#language li {float:left;margin:0 0 0 10px;}
      ul#language li a {display:block;width:22px;height:12px;padding:0;border:1px solid #555;opacity:0.80;filter:alpha(opacity=80);text-indent:-99999px;}
       ul#language li a:hover{opacity:1.00;filter:alpha(opacity=100);}
       ul#language li#current a, ul#language li#current a:hover { cursor:default; opacity:0.40; filter:alpha(opacity=40); }
         ul#language li a#cs { background:url(img/flag-cs.png) no-repeat; }
         ul#language li a#de { background:url(img/flag-de.png) no-repeat; }
         ul#language li a#en { background:url(img/flag-en.png) no-repeat; }
         ul#language li a#fr { background:url(img/flag-fr.png) no-repeat; }
         ul#language li a#ru { background:url(img/flag-ru.png) no-repeat; }
    ul#menu { display: block; height: 36px; border: 1px solid #cbdaa9; margin: 0 -22px; padding: 0 7px; border-width: 1px 0; background: #eaf6ce; }
      ul#menu li { float: left; display: block; _dislpay:inline-block; padding: 0 7px 0 0; }
        ul#menu li a { display: block;  _dislpay:inline-block; height: 35px; padding: 0 6px; line-height: 36px; color: #467400; font-size: 0.95em; font-weight: bolder; background: #e3f0c6; border: 1px solid #d4e2b5; border-width: 0 1px; text-decoration: none; }
          ul#menu li a:hover { color: #325300; background: #cee39e; }
          ul#menu li#active a { color: #395101; background: #b4d26e url(img/menu-active.png) center bottom no-repeat; border: 1px solid #cbdaa9; cursor: default; }
    div.quart { width: 27%; float: left; }
    div#content div#bottom { width: 920px; min-height: 8px; position: relative; margin: 6px auto 0 auto; font-size: 0.8em; border-top: 1px solid #cbdaa9; background: #eaf6ce url(img/content-bottom.jpg) left bottom no-repeat; }
      div#bottom div.inner { padding: 28px 28px 9px 28px; }
      div#bottom a:hover { background: #eef9d6; }
      div#bottom p { font-size: 1.25em; white-space: nowrap; } 
      div#bottom p a big { font-size: 1.6em !important; }   
    ul.check { padding: 1em 0 1em 2em; }
      ul.check li { padding: 0.1em 0 0.1em 32px; background: url(img/li-check.png) left top no-repeat; }
    div.galerie { margin: 0 -20px 0 0; padding: 10px 0 20px 0; }
      div.galerie a { display: block; float: left; padding: 0; margin: 0 22px 22px 0; border: 2px solid #999; }
      div.galerie a.vert, div.galerie a.vert:hover { background: #e8e6c9; }
        div.galerie img { width: 150px; height: 105px; display: block; }
        div.galerie a.vert img { width: 79px; margin: 0 35px; } 
       div.galerie a:hover { background: none; border-color: #000; }
       div#slideshow img { width: 431px; height: 272px; }
    table.cenik { margin: 1em 0; font-size: 1.2em; }
      table.cenik td { font-weight: bolder; padding: 8px 16px; border: 1px dotted #555; text-align: right; }
      table.cenik th { padding: 8px 16px; border: 1px dotted #555; text-align: left; }
      table.cenik tr td, table.cenik tr th { background: #eff6ce; }
      table.cenik tr.eval td, table.cenik tr.eval th { background: #fefce4; }
    big { font-size: 125% !important; }
    small { font-size: 85%; }
    fieldset{ width: 380px; border: 1px solid #ddd; margin: 20px 0 0 0; padding: 10px; }
      fieldset legend { color: #5a7512; font-size: 1.2em; padding: 0 15px; }
        table.formular { width: 100%; }  
        table.formular th, table.formular td { padding: 4px; }
        table.formular th { width: 50%; text-align: right; }
        input.submit { cursor: pointer; padding: 5px 10px; }
    p.tel { font-size: 1.3em; margin-bottom: 14px; }
      p.tel a { text-decoration: none; }
  div#footer { padding: 10px; color: #add45b; text-align: center; }
    div#footer p { font-size: 1.1 !important; }
    div#footer a { color: #c2d796; padding: 0; }
     div#footer a:hover { background: none; color: #e9f6ce; text-decoration: underline; }
    div#tagy { margin: 0 0 0.7em 0; }
      div#tagy h4 { display: inline; font-size: 12px; }
div#slideshow { float: right; width: 431px; margin: 0 0 20px 20px; position:relative; height:272px; }
div#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
div#slideshow IMG.active { z-index:10; opacity:1.0; }
div#slideshow IMG.last-active { z-index:9; }
.right { float: right; margin: 0 0 20px 20px; }
.left { float: left; margin: 0 20px 20px 0; }
.top { margin-top: -38px; }
.noCSS,.print{display:none;}
hr.clear { visibility: hidden; width: 0; height: 0; clear: both; }