/* CSS Document */


body {
  background-color: #00265B;
  background-image: url('pictures/pozadi.jpg');
  background-repeat: repeat-x;
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

#center {
  position: relative;
  width: 1078px;
  height: auto;
  margin: 0px auto 0px auto;
}

#hlavicka {
  position: relative;
  width: 1078px;
  height: 383px;
  top: 0px;
  background-image: url('pictures/hlavicka.png');
  background-repeat: no-repeat;
}

#hlavicka-eshop {
  position: relative;
  width: 1078px;
  height: 383px;
  top: 0px;
  background-image: url('pictures/hlavicka-eshop.png');
  background-repeat: no-repeat;
}

#flash {
     position: relative;
     width: 980px;  
     height: 255px;
     top: 0px;
     left: 10px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#otviracka {
     position: relative;
     width: 650px;  
     height: 30px;
     top: 10px;
     float: right;
     right: 50px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#otviracka h3 {
  color: #ffffff;
  font-size: 15px;
}

#menu {
     position: relative;
     width: 905px;  /*kvuli IE*/
     height: 42px;
     top: 1px;
     left: 10px;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}
/*koding menu - hlavního*/

#menu ul {
     position: relative;
     list-style-type: none;
     float: left; 
     margin: 0px;
     padding: 0px;
}

#menu li {
     position: relative;
     height: 30px;
     top: 0px;
     left: 0px;
     margin: 0px;
     padding: 0px;    
     float: left; 
}

#menu span {
     position: absolute;
     height: 42px;
     top: 0px;
     left: 0px; 
}
 /*vyjizdeci menu*/
.menu a {
  position: relative;
  width: 125px;
  height: 21px;
  padding: 9px 10px 0px 25px;
  color: #322608;
  float: left;
  font-weight: bold; 
  text-decoration: none; 
}

.menu a:hover {
  text-decoration: underline;
}

.menu ul {
  position: absolute;
  width: 180px;
  left: 0px;
  top: 12px;
  visibility: hidden;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  z-index: 2;
  text-align: left;
}

.menu li:hover ul, ul.menu li.hover ul {
 visibility: visible; 
}

.menu li { 
  position: relative;
  width: 200px;
  height: 15px;
  padding: 0px;
  margin: 0px;
  float: left;
  background-image: url('pictures/sub_menu/sub_menu.jpg');
  background-repeat: no-repeat;
 }
 

 /*vyjizdeci menu*/
li.li-uvod {
     width: 61px; 
}

