@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
/* základ */
body 	{
	background:#000;
	background: #BABABA url(bg-main.gif) repeat-y top;
  text-align:center;
  font-family:sans-serif;
  font-size:85%;
}
#page {
  width:940px;
  margin: 0 auto;
  text-align:left;
}
/* menu */
#menu {
  clear:both;
  height:42px;
  background:#ecf5fc url('bg-menu.png') no-repeat;
} 
#menu ul {
  list-style:none;
  padding:0;
  margin:0 0 0 10px;
}
#menu ul li {
  float:left;
}

#header {
  height:80px;
  width:400px;
  float:left;
}
#search {
  float:right;
  width:280px;
  height:28px;
  overflow:hidden;
  background:#fff url('bg-search.jpg') no-repeat left top;
  margin: 25px 0 0 0;
  padding:0;
}
#search p {
  margin:0 !important;
  padding:0 !important;
}
#search .searchtext {
  border:none !important;
  background:none !important;
  height:20px;
  margin:4px 0 0 26px;
  float:left;
  width:160px;
}
.searchtext.alt {
  color:#888;
}
#search .searchbutton {
  float:right;
  background:#0d3481 url('btn-search.jpg') no-repeat left top;
  width:80px;
  height:28px;
  text-indent:-1000px;
  overflow:hidden;
  border:none;
}
#logo {
  float:left;
  height:60px;
  width:188px;
  text-indent:-1000px;
  overflow:hidden;
  background:#000 url('logo.jpg') no-repeat left center;
  margin: 10px 0 0 20px;
}
#menu ul li a {
  width:80px;
  display:block;
  height:42px;
  line-height:42px;
  margin-left:5px;
  color:#133177;
  text-decoration:none;
  font-weight:bold;
}

    #menu ul li a.uvod {width:70px;}
    #menu ul li a.skola-potapeni {width:136px;}
    #menu ul li a.cestovni-agentura {width:160px;}
    #menu ul li a.kalendar-akci {width:120px;}
    #menu ul li a.blog {width:62px;}
    #menu ul li a.zajimave-odkazy {width:146px;}
    #menu ul li a.o-webu {width:80px;}
    #menu ul li a.kontakt {width:86px;}
#menu ul li a span{
  display:block;
  height:42px;
  line-height:42px;
  text-align:center;
}
#menu ul li a:hover, #menu ul li.active a {
  background:#133177 url('bg-menu-active-l.png') no-repeat;
  color:#fff;
}
#menu ul li a:hover span, #menu ul li.active a span {
  background-image:url('bg-menu-active-r.png');
  background-repeat: no-repeat;
  background-position: right top;
}
#hptop {
  width:940px;
  height:360px;
  overflow:hidden;
  background-color:#000;
  background-repeat:no-repeat;
  background-position: 10px 0;
  
}
#hptop #blog {
  width:302px;
  height:400px;
  float:right;
  margin-right:10px;
  background-image:url('bg-hptop-blog.png');
}
#hptop #blog.alt1 {
  background-image:url('bg-hptop-blog1.png');
  color:#fff;
}
#hptop #blog.alt1 p a, #hptop #blog.alt1 h4 a {
  color:#fff;
}
#hptop #blog.alt1 p a:hover, #hptop #blog.alt1 h4 a:hover {
  color:#133177;
}
#hptop #blog div {
  padding:10px;
  font-size:0.9em;
}
#hptop #blog div p {
  padding-bottom:10px;
}
#hpmiddle {
  width:940px;
  height:179px;
  overflow:hidden;
  background:#16418F url('bg-hp-3boxy.png') no-repeat;
  position:relative;
}
#hpmiddle .in-box, #hpbottom .in-box {
  height:190px;
  width:293px;
  float:left;
  margin-right:5px;
  left:15px;
  color:#5EAFFF;
  font-size:0.9em;

}
  #hpmiddle .in-box.first, #hpbottom .in-box.first {
    margin-left:10px;
  }

  #hpmiddle .in-box.last, #hpbottom .in-box.last {
    margin-right:0;
  }
  #hpmiddle .in-box {
    width:305px;
  }
  #hpmiddle .in-box.last {
    width:300px;
  }
  #hpmiddle .in-box h3, #hpbottom .in-box h3 {
    margin: 22px 0 0 0px;
    padding: 0 10px 0 20px;
    height:22px;
    overflow:hidden;
  }

  #hpmiddle .in-box h3 {
    background-position: left top;
    background-repeat: no-repeat;
    height:20px;
  }
  #hpmiddle .in-box h3 a {
    display:block;
    text-indent:-1000px;
    overflow:hidden;
    width:100%;
    background:none;
  }
  #hpmiddle .in-box h3.skola-potapeni {background-image: url('skola-potapeni.png');background-position:12px top;}
  #hpmiddle .in-box h3.cestovni-agentura {background-image: url('cestovni-agentura.png');background-position:12px top;}
  #hpmiddle .in-box h3.eshop-kuppotapenicz {background-image: url('eshop-kuppotapenicz.png');background-position:14px top;}
  
