/* Resetovaci veci */  
{  
    margin: 0;  
    padding: 0;  
}  
  
/* HTML 5 Elementy chci jako bloky */  
header, footer, aside, nav, article {  
    display: block;  
}  
  


/* Hlavni tagy stranky */
body {  
    margin: 0 auto; 
    width: 900px; 
    font: 14px/22px Palatino Linotype;  
    background: white;  
}
header {
    background-color : green;
}

header a {
    color: #ffffff;
    font-family: "Lucida Console", Monaco, monospace;
    padding-left: 5px;
    padding-right: 5px;
}

aside {  
        display: table-cell;  
        width: 250px;  

        background-color: white;
    }  
footer {
 background-color: white;
 border-top: 1px solid lightgrey;
}
footer #footertext {
float: center;
color: #666666;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 300px;
}



/*Obsah  uvodni stranky */
#content {  
    display: table;  
    background-color: white;
    width:900px;
    height : 666px;
    
}  
#mainContent {  
        display: table-cell;  
        width: 700px;
        background: url("/img/home.jpg") no-repeat right top;
        top: 0px
    }
#mainContentother {  
        display: table-cell; 
        border : 0px solid white;
        width: 670px;
        top: 0px
        background-color: white;

        
    } 
#MainPage {
    top : 0px;
    margin-top : 0px;
    padding-top: 0px;
    overflow-y : auto;
    height : 666px;
    border : 1px solid white;
scrollbar-track-color         : white;
scrollbar-face-color          : grey;
scrollbar-highlight-color     : grey;
scrollbar-3dlight-color       : grey;
scrollbar-darkshadow-color    : grey;
scrollbar-shadow-color        : grey;
scrollbar-arrow-color         : grey;
    
    
    
  }  
  
  
#LogoPicture {
    margin-top : 250px;
    margin-left: 150px;
}
#logo {
    float: right;
    margin-right: 22px;
    margin-top: 19px;
 }
#logo img {
  border : 0px;
} 
#GalleryLine {
    width : 680px;
    height: auto;
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom : 0px;
    padding-bottom: 0px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
#GalleryLine span {
  margin-left : 10px;
}

#nbu{
    float: left;
    width: 300px;
    height: 38px;
    margin-left: 25px;
    margin-top:315px; 
    background: url("/img/home-nbulogo_nonactive_en.png") no-repeat;
}
/* #nbu:hover {
    background: url("/img/home-nbulogo_active_en.png") no-repeat;
}  */

#nato{
    float: left;
    margin-top:315px; 
    background: url("/img/home-natologo_nonactive_en.png") no-repeat;
    width: 320px;
    height: 38px;
}
/* #nato:hover {
    background: url("/img/home-natologo_active_en.png") no-repeat;
}  */  









/* Navigace Menu */
aside ul {
    list-style: none;
    text-decoration: none;
    margin-right: 37px;

         }
aside ul li {
    margin: 0 auto;
    display: block;  
      
    margin-top : 5px;
    font-size: 14px;
    text-align: right;  
}
aside ul li a {
    text-decoration: none;
    color : #666666 ;
}
aside ul li a:hover {  
    color: black;  
    text-decoration: none;
    font-weight : bold;
    
        }  
aside ul li a:selected {  
    color: black;
     font-weight : bold;
    text-decoration:none;  
        }   

     
      
/* Textove polozky */
h2 {  
    font-size: 28px;  
    line-height: 44px;  
    padding: 22px 0;  
}  
  
h3 {  
    font-size: 18px;  
    line-height: 22px;  
    padding: 11px 0;  
}  


#nadpis  {
    margin-top : 25px;
    margin-left : 10px;
    padding: 0px;
    font: 24px Palatino Linotype;
    font-weight: bold;
}
#nadpis span {
    color : grey;
    font: 12px Palatino Linotype;
    font-weight: bold;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
#nadpis a {
    color : grey;
    font: 12px Palatino Linotype;
    font-weight: bold;
    float: right;
    text-decoration: none;

}


#podnadpis {
    margin-top : 0px;
    margin-left : 10px;
    padding-top: 5px;
    
    font: 18px Palatino Linotype;
    font-weight: bold;
    color: grey;
}
#text {
    margin-top : 7px;
    margin-left : 10px;
    padding: 0px;
    font: 14px Palatino Linotype;

}
#text_odrazeny {
    margin-top : 4px;
    margin-left : 30px;
    font: 14px Palatino Linotype;
    align : left;
    

}
aside h3 {
   font: 12px Tahoma; 
   color: #ABABAB;
   text-align: right;
   margin-right: 35px;
   margin-bottom: 0px;
  } 
aside #language {
  float: right;
  margin-right: 37px;
  filter: gray;
  filter: none;
  -webkit-filter: grayscale(0);
}
#language img {
    border-color : grey;
    border-width: 0.5px;
    filter: gray;
    filter: none;
    -webkit-filter: grayscale(0);
}

aside #socials {
  margin-top: 55px;
  margin-right: 37px;
}
.facebook {
  float: right;
  width: 30px;
  height: 30px;
  background: url("/img/facebook-nonactive.jpg") no-repeat left top;
}
.facebook:hover {

    width : 30px;
    height : 30px;
    background: url("/img/facebook-active.jpg") no-repeat;
}
.youtube {
  float: right;
  width: 30px;
  height: 30px;
  background: url("/img/youtube-nonactive.jpg") no-repeat left top;
}
.youtube:hover {
    width : 30px;
    height : 30px;
    background: url("/img/youtube-active.jpg") no-repeat;
}



#image-container img {
    filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

#image-container img:hover {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
}







/* Scrollovaci menicko pro Chrome */ 

::-webkit-scrollbar {
  width: 13px;
  height: 13px; }
 
::-webkit-scrollbar:hover {
  height: 18px; }
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 15px;
  width: 13px;
  display: block;
  background: grey;
  background-repeat: no-repeat; }
 
::-webkit-scrollbar-button:vertical:decrement:active {
  background-image: url(scrollbar/vertical-decrement-arrow-active.png); }
 
::-webkit-scrollbar-button:vertical:increment:active {
  background-image: url(scrollbar/vertical-increment-arrow-active.png); }
 
::-webkit-scrollbar-track-piece {
  background-color: white; }
 
::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background: lightgrey;
  border: 1px solid #0d0d0d;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666; }