/**
 * 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:#fff;
	color: #000;
	font-family: sans-serif;
}

div#container {
	
  position:relative; /* needed for footer positioning*/
  width:400px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */ 
}
.cleaner{
  clear:both;
}
.nopad{
  padding:0;
}
.bpad{
   padding-bottom:5px;
}
.bold{
  font-weight:bold;
}
 /* ---------  CONTENT (center div, #menu + .contentarea + #actualityList) ----------     */

div#content{
  
	
	padding:0px 10px 55px 0px;
    	
	
}

  td#menu{
    width:150px;    
        
    /*background-color: #7e7e7e;*/
    background: url('../image/bg-menu.gif') 0px 100% repeat-y;
    border-top: 1px solid #fff;
    vertical-align:top;
  }
  div.languages{            
    width: 150px;
    margin: 10px 5px 10px 5px;
    padding-top:3px;    
    background-color: #737373;
    color: #e5e5e5;
    text-align: center;
    height: 20px;
  }
  
  div.languages a{
    
    color: #e5e5e5;
    text-decoration: none;
  }
  div.languages a:hover{
    color: #ffffff;
  }    

  .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: 10px 5px 10px 5px;
    padding-left: 5px;
    padding-top: 5px;
    height: 23px;
    vertical-align: middle;
    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: -30px;
    
    padding-top: 0;
    padding-bottom: 10px;
  }
  
  ul.menulist a{
  
    
    font-weight: normal;
    color: #e5e5e5;
    text-decoration: none;  
  }
  
  ul.menulist li{
    list-style-image: none;
    list-style: none;       
    padding-left:15px;
    background: url('../image/li.gif') 0px 70% no-repeat;

    
  }
  ul.menulist li:hover{
    list-style-image: none;
    list-style: none;
    padding-left:15px;
    background: url('../image/li-hover.gif') 0px 70% no-repeat;
  }
  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{    
    
    vertical-align: top;
    padding-left:5px;        
}
  td.contentarea h1{    
    font-weight: bold;
    font-size:12px;
    color: #ff0000;

  }
  td.contentarea h2{
    font-size:11px;
    font-weight: bold;
    padding:0;
    margin: 8px 0px 8px 0px;
    color: #ff0000;
  }
  td.contentarea .normal-text{
    
    color: #000000;
  }
  td.contentarea .image-left{
    float: left;
  }

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

  td.contentarea .image-box-left{
    float: left;    
    border:1px solid #fff;
    
  } 
  td.contentarea .image-box-right{
    float: right;
    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{
    
    border-top:1px solid red;
    padding-top:2px;
    
    color:#ff0000;
              
  }
  td.contentarea .image-box-left span,.image-box-right span{
    position:relative;
    left:160px;
    top:-17px;
  }

  td.contentarea a{
    
    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;
  }
  td.contentarea ul li.no-list{
    list-style-image: none;
    background:none;
    list-style:none;
  }
  
 
  
/* ---------  FOOTER----------     */

div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
  height: 40px;
  margin-left: 10px;  
  padding: 15px 0px 0px 20px;
  color: #7e7e7e;
  
  border-top: 1px solid #adafb2;
  width:400px;
}
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;
}