body {
         background-image:url('../picts/water.jpg');
     }      
      

#okno{

	/*  Len nastavenie pozadia */

	background-color:#338BC7;
	position:relative;
	width:1000px;
  height:592px;
  /*border:4px solid rgb(51,102,204); */
  border:5px solid white;
  background-image:url('../picts/background3.jpg');
	

	-moz-border-radius:16px;

	-webkit-border-radius:16px;

	border-radius:16px;

}




#logo { border:none; float:left; margin-top:20px; margin-left:20px; margin-bottom:10px; margin-right:0px; }
#baby { float:left; position:absolute; left:380px;}
#baby2 { position:relative; top:30px;  overflow:visible;  }
 
#menu {
          /*border:1px solid rgb(51,102,204);*/
          width:400px;
          height:40px;
          float:right;
          margin-top:16px;
      } 


          
.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
/*width: 65px;
height:60px;*/
/*border:1px solid red;*/
margin:2px;
width:70px;
text-align:left;
color:White;
}
          
          

#menu .popisok  { 
           position:relative;
           font-family:Verdana;
           
           font-size:9px;
           top:-10px;
           left:0px;
           
           font-weight:bold;
           border:0px none;
         }

#menu a {color:white;text-decoration:none;}       
         
                         
#menu a:hover {text-decoration:none;
         border:0ox none; 
         color:rgb(0,204,255);
         display:hide;}


#main { width:610px;
        height:320px;
        
        margin-top:0px;
        margin-left:20px;
        overflow:hidden;
        clear:left;
      }


#loader { width:610px;
          height:320px;
          margin-top:0px;
          margin-left:20px;
          overflow:hidden;
          clear:left;
          display:hide;
         
      }

#main h2 { color:white;
           margin-top:0px; 
           font-family: cursive;
           font-size:24px;  }

#main p{
          font-family: cursive;
          font-size:17px;
          color:white;
        	font-style: normal;
	        font-variant: normal;
	        font-weight: normal;
	        line-height: 170%;
	        word-spacing: normal;
	 
          
       }

#fotogal {
            overflow: hidden;
            width:600px;
           
            height:110px;

        }


#fotogal img {
              border:1px solid rgb(51,102,255);
              padding:2px;
              margin:3px;
             }      
             
             
#kontakt .popisok {
                      width:120px;
                      text-align:left;
                      font-family: cursive;
                      font-size:18px;
                      color:white;
                      display:block;
                      float:left;
                      padding:4px;
                  }            
             
#kontakt input, textarea {
                  	-moz-border-radius:8px;
                    -webkit-border-radius:8px;
                    border-radius:8px;
                    background-color:rgb(128,192,255);
                    border:2px solid white;
                    padding:3px;
                    font-family: cursive;
                    font-size:16px;
                    color:white;
                    width:280px;
                    
                }             
                
#prihlaska img {
                border:none; 
                vertical-align: middle;
                
               }

#prihlaska a   {
                 font-family: cursive;
                 font-size:22px;
                 color:white; 
                 margin-left:150px;
                 text-decoration: none;
                 height:68px;
                 display: inline-block;
                 padding:5px;
               } 
               
#prihlaska a:hover   {
                 /*background-color:rgb(32,127,240);*/ 
                 text-decoration: underline;
                 
                
               }               
                                             

#kontakt #odosli 
        { width:150px; 
          margin-top:2px;
          margin-left:270px;
          clear:both;
          border:1px;
          border-top: 1px solid #96d1f8; 
          background: #65a9d7; 
          background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); 
          background: -moz-linear-gradient(top, #3e779d, #65a9d7); 
          padding: 10px 20px; 
          -webkit-border-radius: 8px; 
          -moz-border-radius: 8px; 
          border-radius: 8px; 
          -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
          -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
          box-shadow: rgba(0,0,0,1) 0 1px 0; 
          text-shadow: rgba(0,0,0,.4) 0 1px 0; 
          color: white; 
          font-size: 17px; 
          font-family: cursive; 
          text-decoration: none; 
          vertical-align: middle; } 

#kontakt #odosli:hover 
        { border-top-color: #28597a; 
          background: #28597a; 
          color: #ccc; 
        } 
        
#kontakt #odosli:active { border-top-color: #1b435e; background: #1b435e; }


.scroll-pane {width:350px; height:120px; border:2px solid red;overflow: auto;}

.jspVerticalBar
{
	left: 0;
}