div, ul, li, a  {
                 padding: 0;
                 margin: 0;
                }

a {
   text-decoration: none;
   color: #000000;
  }
  
h1{ color:#D500CF; font-size:26px; font-weight:normal;}
img{border:0;}

body  {
       background: url("images/web/pozadi.gif") fixed;
       margin-top: 50px;
       font-family: georgia, arial;
       text-align:center;
       font-size:12px;
      }

#warring{
width:550px;
height:400px;
background-color:white;
border:1px solid #FF1DFC;
padding:30px;
margin-top:100px;
color:black;
margin: auto auto;
text-align:left;
}

#warring a{
font-weight:bold;
font-size:18px;
}
#warring a:hover{color:black}

.vstup{
float:left;
padding:5px 10px 5px 10px;
margin:0 20px 0 20px;
background-color:#FF1DFC;
color:white;
border:1px solid black;
width:150px;
text-align:center;
}
      
              /* STYLEs */

#hlavni {
         background: url("images/web/mid-stin.png") repeat-y !important;
         background: none;
         filter: none !important;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="images/web/mid-stin.png");
         width: 811px;
         margin: auto auto;
         _height:700px;
         min-height:500px; /* 700 */
                text-align:left;
      /* max-height: 1200px; */
        }
        
#top {
         background: url("images/web/hlavicka.png") no-repeat !important;
         background: none;
         filter: none !important;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/hlavicka.png");
         width: 811px;
         position:relative;
         top:-36px;
        }        

#top2 {
         background: url("images/web/top.jpg") 6px 36px no-repeat;
         height:478px;
        }   
        
        
        
#stred {
         background: url("images/web/prouzek.gif") repeat-x;
         _height:543px;
         min-height:543px;
         position:relative;
         top:-53px;/*37*/
         margin:0 22px 0 7px
        }
        
#stred2 {
         background: url("images/web/prouzek2.gif") repeat-y;
         _height:543px;
         min-height:653px; /* 543 */
        /* &height: 663px; */
        } 
        
#text {padding:0 0px 0 15px;  }  

#paticka {
           background: url("images/web/bot-stin.png") no-repeat !important;
           background: none;
           filter: none !important;
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/bot-stin.png");
           width: 798px;
           height: 8px;
           margin: auto auto;
           padding-right: 15px;
           _position:relative;
           left:-7px;
          }

#obsah  {
         position: relative;
         top: -100px;
        }

#leva {
       float: left;
       width:450px;
      }

.registrace {
             display: inline;
            }

#leva img  {
               margin: 8px 0  0 6px;
              }

.textik {
         background: #FB9FE8;
         width: 156px;
         height: 18px;
         _height: 25px;
         border: 1px solid #FFFEFF;
         font-family: arial;
         font-size: 12px;
         color: #000000;
         padding-top: 5px;
         padding-left: 5px;
         margin-right: 8px;
        }
        
.tlacitko {
           background: #04A8FD;
           width: 93px;
           height: 25px;
           border: 1px solid #FF25FC;
           font-family: arial;
           font-size: 12px;
           font-weight: bold;
           color: #000000;
           margin-right: 8px;
          }
          
.registrace a {
               font-family: arial;
               font-size: 12px;
               text-decoration: underline;
              }
              
#prava  {
         float: left;
        }

#menu {
       background: url("images/web/menu-back.gif") repeat-y;
       width: 271px;
       border: 3px #FCBCF4 solid;
       margin-left: 25px;
       margin-top: 70px;
       _margin-bottom: 60px;
      }
      
#menu-top {
           background: url("images/web/menu-top.jpg") no-repeat;
           width: 271px;
           height: 60px;
           margin: 0;
          }

#menu ul  {
           list-style-type: none;
           margin: 0;
          }

#menu ul li {
             background: #FB9FE8;
             margin-top: 1px;
            }
            
#menu ul li a {
               background: #FB9FE8 url("images/web/li.gif") 18px 7px no-repeat;
               font-family: times new roman;
               font-size: 24px;
               color: #5B1445;
               height: 31px;
               _width: 271px;
               _height: 35px;
               padding-left: 45px;
               padding-top: 5px;
               display: block;
              }
              
#menu ul li a:hover {
                     background: #F881E0 url("images/web/li.gif") 18px 7px no-repeat;
                    }

#freeway {
          background: url("images/web/freeway.png") no-repeat !important;
          background: none;
          filter: none !important;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="http://www.spagency.cz/teen/images/web/freeway.png");
          width: 169px;
          height: 177px;
          margin-left: 80px;
          margin-top: 60px;
          _margin-top: 80px;
         }
         
#angels {
         background: url("images/web/angels.gif") no-repeat;
         height: 84px;
         width: 302px;
         position: absolute;
         top: 40px;/*-465px;*/
         left: 458px;/*13px;*/
        }
        
#law  {
       font-family: tahoma;
       font-size: 9px;
       color: black;
       text-align: center;
       clear: both;
       margin-bottom: 0;
      }


hr.cleaner {
clear:both;
display: none
}

.clearboth { 
clear: both; 
}

.newimages{
margin:20px 0 20px 0;
}


#galerie{margin:0 0 0 10px; width:725px}
#galerie a img{border:2px solid white;}
.demoimage{width:125px;}
.demoimagehref{
display:block;
float:left;
margin:2px 4px 2px 2px;}
.demobig{
display:block;
float:left;
margin: 0 10px 0 0;
}
#showall{
display:block;
position:absolute;
left:380px;
top:470px;
border:0;
}
#showall img{
border:0;
}


/* Horizontální menu */

    #TopMenu{
      position:absolute;
      margin-left:470px;
    }

    #TopMenu ul {
      list-style-type: none;
      margin: 0; padding: 0;
    }
    
    #TopMenu a{
      font-size:13px;
      color:#550053;
      font-weight:bold;
      text-decoration:none;
      padding-right:10px;
      border-right:#550053 2px solid;
    }

    #TopMenu a:hover{color:#FF1DFC;}

    #menuHoriz ul {
      background-color: black;/* pozadi podmenu */
      display: none;
      margin-top:3px;
      position: absolute;
      left: -8px; top: 2em;
      _left: 0; top: 2em;
      width: 22ex;
    }
    #menuHoriz li {
      position: relative;
      float: left;
      padding: 0 0.7em 1em .5em;
    }
    #menuHoriz li li {
      float: none;
      padding: 0;
    }
    #menuHoriz li:hover > ul { display: block; }
    #menuHoriz ul a {
      display: block;
      text-align: left;
      width: 100%;
      color:white;
      padding:2px 5px 2px 10px;
      _padding:4px 10px 4px 10px;
      background-color: black;/* pozadi podmenu */
      border:0;
    }
    #menuHoriz ul a:hover { background-color: #EEEEEE;}

#TopMenu .default{cursor:default;}
    
.mainfoto{border:5px solid white; margin-bottom:15px;}
.litlefoto{border:2px solid white; cursor:crosshair;}      

.fotoblok{
width:221px;
height:165px;
display:block;
overflow:hidden;
float:left;
}
.wlcomemember{
&position:relative;
left:360px;
top:-70px;
}

/* LIGHTBOX2 */
#lightbox{	position: absolute;	left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */