/* html */

body{
  font-family: sans-serif; 
  font-size: 8pt;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  color: #333333;
  background-color: #83a3bf;
  background-image:url(../_img/body_bg.gif);
  background-repeat:repeat-x;
  behavior:url("../_js/csshover.htc");
}

/*
   Debug CSS


div
{
 filter: alpha(opacity=80); 
 -moz-opacity: 0.8;
 KhtmlOpacity: .8;
 opacity: .8; 
 border:1px solid #ff0000 !important; 
}

ul
{
 border:1px solid #006600 !important; 
}



 End of debug

*/

table
{
 border-collapse:collapse;
 width:100%;
}

table th { 
  vertical-align:top;
  font-size:10pt;
  color:#006699;
  font-weight:bold;
  text-align:left;
  border:0px solid #666666;
  
  
}  

table td { 
  vertical-align:top;
  font-size:9pt;
  color:#333333;
  font-weight:normal;
  border:0px solid #666666;
  }

table.cervena {
border:4px solid #f00;
}

table.cervena th,table.cervena td {
border:4px solid #f00;
}

label { 
  cursor:pointer;
  color:#333333;
  font-weight:bold;
  font-size:80%;
}


fieldset
{
 font-size:9pt;
 color:#000000;
 border:1px solid #666666;
 margin:10px 0 0 0;
}

fieldset p
{
 font-size:100%;
 color:#000000;
 margin:4px;
}

legend
{
 font-size:10pt;
 color:#000000;
 font-weight:bold;
}

legend img { float:left; }

h1 {
   font-weight:bold;
   font-size:140%;
   cursor:default; 
   padding:0;margin:0;
  }

h2 {
   font-weight:bold;
   font-size:130%;
   cursor:default; 
   padding:0;margin:0;
   
  }
 
h3 {
   font-weight:bold;
   font-size:120%;
   cursor:default;
   padding:0;margin:0;
  }

h4 {
   font-weight:bold;
   font-size:110%;
   cursor:default;
   padding:0;margin:0;
  }
   
p {
  padding:0;margin:0;
  }   


/* active */
a:link, a:visited, a:active {
     color:#0066cc;
     text-decoration:none;
     font-weight:bold;
    }

a:hover {
     color:#ff6600;
     text-decoration:none;
     font-weight:bold;
    } 
  
a img { border:0; }  

/*

*************************
******* layout **********
*************************

*/

#zoneswitch{
 width:100%; 
 text-align:center;
}  

#zonebox {
	width: 820px;
  margin:0 auto 0 auto;
  text-align:left;
	background-image:url(../_img/content.jpg);
  background-color:#ffffff;
 	}

#header {
  width:820px !important;
  height:247px;
  text-align:left;
  background-image:url(../_img/main.jpg); 
}

#header h1 {
   text-transform:uppercase;padding:0;margin:0px; font-weight:bold;font-size:10pt;color:#ffffff;cursor:default;
   text-align:left;
   width:820px;
   
}

#header h1 img {
 border:0;
}  
  
#header h1 a:link,h1 a:active,h1 a:visited { 
  margin: 0 0 0 0;
  display:block;
  height:200px;
  width:820px;
  background-image:url(../_img/main.gif);
}   

#header h1 a:hover { 

 }   

#main {
	margin:0 0 0 250px; 
  padding:0;
}

#main-content {
	margin:4px; padding:4px;
	font-size: 100%;
	}


/* left panel */         
#sidebar-left {
  clear:both;
  float: left;
  width: 250px;
  margin:-90px 0 0 0; 
  padding:0;
}

#sidebar-left h3, p
{
 padding:15px 0 5px 35px;
}

#sidebar-left-content {
	margin:0 0 0 30px; 
  padding: 0 0 0 0;
  font-size: 100%;
  width:220px;
  background-image:url(../_img/underlist.gif);
  background-repeat:repeat-y;
  min-height: 150px;
  height: auto;
  _height: 150px;
  }

/* footter */	
#zonefoot {
 height:65px;
 background-color:#ffffff;
 background-image:url(../_img/foot.jpg);
 background-repeat:repeat-x;
}

#zonefoot p { 
 padding:35px 30px 0 270px;
 text-align:center;
 font-size:8pt;
 color:#000000; 
}

#zonefoot a:link,#zonefoot a:visited,#zonefoot a:active {
     color:#0066cc;
     font-weight:normal;
    }

#zonefoot a:hover {
     color:#ff6600;
    }         	


/* href menu */

#amenu
{
 width:570px;
 height:47px;
 position:relative;
 top:-2px;
 left:255px;
 font-size:10pt;
}

#amenu a:link,#amenu a:visited,#amenu a:active
{
 color:#000000;
}

#amenu a:hover
{
 color:#ff0000;
}

#amenu a:link .amenuMain, #amenu a:visited .amenuMain, #amenu a:active .amenuMain 
{
 background-image:url(../_img/amenu.jpg);
 background-repeat:repeat-x;
 height:47px;
 cursor:pointer; 
 float:left;
 border:1px solid #666666;
 filter: alpha(opacity=80); 
 opacity: .8; 
}

#amenu a:hover .amenuMain
{
 background-image:url(../_img/amenuhover.jpg);
 background-repeat:repeat-x;
 height:47px;
 cursor:pointer;
}

#amenu a:link .amenuMainActual, #amenu a:visited .amenuMainActual, #amenu a:active .amenuMainActual 
{
 float:left;
 background-image:url(../_img/amenuhover.jpg);
 background-repeat:repeat-x;
 height:47px;
 cursor:pointer; 
 border:1px solid #666666;
 filter: alpha(opacity=80); 
 opacity: .8; 
}

