@import url(reset.css);

  
/*Обложка*/
#wraper {
    /*height: 1500px;*/
    width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
      
}

/*Начало блока Хедера*/
#header {
   height: 344px;
  /* background-color: #49AEC7;*/
   background-image: url(../images/headerFon.png);
   position: relative;
        
}

#logo {
    height: 291px;
    width: 290px;
    position: absolute;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    margin-top: 25px;
    float: left;
    z-index: 3;
    
}
#flagman {
    height: 306px;
    width: 188px;
    position: absolute;
    background-image: url(../images/flagman.png);
    background-repeat: no-repeat;
    margin: 25px 0 0 810px;
    z-index: 3;
    
}
#licey{
    height: 332px;
    width: 764px;
    position: absolute;
    background-image: url(../images/headerLicey.png);
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-left: 172px;
    z-index: 2;
}

#headerText {
    height: 174px;
    width: 565px;
    position: absolute;
    background-image: url(../images/headerText.png);
    background-repeat: no-repeat;
    margin-top: 70px;
    margin-left: 296px;
    z-index: 4;
}

/*Конец блока Хедера*/
/*Верхняя горизонтальная линия*/
#topLine1 {
    height: 7px;
    background-image: url(../images/topLine1.png);
    background-repeat: no-repeat;
}

/*Начало горизонтальной навигации*/
#gorNav {
    height: 40px;
    background-image: url(../images/gorNavFon.png);
    background-repeat: repeat-x;
    position: relative;
       
}
#home {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 60px;
    margin-top: 3px;
    background-image: url(../images/homeNoActiv.png);
}

#home a:hover{ background-image: url(../images/homeCursor.png); background-repeat: no-repeat ;}

    
#about {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 190px;
    margin-top: 3px;
    background-image: url(../images/aboutNoActiv.png);
}

#about a:hover{ background-image: url(../images/aboutCursor.png); background-repeat: no-repeat ;}

#news {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 320px;
    margin-top: 3px;
    background-image: url(../images/newsNoActiv.png);
}

#news a:hover{ background-image: url(../images/newsCursor.png); background-repeat: no-repeat ;}

 
#students {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 450px;
    margin-top: 3px;
    background-image: url(../images/studentsNoActiv.png);
}

#students a:hover{ background-image: url(../images/studentsCursor.png); background-repeat: no-repeat ;}

#teachers {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 580px;
    margin-top: 3px;
    background-image: url(../images/teachersNoActiv.png);
}

#teachers a:hover{ background-image: url(../images/teachersCursor.png); background-repeat: no-repeat ;}

#parents {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 710px;
    margin-top: 3px;
    background-image: url(../images/parentsNoActiv.png);
}

#parents a:hover{ background-image: url(../images/parentsCursor.png); background-repeat: no-repeat ;}


#gallery {
    height: 34px;
    width: 100px;
    position: absolute;
    margin-left: 840px;
    margin-top: 3px;
    background-image: url(../images/galleryNoActiv.png);
}

#gallery a:hover{ background-image: url(../images/galleryCursor.png); background-repeat: no-repeat ;}


#gorNav a {
    display: block;
    height: 34px;
    cursor: pointer;
}
/*Конец горизонтальной навигации*/
/*Вторая горизонтальная линия*/
#topLine2 {
    height:25px;
    background-image: url(../images/topLine1.png);
    background-repeat: no-repeat;
     
   } 
/*контейнер с тремя блоками (левый и правый сайтбары и контент) одинаковой высоты*/
.container {
  overflow:hidden;
  width:100%;
  position: relative;
  background-image: url(../images/padding.gif);
 /* height: 1%;*/
 
   
   
 
 
 }
    
#sitebarLeft {
   width: 200px;
    float: left;
    background-image: url(../images/navLeft.png);
    background-repeat: repeat-y;
    margin-right: 10px;
      
}
#content {
       width: 570px;
        margin-left:210px ;
        background-image: url(../images/contentFon.png);
        background-repeat: repeat-y;
        padding: 10px;
        margin-bottom: 0;  
        position: relative;
}

#sitebarRight {
    width: 200px;
    float: right;
    background-image: url(../images/navRight.png);
    background-repeat: repeat-y;
    position: relative;
      
}


/*Очищающий от обтекания блок*/
.clear {
clear: both;
overflow:hidden;
height: 0;
}
/*Выравнивание блоков по высоте*/
#sitebarLeft,#sitebarRight, #content{
     padding-bottom:10000px;
     margin-bottom:-10000px;
         overflow:hidden;
}

