.clear {clear:both}

body {font-family:Arial,Sans-serif, Tahoma,Verdana,   Helvetica;
      font-size : 10pt;
      color: rgb(0,0,0);
      background-color:rgb(204,204,204);
      background-image:url(bgh.png);
      background-repeat:repeat-x;
      margin-top:0px;
      }  
a 	  {color:rgb(0,0,0); text-decoration: underline ; cursor:pointer} 
a:hover   {color:rgb(0,0,0); text-decoration: none} 
a:visited {color:rgb(0,0,0);}  
h1        {font-size : 15pt; color: rgb(0,0,0); font-weight:normal; margin-top:5px; margin-bottom: 15px;}
h3        {font-size : 10pt; color: rgb(0,0,0); line-height:180%;margin-top:0px; font-weight:normal} 
h2        {font-size : 11pt; color: rgb(255,140,0); margin:0px} 
.reference h2        {font-size : 11pt; color: #5f5f5f; margin:0px} 
.reference p       { color: #5f5f5f; margin:7px 0} 
.reference a       {font-weight:bold;color: rgb(255,140,0); } 
.gold     {font-size : 11pt; color: rgb(255,140,0)} 
table     {border:1px solid rgb(204,204,204)} 
td        {padding:5px;}  
th        {background-color:rgb(204,204,204);text-align:left;padding:5px}  
.tr:hover  {background-color:rgb(204,204,204);} 
ul        {list-style-type:square; margin-top:9px;}   
input,button,textarea,select{background-color:rgb(250,250,250); border:1px solid rgb(204,204,204);}
input:hover,button:hover,textarea:hover {background-color:rgb(250,250,250); border:1px solid rgb(255,215,0);}
fieldset  {border: 2px rgb(220,220,220) solid; }
label     {font-weight: bold; }
.chyba    {color: rgb(255,0,0); font-weight:bold}
.nechyba  {color: rgb(0,190,0); font-weight:bold}
.par20    {margin-left:0px; border-left:20px solid rgb(204,204,204)}
#top {
      text-align:left;  
      width:800px;
      height:190px;
      margin:auto;
      background-repeat:repeat-x;
      }
#logo { 
      width:338px;
      height:190px;
      background-color:rgb(204,204,204);
      background-image:url(weblogo.jpg);
      background-repeat:repeat-x;
      color: rgb(0,0,0);
      }


  #login {
        text-align:right;  
        padding:20px 60px 0px 0px;
        color: rgb(0,0,0);
        }

#menu {
      width:775px;
      height:40px;
      padding-left:15px;
      margin:auto;
      background-color:rgb(155,155,155);
      background-image:url(menu.png);
      color: rgb(255,255,255);
      text-align:center;
      }
  #menu a {
        background-image:url(navbtn.png);
        width:100px;
        height:29px;
        padding-top:11px;
        margin-right:4px;

        float: left;
        color: rgb(170,170,170);

        font-weight:bold;
        text-decoration:none;
        }
   #menu a:hover {
        color: rgb(255,215,0);
        background-image:url(navbtna.png);
        }
   #menu .actual {
        color: rgb(255,215,0);
        background-image:url(navbtna.png);
        }
        
#main {
      padding:32px;
      background-color:rgb(255,255,255);
      background-image:url(bg.png);
      text-align:left;  
      width:726px;
      margin:auto;      
      color: rgb(0,0,0);
      }

  .left {
        float:left;
        width:280px;
        padding-right:30px;
        text-align:justify;
        border-right:2px solid rgb(238,221,130);
        }
  .right {

        margin-left:310px;
        padding-left:30px;
        border-left:2px solid rgb(238,221,130);
        display:block;
        }
  .none {
      width:800px;
        }
#bottom {
      padding-top:15px;
      padding-right: 18px;
      text-align:right;  
      font-size : 8pt;
      color:rgb(190,190,190);
      width:772px;
      height:25px;
      margin:auto;
      background-image:url(bottom.png);
      background-color:rgb(255,255,255);
      background-repeat:no-repeat;
      }
.hide{
      display: none;
      }
.ikona{
      width:20px;
      height:20px;
      }
.celaSirka{
      width:100%;
      }
.fotografie{
      float:left;
      border:1px gray groove;
      padding:10px;
      margin:25px;  
      cursor:pointer;
      text-align:center;   
      }
.fotografie:hover{
      background-color: rgb(228,228,228);
      
      }
.imgIndex{
      height:300px;
      width:200px;
      }

#zvetsime{/* titulek ve fotogalerii*/
      background-color: rgb(51,204,153);
      color: rgb(0,14,0);
      padding:3px;
      }
.chyba{
      color:red;
      }
.nechyba{
      color:green;
      }
.delete{
      font-style: italic;
      color: rgb(164,164,164);
      cursor: pointer;
      }

.reference {
      background-color:#fafafa;
      margin:20px 0 ;   
      }
.reftext {
      margin: 15px;
      float:left;
      width:450px;

      }
.photo {
      border: 6px solid #fafafa;
      float:left;
  
      }
.photo:hover{
      border: 6px solid #ffcc66  
      }