html{ height: 100%; }

body {
  height: 100%;
	background-color:#EFEFEF;
	font-family: Arial, sans-serif;
	line-height: 1.2;
	margin: 10px;}

#main {
  width: 1053px; 
	margin: 0 10% 5% 10%;
  min-height: 100px;
  min-height: 500px;
  position: relative;  
  background-color: #FFFFFF;}

#foot {              
  width: 1053px; 
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  	background-image: url("../images/foot.jpg");
  		background-color: #396eae;
	background-repeat: no-repeat;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none; }
 
div#menu{ 
	max-height: 125px;
  width: 1053px;
	text-align: right; }
	
.cz {
	background-image: url("../images/head_cz.gif");
	background-repeat: no-repeat;
}

.en {
	background-image: url("../images/head_en.gif");
	background-repeat: no-repeat;
}

.de {
	background-image: url("../images/head_de.gif");
	background-repeat: no-repeat;
}

.ru {
	background-image: url("../images/head_ru.gif");
	background-repeat: no-repeat;
}

.menu {
  color: #000000;
  padding: 0; 
  margin: 0; 
  display: inline;
  list-style-type: none; }

/*menu*/
.menu ul {  
margin-top: 0px; 
position: absolute; 
visibility: hidden;
background-color: blue; 
margin: 0; 
padding: 0; 
list-style-type: none; }

/*menu polozky*/
.menu li {                  
  padding: 0px 0px 0px 5px; 
  width: 200px;
  white-space: nowrap;
  visibility: inherit; }

.menu a {
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  text-align: left; 
  padding: 5px; 
  padding-left: 10px; 
  color: white;
  background-color: #396eae;
  display: block;
}

/*najetí na polozku menu*/
.menu li a:hover {
color: black; 
}

/* podpolozka v menu*/
.menu ul a:link {
  font-size: 10pt;
  color: white;
  border-bottom: none; 
  padding-left: 15px;
}   
       
.menu ul a:visited {
  border-bottom: none;
  padding-left: 15px;
  font-size: 10pt;
}

/*najetí na podpolozku menu*/
.menu ul a:hover {
color: black; 
background-color: white;
}

.menu li:hover ul, ul.menu li.hover ul { 
visibility: visible; 
display: block;
z-index: 3; }
.menu li li {float: none; border: none; padding: 0; margin: 0;}

div#submenu li{
  width: 190px;
  text-align: left; 
	background-color:#EFEFEF;
	font-size: 10pt;
  font-weight: bold;
  padding: 5px 0px 5px 10px;

}

div#language {
  position: left;
  padding: 10px;
  color: white;
  font-weight: bold;
}

div#language a {
  padding: 5px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

div#language a:hover {
  color: black;
}

div#home {
  position: left;
  padding: 10px;
  padding-top: 50px;
  color: white;
  font-weight: bold;
}

div#home a {
  padding: 5px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

div#home a:hover {
  color: black;
}

 
div#obsah {
  position: absolute; 
  top: 180px;
  width: 953px;
  max-width: 953px;
  min-height: 100px; 
	margin: 0 0 6em 0; 
  padding: 5px 50px 50px 50px;
  background-color: #FFFFFF;
 }

div#smallm li{
  padding: 0px 0px 10px 50px;
}

div#smallm a{
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  color: #396eae;
}

div#smallm a:hover{
  color: black;
}
  
  
h1          {
            font: 2em/1em; letter-spacing: 3px;

}

h1, h2         {
            color: #396eae;
            text-align: center;
}

h3, h4          {
            color: black;
            text-align: center;
}

h3{
text-transform: uppercase;
}

h5 {
            text-align: left;
						padding-left: .5em;
}
h3          {
            text-align: left;
            text-indent: 1.66em;
}

.uvod    {
            text-align: center;
}
.uvod p {
            text-align: center;
}
.uvod img {
           padding: 15px;
           }

.center     {
          	text-align: center;
          	margin: .1em auto;
}

.ob { 
  padding: 10px 10px 7px 10px;
  background-color: #EFEFEF;
  margin: 10px 0px 20px 20px;}


div.top {
            text-align: center;
}

.clear      {clear: both;}
div.cll     {clear: left;}
div.clr     {clear: right;}
div.flr     {float: right;z-index: 6;}
div.flr a   {margin-right: .3em;}
.fll     {float: left;}
.flr     {float: right;}

.top    {position: }
.bottom

li {
						padding-left: .5em;

}
div#eu 			{ margin: 0 4em;
}

img.eu      { margin: 0 .5em;
							float: center;}
							
/*a{		
	color:  #396eae;					
} */

p           {
            color: #000;
			      margin: 0;
			      margin-top: .8em;
			      padding: .1em .2em;
			      _margin-right: 10px;
			      text-align: justify;
			      text-indent: 1em;
}
p1           {
            color: #000;
			      margin: 2;
			      margin-top: .3em;
			      padding: .1em .2em;
			      text-align: left;
			      text-indent: 1em;
}
.male { text-transform: lowercase;}
.velke { text-transform: uppercase;}
.odsr       {padding-right:120px;}
.odsl       {margin-left: 10%;}
.fot        {font-family: "Times New Roman",Times, utopia, serif;}
.foc        {font-family: "Monotype Corsiva","Comic Sans MS",Cursive;}
.foa        {font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;}

.f1         {font-size: .6em;}
.f2         {font-size: 1em;}
.f3         {font-size: 1.33em;}
.f4         {font-size: 2em;}
.f5         {font-size: .8em;}

.tlt        {text-align: left;}
.tct        {text-align: center;}
.trt        {text-align: right;}

.b	        {font-weight: bold;}
.i	        {font-style: italic;}
.u	        {text-decoration: underline;}
.nor        {font-weight: normal;letter-spacing: 2px;}
.bluef       {color: #0000ff;}
.maroon     {color: #396eae;}
.gray       { 
            color: #808080;
            font-style: oblique;
            font-size: 0.8em;
}
.con{color: white;
background: #396eae;}


table{
    padding-top: 10px;
}

div#obsah table{
            margin: 5px;
            text-align: left;
            border-collapse: collapse; 
            border: 2px solid black; 
}
div#obsah th          {
            text-align: center;
            font-weight: bold;
            padding: 2px .5em;
            background-color: #396eae;
            color: white;
            border: 2px solid black; 
            
}
div#obsah td          {
            padding: 2px .8em;
            text-align: left;
            border: 1px solid black; 
            
}
div#obsah td.carka    {text-align: ",";}
div#obsah td.ne       {border: 0} 

div#kontakt {
text-align: center;
}
    
div#kontakt table{
	margin: auto; /*vystredeni tabulky*/ 
}

div#kontakt td{
  border: none; 
  padding: 10px; 
}

div#menu table;{
      padding: 20px;
}

div#prodej table{
  margin: 10px 30px 10px 35px;      /* padding: top right bottom left; */ 
}

div#prodej td{
  border: none;
}
div#prodej th{
  border: none;
}

div#eshop table{
  margin: 0px 30px 0px 30px; 
}

div#eshop a img{
    border: none;
}

div#eshop a:hover img{
    border: none;
}


 /* inline tlačítka  */
.inline-button {
   text-decoration: none;
   color: #396eae;
   padding-bottom: 10px;
   }
   
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
   
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
   
.inline-button:hover {
   color: black;
   }
   
.inline-button:hover em {
   color: white;
   }


.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }


/* padding: top right bottom left; */