/*наполнение правого сайтбара*/
#usefulLinks {
    width: 200px;
    height: 55px;
    background-image: url(../images/usefulLinks.png);
    background-repeat: no-repeat;
    margin-top: 10px;
   
}

#mon {
    height: 85px;
    width: 200px;
    background-image: url(../images/miniosvinauk.png);
    background-repeat: no-repeat;
    
}

#dep {
    height: 85px;
    width: 200px;
    background-image: url(../images/depgumpol.png);
    background-repeat: no-repeat;
    
    
}

#voipopp {
    height: 85px;
    width: 200px;
    background-image: url(../images/Vabo.png);
    background-repeat: no-repeat;
    
    
}

#vo {
    height: 85px;
    width: 200px;
    background-image: url(../images/vo.png);
    background-repeat: no-repeat;
    margin:10px 0 0 3px;
    clear: both;
    
}

#testportal {
    height: 85px;
    width: 200px;
    background-image: url(../images/testportal.png);
    background-repeat: no-repeat;
    margin:10px 0 0 3px;
    clear: both;
    
}

#vintest {
    height: 85px;
    width: 200px;
    background-image: url(../images/vintest.png);
    background-repeat: no-repeat;
    margin:10px 0 0 3px;
    clear: both;
}

#pedpresa {
    height: 85px;
    width: 200px;
    background-image: url(../images/pedpresa.gif);
    background-repeat: no-repeat;
    margin:10px 0 0 7px;
    clear: both;
}

#osvita {
    height: 85px;
    width: 200px;
    background-image: url(../images/osvita.png);
    background-repeat: no-repeat;
    margin:10px 0 0 3px;
    clear: both;
}

#imzo {
    height: 85px;
    width: 200px;
    background-image: url(../images/instityt.png);
    background-repeat: no-repeat;
    clear: both;
}

#sitebarRight a {
    display: block;
    height: 85px;
    cursor: pointer;
}    
 /*Конец правого сайтбара*/   

/*Наполнение левого сайтбара*/

#sectionMenuHeader {
    width: 200px;
    height: 55px;
    background-image: url(../images/sectionMenuHeader.png);
    background-repeat: no-repeat;
    margin-top: 10px;
}

#LHome {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LHome.png);
    
}

#LHome a:hover{ background-image: url(../images/LHomeCursor.png); background-repeat: no-repeat ;}


#bulletin {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/bulletin.png);
}

#bulletin a:hover{ background-image: url(../images/bulletinCursor.png); background-repeat: no-repeat ;}

#Labout {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Labout.png);
    
}

#Labout a:hover{ background-image: url(../images/LaboutCursor.png); background-repeat: no-repeat;}


#Lnews {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LNews.png);
}

#Lnews a:hover{ background-image: url(../images/LNewsCursor.png); background-repeat: no-repeat ;}

#LStudents {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LStudents.png);
   
}

#LStudents a:hover{ background-image: url(../images/LStudentsCursor.png); background-repeat: no-repeat ;}

#LTeachers {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LTeachers.png);
}

#LTeachers a:hover{ background-image: url(../images/LTeachersCursor.png); background-repeat: no-repeat ;}

#LParents {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LParents.png);
    
}

#LParents a:hover{ background-image: url(../images/LParentsCursor.png); background-repeat: no-repeat ;}

#LGallery {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/LGallery.png);
}

#LGallery a:hover{ background-image: url(../images/LGalleryCursor.png); background-repeat: no-repeat ;}

#voldial {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/voldial.png);
}
#voldial a:hover{ background-image: url(../images/voldialCursor.png); background-repeat: no-repeat ;}

#npv {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/npv.png);
}

#npv a:hover{ background-image: url(../images/npvCursor.png); background-repeat: no-repeat ;}


#Lgazetalicey {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Lgazetalicey.png);
}

#Lgazetalicey a:hover{ background-image: url(../images/LgazetaliceyCursor.png); background-repeat: no-repeat ;}

#Ltcnl {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Ltcnl.png);
}

#Ltcnl a:hover{ background-image: url(../images/LtcnlCursor.png); background-repeat: no-repeat ;}


#Lprozoro {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Lprozoro.png);
}

#Lprozoro a:hover{ background-image: url(../images/LprozoroCursor.png); background-repeat: no-repeat ;}

#LVSTYP {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/VSTYP.jpg);
}

#Lprozoro a:hover{ background-image: url(../images/VSTYP.jpg); background-repeat: no-repeat ;}

#Lgyrtozitok {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Lgyrtozitok.png);
}

#Lgyrtozitoka:hover{ background-image: url(../images/Lgyrtozitok.png); background-repeat: no-repeat ;}


