* { 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: #f2e3c7 url(../img/bg.jpg); font: normal 80%/1 Arial,Verdana,sans-serif; color: #000; text-align: center;}
label{cursor: pointer;}

/* 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:180%; color: #930814; }
h2 { font-size:2em;  color: #930814;margin: 15px 0 0px 15px;}
h3 { font-size:1.3em; color: #6c6c6c;margin: 20px 0 20px 0;}
h4 { font-size:120%; }
h5 { font-size:100%; }

/*zažité ----------------------------------------------------------------------- */
.stred{text-align: center;}
.stredx{margin: auto;}
.leva{float: left;}
.prava{float: right;}
.vpravo{text-align: right;}
.vlevo{text-align: left;};
input.checkbox{width: 20px;}
input,textarea{width: 95%;padding: 3px;}
.clear{clear: both;}

/* layout ---------------------------------------------------------------------- */
#wrap { width: 1020px;  margin: 0 auto; padding: 44px 0; text-align: left; position: relative;}
#top { background: url("../img/top.png") no-repeat left top;padding-top: 6px;width: 1020px;}
#btm { background: url("../img/btm.png") no-repeat 100%;height: 6px;width: 1020px;}
#top-corner {width: 193px; height: 363px;background: url("../img/top-corner.png") no-repeat;position: absolute;z-index: 1; left: -103px; top: -27px;}

   #layout {  background: url("../img/layout-bg.png") repeat-y; padding: 14px 25px;width: 974px;}
   
     	#page {background: url("../img/dots.jpg") repeat-x;width: 970px;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 { 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 { width: 970px;margin:0; padding:0; position: relative;z-index: 1; list-style:none; height: 46px; line-height: 46px; background: url("../img/nav-bg.jpg") repeat-x}
         ul#nav li { position: relative;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 20px; 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; }
            ul#nav li ul {visibility: hidden;width: 150px;display: block;position: absolute; left: 0; top: 46px;padding: 5px 10px 5px 10px; margin: 0 0 10px;list-style: none;background: #72050e;}
         ul#nav li /* IE:hover */ {
           color: expression(
                  isNaN(this.js)?(this.js=1,
                  this.onmouseover=new Function("this.className+=' hover';"),
                  this.onmouseout=new Function("this.className=this.className.replace(' hover','');")
                  ):false);
            );
         }

         ul#nav li:hover ul,
         ul#nav li.hover ul {visibility: visible;}
         ul#nav li ul li {padding: 0; margin: 0;clear: both;background: none;}
         ul#nav li ul li a {padding: 0; margin: 0;display: block; width: 150px;text-align: left; background: none;clear: both;border-bottom: 1px solid #930814; font-size: 1.0em; line-height: 23px;color: #ffd2d6;}
         ul#nav li ul li a:hover {background: none;border-color: #bf101f;color: #f18ca4 }
   
      #container { padding: 20px 0; }
     
         #content #home {background: #ece5d3; /*border-top:7px solid #bf201b; padding: 10px 20px 0 20px;*/ float: left; margin-bottom: 5px; width: 666px;}
     	   #content #home h2 {font-size:1.8em; padding-right: 20px; margin: 0 0 15px; font-family: Times New Roman;}
         #content #home2 {width: 293px; float:left; margin: 0 0 0 10px; }
		 #content .home2a {height: 197px; background: #ece5d3; margin-bottom:10px;}
		 #content .home2b {height: 197px; background: #ece5d3;}

         #content #articles {background: #ece5d3;margin: 15px 12px 15px 0;padding: 10px;}
         #content #articles .photo {float: left; margin: 20px 10px 0 20px;}
         #content #articles p {text-align: justify;margin: 3px ;padding: 0;}
         #content #articles h2 {padding: 10px;margin: 0;}
		      
		      
		     #content .loginbox {padding: 20px;width:270px; background: #f8e4e3;border: 1px solid #c2201d;border-bottom: 5px solid #c2201d; margin: 0 auto;}
		      #content .loginbox label {font-weight: bold;display: block;width: 100px;padding: 4px 0;float: left;margin-bottom: 5px;}
          #content .loginbox .text {border: 1px solid #ccc;width: 150px;padding: 3px;float: left;margin-bottom: 5px;}
          #content .loginbox .submit {padding: 5px 10px; font-weight: bold; position: relative; left: 100px;}
          #content .loginbox p {line-height: 1.4em;margin: 0; padding: 10px 0 0 0}
		   #novinky {margin: 25px 12px 15px 0;padding-bottom: 20px;}
         #novinky .photo {float: left; margin: 0 10px 0 0;left:0;}
         #novinky p {text-align: justify;padding: 0;margin: 0;}
         #novinky h2 a {font-size:70%; }
         #novinky .novinkabox {margin: 20px 0 10px;padding: 0 15px}
         .novinkabox .photo{margin: 0 10px 10px 0;}
         .novinkabox2 {margin: 20px 0 10px;padding: 0 10px}
         .novinkabox2 small {font-size: 1.0em; font-weight: bold;display: block; padding: 5px 0;border-bottom: 1px solid #f7f7f7}
         .novinkabox2 h2{margin: 0; padding: 0; font-size: 1.6em;}
         #content .novinkabox2 .odstavec {padding: 5px 0; margin: 0;}
         #content .novinkabox2 .odstavec p {padding: 0; margin: 0;}
         #content .kestazeni2 {position: relative; left: 5px;}
         #content .gallery a {margin: 10px 13px 0 0; display: block; float: left;}
         .obtecleva {float: left; padding: 0 10px 10px 15px;}
		 .novinky-images {padding: 0 15px;text-align: left} 
		  #content .info-blok {margin: 10px 0;background: #e7decb;padding: 10px 20px;position: relative;}
         #content .info-blok .info-ico {position: absolute; top: -13px; left: 5px; display: block; width: 28px; height: 27px;background: url('../img/info.jpg') no-repeat}
         #content .info-blok p {line-height: 18px;}
         #content .info-blok a {color: #930223;}
		 #content .objinput {border: 1px solid #CCCCCC; width: 350px;}
		 
		  #content ul.seznam {list-style: none; margin: 20px;}
#content ul.seznam li {background: url('../img/li.jpg') no-repeat left 55%;padding: 5px 5px 5px 15px; color: #565656;}
		 
         #content p {color: #565656;line-height: 1.3em; margin-bottom: 10px;}
        #content #articles p.padding {background: red; padding: 0 20px;}
         #content .ico {text-decoration: none;position: relative; left: 15px;top: -10px}
         #content .ico img {position: relative; top: 3px;}
         
         #content .loggedrow {height: 40px; line-height: 40px;background: #930814; color: #fff;border-bottom: 5px solid #b69a60;}
          #content .loggedrow p {float: left;line-height: 40px;padding: 0 0 0 10px;margin: 0;color: #fff}
          #content .loggedrow form {float: right;padding-right: 10px;}
            #content .loggedrow form input {font-weight: bold;padding: 2px 10px}
         #content .loggedrow2 {margin-top: 1px;height: 40px; line-height: 40px;padding: 0 10px;background: #f8e4e3; border-bottom: 1px solid #c2201d;}
         #content .loggedrow2 p {line-height: 40px;}
         #content h3{margin: 10px 0;}
         /* Sloupce ----------------------------------------------------------------- */
         .content-left {float: right;width:250px;}
         .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: 0px;}
         .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: #930223;}
         .content-right p {margin: 0;}
         .panel.left {float: left;width: 679px; overflow: hidden;}
         .panel.right h2 {margin-bottom: 15px}
         .panel.right {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: 291px;}
         .panel h2.specialnibalicky{ width: 679px;}
         .panel h2.fotoreportaz { width: 666px;}
         .panel h2.specialnibalicky span{background: url("../img/nadpis-western-park-boskovice.jpg") no-repeat; width: 679px;}
         .panel h2.novinky span{background: url("../img/nadpis-novinky2.jpg") no-repeat; width: 291px; }
         
         .panel h2.fotoreportaz span{background: url("../img/nadpis-fotoreportaz.jpg") no-repeat; 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;}
		     .panel #zasilani-novinek a {color: #cde5e6; margin-top: 5px;}
          /* tabulky ----------------------------------------------------------------- */
         table {width: 100%;border-collapse:collapse; border-spacing:0;margin: 20px auto 10px auto;}
         table th {background: #930223;color: #fff;padding: 15px;}
         table td {background: #e2e2e2;color: #5c5c5c;padding: 10px 20px;border-top: 1px solid #fff;}
         table tr.light td {background: #ededed;}
         
         .tabulka td{padding: 5px;}
         
		 table tr.aktualni-akce td {color:#930223; }
		  table tr.probehle-akce td {color:#b7b7b7; }
         table th.center, table td.center {text-align: center;}
          #vylety-kalendar, #vylety-kalendar-left { width:300px; margin:0; padding:0;}
		  #vylety-kalendar-left {float: left; margin-right: 30px;}
		  #vylety-kalendar td, #vylety-kalendar th, #vylety-kalendar-left td, #vylety-kalendar-left th { padding:5px; text-align:center;}
		  #vylety-kalendar td.full, #vylety-kalendar-left td.full { background: #CC0000; color:#FFFFFF;}
		  #vylety-kalendar td.open, #vylety-kalendar-left td.open { background: #006600; color:#FFFFFF;}
		  #vylety-kalendar td.empty, #vylety-kalendar-left td.empty { background: none;}
		  .help {margin-top: 5px; font-size: 90%;}
		  
      
		  
		  
		  /*brdik foto bez multiboxu kvuli odkazum*/
         a.foto-nomb img { border: 1px solid #c3c3c3;padding: 5px;}
         a.foto-nomb.center {margin: 0 30px;}
         a.foto-nomb.center-small {margin: 0 10px;}
		  
		  
		  
         a.foto img { border: 1px solid #c3c3c3;padding: 5px;}
         a.foto.center {margin: 0 30px;}
         a.foto.center-small {margin: 0 10px;}
         
         
         
         
      /* paticka ----------------------------------------------------------------- */
   #footer { 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: 1; 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; }
.obsazeno { background: #fd9645}


/*anketa*/
.anketa.inputs .row {padding: 10px 20px;}
.anketa.inputs label{position: relative; top: -2px}
.anketa.inputs .submit {position: relative; left: 20px; top: 10px;padding: 5px 20px;font-weight: bold;}
.anketa p {padding: 0 0 10px 0;border-bottom: 1px solid #c2201d}
.anketa span {display: block;clear: both;padding: 0 0 3px 15px}
.anketa .prvni {background: #e2e2e2;padding: 5px 0;}
.anketa .druhy {padding: 5px 0;}
.anketa div.bar {float: left;margin: 2px 0 2px 15px;}
.anketa small {float: left; padding-left: 5px;margin-top: 3px}
.anketa span small {float: none; padding: 0; margin: 0;}
.graf1 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:25px;}
.graf2 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:35px;}
.graf3 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:45px;}
.graf4 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:55px;}
.graf5 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:65px;}
.graf6 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:75px;}
.graf7{ background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:85px;}
.graf8 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:95px;}
.graf9 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:105px;}
.graf10 { background:#930814; color: #FFFFFF; padding: 0 2px 0 2px; text-align:center; width:115px;}

/*dodelavky*/
.content-right ul {margin-left: 35px; color: #565656;}
.content-right ul li {padding: 2px 0;}
.videoukazka, .kestazeni {background: url('../img/videoukazka.gif') no-repeat; padding: 7px 0 7px 30px; color: #fff}
.kestazeni {background: url('../img/kestazeni.gif') no-repeat;}
.videoukazka a, .kestazeni a {color: #fff;}
#content .videogalerie h3{margin-top: 40px;}

/*kontaktu*/
.sidlo {width: 39%;}
.poloha {width: 50%;border-left: 1px solid #ccc;padding-left: 20px;}
#content .poloha p {padding: 0;margin: 20px 0 0 0;}
#content .poloha h3 {padding: 0; margin: 20px 0 0 0; left: 0;}
.pracovnici-left {width: 39%;padding: 0;margin: 0;}
.pracovnici-right {width: 50%;border-left: 1px solid #ccc;padding: 0 0 0 20px;;margin: 0;}
.pracovnici-left p,
.pracovnici-right p {background: #f7f7f7;width: 230px;padding: 10px;margin: 0;border-bottom: 1px solid #ccc;}
.pracovnici-left p strong,
.pracovnici-right p strong { display: block; padding: 5px 5px 5px 5px;background: #ececec;color: #555;margin-bottom: 5px;border-bottom: 1px solid #ccc;}
.pracovnici-left p span,
.pracovnici-right p span {display: block;padding-left: 5px;margin-bottom: 5px;}
.pracovnici-left p .mobil,
.pracovnici-right p .mobil {padding: 0 0 0 20px;margin: 0;background: url('../img/ico-mobil.gif') no-repeat 6px 55%;}
.pracovnici-left p a,
.pracovnici-right p a {display: block;padding: 0 0 0 20px;background: url('../img/ico-mail.gif') no-repeat 5px 75%;} 
.trasa {padding: 10px; background: #f7f7f7;border-top: 1px solid #ccc;}


.flt-l{float: left;}
.flt-r{float: right;}

.infoblok { background: #e7decb url("../img/info-blok-bg.gif") no-repeat; padding: 20px 10px 10px 40px;}

/*partneri*/
.partneri-seznam table { width: 100%; background: none;}
.partneri-seznam table td { background: #FFF;}



/*anketa*/
.sedytubus {position: relative; background: #CCC; height: 18px;width: 100%; margin-top: 3px; float: left;text-align: center;}
.sedytubus .intubus { background:#900; height: 12px; color: #FFF; padding:3px; margin: 0; font-size: 11px; text-align: center;}
.hlasy { float: left; padding:4px 0 0 4px; }
.anketa2{width: 50%;margin: auto;padding: 10px;border: 1px solid #878787;}
.anketa2_radek {height: 35px;display: block; margin-bottom: 5px;}
.anketa2_radek a {display: block;clear: both;text-decoration: none; margin-top: 8px;}
.hlasy_info{position:absolute;text-align:center;z-index: 10;padding-top: 3px;width: 100%;color: black;}

/*příspěvky*/
.prispevky{width: 75%;margin: auto;}
  .prispevky .prispevek-hlavicka{background: #cbb273;padding: 3px;color: #5a4f33;clear:both;}
  .prispevky p {padding: 3px;}
  .prispevky input,textarea{width: 100%;margin: 5px 0;padding: 3px;}
  .prispevky .prispevek-obsah{background: #efedea;border: 1px dotted #878787;border-top: none;}
  .submit{cursor: pointer;width: 150px !important;border: 1px solid #987d39;background: #cbb273;color: white;margin-bottom: 10px;}
  .submit:hover{color: black;}
  .submit2{cursor: pointer;width: 150px !important;}
  .submit2:hover{color: black;}

.strankovani{float: right;clear: both;margin-bottom: 10px;}
  .strankovani a{text-decoration: none;padding: 3px 7px;border: 1px solid #5A4F33;background: #cbb273;color:black;margin: 0 3px;}
  .strankovani a:hover{color: #bf201b; background: white;}
  .strankovani strong{text-decoration: none;padding: 3px 7px;border: 1px solid #5A4F33;background: white;color:black; margin: 0 3px;}
  
/*galerie zvuků*/
.zvuky li{list-style-type: circle;margin: 5px 0;}
.zvuky h2{font-size: 17px;display: inline;margin: 0;color: black;font-weight: normal;}