BODY  {
      behavior: url(csshover2.htc);
      font-family: Times;
      font-size: 16px;
	  margin: 0px;
      padding: 0px;
      text-align: center;
	  cursor: url('Angyal.ani');
	  scrollbar-face-color: white;	/* Ezek helyet majd az újabb webkit-est */
      scrollbar-base-color: black;
      scrollbar-highlight-color: white;
      scrollbar-shadow-color: gray; 
      scrollbar-arrow-color: black;
	  background: rgb(120,148,160) url('kepek/vecsesi-gyuli.jpg') center top no-repeat;
	  background-size: 100%;
     }
	 
BODY.allap { 
             background: palegoldenrod none;
			 font-size: 13pt;
			 line-height: 1.5;
			 text-align: justify;
		   }
		   
BODY.szoveges { margin-right: 10px; }
	 
MENU {
       width: 950px;
       height: 80px;
       margin: 40px auto;
       background-color: Lawngreen;
	   border: 1px solid;
       filter: alpha(opacity=50);
       opacity: 0.5;
	   -moz-border-radius: 1em 4em 1em 4em;
       border-radius: 1em 4em 1em 4em;
	   -moz-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
       -webkit-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
       box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
      }
	  
#weblap {
         width: 1000px;
		 margin: 0px auto;
		}
		 
MENU LI {
         float: left;
         list-style: none;
		 font-size: 16pt;
		 margin: 8px;
        }
		
MENU LI  DIV {
             width: 130px;
		     background-color: Darkgreen;
		     border-style: ridge;
		     border-width: 3px;
		     -moz-border-radius: 10px;
             border-radius: 10px;
		     -webkit-transition: all 1s ease-in-out;
		     -moz-transition: all 1s ease-in-out;
		     -o-transition: all 1s ease-in-out
            }
		
MENU LI  DIV:hover {
                   -webkit-transform: scale(2) rotate(360deg);
				   -moz-transform: scale(2) rotate(360deg);
				   -o-transform: scale(2) rotate(360deg);
                  }
		
MENU LI A {
          color: white;
          text-decoration: none;
		 }
		  
MENU LI A:hover {
                font-weight: bolder;
				text-shadow: 2px 2px 2px #000;
               }
			   
.logo DIV {
          transition: all 1s ease-in-out;				
	      -ms-transition: all 1s ease-in-out;
	      -moz-transition: all 1s ease-in-out;
	      -o-transition: all 1s ease-in-out;
	      -webkit-transition: all 1s ease-in-out;

	      perspective: 800;
	      perspective-origin: 50% 100px;

	      -ms-perspective: 800;
	      -ms-perspective-origin: 50% 100px;	
	
	      -moz-perspective: 800;
	      -moz-perspective-origin: 50% 100px;
	
	      -o-perspective: 800;
	      -o-perspective-origin: 50% 100px;
		
	      -webkit-perspective: 800;
	      -webkit-perspective-origin: 50% 100px;
          
	      float: right;
	      width: 80px;
	      height: 72px;
		  margin: auto 55px;
         }
		 
DIV.logo:hover .kep {
                    transform: rotateY(180deg);
	                -ms-transform: rotateY(180deg);
	                -moz-transform: rotateY(180deg);
	                -o-transform: rotateY(180deg);
	                -webkit-transform: rotateY(180deg);
                   }
				   
@-webkit-keyframes kepek {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}
				   
.kepkorzo {
		   height: 220px;
		   margin: 20px auto 0px;
		   padding-left: 160px;
           -webkit-perspective: 1200px;
          }
		  
.kepkorzo DIV.kepek {
                    -webkit-animation-name: kepek;
                    -webkit-animation-timing-function: linear;
                    -webkit-animation-iteration-count: infinite;
                    -webkit-animation-duration: 10s;
			        -webkit-transform-origin: 160px 0 0;
                    -webkit-transform-style: preserve-3d;
                   }
			 
.kepkorzo DIV.kepek:hover { -webkit-animation-play-state: paused; }

.kepkorzo DIV.kepek IMG {
                        width: 220px;
                        position: absolute;
						padding: 0 0 0 80px;
                        border: 1px solid #ccc;
                        background: rgba(255,255,255,0.8);
                        -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
                       }

DIV.tartalom {
              height: 450px;
              width: 700px;
			  margin: 30px auto 20px;
			  float: left;
			  background-color: palegoldenrod;
			  filter: alpha(opacity=80);
              opacity: 0.8;
			  -moz-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
              -webkit-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
              box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
              -moz-border-radius: 35px 10px / 10px 35px;
              border-radius: 85px 40px / 40px 85px;
             }
			 
.ablak {
        margin-top: 20px;
		
       }
		  
DIV.egyeb {
           width: 270px;
		   height: 450px;
		   float: right;
		   margin: 30px auto 20px;
		   padding: 0px 0px 5px;
		   background-color: Palegoldenrod;
		   filter: alpha(opacity=80);
           opacity: 0.8;
		   -moz-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
           -webkit-box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
           box-shadow: 15px 15px 5px rgba(192,192,192,0.6);
           -moz-border-radius: 35px 10px / 10px 35px;
           border-radius: 85px 40px / 40px 85px;
          }
		  
MARQUEE[direction=up] {
                        margin: 5px auto;
		                height: 440px;
		                width: 230px;
                       }
					   
MARQUEE[direction=left] {
                          border1: 1px solid;
                         }
		 
IMG.egyeb {
           margin: 0px auto;
          }
		  
LI.fopont {
          margin-top: 10px;
          font-variant: small-caps;
         }
		 
H1 { 
   margin-top: 0px;
   text-shadow: 5px 8px 3px #969696;
  }
		 
H2 { text-shadow: 5px 8px 3px #969696; }
		 
H3 { margin-top: 40px }

DIV.leptetes { margin: 20px 50px }

.balra { float: left }

.jobbra { float: right }

#galeria {
          width: 533px;
		  height: 399px;
		  overflow: hidden;
	      position: relative;
		  margin: 0px auto;
         }
		 
#kepek {
        position: absolute;
	    left: 0px;
		min-height: 50px;
	    -webkit-transition: all 1.0s ease-in-out;
	    -moz-transition: all 1.0s ease-in-out;
	    -o-transition: all 1.0s ease-in-out;
	    -ms-transition: all 1.0s ease-in-out;	
	    transition: all 1.0s ease-in-out;
       }
	   
#kepek IMG {
           padding: 0;
		   top: 0px;
		   bottom: 0px;
	       float: left;
          }
		  
IMG.fekvo { 
           width: 533px;
           margin: 0px;
		  }

IMG.allo {
          height: 399px;
		  margin: 0px 117px;
		 }
		  
BODY.allap IMG.nyil {
                     position: absolute;
		             z-index: 1;
		             opacity: 0;
					 border-width: 0px;
					 cursor: pointer;
		             -webkit-transition: opacity 2s ease-in;
                     -moz-transition: opacity 2s ease-in;
		             -ms-transition: opacity 2s ease-in;
                     -o-transition: opacity 2s ease-in;
                     transition: opacity 2s ease-in;
         }
		   
.bal {
      top: 168px;
      left: 0px
     }
	 
.jobb {
       top: 168px;
	   left: 576px;
      }
	  
BODY.allap:hover IMG.nyil { opacity: 1 }