/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#666666;
	color: #000;
	font-family: Arial;
}

div#container {
	
  position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:950px;

	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
  padding: 0px 10px 0px 10px; 
  border-left: 1px solid #B2B4B7;
  border-right: 1px solid #B2B4B7;  
}
.cleaner{
  clear:both;
  font-size: 1px;
  padding:0;
  margin:0;
}
div#top {
	margin-left: 10px;
  height: 186px;
}
div#logo{
    float:left;
    width:200px;
    height: 186px;
    background: url('../image/logo.jpg') 0 100% no-repeat;  
    cursor:pointer;
    
  }
  div#top-banner{    
    left:200px;    
    height: 186px;    
  }


 /* ---------  CONTENT (center div, .menu + .contentarea + .news) ----------     */
div#content{
  
	
	padding:0px 10px 55px 10px;
    	
	
}
  div#content table{  
  height:535px;
  }

/* ------ menu ------ */

 .menu .fxLight{
	background-color: #000;
}
  td.menu{
    padding:20px 0px 0px  0px;
    margin: 0px;
    width:200px;    
    height: 420px;    
    /*background-color: #7e7e7e;*/
    background: url('../image/bg-menu.gif') 0px 100% repeat-y;
    border-top: 1px solid #fff;
    vertical-align:top;
  }
  div.languages{
    margin: 0px 10px 10px 10px;        
    width: 160px;
    padding: 0px 10px 5px 10px;    
    background-color: #737373;
    color: #e5e5e5;
    text-align: center;
    height: 20px;
  }
  
  div.languages a{
    font-size: 11px;    
    color: #e5e5e5;
    text-decoration: none;
  }
  div.languages div{
    width: 30px;
    text-align: center;
    vertical-align:middle;
    float:left;
    
  }
  div.languages a:hover{
    color: #ffffff;
  }    
  .w300{
    width:300px;
        
  }
  .lpad{
    padding-left: 6px;
  }
  .lpad15{
    padding-left: 15px;
  }
  .rpad{
    padding-right: 10px;
  }
  .justify{    
    text-align: justify;
  }
  .bpad{
    padding-bottom: 10px;
  }
  .limgpad{
    margin: 0pt 10px 3px 0pt;
  }
  .rimgpad{
    margin: 0pt 0px 3px 10pt;
  }

  .bmargin{
    margin-bottom: 10px;
  }
  .tpad{
    padding-top: 10px;
  }
  .bold{
    font-weight: bold;
  }
  .italic{
    font-style: italic;
  }
  .underline{
    text-decoration: underline;
  }

  .visible{        
    overflow:hidden;
    margin-left:-15px;
    margin-top:5px;
    margin-bottom:0px;    
    display:block;
    padding:10px 18px 10px 10px;
    vertical-align:middle;
    text-align:justify;
    background-color:#F7F7F7;
    font-style: normal;        
  }

  .y-visible{
    display:block;
  }


  td.contentarea .visible ul li{    
    list-style-image: url('../image/odrazka_sub.gif');    
  }
  .hidden{
    display:none;    
  }
  .y-hidden{
    display:none;    
  }

  .preview{
    width:100%;
    text-align:right;
    border-bottom:1px solid red;
    margin-bottom:2px;
    padding:10px 0px 5px 0px;
  }
  .perex{
    color: #ff0000;
    font-weight:normal;
  }
  .cursor-pointer{
    cursor: pointer;    
  }
  div.menutitle{
    margin: 0px 0px 10px 10px;
    padding: 7px 0px 0px 10px;
    height: 23px;
    width: 170px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    background-color: #737373;
    color: #e5e5e5;
  }
  div.menutitle a{
    color: #e5e5e5;
    text-decoration: none;
  }
  div.menutitle a:hover{
    color: #fff;
  }
  ul.menulist{
    margin-top: 0;
    margin-left: -20px;
    
    padding-top: 0;
    padding-bottom: 10px;
  }
  
  ul.menulist a{
  
    font-size: 12px;
    font-weight: normal;
    color: #e5e5e5;
    text-decoration: none;  
  }
  
  ul.menulist li{
      
    list-style-image: none;
    list-style: none;
    background: url('../image/li.gif') 0px 70% no-repeat;
    padding-left:15px;
    
    
  }
  ul.menulist li:hover{
    list-style-image: none;
    list-style: none;
    background: url('../image/li-hover.gif') 0px 70% no-repeat;
    padding-left:15px;
  }
  ul.menulist li.active{
    list-style-image: none;
    list-style: none;
    background: url('../image/li-active.gif') 0px 70% no-repeat;
    padding-left:15px;
  }
    
  li.no-list{
    list-style:none;
    list-style-image: none;
    background:none;
  }
  li.square{
    list-style: square;
  }
/* ------ content area ------ */


