/* CSS Document */

*{margin:0;
  padding:0;
 }
 
body{font-family:Segoe Print,Segoe Print,fantasy;
    color:#bed9ea;
    background-repeat:no-repeat;
    }
    
    #obal {
  position: relative;
       }
       
       
   #mena {
  position: absolute;
  margin-left:3%;
  margin-top:3%;
       }     
 
#pozadie {
  width:1345px;
  height:715px;
  margin:0 auto;
  background: url('pozadie.jpg');
  position: relative;
       }
       
  #ram1{
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:150px;
  text-align:center;
  }
   
 a{border:0;} 
 #ram1 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram1 a:hover img.images{visibility: hidden;}
 #ram1 a:hover img.images2{visibility: visible;}
 #ram1 p{} 
 
 
 #ram2 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:250px;
  text-align:center;
  }
   

 #ram2 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram2 a:hover img.images{visibility: hidden;}
 #ram2 a:hover img.images2{visibility: visible;}
 #ram2 p{}
 
 #ram3 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:700px;
  text-align:center;
  }
   

 #ram3 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram3 a:hover img.images{visibility: hidden;}
 #ram3 a:hover img.images2{visibility: visible;}
 #ram3 p{}
 
 
 #ram4 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:800px;
  text-align:center;
  }
   

 #ram4 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram4 a:hover img.images{visibility: hidden;}
 #ram4 a:hover img.images2{visibility: visible;}
 #ram4 p{}
 
 #ram5 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:900px;
  text-align:center;
  }
   

 #ram5 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram5 a:hover img.images{visibility: hidden;}
 #ram5 a:hover img.images2{visibility: visible;}
 #ram5 p{}
 
 #ram6 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:1000px;
  text-align:center;
  }
   

 #ram6 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram6 a:hover img.images{visibility: hidden;}
 #ram6 a:hover img.images2{visibility: visible;}
 #ram6 p{}
 
 #ram7 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:1100px;
  text-align:center;
  }
   

 #ram7 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram7 a:hover img.images{visibility: hidden;}
 #ram7 a:hover img.images2{visibility: visible;}
 #ram7 p{}
 
 
 
 #ram9 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:120px;
  left:1200px;
  text-align:center;
  }
   

 #ram9 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram9 a:hover img.images{visibility: hidden;}
 #ram9 a:hover img.images2{visibility: visible;}
 #ram9 p{}
 
 
 
 
  #ram10 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:700px;
  text-align:center;
  }
 
  #ram10 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram10 a:hover img.images{visibility: hidden;}
 #ram10 a:hover img.images2{visibility: visible;}
 #ram10 p{}
 
 
 #ram11 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:800px;
  text-align:center;
  }
   

 #ram11 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram11 a:hover img.images{visibility: hidden;}
 #ram11 a:hover img.images2{visibility: visible;}
 #ram11 p{}
 
 #ram12 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:900px;
  text-align:center;
  }
   

 #ram12 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram12 a:hover img.images{visibility: hidden;}
 #ram12 a:hover img.images2{visibility: visible;}
 #ram12 p{}
 
 #ram13 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:1000px;
  text-align:center;
  }
   

 #ram13 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram13 a:hover img.images{visibility: hidden;}
 #ram13 a:hover img.images2{visibility: visible;}
 #ram13 p{}
 
 #ram14 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:1100px;
  text-align:center;
  }
   

 #ram14 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram14 a:hover img.images{visibility: hidden;}
 #ram14 a:hover img.images2{visibility: visible;}
 #ram14 p{}
 
 #ram15 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:280px;
  left:1200px;
  text-align:center;
  }
   

 #ram15 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram15 a:hover img.images{visibility: hidden;}
 #ram15 a:hover img.images2{visibility: visible;}
 #ram15 p{}
 
 


 #ram16 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:600px;
  text-align:center;
  }
   

 #ram16 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram16 a:hover img.images{visibility: hidden;}
 #ram16 a:hover img.images2{visibility: visible;}
 #ram16 p{}
 
 
  #ram17 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:700px;
  text-align:center;
  }
 
  #ram17 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram17 a:hover img.images{visibility: hidden;}
 #ram17 a:hover img.images2{visibility: visible;}
 #ram17 p{}
 
 
 #ram18 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:800px;
  text-align:center;
  }
   

 #ram18 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram18 a:hover img.images{visibility: hidden;}
 #ram18 a:hover img.images2{visibility: visible;}
 #ram18 p{}
 
 #ram19 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:900px;
  text-align:center;
  }
   

 #ram19 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram19 a:hover img.images{visibility: hidden;}
 #ram19 a:hover img.images2{visibility: visible;}
 #ram19 p{}
 
 #ram20 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:1000px;
  text-align:center;
  }
   

 #ram20 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram20 a:hover img.images{visibility: hidden;}
 #ram20 a:hover img.images2{visibility: visible;}
 #ram20 p{}
 
 #ram21 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:1100px;
  text-align:center;
  }
   

 #ram21 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram21 a:hover img.images{visibility: hidden;}
 #ram21 a:hover img.images2{visibility: visible;}
 #ram21 p{}
 
 #ram22 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:430px;
  left:1200px;
  text-align:center;
  }
   

 #ram22 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram22 a:hover img.images{visibility: hidden;}
 #ram22 a:hover img.images2{visibility: visible;}
 #ram22 p{} 
 
 
 
 
  #ram23 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:600px;
  text-align:center;
  }
   

 #ram23 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram23 a:hover img.images{visibility: hidden;}
 #ram23 a:hover img.images2{visibility: visible;}
 #ram23 p{}
 
 
  #ram24 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:700px;
  text-align:center;
  }
 
  #ram24 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram24 a:hover img.images{visibility: hidden;}
 #ram24 a:hover img.images2{visibility: visible;}
 #ram24 p{}
 
 
 #ram25 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:800px;
  text-align:center;
  }
   

 #ram25 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram25 a:hover img.images{visibility: hidden;}
 #ram25 a:hover img.images2{visibility: visible;}
 #ram25 p{}
 
 #ram26 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:900px;
  text-align:center;
  }
   

 #ram26 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram26 a:hover img.images{visibility: hidden;}
 #ram26 a:hover img.images2{visibility: visible;}
 #ram26 p{}
 
 #ram27 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:1000px;
  text-align:center;
  }
   

 #ram27 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram27 a:hover img.images{visibility: hidden;}
 #ram27 a:hover img.images2{visibility: visible;}
 #ram27 p{}
 
 #ram28 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:1100px;
  text-align:center;
  }
   

 #ram28 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram28 a:hover img.images{visibility: hidden;}
 #ram28 a:hover img.images2{visibility: visible;}
 #ram28 p{}
 
 #ram29 {
  position: absolute;
  font-size:1.1em;
  width:88px;
  background:;
  height:106px;
  border:0px solid white;
  top:570px;
  left:1200px;
  text-align:center;
  }
   

 #ram29 img.images2{visibility:hidden;
 position:absolute;
 left: 2px;}
 #ram29 a:hover img.images{visibility: hidden;}
 #ram29 a:hover img.images2{visibility: visible;}
 #ram29 p{} 
 
 .text {margin:0 auto;}
 .odbor {position:absolute; left:290px; top:100px;}
 .trieda {position:absolute; left:0%; top:60%;}
 .roky {position:absolute; left:70px; top:195px;}
 .skola {     }