/*******************/
/***   galeria   ***/
/*******************/

ul.galeriak {
   clear:both;
   list-style:none;
   width:830px;
   margin:auto;                
}

ul.galeriak li {
   float:left;
   width:200px;
   height:220px;   
}              

ul.galeriak li h1 {
    font-size:12px;
    text-align:center;
}
                   
ul.galeriak li a {
   text-decoration:none;  
}
/**************************/
/***   galeria_dialog   ***/
/**************************/

#wggaleryloading {
   position:absolute;
   top:50px;
   left:50px;
   z-index:90000;
   display:none;
}


button.wggaleryclose {
padding:0px;
line-height: 25px;
text-align:center;
vertical-align:center;
background-color: #616F4B;
color: white;
font-weight:bold;
border: 1px solid black;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: -4px 4px 5px 1px rgba(153, 153, 153, 0.3);
-moz-box-shadow: -4px 4px 5px 1px rgba(153,153,153,0.3);
box-shadow: -4px 4px 5px 1px rgba;
  width:25px;
  height:25px;
  margin-left:-17px;
  margin-top:-10px;
  position:absolute;
  left:100%;
  top:0px;
  cursor:pointer;
}

 

button.wggalery {
margin-top:2px;
height: 20px;
line-height: 20px;
background-color: #616F4B;
color: white;
font-weight:bold;
border: 1px solid black;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 4px 4px 5px 1px 
rgba(153, 153, 153, 0.3);
-moz-box-shadow: 4px 4px 5px 1px rgba(153,153,153,0.3);
box-shadow: 4px 4px 5px 1px rgba;
cursor:pointer;
}

div.wggaleryfoot {
   text-align:center;
   font-family:verdana;
   line-height:30px;
   background:#eeeeee;
   vertical-align:center;
   color:#333333;
}

#wggalerydialog {
  padding:10px;
  position:fixed;
  top:30px;
  left:30px;
  background-color:#ffffff;  
  z-index:20000;
   -webkit-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow:2px 4px 5px 1px rgba(153,153,153,0.3);
   -moz-box-shadow:2px 4px 5px 1px rgba(153,153,153,0.3);
   box-shadow:2px 4px 5px 1px rgba(153,153,153,0.3);
}


/****************/
/***   page   ***/
/****************/

#page {    
  position:absolute;
  bottom: 0px;
  left:95px;
  top:55px;  
  width: auto;
  height:100%;
  z-index: 12;  
}

#rajz {
  width:800px;
  height:566px;
  margin:auto auto;
  background:url(/designs/nadin/images/rajz1.jpg);
      
}
      
/*********************/
/***   leftpanel   ***/
/*********************/

#leftpanel {
  background: none #666;
  border-right: 1px solid #DDDDDD;
  position:fixed;
  bottom: 0px;
  left:0px;
  top:50px;  
  width: 88px;
  height:100%;
  z-index: 12;  
}

#leftpanel ul {
  list-style:none;
  margin:0px;
  padding:0px;                
}

#leftpanel ul li {
  text-align:center;
  padding:10px;
}

#leftpanel ul li:hover {
  background: none #444;
}
              
              
#leftpanel ul a {
   font-size:12px;
   color:#ffffff;
   text-decoration:none;

}              
/******************/
/***   topbar   ***/
/******************/

#topbar {
   position:fixed;
   top:0px;
   left:0px;
   width:100%;
   height:51px;
   z-index:50;
   background:url(/designs/nadin/images/head_bg.gif) repeat-x;        
}

#topbarcontent {
   width:100%;
   height:100%;   
   position:relative;
   top:0px;
   left:0px;            
}
               

#topbarlogo {
   background:url(/designs/nadin/images/logo_60.png) no-repeat;
   height:60px;
   width:157px;
   background-size:157px 60px;
   z-index:60;
   position:fixed;
   top:0px;
   left:0px;                  
}
             

/****************/
/***   body   ***/
/****************/

body {
  color: #333333;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  line-height: 1.28;
  background:url(/designs/nadin/images/paperbg.png) #ffffff;
  margin-top:50px;
}