span.span-uvod {
     width: 61px;
     background-image: url('pictures/menu/uvod.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-uvod:hover {
     background-image: url('pictures/menu/uvod-hover.jpg');
     cursor: hand;
}

li.li-o_morkem_svete {
     width: 133px; 
}

span.span-o_morkem_svete {
     width: 133px;
     background-image: url('pictures/menu/o_morskem_svete.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-o_morkem_svete:hover {
     background-image: url('pictures/menu/o_morskem_svete-hover.jpg');
     cursor: hand;
}

li.li-pro_navstevniky {
     width: 126px; 
}

span.span-pro_navstevniky {
     width: 126px;
     background-image: url('pictures/menu/pro_navstevniky.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-pro_navstevniky:hover {
     background-image: url('pictures/menu/pro_navstevniky-hover.jpg');
     cursor: hand;
}


li.li-pro_skoly {
     width: 84px; 
}

span.span-pro_skoly {
     width: 84px;
     background-image: url('pictures/menu/pro_skoly.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-pro_skoly:hover {
     background-image: url('pictures/menu/pro_skoly-hover.jpg');
     cursor: hand;
}

li.li-pro_firmy {
     width: 84px; 
}

span.span-pro_firmy {
     width: 84px;
     background-image: url('pictures/menu/pro_firmy.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-pro_firmy:hover {
     background-image: url('pictures/menu/pro_firmy-hover.jpg');
     cursor: hand;
}

li.li-souteze {
     width: 78px; 
}

span.span-souteze {
     width: 78px;
     background-image: url('pictures/menu/soutez.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-souteze:hover {
     background-image: url('pictures/menu/soutez-hover.jpg');
     cursor: hand;
}


li.li-eshopy {
     width: 72px; 
}

span.span-eshopy {
     width: 72px;
     background-image: url('pictures/menu/eshop.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-eshopy:hover {
     background-image: url('pictures/menu/eshop-hover.jpg');
     cursor: hand;
}


li.li-podporte_nas {
     width: 109px; 
}

span.span-podporte_nas {
     width: 109px;
     background-image: url('pictures/menu/podporte_nas.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-podporte_nas:hover {
     background-image: url('pictures/menu/podporte_nas-hover.jpg');
     cursor: hand;
}


li.li-kariera {
     width: 71px; 
}

span.span-kariera {
     width: 71px;
     background-image: url('pictures/menu/kariera.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-kariera:hover {
     background-image: url('pictures/menu/kariera-hover.jpg');
     cursor: hand;
}


li.li-kontakty {
     width: 87px; 
}

span.span-kontakty {
     width: 87px;
     background-image: url('pictures/menu/kontakty.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-kontakty:hover {
     background-image: url('pictures/menu/kontakty-hover.jpg');
     cursor: hand;
}






 /*koding menu - hlavního*/
 
 #obsah {
  position: relative;
  width: 1078px;
  height: auto;
  top: 0px;
  float: left;
  background-image: url('pictures/obsah.jpg');
  background-repeat: repeat-y;
  background-position: 58px 0px;
}

#text {
  position: relative;
  width: 675px;
  height: auto;
  top: 0px; 
  left: 58px;
  float: left;
  padding: 5px 20px 20px 20px;
  background-image: url('pictures/text.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-bottom: 15px; 
  color: #30353D;
  text-align: left;
}

#text h1 {
  font-size: 24px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#text h2 {
  font-size: 20px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#text h3 {
  font-size: 17px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

table.novinka h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: #1564D1;
  text-decoration: underline;
}

table.novinka a {
  color: #EB9600;
  text-decoration: underline;
}

table.novinka a:hover {
  text-decoration: none;
}

table.novinka h2:hover {
  text-decoration: none;
}

a.novinka-a {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: #1564D1;
  text-decoration: underline;
}

a.novinka-a:hover {
  text-decoration: none;
}

#text img {
  border: 4px solid #5092EB;
  margin: 0px 15px 0px 0px;
}

table.novinka td, tr {
  padding: 0px;
  margin: 0px;
  
}

table.novinka {
  padding: 0px;
  margin: 20px 0px 0px 0px;
  
}


#levy {
  position: relative;
  width: 265px;
  height: auto;
  top: 0px; 
  left: 57px;
  float: left;
  padding-bottom: 15px; 
}

div.akce {
  position: relative;
  width: 230px;
  height: auto;
  top: 0px;
  left: 5px;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #DCECFF;
  background-image: url('pictures/akce.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #B5CBE8;
  text-align: left;
  color: #30353D;
  font-size: 11px;
  line-height: 150%;
}


div.akce-eshop {
  position: relative;
  width: 260px;
  height: auto;
  top: 0px;
  left: 5px;
  margin-bottom: 5px;
  background-color: #C1D9FE;
  background-image: url('pictures/akce-eshop.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #B5CBE8;
  text-align: left;
  color: #30353D;
  font-size: 11px;
  line-height: 150%;
}

div.akce-eshop-podkategorie {
  position: relative;
  width: 250px;
  height: auto;
  top: 0px;
  left: 15px;
  margin-bottom: 5px;
  background-color: #DCECFF;
  background-image: url('pictures/akce.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-bottom: 1px solid #B5CBE8;
  text-align: left;
  color: #30353D;
  font-size: 11px;
  line-height: 150%;
}

div.akce-eshop h3 {
  color: #1564D1;
  font-size: 14px;
  line-height: 150%;
  font-weight: normal;
  padding: 5px 5px 5px 15px;
  margin: 0px;
  text-decoration: underline; 
}

div.akce-eshop-podkategorie h3 {
  color: #1564D1;
  font-size: 12px;
  line-height: 150%;
  font-weight: normal;
  padding: 5px 5px 5px 25px;
  margin: 0px;
  text-decoration: underline; 
}

div.akce-eshop h3:hover {
  text-decoration: none;  
}


div.akce-eshop a {
  color: #1564D1;
}

div.akce-eshop a:hover {
  text-decoration: none;
}

div.akce-eshop-podkategorie h3:hover {
  text-decoration: none;  
}


div.akce-eshop-podkategorie a {
  color: #1564D1;
}

div.akce-eshop-podkategorie a:hover {
  text-decoration: none;
}


div.akce h3 {
  color: #1564D1;
  font-size: 16px;
  line-height: 150%;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  text-decoration: underline;  
}

div.akce h3:hover {
  text-decoration: none;  
}


div.akce a {
  color: #1564D1;
}

div.akce a:hover {
  text-decoration: none;
}



 #paticka-menu {
  position: relative;
  width: 901px;
  height: 31px;
  left: 58px;
  top: 0px;
  float: left;
  padding: 50px 50px 0px 60px;
  background-image: url('pictures/paticka-menu.jpg');
  background-repeat: no-repeat;
}

/*menu v patičce*/

#paticka-menu a {
    color: #5391FF;  
}

#paticka-menu a:hover {
    text-decoration: none; 
}

#paticka-menu ul {
      list-style-type: none;
      display: inline;
}

#paticka-menu li {
     position: relative;
     top: 0px;
     left: 0px;
     margin: 0px 15px 0px 15px;
     padding: 0px;    
     float: left;
      color: #6ACCFF;  
}
/*menu v patičce*/

 #paticka {
  position: relative;
  width: 980px;
  height: 77px;
  left: 58px;
  top: 0px;
  float: left;
  padding-top: 5px;
  background-image: url('pictures/paticka.jpg');
  background-repeat: no-repeat;
  line-height: 150%;
}

#paticka p,a {
    color: #6ACCFF;
}