/* CSS Document */

body { margin:0; background-color:#F0F0F2; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body, img { font-family:Arial, Helvetica, sans-serif;}
#page { width:984px; margin:0 auto 25px auto; background-color:#FFF;}

#headbann { height:140px; position:relative;background-color:#C34063;}

#home-link {width:348px; height:140px; display:block; border:none; position:absolute; left:0; top:0; text-decoration:none;}
#home-link img,  img#home-link { display:block; border:none; width:348px; height:140px; color:#FFF; font-size:25px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; line-height:160px; text-align:center; background-color:#9A2242;} 
#menu-top-top { margin:0; height:49px; line-height:47px;  background-color:#F0F0F2; text-align:right;font-size:12px; color:#666; }
#menu-top-top a { font-size:12px; color:#666; padding:0 4px; text-decoration:none;}
#menu-top-top a:hover { text-decoration:underline;}

#menu-top { margin:0; float:right; margin-top:40px; padding-right:9px;}
#menu-top a { display:block; float:left; padding:10px 7px; font-size:12px; color:#FFF; text-decoration:none; border-right:1px solid #F74F7C;}
#menu-top a.last { border-right:none;}
#menu-top a:hover, #menu-top a.selected { background-color:#F74F7C;}

/*  sidenav  */
#sidenav { width:335px; float:left; background-color:#FFD6E1; color:#444;}
.menu-box-out { width:245px; margin:12px auto; }
#in-sidenav { width:290px; margin:0 auto;}
.menu-box { margin:0; padding-left:0;}
.menu-box li { list-style-type:none; display:block; width:220px; padding-left:25px; background-image:url(../imgs/menu-box-li.gif); background-repeat:no-repeat; background-position:0 0;}
.menu-inpage li { background-image:url(../imgs/menu-inpage-li.gif);}
.menu-box li.inbox { background-image:none; height:auto; }
.menu-box .inbox li {width:197px; /*  fix IE 6 */}
.menu-box a { display:block; font-size:13px; line-height:15px; padding:4px 0; color:#884257; text-decoration:none;}
.menu-box a:hover { text-decoration:underline;}

.menu-box li.selected { background-position:0 -200px; background-color:#F74F7C; color:#FFF;}
.menu-box li.selected a { color:#FFF;}

.uvodni-slovo-box p {  line-height:19px; padding-bottom:38px; background:url(../imgs/sign.png) no-repeat center bottom;}
.uvodni-slovo-box a { font-weight:bold; color:#992241;}
.uvodni-slovo-box img { display:block; border:3px solid #A96E7E; float:right; margin:0 0 4px 5px;}

.kalendar-box a {font-weight:bold; color:#992241;}

.tbl-terminy { padding-left:20px;}
.dopo-box { padding-right:30px; }
.dopo-box a { color:#444; line-height:17px; margin-right:5px; text-decoration:none;}
.dopo-box a:hover { text-decoration:underline;}
.dopo-sekce a { font-weight:bold; color:#000;}
.dopo-sekce a:hover { text-decoration:none;}

#main { background:url(../imgs/main.gif) repeat-y left top;}

#content { width:579px; padding-right:35px; padding-bottom:20px; min-height:290px; height:auto !important; height:320px; float:right; position:relative; background-color:#FFF; color:#444; line-height:20px;}

.content-homepage { padding-top:358px;}
.content-web { padding-top:242px;}
#intro-image { width:649px; height:358px; line-height:340px; position:absolute; right:0; top:0; color:#999; text-align:center; font-size:12px; background-color:#E3E3E8;}
.content-web #intro-image {width:649px; height:242px; line-height:250px;}
.clear { clear:both;}

h1, h2, h3 { color:#992241;}
h1 { font-size:24px;font-weight:normal;  margin:0 0 28px 0; padding-top:33px; /*  IE 6:0  */ }
h2 { font-size:18px;font-weight:normal; margin-top:28px; }
h3 { font-size:14px;}
img.inpage { display:block; padding:4px; border:3px solid #DDD; margin:2px 0 8px 20px;}
img.center { margin:30px auto;}
p.center { text-align:center;}
.btn-link-box { text-align:center; margin:25px 0 48px 0;}
.btn-link-box a { color:#992241; font-weight:bold; border:1px solid #992241; padding:8px; margin:0 22px; text-decoration:none; }
.btn-link-box a:hover { text-decoration:underline;}

table td { padding:0; vertical-align:top;}

.left { float:left;}
.right { float:right;}

#footer { clear:both; height:70px; line-height:68px; padding-left:12px; color:#FFF; background-color:#C34062;}
#footer a { color:#FFF;}
#footer a:hover { text-decoration:none;}

.tbl-cenik { width:100%; margin-bottom:24px; }
.tbl-cenik td { padding:6px 20px 5px 0; border-bottom:1px solid#EEE; color:#444;}
.tbl-cenik .first { width:120px;}

.tbl-cenik-komplet { width:90%; border-collapse:collapse; margin:0 auto; border-top:1px solid#EEE; }
.tbl-cenik-komplet td { padding:6px 20px 5px 10px; color:#444;}
.tbl-cenik-komplet .delka, .tbl-cenik-komplet .cena { text-align:right; white-space:nowrap; padding-right:30px; width:60px; border-bottom:1px solid#EEE; }
.tbl-cenik-komplet .cena { font-weight:bold; }
.tbl-cenik-komplet .last td {border-bottom:1px solid#EEE;}




.doplnit { font-weight:bold; margin:30px; font-family:"Courier New", Courier, monospace; font-size:22px; color:#FF0000;}

.akce-box { border:6px solid #CC3366; padding: 0 12px; margin:16px 32px; }
.akce-box h4 { color:#FF0000; text-transform:uppercase; font-size:20Px; text-align:center; margin-bottom:0;}
.akce-box p {font-size:14px;}
.akce-box a { font-weight:bold; text-align:right; color:#000;}
.akce-box strong { color:#000;}
.akce-right{ width:220px; float:right;}


.akt-foto-box {margin:30px 0 15px 0;}
.akt-foto-box img { padding:4px; border:1px solid #B4C1D8; margin:0 18px 18px 0; }
ul.akt-prilohy { padding-left:0;}
ul.akt-prilohy li { padding:2px 0 22px 43px; margin-left:0; background-repeat:no-repeat; background-position:left top; }
li.priloha-ms-word { background-image:url(../imgs/priloha-ms-word.gif);}
li.priloha-ms-excel { background-image:url(../imgs/priloha-ms-excel.gif);}
li.priloha-zip { background-image:url(../imgs/priloha-zip.gif);}
li.priloha-pdf { background-image:url(../imgs/priloha-pdf.gif);}
li.priloha-jpg { background-image:url(../imgs/priloha-jpg.gif);}
li.priloha-gif { background-image:url(../imgs/priloha-gif.gif);}

.akt-prilohy li a {color:#000;}

.akt-datum { margin:0; float:right; color:#345; position:relative; top:-15px; color:x456; font-style:oblique; margin-left:20px;}

.zajimave-bar { width:990px; margin:0 auto 6px auto; color:#222; position:relative; top:-6px;}
.zajimave-bar a { font-weight:normal; color:#222; text-decoration:underline; margin-left:8px;}
.zajimave-bar a:hover { text-decoration:none;}