body  {
      background : #fff;
      color : #333;
      font-family :  arial, helvetica, sans-serif, verdana;
      font-size : 0.8em;
      margin:0; padding:0;
      width : 820px;
      max-width: 820px;
      height: auto;
      }
      
.top { width : 820px;
       max-width: 820px;
       height:142px;
       float:left;
       margin:0; 
       padding:0;
       }
       
.top img{
        position:absolute;
        top:0em;
	      left:0em;
	      margin: 0; padding:0;
	      border: 0;
        }
        
h1,h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #339933;
	letter-spacing: normal;
	text-align: left;
	margin: 0 0 0 0;
        padding: 0.5em 1em 0.8em 0em;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #339933;
	text-align: left;
	margin: 0 0 0 0;
        padding: 0.3em 0em 0em 0em;
        background: #fff;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #339933;
	text-align: left;
	margin: 0 0 0.3em 0;
        padding: 0.3em 0em 0.5em 0em;
 }
 
h5{
	margin: 0 0 0 0;
        padding: 0.3em 0em 0.5em 0em;
        font-weight: normal;
        font-size: 11px;
        color: #444;
}


h6{
	font-size: 10px;
	color: #333;
	margin: 0 0 0 0;
        font-weight: normal;
        padding: 0.2em 0em 0.3em 0em;
        background: #fff;
}

.page{
    margin: 0; padding: 0;
    background: #fff;
    color: black;
    text-align: left;
    width: 100%;
    max-width: 820px;
    float: left;
}



.left , .main, .main2,.right {
	     float: left;
      }

      
.left{
       width: 154px;
       margin: 0px; padding: 0px;
       background: #fff;
       padding-top: 1em;
       height: 50em;
       min-height:  50em  !important;
       height: auto !important;
       }
.main{ 
       width: 394px;
       background: #fff;
       margin: 0px; padding: 0px;
       padding-top: 1em;
       min-height: 50em !important;
       height: auto !important;
       height: 50em;
       background-image: url('/vino-ip/design/vert_line_yell.gif');
       background-repeat: repeat-y;
      
}

.main2{ 
       width: 548px;
       background: #fff;
       margin: 0px; padding: 0px;
       padding-top: 1em;
       min-height: 50em !important;
       height: auto !important;
       height: 50em;
       background-image: url('/vino-ip/design/vert_line_yell.gif');
       background-repeat: repeat-y;
      
}

.right{
       width: 270px;
       margin: 0px; 
       padding: 0px;
       padding-top: 1em;
       background: #fff;
       background-image: url('/vino-ip/design/vert_line_yell.gif');
       background-repeat: repeat-y;
       height: 44em;
       text-align: left;
}

.left .box{ background : #fff;
           margin: 0 0 0.8em 0;
           padding: 0.3em 0.5em 0.7em 0.8em;
           text-align: left;
           border-bottom: 2px solid #ddf07c;
}


.content {
           background : #fff;
           margin: 0em 0.7em 0.8em 1em;
           padding: 0px 1em 1em 0.8em;
           text-align: left;
           height: auto;
         }
         
.document {
           background : #fff;
           margin: 0em 0.7em 0.8em 1em;
           padding: 0px 1em 1em 0.8em;
           text-align: left;
           float: left;
         }
         
.right .box{
           background : #fff;
           margin: 0 0 0.5em 0.5em;
           padding: 0.3em 0.5em 0.5em 0.3em;
           text-align: left;

         }    
.right img{
        padding: 0;
        margin: 0;
        margin-left: 2px;
        border: 0;
        text-align: left;
}

p      {
         margin: 0em 0 0.5em 0;
         padding: 0em 0 0.5em 0;
        }
	
.table  {
         margin: 0em 0em 0.5em 5px;
         padding: 0em 0em 0.5em 5px;
        }


.imageFrame{float: left;
            vertical-align: middle;
            margin-right: 12px;
            margin-top: 3px; 
            text-align: right;
}    
      
.docImg{
          float: none;
          max-width: 185px;
          width: expression(document.body.clientWidth > 185? "185px": "auto" );
          border:none;
        }
          
.docImgRight {
           float: none;
           max-width: 320px;
           width: expression(document.body.clientWidth > 320? "320px": "auto" );
           border: none;
           margin-left: 5px;
           margin-top: 3px; }