td.contentarea{    
    font-size: 13px;
    vertical-align: top;
    width: 550px;
    border-right:1px dashed #D4D4D4;
    padding: 10px 10px 0px 40px;        
}
  td.contentarea h1{
    background: url('../image/odrazka_nadpis.gif') 0px 50% no-repeat;
    padding-left:20px;
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
    margin-bottom:20px;
  }
  td.contentarea h2{
    font-size: 13px;
    font-weight: bold;
    padding:0;
    margin: 8px 0px 8px 0px;
    color: #ff0000;
  }
  td.contentarea ul{
    padding:0;
    margin:10px 0px 10px 20px;
  }
  td.contentarea {
    font-size: 13px;
    color: #000000;
  }
  td.contentarea .text-box{
    width: 390px;  
  }
  td.contentarea div.image-block{
    padding:30px 20px 0px 0px;
    
  }
  div.image-block img{
    border:0;
  }
  td.contentarea .image-left{
    float: left;
  }

  td.contentarea .image-right{
    float: right;
  }
  

  td.contentarea .image-box-left{
    float: left;
    padding: 5px 20px 0px 20px;
    border:1px solid #fff;
  } 
  td.contentarea .image-box-right{
    float: right;
    padding: 5px 20px 0px 20px;
    border:1px solid #fff;      
  } 

  td.contentarea .image-box-left:hover{
    border:1px solid red;
  } 
  td.contentarea .image-box-right:hover{
    border:1px solid red;          
  }
  td.contentarea .image-box-anchor{
    font-size:11px;
    border-top:1px solid red;
    padding-top:2px;
    width:176px;
    color:#ff0000;
              
  }
  td.contentarea .image-box-left span,.image-box-right span{
    position:relative;
    left:160px;
    top:-17px;
  }

  td.contentarea a{
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    color: #ff0000;
  }
  td.contentarea ul{
   margin-top:0;
   margin-left:15px;
  }
  td.contentarea ul li{
    list-style-image: url('../image/odrazka_normal.gif');
    padding-bottom:10px;
  }
  td.contentarea ul li.nopad{
    padding:0;
    padding-top:5px;
  }
  .article-kodex ul li.nopad{
  
		padding-bottom:0 0 10px 0;
  }
ul.inside{
	list-style-position: inside
}
.article-kodex ul.inside{
	list-style-position: outside;
}

  td.contentarea ul li.no-list{
    list-style-image: none;
    background:none;
    list-style:none;
  }
  .contentarea .left-border{
	border-left: 1px solid black;
	margin: 0;
	padding: 0;
	padding-left: 1em;
  }
  .contentarea .small{
	font-size: .8em;
  }
.contentarea .left{
	float: left;
	width: 70%;
  }
  .contentarea .red{
	color: #ff0000;
  }
 
 td.news{
  vertical-align:top;
  width:200px;
  
  font-size:12px;
  padding: 10px 0px 0px 0px;
  
 }
  td#actualityList-safranka{
	width: 550px;
	padding: 10px 10px 0px 40px;
 }
 td.news div#actualityList-container{
  height:100%;

  margin:10px 0px 10px 0px;
 }
 td.news h1{
    background: url('../image/odrazka_nadpis.gif') 0px 50% no-repeat;
    padding-left:20px;
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
    margin:0px 0px 5px 10px;
  }
  td.news h2{
    font-size: 13px;
    font-weight: bold;
    padding:0;
    margin: 8px 0px 8px 0px;
    color: #ff0000;
  }
  td.news div.news-item{
    margin-left:5px;
    padding: 10px 0px 10px 5px;
    border-bottom:1px dashed #D4D4D4;
  }
  td.news div.news-title, .news div.news-date{
    font-size:11px;
    color:#ff0000;
  }
  td.news div.news-text{
    font-size:11px;
    color:#000;
  }
  td.news div.news-item a{
    color:#ff0000;
    text-decoration:none;
  }
  
/* ---------  FOOTER----------     */

div#footer {
	position:absolute;
	width:910px;
	bottom:0; /* stick to bottom */
  height: 40px;
  margin-left: 10px;  
  padding: 15px 0px 0px 20px;
  color: #7e7e7e;
  font-size:12px;
  border-top: 1px solid #adafb2;
  
}
div#footer div#flabel{
  float: left;
  text-align: left; 
}

div#footer div#fanchor{
  text-align: right;
}

div#footer div#fanchor a{
  text-decoration: none;
  color: #7e7e7e;
}

/* ---------  MODAL WINDOW----------     */

div#modal{
  position: fixed; 
	margin:0 auto; 
	width:100%;
  top:0;
   	
	height:auto !important; 
	height:100%; 

	min-height:100%; 
  padding: 20px 10px 0px 20px;
    
  background: url('../image/transparent.gif') 0 100%;
  
}
div#modal-close{
  position: absolute;
  top:0;
  left:0;
  background-color:#C4141F;
  border:1px solid red;
  padding:5px 5px 5px 5px;
}
div#modal-close a{
  color: #fff;
  text-decoration:none;
  font-size:13px;  
  font-weight:bold;
}
div#modalWindow{
  overflow:auto;
  height:500px;
  width:83%;
  margin:auto;  
  margin-top:30px;
  z-index:200; 
  background:transparent;
  /*background:#fff;*/
  /*border:1px solid #000;*/
}
h3{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 1em;
	font-weight: normal;
}
div#pda{
    margin:-5px 0px 5px 10px;
    padding:0px;
    text-align:center;
  }
  div#pda a, div#pda a:visited{
    font-size: 10px;    
    color: #e5e5e5;
    text-decoration: none;
  }
  div#pda a:hover{
    color: #ffffff;
  }
  .center{
	text-align: center;
  }