body, td, input, textarea {font-size: 12px; font-family: Arial, helvetica, sans-serif;}
body { margin: 0px; padding: 0px;
      text-align: center;}
body a:hover {text-decoration: none; border-bottom: 1px dotted;} 

#main {width: 978px; margin: auto; text-align: left;}
#main-pad {padding-left: 37px;}

.fix {_height: 1px;}
 
#top {height: 102px;}

  #logo {width: 149px; float: left;}
  #logo a{display: block; width: 149px; height: 101px;}
  #logo h2 {display: none;}
  
  #lang-bar {float: right; height: 17px; padding: 7px 7px 4px 9px; 
            color: #FEFEFE; font-size: 10px; font-weight: bold; }
  #lang-bar a {color: #FEFEFE; padding: 2px 4px 3px 4px;}
  #lang-bar span {color: #FEFEFE; padding: 1px 3px 2px 3px;}          

  #project {font-size: 30px; font-weight: normal; line-height: 80px; 
        height: 81px; position: relative; top: 10px; left: 45px; float: left;
        border-left: solid 1px #FFF; padding-left: 33px;color: #FFF;}

#menu { background: #000; min-height: 66px; _height: 66px; overflow: hidden;}
#menu a {color: #FFF; font-size: 27px; line-height: 66px; margin-right: 10px; text-decoration: none; text-transform: uppercase;}

#content { height: 371px; position: relative; z-index: 50;}
#content-bg {
  position: absolute; top: 168px; width: 100%; left: 0px;
  height: 371px; background: repeat-x center top; z-index: 10;
}

#leftmenu { width: 196px; position: absolute; top: 13px; }

  #leftmenu ul {list-style-type: none;}
  #leftmenu ul {padding: 10px 6px; margin: 0px;}
  #leftmenu ul li { margin: 0px;  padding: 0 0 4px 17px;
    font-size: 14px; color: #FFF; font-weight: normal; text-transform: uppercase;}
  #leftmenu ul li.sub {background: url(/img/bul_sub.gif) no-repeat left 0.2em; }
  #leftmenu ul li a {color: #FFF; text-decoration: none;} 
  #leftmenu ul li a:hover {color: #000} 
  #leftmenu ul li ul {margin: 0px; padding: 0px;}
  #leftmenu ul li ul li {font-size: 12px;color: #000; padding: 3px 0 0 10px;   
  }
  #leftmenu ul li ul li a {color: #000; text-decoration: none;} 

#footer { font-size: 11px; line-height: 18px; color: #000; text-align: right; padding: 0px 0 5px 0;
          width: 380px; position: absolute; bottom: -43px; right: 0px; }
  #footer a {color: #000;}
  
#cbox {width: 622px; position: absolute; top: 13px; left: 209px; min-height: 358px; _height: 358px;
  color: #FFFFFF;
	}

#cbox .pad {padding: 10px 20px 10px 18px; background: url(/img/black80.png); _background-color: #000;
 margin-bottom: 10px;
	}
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/test80.png', sizingMethod='scale');
*/

#navigator { font-size: 10px; text-transform: uppercase; margin-bottom: 13px;}
#navigator a {}
#navigator .sep {padding: 0 6px;}
h1 {font-size: 16px; font-weight: bold; margin: 0 0 5px 0; text-transform: uppercase;}

.text {font-size: 12px; color: #FFF;}
.text p {padding: 0px; margin: 0 0 15px 0; line-height: 18px; }
 
#home {width: 580px; position: absolute; top: 24px; left: -20px;}
#hbanner {margin-bottom: 28px;}
#hbanner img, #hbanner .frame {margin: 0px; padding: 0px; border: 0px; border: solid 10px; }

#hbox {background: url(/img/black80.png); _background-color: #000; padding: 18px; color: #FFF;}

#hbox h1 {font-size: 27px; margin: 0 0 15px 0; font-weight: normal;} 
 
.clear, .cleaner {height: 1px; font-size: 1px; clear: both;} 

.gimg-itm { float: left; margin: 0 22px 10px 0; width: 120px;}

.gimg-itm img,
.gal-itm img {border: solid 2px;} 

.gal-itm { float: left; margin: 0 12px 10px 0; width: 130px;}

.gal-itm img {margin-bottom: 4px;}

.text .list {margin-top: 15px;}
.text .perex {font-weight: bold;}

h3, h4, h5 {margin: 0 0 0.4em 0;}
h3 {font-size: 14px; text-transform: uppercase; }
h4 {font-size: 12px; text-transform: uppercase; }
h5 {font-size: 12px; }

h3 span {font-weight: normal; margin-right: 10px;}


/**/

div.pager{
  padding: 10px 1px;
  margin-top: 0px;
  }
div.pager a, div.pager span{
  text-decoration: none;
  display: block;
  float: left;
  width: auto;
  min-width: 1.3em;
  _width: 1.3em;
  height: 1.2em;
  line-height: 1.2em;
  border: 1px solid #c0c0c0;
  text-align: center;
  margin-right: 4px;
} 
div.pager span{
  border: 1px solid;
  color: #fff;
}
div.pager a:hover{
  border: 1px solid;
}

/* switch */

#switch {float: right;}
  #switch a {font-size: 10px; text-transform: uppercase; color: #FFF !important; border: none !important;}
  #switch a span {padding: 1px 22px 1px 0; display: block; text-decoration: underline; width: 50px; text-align: right; cursor: hand;}       
  #switch a:hover span {text-decoration: none;}
  #switch a span.close {background: url(/img/switch_close.gif) no-repeat right;}
  #switch a span.open {background: url(/img/switch_open.gif) no-repeat right;}
  .sw-on  #switch a span.close,
  .sw-off  #switch a span.open {display: block;}
  .sw-on  #switch a span.open,
  .sw-off  #switch a span.close {display: none;}
  .sw-on #switch-block {display: block;}
  .sw-off #switch-block {display: none;}



/* radku tady mas priklad na ty projektove omezeny zmeny */

.proj-club #menu a {font-size: 18px;}
.web-main #menu a {font-size: 26px;}
.proj_kolocovaslukova #menu a {font-size: 20px;}

.news-link {text-align: right; text-transform: uppercase; font-weight: bold; padding: 4px;}

.msg {margin-top: 8px; font-weight: bold;}
.msg.err {color: red;}
.msg.err .ico {font-size: 14px; background-color: #FAB000; padding: 0 4px; margin-right: 6px; font-family: fixedsys;}