#hpmiddle .in-box p, #hpbottom .in-box p {
  margin:22px 0 0 0;
  height:80px;
  padding:0 20px;
  overflow:hidden;
}
#hpmiddle .in-box a {
  float:right;
  margin-right:20px;
  width:20px;
  height:20px;
  text-indent:-1000px;
  overflow:hidden;
  background-image: url('bg-hptop2-sipka.png');
  background-repeat: no-repeat;
  background-position: center center;
  behavior: url('iepngfix.htc');
}
#hpbottom {
  margin-left:10px;
  background:#fff url('bg-bottom.gif') no-repeat bottom left;
  height:290px;
  overflow:hidden;
  width:920px;
}
#pagebottom {
  margin-left:10px;
  background:#fff url('bg-bottom.gif') no-repeat bottom left;
  height:20px;
  overflow:hidden;
  width:920px;
}
.bottom-in-box {
  margin:20px 0 0 0;
  padding:0;
  height:210px;
}
.bottom-in-box ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
.bottom-in-box ul li {
  padding: 10px 0 10px 25px;
  border-bottom:1px dotted #C8E3FF;
  background: url("icon-cal.gif") no-repeat left center;
}
.bottom-in-box ul li.ast {
  border-bottom:none;
}
a {
  color:#012d84;
}
a:hover {
  color:#000;
}
a.btn {
  display:block;
  height:30px;
  line-height:30px;
  color:#D7E8FC;
  text-decoration:none;
  font-weight:bold;
  background-image:url('bg-a-btn.png');
  background-repeat: no-repeat;
  background-position: left top;
  width:100px;
  text-align:center
}
a:hover.btn {
  color:#fff;
}
a.cal, span.cal {
  background: url("icon-cal.gif") no-repeat left center;
  padding: 3px 0 3px 20px;
}
#breadcrumb {
  background:#e9f2fb;
  color:#8fa2ab;
  font-size:0.8em;
  margin:0 0 20px 0;
  padding:0 1em;
  height:30px;
  line-height:30px;
  
}
#breadcrumb strong {
  color:#012d84;
}
#main {
  width:920px;
  margin-left:10px;
  background:#fff url('bg-main.png') repeat-y 652px top;
  padding:0 0 20px 0;
}
#main.full {background:#fff;}
#main.full #text {width:900px;}
#submenu {
  float:right;
  width:230px;
  margin-right:20px;
}
#submenu h3 {
  height:40px;
  line-height:40px;
  background:#1F54A4 url('bg-h.png') repeat-x;
  color:#fff;
  padding:0 1em;
}
#submenu  ul {
  margin:0;
  color:#333;
}
#submenu  ul li {
  padding:10px 0;
}
#submenu  ul {
  border-bottom:1px dotted #C8E3FF;
}
#submenu  ul.menu {
  border-bottom:none;
  list-style-type:none;
  margin:0;
  padding:0;
}
#submenu  ul.menu li {
  border-bottom:1px dotted #C8E3FF;
  padding-left:10px;
}
#text {
  float:left;
  width:620px;
  margin-left:20px;
}
li.active a {
  font-weight:bold;
}
#footer {
  height:40px;
  line-height:40px;
  padding:40px;
  font-size:0.8em;
  color:#666;
}
#footer a {
  color:#888;
}
hr {display:none;}

