/* CSS Document */
body {
  background-image: url(pics_system/body_pozadi.jpg);
  margin:0px;
  }
#stranka_body {
  text-align: center;
  }  
#stranka_body_center {
  text-align: left;
  width: 900px;
  margin: 5px auto;
  }
#stranka_body_in {
  position: absolute;
  width: 900px;
  }
/*KONEC OBALU A CENTROVANI STRANKY*/
/*ZAKLADNI STRUKTURA STARNKY*/  
#top {
  height: 170px;
  =height: 200px;
  padding-top: 30px;
  
  background-image: url(pics_system/top_pozadi.jpg);
  background-repeat: no-repeat;
  
  text-align: center;
  }
#top-galerie {
  height: 100px;
  =height: 105px;
  padding-top: 5px;
  
  background-image: url(pics_system/top_pozadi.jpg);
  background-repeat: no-repeat;
  border-bottom: 2px black solid;
  
  text-align: center;
  }  
#hlavni {
  width: 900px;
  background-image: url(pics_system/main_background.jpg);
  }
  #main_top {
    background-image: url(pics_system/main_background_top.jpg);
    background-repeat: no-repeat;
    height: 60px;
    =height: 95px;
    
    padding-top: 35px;
    text-align: center;
    font-size: 40;
    } 
  #main_bottom {
    background-image: url(pics_system/main_background_bottom.jpg);
    background-repeat: no-repeat;
    height: 95px;
    }
  #main_text {
    width: 800px;
    margin-left: 50px;
    }                 
#dole {
  float: left;
  width: 100%;
  margin-top: 5px;
  border: 1px dotted black;
  }
/*KONEC ZAKLADNI STRUKTURY STRANEK
==============================================================================*/
.top_menu_obal {
  position: absolute;
  width: 900px;
  text-align: center;
  top: 167px;
  left: 0px;
  }  
  .top_menu_odkaz {
    font-size: 19;
    margin-top: 4px;
    margin-right: 1px;
    color: white;
    text-decoration: none;    
    }
  .top_menu_odkaz:hover {
    color: black;
    background-color: white;
    }      
/*============================================================================*/    
/*GALERIE*/    
.galerie_album {
  float: left;
  width: 180px;
  
  text-align: center;
  border: 1px rgb(128,128,128) solid;
  padding: 5px;
  
  margin: 10px;
  }
.galerie_album_foto {
  border: 5px rgb(204,204,255) double;
  }
.galerie_lista_miniatury {
  border: 2px grey dashe;
  width: 190px;
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-base-color: orange;
  }  
  .galerie_lista_miniatury img {
  margin: 5px;
  }     
/*------------*/

#nakupni_kosik {
  background-image: url(pics_system/nakupni_kosik.png) !important;
  background-position: 0 -3 !important;
  background-repeat: no-repeat !important;
  padding-left: 30px !important;
  color: white;
  
  background-color: #E02D2D;
  }
  
.ramecek_info,.ramecek_ok,.ramecek_varovani,.ramecek_chyba {
  border: 1px solid;
  margin: 5px 0px;
  padding: 7px;
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: 5px center;
  }
.ramecek_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('pics_system/ikona_info.png');
  }
.ramecek_ok {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('pics_system/ikona_ok.png');
  }
.ramecek_varovani {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('pics_system/ikona_varovani.png');
  }
.ramecek_chyba {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('pics_system/ikona_chyba.png');
  }