/* CSS Document */
body
{
 background:#9f6b3b url(../tmp/bg2.png) repeat-x top left;
 width: 1000px;
 margin: 0 auto;
}

.clean
{
 clear:both;
}

article
{
 background-color: #ffffff;
 position: relative;
 top: -100px;
 z-index: 1;
 border: 4px outset;
 border-color: #88612E #926335;
 
}
.helper
{
 height: 70px;
}

#left
{
 position: relative;
 
 padding: 15px;
 margin: 0;
 width: 600px; 
}

h1
{
 padding: 0 0 0 40px;
 font: bold 26px Arial CE, Helvetica, Arial, sans-serif;
}

.text h1
{
 padding: 0 0 0 25px;
 font-size: 26px;
}

.text h2
{
 padding: 10px 0 0 30px;
 font-size: 22px;
}

.text
{
 text-indent: 15px;
 font: normal 14px Arial CE, Helvetica, Arial, sans-serif;
 margin-right: 35px;
 line-height: 1.5;
 margin: 35px; 
}

#left p
{
 text-indent: 15px;
 font: normal 14px Arial CE, Helvetica, Arial, sans-serif;
}

table
{
 margin: 20px 50px 50px 50px;
 font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 900px;
  background-color:#DFC635;
  border: 2px solid;
  border-color: #88612E;
  
}

#thlavicka th
{
 text-align: left;
 border: 2px solid;
 border-color: #88612E;
 background-color: #D1A835;
}

table tr td
{
 border: 1px solid;
 border-color: #88612E;
 text-align: left;
}

table tr td:last-child
{
 text-align: center;
}

table tr:hover
{
 background-color: #ffcc99;
}

#gallery
{
 margin: 30px;
}

#gallery img
{
 margin: 2px 0 2px 0;
 width: 120px;
 height: 100px;
 border: 1px solid;
 border-color: rgba(0,0,0,0.4);
 box-shadow: 1px 1px 2px #000;
 -webkit-box-shadow: 1px 1px 2px #000;
 -moz-box-shadow: 1px 1px 2px #000;
}

#gallery img:hover
{
 box-shadow: inset 1px 1px 2px #000;
 -webkit-box-shadow: inset 1px 1px 2px #000;
 -moz-box-shasow: inset 1px 1px 2px #000; 
}

.tabNavigation li
{
 list-style: none;
 margin: 0 50px 0 0;
 padding: 0;
 display: inline;
 float: left;
}

.tabNavigation li a
{
 text-indent: 0;
 display: block;
 width: 300px;
 height: 25px;
 padding: 5px 0 0 0;
 
 background: #b08866;
 background: -o-linear-gradient(top, rgb(176, 136, 102), rgb(115,75,40));
 background: -moz-linear-gradient(top, #b08866 0%, #734b28 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b08866), color-stop(100%,#734b28));
 box-shadow: inset 0px 0px 6px #fff;
 webkit-box-shadow: inset 0px 0px 6px #fff;
 -moz-box-shadow: inset 0px 0px 6px #fff;
 box-shadow: 1px 1px 2px #000;
 webkit-box-shadow: 1px 1px 2px #000;
 -moz-box-shadow: 1px 1px 2px #000;
 border: 1px solid #a66f17;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 
 font: bold 20px/25px Helvetica, Sans-serif; 
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 text-shadow: 0px 1px 2px #d1c7ad;
 color: #705014;
 -moz-transition: color 0.25s ease-in-out;
 -webkit-transition: color 0.25s ease-in-out;
 -o-transition: color 0.25s ease-in-out;
 transition: color 0.25s ease-in-out;
 
}

.tabNavigation li a:hover,
.tabNavigation li a.selected
{
 color: #751914;
 
 -moz-transition: color 0.25s ease-in-out;
 -webkit-transition: color 0.25s ease-in-out;
 -o-transition: color 0.25s ease-in-out;
 transition: color 0.25s ease-in-out;
}

div.tabs > div
{
 position: relative;
 top: 50px;
}

.clean
{
 clear:both;
}