#Karantin2020 {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Karantin2020.png);
}

#Karantin2020:hover{ background-image: url(../images/Karantin2020.png); background-repeat: no-repeat ;}

#covid-19 {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/covid-19.png);
}

#covid-19:hover{ background-image: url(../images/covid-19.png); background-repeat: no-repeat ;}




#antukorup {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/antukorup.png);
}

#ctatut-2021:hover{ background-image: url(../images/antukorup.png); background-repeat: no-repeat ;}


#navchany2022 {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/navchany2022.png);
}

#navchany2022:hover{ background-image: url(../images/navchany2022.png); background-repeat: no-repeat ;}












#Ukritty {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Ukritty.png);
}

#Ukritty:hover{ background-image: url(../images/Ukritty.png); background-repeat: no-repeat ;}








/*Менюшка для Про ліцей*/
#history {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/history.png);
}

#history a:hover{ background-image: url(../images/historyCursor.png); background-repeat: no-repeat ;}

#guide {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/guide.png);
}

#guide a:hover{ background-image: url(../images/guideCursor.png); background-repeat: no-repeat ;}

#teach {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/teach.png);
}

#teach a:hover{ background-image: url(../images/teachCursor.png); background-repeat: no-repeat ;}

#graduates {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/graduates.png);
}

#graduates a:hover{ background-image: url(../images/graduatesCursor.png); background-repeat: no-repeat ;}

#progress {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/progress.png);
}

#progress a:hover{ background-image: url(../images/progressCursor.png); background-repeat: no-repeat ;}

#kniga25 {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/kniga25.png);
}

#kniga25 a:hover{ background-image: url(../images/kniga25Cursor.png); background-repeat: no-repeat ;}













            #honors {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/honors.png);
        }
      
        #honors a:hover{ background-image: url(../images/honorsCursor.png); background-repeat: no-repeat ;}
        
        #winners {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/winners.png);
            
        }
      
        #winners a:hover{ background-image: url(../images/winnersCursor.png); background-repeat: no-repeat ;}
        
        #man {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/man.png);
            
        }
    
        #man a:hover{ background-image: url(../images/manCursor.png); background-repeat: no-repeat ;}

        #medals {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/medals.png);
            
        }

        #tvorchi_konkursu {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/tvorchi_konkursu.png);
            
        }
}

        #myzei_zaklady {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/myzei_zaklady.png); 
            
        }
		
        
		#medals a:hover{ background-image: url(../images/medalsCursor.png); background-repeat: no-repeat ;}

#base {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/base.png);
    
}

#base a:hover{ background-image: url(../images/baseCursor.png); background-repeat: no-repeat ;}

        #teachKabinets {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/teachKabinets.png);
            
        }

        #teachKabinets a:hover{ background-image: url(../images/teachKabinetsCursor.png); background-repeat: no-repeat ;}

        #metodKabinet {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/metodKabinet.png);
            
        }

        #metodKabinet a:hover{ background-image: url(../images/metodKabinetCursor.png); background-repeat: no-repeat ;}

        #biblioteka {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/biblioteka.png);
            
        }

        #biblioteka a:hover{ background-image: url(../images/bibliotekaCursor.png); background-repeat: no-repeat ;}

        #aktova {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/aktova.png);
            
        }

        #aktova a:hover{ background-image: url(../images/aktovaCursor.png); background-repeat: no-repeat ;}
        
        #sport {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/sport.png);
            
        }

        #sport a:hover{ background-image: url(../images/sportCursor.png); background-repeat: no-repeat ;}

        #tren {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/tren.png);
            
        }

        #tren a:hover{ background-image: url(../images/trenCursor.png); background-repeat: no-repeat ;}
        
        #akva {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/akva.png);
            
        }

        #akva a:hover{ background-image: url(../images/akvaCursor.png); background-repeat: no-repeat ;}
        
        #gurt {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/gurt.png);
            
        }

        #gurt a:hover{ background-image: url(../images/gurtCursor.png); background-repeat: no-repeat ;}
        
        #dining {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/dining.png);
            
        }
        #dining a:hover{ background-image: url(../images/diningCursor.png); background-repeat: no-repeat ;}
        
        #museums {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/museums.png);
            
        }

        #museums a:hover{ background-image: url(../images/museumsCursor.png); background-repeat: no-repeat ;}
        
#sitebarLeft a {
    display: block;
    height: 52px;
    cursor: pointer;
}    


#Lnewsall {
    width: 196px;
    height: 52px;
    margin-top: 10px;
    margin-left: 2px;
    background-image: url(../images/Lnewsall.png);
    }
#Lnewsall a:hover{ background-image: url(../images/LnewsallCursor.png); background-repeat: no-repeat ;}

#olymp {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/olymp.png);
            
        }

#olymp a:hover{ background-image: url(../images/olympCursor.png); background-repeat: no-repeat ;}

#konkurs {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/konkurs.png);
            
        }

#konkurs a:hover{ background-image: url(../images/konkursCursor.png); background-repeat: no-repeat ;}

#miro {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/miro.png);
            
        }

#miro a:hover{ background-image: url(../images/miroCursor.png); background-repeat: no-repeat ;}

#fest {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/fest.png);
            
        }

#fest a:hover{ background-image: url(../images/festCursor.png); background-repeat: no-repeat ;}


#timetable {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/timetable.png);
            
        }

#timetable a:hover{ background-image: url(../images/timetableCursor.png); background-repeat: no-repeat ;}

#shedul {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/shedul.png);
            
        }

#shedul a:hover{ background-image: url(../images/shedulCursor.png); background-repeat: no-repeat ;}

#reit {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/reit.png);
            
        }

#reit a:hover{ background-image: url(../images/reitCursor.png); background-repeat: no-repeat ;}

#teachmat {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/teachmat.png);
            
        }

#teachmat a:hover{ background-image: url(../images/teachmatCursor.png); background-repeat: no-repeat ;}

#ZNO2020 {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/ZNO2020.png);
            
        }

#ZNO2020 a:hover{ background-image: url(../images/ZNO2020Cursor.png); background-repeat: no-repeat ;}

#BULING2020 {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/BULING2020.png);
            
        }

#BULING2020 a:hover{ background-image: url(../images/BULING2020Cursor.png); background-repeat: no-repeat ;}









#metodmat {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/metodMat.png);
            
        }

#metodmat a:hover{ background-image: url(../images/metodMatCursor.png); background-repeat: no-repeat ;}

#psiholog {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/psiholog.png);
            
        }

#psiholog a:hover{ background-image: url(../images/psihologCursor.png); background-repeat: no-repeat ;}

#konf {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/konf.png);
            
        }

#konf a:hover{ background-image: url(../images/konfCursor.png); background-repeat: no-repeat ;}

#konf {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/konf.png);
            
        }

#konf a:hover{ background-image: url(../images/konfCursor.png); background-repeat: no-repeat ;}










#foto1 {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/foto.png);
            
        }

#foto1 a:hover{ background-image: url(../images/fotoCursor.png); background-repeat: no-repeat ;}

#video {
            width: 196px;
            height: 52px;
            margin-top: 10px;
            margin-left: 2px;
            background-image: url(../images/video.png);
            
        }

#video a:hover{ background-image: url(../images/videoCursor.png); background-repeat: no-repeat ;}
/*Конец левого сайтбара*/

/*Наполнение контента*/
        /*Для новостей*/
        
        #newsFonR{ /*Флажок справа*/
            width: 560px;
            height: 232px;
            background-image: url(../images/newsFon.png);
            background-repeat: no-repeat ;
            margin-top: 30px;
            
            
        }
                    #flagR{ /*Флажок справа*/
                    width: 170px;
                    height: 52px;
                    background-image: url(../images/flag.png);
                    background-repeat: no-repeat ;
                    position: absolute;
                    margin-top: -10px;
                    margin-left: 370px;
                    }
                    
                .data {
                   font: bold 22px Tahoma, sans-serif;
                   color: #fff; 
                   margin-top: 10px;
                   text-align: right;
                 }
                 .title {
                    width: 360px;
                    height: 50px;
                    font:14px Tahoma, sans-serif;
                   color: #e41414; 
                   position: absolute;
                   margin-top: 10px;
                   margin-left: 5px;
                   text-align: left;
                   text-indent: 0;
                 }
                 
                 .text {
                    width: 320px;
                    height: 80px;
                    font:15px "Times new roman", serif;
                   color: #060606; 
                   position: absolute;
                   margin-top: 80px;
                    margin-left: 5px;
                   line-height: 16px;
                  }
                 
                .foto {
                    width: 205px;
                    height: 147px;
                    position: absolute;
                    margin-top: 40px;
                    margin-left: 310px;
                    /*background-image: url(../images/news/09042013.jpg);*/
                    background-repeat: no-repeat;
                    
                       }
                .href {
                    position: absolute;
                    margin-top: 200px;
                    font: bold 18px Arial, sans-serif;
                    color: #3135ef;
                    
                }

         /*Для про ліцей*/
                #dir {
                    width: 150px;
                    height: 191px;
                    float: left;
                    background-image: url(../images/Direktor1.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                }
                #vovk {
                    width: 150px;
                    height: 191px;
                    float: left;
                    background-image: url(../images/vovk.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                    
                }
                 #marinchuk {
                    width: 150px;
                    height: 191px;
                    float: left;
                    background-image: url(../images/marinchuk.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                 }
                
                #head {
                    text-align: center;
                    font: bold 16px Tahoma, sans-serif;
                    margin-bottom: 10px;
                }
                #name { /*Червоний заголовок по центру*/
                    text-align: center;
                    font: bold 20px Tahoma, sans-serif;
                    color: #e41414;
                    margin-bottom: 10px;
                }
                #name1 {  /*Синій заголовок по центру*/
                    text-align: center;
                    font: bold 18px Tahoma, sans-serif;
                    color: #2323FF;
                    margin-bottom: 10px;
                    }
                #name2 {  /*Зелений заголовок по центру*/
                    text-align: center;
                    font: bold 18px Tahoma, sans-serif;
                    color: #298C1B;
                    margin-bottom: 10px;
                    }
                #fizmat {
                    width: 150px;
                    height: 113px;
                    float: right;
                    background-image: url(../images/fizmat.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                    margin-right: 10px;
                }
                #prir {
                    width: 150px;
                    height: 113px;
                    float: right;
                    background-image: url(../images/prir.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                    margin-right: 10px;
                }
                #gum{
                    width: 150px;
                    height: 113px;
                    float: right;
                    background-image: url(../images/gum.jpg);
                    background-repeat: no-repeat;
                    margin-bottom: 20px;
                    margin-right: 10px;
                }
         