/*---- vnitřní stránky ---*/
#text {
  color: #333;
}
#text h2 {
  color: #112D51;
}

p.pages {
  border-top:1px dotted #C8E3FF;
  height:40px;
  line-height:40px;
  color:#333;
}
p.pages a {
  background:#e9f2fb;
  border:1px solid #82BDFF;
  padding:6px;
  text-decoration:none;
}
p.pages a:hover {
  border:1px solid #2D6FB9;
}
p.pages span {
  background:#eee;
  border:1px solid #ccc;
  padding:6px;
  color:#888;
}
p.pages span.label {
  background:#fff;
  border:1px solid #fff;
  color:#333;
}
/*--- články a příspěvky ---*/
.item {
  border-bottom:1px dotted #C8E3FF;
  margin-bottom: 10px;
  padding-top: 0px;
}
.item.first {
  border-top: none;
}
.item-info {
  font-size:0.8em;
  color:#888;
  text-align:right;
}
.item p.info {
  color: #757575;
}

/*--- cestovni agentura ---*/
table.akce {
  font-size: 1.1em;
  border: 3px solid #94C2ED;
  color: #012d84;
  color: #555;
}
table.akce td, table.akce th {
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #94C2ED;
}
table.akce th {
  background: #A6CFF0;
  color: #444;
}
table.akce td {
  background: #E9F2FB;
}
/*---- fotogalerie ---*/
div.galleryF {
  margin: 0 3px 10px 0;
  border: 1px solid #EBEBEB;
  padding: 5px;
  float: left;
  text-align: center;
}
div.galleryF p {
  font-size: 0.8em;
  color: #888;
  margin-bottom: 0;
}
p.descriptionF {
  margin-bottom: 0.1em;
  width:140px;
  overflow:hidden;
}
div.galleryF a {
  color: #888;
  text-decoration: none;
}
/*---- kalendar ---*/
table.kalendar td {
padding:0;
height:40px;
}
.po, .ut, .st, .ct, .pa, .so, .ne {
  width: 14%;
  text-align: center;
}
td.so, td.ne {
  background: #e9f2fb;
}
table.kalendar td.dis {
  background: #eee;
}
table.kalendar td > a, table.kalendar td > span.date {
  display:block;
  height:40px;
  line-height:40px;
  padding-left:6px;
  text-decoration:none !important;
}
table.kalendar td.dis > a {

  background: #eee;
  color:#888;
}
table.kalendar td.dis > a:hover {
  background: #ddd;
  color:#333 !important;
}
table.kalendar th {
  border-collapse: collapse;
  background:#000;
  color:#fff;
}
table.kalendar th a {
  color:#fff !important;
  font-weight:bold;
}
table.kalendar th {
  text-align: center;
  border:1px solid #ccc;
}
table.kalendar td {
  height: 40px;
  text-align: left;
  border:1px solid #ccc;
}

table.kalendar td.hasevents > a {
  font-weight:bold;
  background:#1F54A4 url('bg-h.png') repeat-x;
  color:#fff;
}
table.kalendar td.hasevents > a:hover {
  font-weight:bold;
  background:#0ee1ff;
  color:#000 !important;
}

table.kalendar td.hasevents span.events {
  display:block;
  position:absolute;
  width:280px;
  border:1px solid #aaa;
  background:#FFFFE7;
  padding:4px;
}
table.kalendar td.hasevents span.events > a {
  color:#333 !important;
  text-decoration:underline !important;
}
table.kalendar td.hasevents span.events > a:hover {
  color:#000 !important;
  text-decoration:underline !important;
}
ul#bookmarks {
  height: 40px;
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
  margin-left: 50px;
  padding-left: 11px;
  list-style-type:none;
}
ul#bookmarks li {
  background: none;
  padding: 11px 0 10px 0;
  float: left;
  margin-right: 8px;
}
ul#bookmarks li a.out, div.picbox a.out {
  background: none;
  padding: 0px;
}
}