.indexlist {
           margin : 0;
           padding : 0;
           margin:  1.2em 0em 0.5em 1em;
           }

.indexlist ul {
          margin: 0; 
          padding: 0;
         }         

.indexlist li{
          padding-left: 2px; 
	   list-style-type: square; 
          margin: 0;           
          font-weight: normal; 
          font-size: 12px;
          cursor: hand;
          color: #777;
          }     

.indexlist li a {
           list-style-type: square; 
           display: block;
           text-decoration : none;
           color: #555;        
          
           }
.underline li a{
            text-decoration : underline;
            }
      
.indexlist li a:hover {
           border-color : #eef;
           background : #fff;
           color : #963;
           text-decoration : underline;
           }

.url  ul   {margin-top: 0; 
           
            }
.url li {list-style-type: none; 
           display: block;
           color: #222;
           margin: 0; 
           padding-bottom: 0.5em;
      }

.url li a{
  font-weight: bold;
  color: #420;
  text-decoration: underline;
}

.url li a:hover{
  color: #960;
}



.footer{
  
  float: left;
  margin-left: 0px;
  margin-top: 0.8em;
  padding: 0em 0em 0em 0.3em;
  font-size: 0.8em;
  width: 100%;
  }

.footer ul{
  height: 0.8em;
  margin: 0;
  padding: 0;
  
}

.footer li
{
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #997;
  padding: 0px 0.5em 0em 0.5em;
  min-width: 3em;
  list-style: none;
}

.footer a
{
  border: 0;
  color: #111;
  font-weight: bold;
  text-decoration: underline;
}

.footer a:hover
{
   color: #777;
}

.footer li.end
{
  border: 0;
  float: left;
}





p a {
  color: #575757;
  text-decoration: underline;
}

p a:hover{
  color: #960;
}

a {
  color: #575757;
  text-decoration: underline;
}

a:hover{
  color: #444;
}



form {
    font-size: 11px;
    color: #515151;
}

input{
    font-size: 11px;
    color: #111;

}

.inputlogin{
    font-size: 11px;
    color: #111;
    border: 1px solid #eeb;

}
textarea{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333;
}

ul#navi
{
  font-size: 11px;
  margin:  0px 0em 1em 0em;
  padding: 0px 0em 0em 0em;
  width: 480px;
  
}

ul#navi li.leftnavi
{
  float: left;
  list-style: none;
  text-align: left;
  border: 0;
  border-right: 1px solid #ddd;
} 

ul#navi li.leftlong
{
  float: left;
  list-style: none;
  text-align: left;
 
  border: 1px solid #ddd;
  width: 350px;
}

ul#navi li
{
  list-style: none;
  border-right: 1px solid #ddd;
  padding: 0px 0.5em 0em 0.5em;
  float: right;
}

ul#navi li a
{
  display: block;
  border: 0;
  color: #777;
  font-weight: bold;
  text-decoration: underline;
}
ul#navi li a:hover
{
  background: #eee;
  color: #000;
}


hr {
        color: #def;
}

.print {
         border: 1px solid #dedede;
         padding: 0px;
         margin: 0px;

}
.print td {
         border-left: 1px solid #bbb;
         border-top: 1px solid #ddd;
         border-right: 1px solid #ddd;
         border-bottom: 1px solid #999;
         padding-left: 0.5em;
         margin: 0px;
         width: 10em;
         vertical-align: top;
         font-size: 12px;
}

/* TABLE FORMATTING */

div.tabulky {
	margin-top: 5px;	
	height: 100%;
	width: auto;
}

table {
	empty-cells: show;
	border-style: none; 
}

table image {
        border: 0;

}

table.biglist {
	border-collapse: collapse;
	width: 100%;
}

table.biglist caption {
	display: none;
}

.theader {
	border-bottom: 2px solid #FDF8F6;
	font-size: 11px;	
        background: #eff0ef;
}

table.biglist td,th {
	border-top: 2px solid #EDE8E6;
        border-right: 2px solid #EDE8E6;
	padding: 0px;
        padding-left: 0.5em;
        margin-left: 5px;
}


table.biglist th {
	text-align: left;
}

.tfoot td{
	text-align: right;
        padding-right: 1em;
        background: #eff0ef;
}