#content span {
    font: bold 16px Verdana, sans-serif;
    color: #FF0606;
    
} 

                
 



/*Футер*/
#footer {
    
    height: 140px;
    position: relative;
    background-image: url(../images/footerFon.png);
    background-repeat: repeat-x;
}

#adress {
    height: 66px;
    width: 200px;
    position: absolute;
    margin: 10px;
    background-image: url(../images/adress2-1.png);
    background-repeat: no-repeat;
    
}

#phone {
    height: 66px;
    width: 219px;
    position: absolute;
    margin: 10px auto auto 225px;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
}

#email {
    height: 66px;
    width: 227px;
    position: absolute;
    margin: 10px auto auto 460px;
    background-image: url(../images/email.png);
    background-repeat: no-repeat;
    
}

#social {
    height: 66px;
    width: 295px;
    position: absolute;
    margin: 10px auto auto 700px;
    background-image: url(../images/footerBlockFon.png);
    background-repeat: no-repeat;
    }
        #vk {
            height: 64px;
            width: 64px;
            background-image: url(../images/vk.gif);
            background-repeat: no-repeat;
            position: absolute;
            margin-left: 10px;
        }
        
        #facebook {
            height: 64px;
            width: 64px;
            margin-left: 80px;
            background-image: url(../images/facebook.gif);
            background-repeat: no-repeat;
            position: absolute;
        }
        
         #twiter {
            height: 64px;
            width: 64px;
            margin-left: 150px;
            background-image: url(../images/twiter.gif);
            background-repeat: no-repeat;
            position: absolute;
        }
        
         #youTube {
            height: 64px;
            width: 64px;
            margin-left: 220px;
            background-image: url(../images/youTube.gif);
            background-repeat: no-repeat;
            position: absolute;
        }
    #social a {
    display: block;
    height: 64px;
    cursor: pointer;
    
    }
    #content {
        font: 16px Tahoma, sans-serif;
        text-align: justify;
        text-indent: 25px;
                       
    }
        #foto {
        float: left;
        margin-right: 15px;
     }
    
    #content p {
        padding-right: 10px;
        text-indent: 25px;
    }
    
    .abzaza{
        margin-bottom: 10px;
    }
    
   #content img {
        padding: 10px;
        
    }
    
    ul li {

list-style: inside url(../images/arrow.png);
}

#fotogallery{
 font: 18px Tahoma, sans-serif;   
}

/*Для подписи фоток*/
.podp{
    font: bold italic 12px "Times new roman", serif;
    margin-bottom: 10px;
    text-align: center;
    
}

th, td {
    padding: 2px;
    border: 2px solid #C56C00;
    text-indent: 0;
}

th {
font: bold 20px "Times new roman", serif;
text-align: center;
height: 50px;
vertical-align: middle;
background-color: #9BD7FF;


}
   
   td {
    background-color: #F4FFCD;
    font: 18px "Times new roman", serif;
   }