/*
      Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;
*/
* {margin:0; padding:0;}
.cleaner {clear: both; height: 0px;}
.noscreen {display:none;}
.floatl { float: left; }
.floatr { float: right; }
.t-center { text-align: center; }
.pv5 { padding: 6px 0 !important; }
.col33 { width: 33%; }
.col50 { width: 50%; }


body { font-size: 62.5%; text-decoration: none; font-family: arial, helvetica, sans-serif; background: #40484b;}

#topdummy {position: absolute; left: 0; top: 0; width: 100%; height: 337px; background: url("images/topdummy.png") 50% 0 no-repeat;}
#main {width:1140px; height:100%; margin: 0 auto; position: relative; z-index: 10;}

/*-- Header --*/
#header {width:1140px; height:159px; border-bottom: 1px #000 solid;  background: url(images/header.png) no-repeat 0 0;}
  #logo {position:absolute; z-index: 20; width:204px; height: 300px; background: transparent url(images/logo.png) no-repeat 0% 35px;}
  #nav {width: 100%;}
    #nav ul {margin:0 0 0 165px; padding:99px 0 0 0; list-style-type:none; font: 11pt arial;}
	#nav strong {font-weight: normal;}
    #nav li {display:inline; float:left; margin:0; padding:0; }
    #nav li a { display:block; height:60px; padding:0 0 0 40px; background: transparent url(images/fragleft.png) no-repeat top left; color:#8D9396; text-decoration: none; font-style: italic;}
    #nav li span {display: block; height:60px; line-height: 60px; padding: 0 5px;}
    #nav li a span { display: block; height:60px; padding:0 18px 0 0; background: transparent url(images/fragrighttest.png) no-repeat top right;}
    #nav li#nav-active a {font-style: italic; font-weight: bold; }
	#nav li#nav-active a span strong {font-weight: bold;}
    #nav li#nav-last a span {width:75px; background-image: url(images/fragright.png);}
    #nav li#nav-last a:hover span {position:relative; top:0px ; left:9px ; width:75px; background-image: url(images/fraglasty.png);}
	#nav li#nav-last a:hover span strong {left: -9px;}
    #nav li a:hover {background: url(images/fraglefty.png) no-repeat top left; }
    #nav li a:hover span {position:relative; top:0px; left:22px; /*text-indent: -22px;*/ background:  url(images/fragrighttesty.png) no-repeat top right; color: #fff;}
	#nav li a:hover span strong {position: relative; left: -22px;}

/*-- Content --*/    
#contentbg {float: left; width:1140px; height:100%; background: #40484b url(images/contentbg.gif) repeat-x top right;}
 #content {float: left; width:560px; min-height: 400px; height: 100%; margin: 25px 0 0 99px; word-spacing: -0.1em; text-align: left; font-size: 1.3em; color: #fff;}
  #content .breadcrumb a { color: #DBDBDB; font-weight: bold; }
  #content h1 {margin:60px 0 40px 80px; font-size: 3em; color: #fff; text-shadow: #000 0 2px 0;}
  #content h2 { clear: both; margin: 20px 0 15px 0; color: #DBDBDB;}
  #content h2 a { color: #DBDBDB; text-decoration: none; }
  #content h3,
  #content h4 { color: #D5D5D5; }
  #content p {margin-top: 10px; color: #DBDBDB; word-spacing: -0.1em; text-align: left; letter-spacing: 0; line-height: 1.9em;}
  #content ul {margin:10px 0 0 10px;}
  #content img { border: 3px solid #353A3B;}
  #content a { color: #DBDBDB; font-weight: bold; }
  #imgtext { clear: both; }
  #imgtext p {display:inline;}
  .imgtext { clear: both; }
  .imgtext p { display: inline; }
  .imgtext h2 { display: inline; }
  .imgright {float:right; margin: 0 5px 5px 5px; border: 3px solid #353A3B;}
  .imgleft {float:left; margin: 0 5px 5px 5px; border: 3px solid #353A3B;}
  #content li {margin:0 0 10px 0; list-style-image: url("images/lidart.gif"); list-style-position: inside; line-height: 1em; color: #DBDBDB;}
  
  #fotoborder { display: block; width:560px; height:304px; margin-bottom:12px; padding-top: 1px; z-index: 5; overflow: hidden; }
  #fotoborder div { top: 0; right: 0; width:552px; height:294px; margin: 3px 2px 6px 4px; padding-top: 1px; }
  #fotoborder2 {position:absolute; width:560px; height:304px; margin-bottom:12px; background: url(images/fotoborder.png) no-repeat 0 0; z-index: 10; top: 185px;}
  #fotoborder h1 { z-index: 11; margin:140px 0 20px 40px; color: #fff; text-shadow: #162B52 0 2px 0; font-size: 2.8em;}
  #fotoborder h2 { z-index: 11;  margin:4px 0 0 40px; color: #fff; text-shadow: #162B52 0 2px 0; font-size: 1.8em; font-weight: normal;}
  #foto {width:560px; height:304px; }
  #foto img { top: 0; left: 0; }
  #text {margin-top:20px; color: #DBDBDB;}
  #text p {margin-top:10px;}
  
  .bigtable {width: 555px; margin-top: 30px; border-collapse: collapse; font-size: 0.9em;}
   .bigtable td,th {height: 40px; padding: 3px 15px; border-collapse:collapse; color: #ccc;}
   .bigtable thead th {background-image: url(images/tablebunka.gif); }
   .bigtable tbody th {text-align:left; background: #40484b;}
   .bigtable tbody td {background: #3A4043;}
   .bigtable tbody tr.odd td {background: #40484b;}
   
  #galerie {height:100%; margin:20px 0 50px 0;}
  #galerie h2 {color: #ddd} 
  .gal img { margin: 0 5px 5px 0; }
  .imggalleft {float: left; margin:15px 0 0 0; border: 3px solid #353A3B;}
  .imggalright {float: right; margin:15px 0 0 0; border: 3px solid #353A3B;}
   
/*-- button --*/  
  a.button {background:transparent url(images/bg_button_a.gif) no-repeat scroll top right; color: #979797; display: block; float:left; height: 38px; margin:10px 0 0 208px; padding-right: 18px; text-decoration: none;}
  a.button span {background:transparent url(images/bg_button_span.gif) no-repeat; display: block; line-height: 28px; padding: 5px 0 5px 18px; }
  a.button:hover {background-position: bottom right; color: #fff;outline: none; }
  a.button:hover span {background-position: bottom left; padding: 5px 0 5px 18px; }
  #sidebar a.button { width: 160px; text-align: center; margin: 20px 0 0 30px; font-size: 12px;  }  

/*-- footer --*/  
#footer {float: left; width:100%; height:109px;  background: url(images/footerbg.png) repeat-x 0 0;}
#footer .inner {width: 1140px; margin: 0 auto;}
 #footer p {margin: 55px 0 0 99px; color: #666B6C; font-size:1.2em;}

/*-- sidebar --*/
#sidebar {}
 .produkce { float:left; width:354px; height 100%; margin:25px 0 0 30px; background: url(images/bgboxdown.gif) no-repeat bottom left;}
 .produkce table {padding: 0 15px 0 20px;}
 .produkce table td {vertical-align: top; padding:10px 17px 0 0; font-size:1.05em; color: #899193; line-height: 20px;}
 .produkce table th {vertical-align: top; padding:10px 17px 0 0; font-size:1.2em; font-weight: normal; color: #B6B6B6;}
 .produkce span { font-size: 12px; }
 .produkce table th.datum { width: 70px; padding-top: 12px; }
 .produkce h3 {width:354px; height:35px; padding:18px 0 0 23px; background: url(images/bgsideup.gif) no-repeat 0 0; font-size:1.3em; color: #fff; text-shadow: #162B52 0 1px 0;}
 .box { width:354px; height 100%; padding-top:15px; background: url(images/bgbox.gif) no-repeat top right;}
 .boxfacebook { width: 325px; height: 255px; margin: 0 auto; text-align: center; background-color: #fff !important; }
 .boxfacebook iframe { border: 0 !important; }
 .boxbgend {display:block; float:right; width:130px; height: 39px; font-size: 1.2em; color: #5f6668; text-decoration: none; font-weight: bold; background: url(images/bgboxbuton.gif) no-repeat bottom right; text-align:center; line-height:35px;}

/*-- submenu --*/ 
 #submenu {float:left; margin:25px 0 0 30px;}
  #submenu h3 {width:354px; height:35px; padding:18px 0 0 23px; background: url(images/bgsideup.gif) no-repeat 0 0; font-size:1.3em; color: #fff; text-shadow: #162B52 0 1px 0;}
  #submenu ul { font-size:1.3em; list-style-position: inside;}     
  #submenu li { height:55px; list-style-type: none; background: url(images/submenu/zalozka.gif) no-repeat 0 0;}
  #submenu li:hover { background: url(images/submenu/zalozkahover.gif) no-repeat 0 0;}
  #submenu li:active { background: url(images/submenu/zalozkaactive.gif) no-repeat 0 0;}
  #submenu a {display:block; height:54px; text-decoration: none; color: #ffbf44; background: url("images/lidart.gif") no-repeat 20px 23px; padding: 20px 0 0 35px;}
  #submenu a:hover {background: url("images/submenu/lidarthover.gif") no-repeat 20px 23px; color:#fff;}
  #submenu a:active {background: url("images/submenu/lidartactive.gif") no-repeat 20px 23px; color:#8e9598;}
  #submenu .first {height:54px; background: url(images/submenu/zalozkafirst.gif) no-repeat 0 0}
  #submenu .first:hover {background: url(images/submenu/zalozkafirsthover.gif) no-repeat 0 0}
  #submenu .first:active {background: url(images/submenu/zalozkafirstactive.gif) no-repeat 0 0}   
  #submenu .last {height:59px; background: url(images/submenu/zalozkalast.gif) no-repeat 0 0}
  #submenu .last:hover {background: url(images/submenu/zalozkalasthover.gif) no-repeat 0 0}
  #submenu .last:active {background: url(images/submenu/zalozkalastactive.gif) no-repeat 0 0}

  #submenu ul.small li { height:26px;}
  #submenu ul.small li a { height:26px; padding: 4px 0 0 35px; background-position: 20px 8px; }
  #submenu ul.small li.last { height:31px; padding-top: 2px; background: url(images/submenu/zalozkalastsmall.gif) no-repeat 0 0; }
  #submenu ul.small li.last:hover {background: url(images/submenu/zalozkalasthover.gif) no-repeat 0 -28px; }
  .produkce .box table td a { font-size: 12px; color: #DBDBDB; }
  
  
/*-- sidetex and gall--*/  
 .sidetext {float:left; width:354px; margin:25px 0 0 30px;}
 .sidetext h3 {float:left; margin-bottom:5px; font-size:1.3em; font-weight: bold; color: #ccc;}
 .sidetexta {float:right; font-size:1.2em; font-weight: bold; color: #ccc; text-decoration: underline;}
 .sidetext p {font-size:1.15em; font-weight: normal; color: #ccc;}
  .line {border-top: #51595c 1px solid; border-bottom: #303738 1px solid ; clear:both; margin-bottom: 10px;}
  .imggalprevl {float: left; margin:5px 0 0 0; border: 3px solid #353A3B;}
  .imggalprevr {float: right; margin:5px 0 0 0; border: 3px solid #353A3B;}