.opacity100
{
 opacity: 1.0; 
 margin:4px;
 padding:6px 2px 0 2px;
}

#amenu a:hover .amenuMainActual
{
 background-image:url(../_img/amenuhover.jpg);
 background-repeat:repeat-x;
 height:47px;
 cursor:pointer;
}

/* listmenu */

.mcat{
  margin: 0 0 0 0; padding: 0; width:219px;background:transparent;
}        

.subcat{
  margin: 0 0 0 0; padding: 0;
}    

.subcat li .subcat{
  margin: 0 0 0 10px; padding: 0;
}    

 
.mcat li {
  font-size:10pt;font-weight:bold;padding:0 ;margin: 0; list-style-type: none;border-bottom:1px solid #888888;
}

.subcat li{
  font-size:90%;cursor:default;font-weight:bold;margin:0 ;padding: 0;list-style-type: none;
  text-align:left;border:0;
}        
        
.xmcat a:link, .xmcat a:visited, .xmcat a:active
{
 color:#333333;text-decoration:none;
 padding:4px 0 4px 35px;
 display:block;
 
}

.xmcat a:hover
{
 color:#ff0000;
}

.mcatiefix li a:link, .mcatiefix li a:visited, .mcatiefix li a:active
{
 width:100%;
}

.subcat li a:link, .subcat li a:visited, .subcat li a:active{
  color:#333333;text-decoration:none;
  display:block;
  
  background:none transparent !important;
  padding:0 0 0 35px;
}

.subcatiefix li a:link, .subcatiefix li a:visited, .subcatiefix li a:active
{
 width:100%;
}

.subcat li a:hover{
  color:#ff0000 !important;
  
}	

.mactual a:link, .mactual a:active, .mactual a:visited, .mactual a:hover
{
 color:#ff0000;
 background:url(../_img/mactual.gif) 1px 1px;
 background-repeat:no-repeat;
}

.sactual a:link, .sactual a:active, .sactual a:visited, .sactual a:hover
{
 color:#ff0000 !important;
 
}


/* editable content */
.textbox {
 margin:0 0 0 0 ;
 padding:0;
 font-size:120%;
 min-height: 180px;
 height: auto;
 _height: 180px;
 width:538px;
 border:1px solid #888888;
}

.textbox p {
  padding:2px 0 2px 5px;margin:2px 0 2px 0;
  }   

.textbox img {
  margin: 0 5px 0 0;
 }

.textbox h1, .textbox h2
{
 font-size:160%;
 color:#093569;
 height:41px;
 padding:8px 0 0 5px;
 margin:0 0 0 0;
 background-image:url(../_img/header.jpg);
 background-repeat:no-repeat;
}

#sidebar-left-content h2
{
 font-size:180%;
 width:230px;
 color:#000000;
 height:41px;
 padding:8px 0 0 45px;
 background-image:url(../_img/header-left.jpg);
 background-repeat:no-repeat;
}
 
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	} 

/* forms */
     
.in {
 font-size : 9pt;
 font-weight: normal;
 border:1px solid #0066cc;
 color:#0066cc;
 background-color:#ffffff;
}

.bt{
 font-size: 9pt;
 font-weight: bold;
 color: #0066cc;
 border:1px solid #0066cc;
 text-align: center;
 background-color: #ffffff;
 padding:1px;
}

/* helpfull */  

.req
{
 color:#ff0000;
}

.sep
{
 border-top:1px solid #000000;
}

  
.hidhid
 {
  display:none;
 }     

.cc { text-align:center; }
.ll { text-align:left; }
.rr { text-align:right; }

.handy{ cursor:pointer; }

.p10 { font-size: 10%; }
.p20 { font-size: 20%; }
.p30 { font-size: 30%; }
.p40 { font-size: 40%; }
.p50 { font-size: 50%; }
.p60 { font-size: 60%; }
.p70 { font-size: 70%; }
.p80 { font-size: 80%; }
.p90 { font-size: 90%; }
.p100 { font-size: 100%; }
.p110 { font-size: 110%; }
.p120 { font-size: 120%; }
.p130 { font-size: 130%; }
.p140 { font-size: 140%; }
.p150 { font-size: 150%; }
.p160 { font-size: 160%; }
.p170 { font-size: 170%; }
.p180 { font-size: 180%; }
.p190 { font-size: 190%; }
.p200 { font-size: 200%; }

.redc { color:#ff0000; }
.greyc { color:#666666; }
.greenc { color:#006600; }
.blackc { color:#000000; }
.bluec { color:#0066cc; }
.yellowc { color:#ffff00; }
.whitec { color:#ffffff; }

.redb { background-color:#ff0000; }
.greyb { background-color:#dddddd; }
.greenb { background-color:#006600; }
.blackb {  background-color:#000000; }
.blueb {  background-color:#0066cc; }
.yellowb {  background-color:#ffffbf; }
.whiteb {  background-color:#ffffff; }

/* optional language bar  */
#lngbar
{
 position:absolute;
 top:35px;
 width:200px;
 text-align:center;
}

#lngbar a:link img,#lngbar a:active img,#lngbar a:visited img 
{ 
 border:0; 
 filter: alpha(opacity=60); 
 -moz-opacity: 0.6;
 KhtmlOpacity: .6;
 opacity: .6; 
}

#lngbar a:hover img
{ 
 border:0; 
 filter: alpha(opacity=90); 
 -moz-opacity: 0.9;
 KhtmlOpacity: .9;
 opacity: .9; 
}

#lngbar a #alng 
{
 filter: alpha(opacity=99); 
 -moz-opacity: .9;
 KhtmlOpacity: .9;
 opacity: .9; 
}

