* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body {padding:  0; background: none; font: normal 80%/1 Arial,Verdana,sans-serif; color: #000; text-align: left;}

/* barva odkazu --------------------------------------------------------------- */
a {color:#bf201b;}
a:link {color:#bf201b;}
a:hover {color:#991612; text-decoration: none;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { font-size:200%; }
h2 { font-size:2.0em;  color: #930814;margin: 15px 0 10px 15px;}
h3 { font-size:1.3em; color: #6c6c6c;margin: 20px 0 20px 15px;}
h4 { font-size:120%; }
h5 { font-size:100%; }

/* layout ---------------------------------------------------------------------- */
#wrap { width: 100%;}
#top { background: none;}
#btm { background: none;}
#top-corner {background: none;display: none}

   #layout {  background: none;}
   
     	#page {background: none;display: none;width: 100%;height: 14px; line-height: 14px; font-weight: bold;margin-bottom: 12px;}
     	#page span {padding: 0 10px; background: #fff; float: right; margin-right: 20px;}
        /* hlavicka ------------------------------------------------------------------ */
     	#header { display: none; position: relative; z-index: 1; background: url("../img/header.jpg") no-repeat;height: 187px; }
     
         #logo { position: absolute; top: 40px; left: 210px; overflow: hidden; width: 250px; height: 137px; font-size:1.8em; margin: 0; line-height: 120px; text-align: center; }
         #logo a{ display: block; }
         #logo span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 250px; height: 137px; background: url("../img/logo.jpg") 0 0 no-repeat; cursor: pointer; }
           
      /* horizontalni navigace --------------------------------------------------- */
      ul#nav { display: none; width: 970px;margin:0; padding:0; position: relative;z-index: 200; list-style:none; height: 46px; line-height: 46px; background: url("../img/nav-bg.jpg") repeat-x}
         ul#nav li { float:left; display:block; margin:0; padding:0 1px 0 0; background: url("../img/nav-sep.jpg") no-repeat right 50%;}
         ul#nav li.last {background: none;}
            ul#nav li a { display: block; float: left; padding: 0 21px; font-weight: bold; font-size: 1.1em; text-align: center; color: #fff; text-decoration: none; }
            ul#nav li a:hover { background: #6e0019; color: #ffdee6 }
            ul#nav li#active a { background: #6e0019; text-decoration:none; }
   
      #container { padding: 20px 0; }

         #content .submenu {display: none;width: 225px; height: 310px; overflow: hidden; background: #930814; float: left;padding: 10px;border-top: 7px solid #b69a60; list-style: none;margin-right: 10px;}
         #content .submenu li {margin: 0 10px 0 20px;border-bottom: 1px solid #aa6846;}
         #content .submenu li a { font-size: 0.9em; display: block; padding: 0; height: 25px; line-height: 25px; width: 100%; color: #fff; text-decoration: none; text-transform: uppercase}
         #content .submenu li a:hover {text-decoration: underline;color: #ffd2d6;}
         #content .submenu li.last {border: none;}
     
         #content #home {background: none;  padding: 10px 20px; width: 100%; height: auto; }
     	   #content #home h2 {padding-right: 20px; margin: 0 0 30px; font-family: Times New Roman;}
         
         #content #articles {background: #ece5d3;margin: 15px 12px 15px 0;padding-bottom: 20px;}
         #content #articles .photo {float: left; margin: 20px 10px 0 20px;}
         #content #articles p {text-align: justify;padding-right: 20px;}
         #content #articles h2 {padding-top: 7px;}
         
         #content .gallery a {margin: 10px 13px 0 0; display: block; float: left;}
         
         #content p {color: #565656;line-height: 1.3em;}
         
         /* Sloupce ----------------------------------------------------------------- */
         .content-left {display: none;float: left;width:245px;overflow: hidden;}
         .content-left .submenu {clear: both;clear: left;margin-bottom: 10px;}
         .content-left .conbox {margin: 0 0 10px 0;display: block;}
         .content-right {float: left;width: 705px;padding-left: 20px;}
         .content-right #drobek {border-top: 6px solid #c2201d; color: #8e001b;font-size: 0.85em; background: #f8e4e3; padding: 10px;margin-bottom: 10px;}
         .content-right a {color: #5a504f;}
         .content-right p {margin: 0 0 0 15px;}
         .panel.left {float: left;width: 679px; overflow: hidden;}
         .panel.right {display: none;float: left;width: 292px;}
     	   .panel.right a {display: block; margin-bottom: 5px;}
     	   
         .panel h2 { position: relative; top: 0; left: 0; overflow: hidden; height: 43px; font-size:1.5em; padding: 0;margin: 0 0 5px 0; line-height: 43px; text-align: left; }
         .panel h2 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; height: 43px; }
         .panel h2.novinky{ width: 679px;}
         .panel h2.specialnibalicky{ width: 291px;}
         .panel h2.fotoreportaz { width: 666px;}
         .panel h2.novinky span{background: none; width: 679px;}
         .panel h2.specialnibalicky span{background: none; width: 291px; }
         .panel h2.fotoreportaz span{background: none; width: 666px;}
         
         .panel .inbox {width: 292px;margin-bottom: 15px; position: relative;}
         .panel .inbox p { width: 120px; text-align: right;position: absolute; top: 40px; right: 10px}
         
         .panel #akce-firmy { height: 133px; background: url("../img/box-akce-firmy.jpg") no-repeat;margin-top: 15px;}
         .panel #club { height: 143px; background: url("../img/box-club.jpg") no-repeat }
         .panel #akce-skoly { height: 144px; background: url("../img/box-akce-skoly.jpg") no-repeat }
         .panel #akce-skoly p {color: #fff;top: 50px}
         .panel #zasilani-novinek {background: #678181 url("../img/box-zasilani-novinek.jpg") no-repeat; height: 99px; position: relative;}
         .panel #zasilani-novinek form {position: absolute; top: 45px; left: 10px;}
         .panel #zasilani-novinek input {padding: 3px; border: 0; width: 180px; margin-right: 10px;}
         .panel #zasilani-novinek input#search {padding: 0;border: none; background: url("../img/search.jpg") no-repeat; width: 60px; height: 22px;line-height: 22px;padding-bottom: 3px;}
         
         table {width: 100%;border-collapse:collapse; border-spacing:0;margin: 20px 0 10px;}
         table th {background: #930223;color: #fff;padding: 15px;}
         table td {background: #e2e2e2;color: #5c5c5c;padding: 15px;border-top: 1px solid #fff;}
         table tr.light td {background: #ededed;}
         table th.center, table td.center {text-align: center;}
         
         a.foto img { border: 1px solid #c3c3c3;padding: 5px;}
         a.foto.center {margin: 0 30px;}
         a.foto.center-small {margin: 0 10px;}
      /* paticka ----------------------------------------------------------------- */
   #footer { display: none;clear:both; height: auto; background: url("../img/bg-footer.jpg") no-repeat; position: relative;}
      #footer p { margin:0; color: #3d3d3d;padding-top:10px; text-align: center; line-height: 1.4em}
      #footer p a{color: #3d3d3d;}
      #klobouk {width: 220px; height: 190px;background: url("../img/klobouk.png") no-repeat;position: absolute;z-index: 100; right: -110px; top: 50px;}





.fl {float:left;}
.fr {float:right;}
.clear { clear:both; height: 0; font-size: 0; line-height: 0; }
.clear.height10 {height: 10px;}
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }