/* base definition -------------------------------------------------------- */

          
     body {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        font-family: tahoma, verdana, arial;
        font-size:75%;
        color: #31373F;
        text-align:center;
        margin:0 auto;
        background-color: #fff;
        background-image: url(../images/body-bg.png);
        background-position: center top; 
        background-repeat: repeat-x; /* repeat-x  povodne */
     }
     
     
     p{
        line-height:1.4em;
        margin: 0 0 12px 0px;
        padding: 0px;
     }
     
     
     fieldset, img {
        width:auto;
        border:0;
     }
    
     
     #page {   
        width: 990px;
        margin: 0px auto 6px auto;
        text-align:left;
        /*background-color:white;*/
        background-image: url(../images/page-up.png);
        background-repeat: no-repeat;
        background-position: top left;
        padding-top:6px;
        position: relative;
     }
     
     #page .page-down{
        background-image: url(../images/page-down.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        padding-bottom:6px;
     }
     
     #page .page-center{
        padding: 0px 6px 0px 6px;
        background-image: url(../images/page-bg.png);
        background-repeat: repeat-y;
     }
     
     /* ------------- hlavicka ----------------------------------- */
     
     #head {
        height: 193px;
        padding: 0px 6px 0 6px;
        background-image: url(../images/header-border.png);
        background-repeat: no-repeat;
        overflow:hidden;
     }
	 #uOnline {
	 	position: absolute;
		right: 10px;
		top: 10px;
		width: 140px;
		text-align: center;
		padding-top: 22px;
	 }
	 #uOnline span {
	 	font-size: 35px;
		color: #cc1111;
		font-weight: bold;
		display: block;
		padding-bottom: 10px;
	 }
     .head1 {
        height: 193px;
        background: url(../images/header-bg.jpg);
        background-repeat: no-repeat;
     }
          
     #logo {
        padding:50px 0 0 17px;
     }
     
     #logo img{
        border:0 none;
     }

     #search{
        position:absolute;
        top:125px;
        padding:0;
        margin:0;
        margin-left:789px;
        width:189px;
        height:36px;
        overflow:hidden;
     }
     
     #search fieldset, #search form, #search legend, #search label{
        padding:0;
        margin:0;
     }
       
     #search .hledat-input{
        float:left;
        width:135px;
        margin:8px 0 0 0px; 
        border:1px solid #9C9EA2;
        color:#333333;
        vertical-align:middle;
        color:#31373F;
        font-size:1em;
        font-weight:normal;
     }
     
      #search input.hledat-submit{
        margin:8px 0 0 6px; 
        padding-left:0;
        padding-right:0;
        border:1px solid #9C9EA2;
        width:39px;
        background-color:#D7D7DD;
        background-image:url(../images/button-ok.gif);
        background-repeat: repeat-x;
        color:#31373F;
        font-size:1em;
        font-weight:bold;
        cursor:pointer;
     }
          
     #action{
        position:absolute;
        top:129px;
        margin-left:149px;
        width:94px;
        height:15px;
        overflow:hidden;
     }
     
     #action .home{
        display:block;
        position: absolute;
        left: 0px;
        top: 0px;
        background-image:url(../images/home.gif);
        background-repeat: no-repeat;
        width:16px;
        height:15px;
     }
     
     #action .sitemap{
        display:block;
        position: absolute;
        left: 30px;
        top: 0px;
        background-image:url(../images/sitemap.gif);
        background-repeat: no-repeat;
        width:16px;
        height:15px;  
     }
     
     #action .mail{
        display:block;
        position: absolute;
        left: 60px;
        top: 0px;
        background-image:url(../images/mail.gif);
        background-repeat: no-repeat;
        width:16px;
        height:15px;
     }
     
      
    /* ------------- obsah ----------------------------------- */ 
     #content-part {          
        padding-top:11px;
        padding-left:11px;
     }
     
     #content-part1 {          
        width: 751px;
        float: left;
     }
     
     #content-part #left {
       width: 213px;
       float: right;
       margin-right:20px;
       overflow: hidden;
     }
     
     #content-part1 #center {
       width: 518px;
       overflow: hidden;
       float: right;         
       padding-bottom: 10px;      
     }
     
     #content-part #right {
       width: 184px;
       overflow: hidden;
       float: left;     
       margin-left:20px;    
     }
  /* custom classy --------------------------------------------------------- */
  .perex-img {
  padding:1px;
  border:3px solid silver; 
  margin:0 10px 0 0;
  }
  .green-img
  {
  padding:1px;
  border:3px solid #add45d; 
  }
  .blue-img
  {
  padding:1px;
  border:3px solid #6c87cc; 
  }
  .green1 {
  float:left;
  width:254px;
  height:96px;
  border:2px solid #add45d;
  background:url(../images/custom/registracia.jpg);
  }  
  .green2 {
  float:right;
  width:254px;
  height:96px;
  border:2px solid #add45d;
  background:url(../images/custom/ako-registrovat.jpg);
  }
   .blue1 {
  float:left;
  width:254px;
  height:96px;
  border:2px solid #add45d;
  background:url(../images/custom/registracia.jpg);
  }
  .blue2 {
  float:right;
  width:254px;
  height:96px;
  border:2px solid #add45d;
  background:url(../images/custom/ako-registrovat.jpg);
  }
     /* ------------- lavy obsah ----------------------------------- */
    
    .box{
        border:1px solid #d7d7d7;
        border-top:5px solid #d7d7d7;
        margin-bottom:12px;
        position:relative;
    }
    
    .box-text{
        padding:10px;
        clear:both;
    }
    
    .box ul{
        list-style-type:none;
        padding:0;
        margin:0 0 0 5px;;
    }
    
    .box ul li{
        padding:1px 0 1px 15px;
        margin:0;
    }
    
    .box ul li ul{
        padding:0;
        margin:3px 0 0 0;
    }
    
    .box ul li a{
        
    }
    
    .box ul li{
        background-image: url(../images/black-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
    }
    
    .box ul li ul li{
        background-image: url(../images/blue-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
    }
    
    #informacie ul li{
        background-image: url(../images/blue-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
    }
    
    #aktuality ul li{
        background-image: url(../images/black-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
    }
    
    #aktuality ul li ul li{
        background-image: url(../images/blue-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
    }

    #left .box h4{
        width:188px;
    }
   
    .box h4 {
        position:relative;
        display:block;
        overflow:hidden;
        padding:0;
        margin:0;
        background: url('../images/std-box-head-bg.gif') no-repeat #FEFEFE;
        border-bottom:0px solid #DDDAA2;
        font-size: 100%;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 23px;
        color: #6c87cc;
        text-transform: uppercase;
        font-size: 120%;
    }
	.box h4 a {
		text-decoration: none;
		color: #6c87cc;
	}
    
    .box h4 span{
        display:block;
        height:30px;
        border-bottom:1px solid #DDDAA2;
        position:absolute;
        padding:0;
        margin:0;
        top:0;
        left: 0px;
    }
    
    #informacie h4 span{
        background-image: url(../images/informacie.gif);
        background-repeat: no-repeat;
        background-position: 0 0; 
        width:211px;
    }
    
    #aktuality h4 span{
        background-image: url(../images/partneri.gif);
        background-repeat: no-repeat;
        background-position: 0 0; 
        width:211px;
    }
     
   /* ------------- pravy obsah ----------------------------------- */

    #right .box h4{
        width:159px;
    }
    
    #registracia h4 span{
        /* background-image: url(../images/prihlasenie.gif); */
        background-repeat: no-repeat;
        background-position: 0 0; 
        width:182px;
    }
    #registracia h4, #fotogaleria h4, #informacie h4, #aktuality h4  {
    	height: 14px;
    }
    
    #fotogaleria h4 span{
        /*background-image: url(../images/fotogaleria.gif);*/
        background-repeat: no-repeat;
        background-position: 0 0; 
        width:182px;
    }

    #fotogaleria .pics {
    	height: 167px;
    	overflow: hidden;
    }
    
    #registracia legend {
    	display: none;
    }
    
    #registracia fieldset{
        margin:0;
        padding:0;
    }
    
    #registracia label{
        color:#7F7F7F;
        font-weight:bold;
    }
    
    #registracia input, #registracia #user {
        width:100%;
        border:1px solid #7F7F7F;
        padding-left:0;
        padding-right:0;
        color:#7F7F7F;
        margin:5px 0;
    }
    
    #registracia input.submit{
        width:auto;
        width:61px;
        border:1px solid #7F7F7F;
        margin:5px 0 5px 0;
        padding-left:0;
        padding-right:0;
        background-color:#DDDDE3;
        background-image:url(../images/button-ok.gif);
        background-repeat: repeat-x;
        color:#6C87CC;
        float:right;
        cursor:pointer;
        font-weight:bold;
        width:39px;
        font-size:1em;
    }
    
    .zareg a{
        background-image:url(../images/grey-arrow.gif);
        background-repeat: no-repeat;
        background-position: 0 4px; 
        padding:0 0 0 15px;
        color: #7F7F7F;
        font-weight:bold;
        display: block;
        margin-top: 3px;
    }
    
  /* base definition -------------------------------------------------------- */
  
  	#left-menu .box-text {
  		padding: 0px;
  	}
  	#left-menu ul, #left-menu ul li {
  		list-style: none !important;
  		padding: 0px;
  		margin: 0px;
  		background: none;
  	}
  	#left-menu ul li {
  		float: left;
  	}
  	#left-menu ul li a {
  		display: block;
  		border-bottom: 1px solid #d7d7d7;
  		background: url(../images/black-arrow.gif) no-repeat 11px 9px #f5f5f5;
  		padding: 5px;
  		padding-left: 23px;
  		font-size: 110%;
  		text-decoration: none;
  		width: 183px;
  		float: left; 		
  		color:#5f5f5f;
  	}
  	#left-menu ul li a:hover {
  		background: url(../images/black-arrow.gif) no-repeat 11px 9px #dddaa2;
  		color: white;
  	}
  	#left-menu .patabox {
  		padding: 5px;	
  		padding-left: 23px;
  	}
  	#left-menu .patabox a {
  		color: blue;
  	}
  	#left-menu .dark {
  		color: #aaaaaa;
  	}
	#left-menu .zvyrazneny {
  		color: #5f5f5f;
		text-transform: uppercase;
  	}
	#left-menu .aktivny {
		background: url(../images/black-arrow.gif) no-repeat 11px 9px #eeebb3;
	}
  	.box.button {
  		background: url('../images/std-box-head-bg.gif') no-repeat #FEFEFE;
  	}
  	.box.button a {
  		display: block;
  		padding: 5px;
  		padding-left: 23px;
  		color: #6c87cc;
  		font-weight: bold;
  		font-size: 120%;
  		text-transform: uppercase;
  	}
  	
  	.box.onlineinfo .box-text {
  		font-size: 220%;
  		line-height: 170%;
  		color: #6c87cc;
  		background: #f6f6f6;
		padding-bottom: 0px;
  	}
  	.box.onlineinfo .box-text b, .box.onlineinfo .box-text strong {
  		font-size: 190%;
  		color: #ee1111;
  	}
  	.box.onlineinfo ul {
  		font-size: 53%;
  		line-height: 110%;
  		list-style: none !important;
  		margin: 0px;
  		padding: 0px;
  		margin-left: -10px;
  		margin-right: -10px;
  		margin-top: 10px;
  		width: 210px;
  	}
  	.box.onlineinfo ul li {
  		float: left;
  		background: none;
  		padding: 0px;
  		margin: 0px;
  	}
	.box.onlineinfo ul li a {
		display: block;
		width: 180px;
		font-weight: bold;
		color: #6c87cc;
		text-transform: uppercase;
		float: left;
		background: none;
		padding: 7px;
		padding-left: 25px;
		padding-right: 5px;
		background: #ebebeb;
		background: url('../images/std-box-head-bg.gif') no-repeat left top #FEFEFE;
		border-top: 3px solid #f5f5f5;
		
	}
	.box.onlineinfo ul li a:hover {
  		background: url(../images/black-arrow.gif) no-repeat 11px 10px #dddaa2;
  		color: black;
	}
	.box.onlineinfo em {
		clear: both;
		padding-top: 10px;
		padding-left: 16px;
		display: block;
  		font-size: 48%;
  		line-height: 120%;
  		font-style: normal;
  		color: #333333;
  		font-weight: bold;
  		color: black;
	}

  /* pata ------------------------------------------------------------------- */
     #pata {
        text-align:center;
        margin:0 auto;
        padding-bottom:10px;
        width: 840px;
     }
     
     #pata .footer-link{
        color:#333;
        font-size:0.9em;
        padding-left:10px;
     }

     #pata .footer-link a{
        color:#1b8ade;
     }


  /* pata ------------------------------------------------------------------- */
  


  /* vseobecne classy --------------------------------------------------------- */
     .hidden {
             display: none;
     }
     .cleaner {
              height: 1px;
              line-height: 1px;
              font-size: 1px;
              clear: both;
     }
     a {
         text-decoration: underline;
     }
     a:hover {
         text-decoration: none;
     }
     
     form {
          margin: 0px;
          padding: 0px;
     }
     
     .f-left{
        float:left;
     }
     
     .f-right{
        float:right;
     }
     
     img.f-left{
        margin:0 10px 12px 0;
        border:0;
     }
     
      img.f-right{
        margin:0 0 12px 10px;
        border:0;
     }
  /* vseobecne classy --------------------------------------------------------- */
  .hlasky {
  	  border: 1px solid #ff9999;
  	  color: red;
  	  padding: 1em;
  	  display: block;
  	  margin-top: 1em;
  }
	.box .hlaska {
		color: red;
		display: block;
		padding-bottom: 10px;
		font-weight: bold;
	}
	.box.demo h4 {
		color: #ee1111;
		font-size: 130%;
		padding-top: 4px;
	}
  .moz {
  float:left;
  width:128px;
  height:100px;