/* Zakladni formatovani */

body {
background: #ffffff url(bg.jpg) repeat-x;
font-size: 80%;
font-family: Arial, sans-serif;
line-height:1.4em;
margin:0 auto;
padding:0;
color: #535353;}

.red {  color: #c4262e; } /* Toto je cervena 3VAH dle manualu */


/* Rozbaleni */
#menu ul.rozbaleno,
#menu li.click ul ul.rozbaleno,
#menu li.click ul li.hover ul ul.rozbaleno {display:block; font-size: 85%; margin-left: -8px; line-height: 18px; }
/* Konec rozbaleni */

/* Text */
ul { margin: 0 0 0 0; padding : 0; list-style : none; }
.small { font-size: 85%; }
.odrazky { background: url(li-over.gif) no-repeat 6px 8px; padding-left: 16px; }
.gray { background: #ededed; padding: 16px; width: 90%; margin: 4px;}

p { margin: 0 0 5px 0; padding: 0; color:}
a { color: #c4262e; text-decoration: underline; }
a:hover { color: #c4262e; text-decoration: none;}

.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right;}

h1 { 
	padding-top: 8px; 
	margin:0; 
	color: #c4262e; 
	font-size: 150%;
	font-style: normal;
	margin-bottom: 10px;
}

h2 {
	font-size:130%; 
	margin: 0 0 7px 0;
	padding: 0px; 
	color: #c4262e; 
}
	
td { border: 1px #d2d2d2 solid;
    border-collapse: collapse;
   } 
   
table { border-collapse: collapse;}    





/* Obrazky */
.img-float-left { float: left; border: 1px #c9c9c9 solid; padding: 2px; margin: 4px 8px 8px 0px; }
.img-float-right { float: right; border: 1px #c9c9c9 solid; padding: 2px; margin: 4px 0 8px 8px; }
.img { border: 1px #c9c9c9 solid; padding: 2px; margin: 0px; }




/* Formatovan panelu */

#container {width:949px; margin:0 auto; background: #ffffff;}
#header { 
	margin: 0px; 
	padding: 60px 0px 0px 0px;
	background: url(main-banner.jpg) no-repeat;  
	width: 100%;
	height: 200px; 
	}

#main { margin: 18px; padding: 0px; 
}  

#left_side { 
	padding: 0px; margin:0px;
	width: 165px; float: left;	
}
#mid { 
	padding: 0px 10px 20px 20px; margin-left: 20px;
	float: left; width: 460px;
	border-left: 1px #e0e0e0 solid;
	}
	
#mid-lang { 
	padding: 0px 10px 20px 20px; margin-left: 20px;
	float: left; width: 680px;
	border-left: 1px #e0e0e0 solid;
	}	
	
#right_side { 
	padding: 0px; margin:0px;
	width: 227px; float: right;
	}
	
.box {  
        margin-bottom: 20px;
        text-align: left;       
        padding: 0px;
        border-top: 1px #e0e0e0 solid;
        border-left: 1px #e0e0e0 solid;
        padding: 10px;
        font-size: 90%;
	}

#footer { 
	clear:both;
	height: 100px;
	color: #f9f9f9;  
	background: url(bg-bottom.gif) repeat-x; 
	font-size:85%; 
	padding: 0; 
	margin-bottom: 60px;
}
#footer a { color: #959595; text-decoration: none;}
#footer .padding { padding: 52px 0px 0px 20px; text-align: left; float: left;}
#footer .logo { padding: 28px 20px 0px 30px; text-align: right;}




/* Logo Hack */
#logo {
	padding: 0px; MARGIN: 0px 0px 0px 35px; OVERFLOW: hidden; WIDTH: 172px; POSITION: relative; HEIGHT: 93px;
}
#logo SPAN {
	padding: 0px; DISPLAY: block; Z-INDEX: 1; BACKGROUND: url(logo-3vah.gif) no-repeat 0px 0px; LEFT: 0px; MARGIN: px 0px 0px 35px; WIDTH: 172px; POSITION: absolute; TOP: 0px; HEIGHT: 93px;
}




/* Menu */
#menu-top {
font-family: Arial, Helvetica, sans-serif;
margin-top: 56px;
	float: left;
	width: 550px;
	height: 49px;
	font-size: 100%;
}

#menu-top ul {
	height: 5px;
	list-style: none;
}

#menu-top li {
	display: inline;
}

#menu-top a {
	display: block;
	float: left;
	height: 28px;
	padding: 13px 19px 0 19px;
	border-top: 7px #727272 solid;
	text-decoration: none;
	color: #ffffff;
	border-right: 1px #727272 solid;
font-weight: bold;}

#menu-top a:hover {
	border-top: 7px #c4262e solid;
}

#menu-top .active a {
border-top: 7px #c4262e solid;
}



   
   
   
   
/* Frog menu */

#menu {list-style-type:none; padding:0; margin:0; width:160px; }

#menu ul {list-style-type:none; padding:0; margin:0; }
#menu li {float:left;  padding-left: 18px; background: url(li.gif) no-repeat 8px 14px; border-top:1px solid #e0e0e0; }

#menu li.click { background: url(li-over.gif) no-repeat 8px 14px;  }
#menu li.hover { background: url(li-over.gif) no-repeat 8px 14px; color: #c4262e;  }
#menu a.hover { background: url(li-over.gif) no-repeat 8px 14px; color: #c4262e;  }
#menu li, #menu li a {display:block; font-family: Verdana, arial, sans-serif; line-height:30px; width:140px;  cursor: pointer; text-decoration:none;  }

#menu li a { color:#535353;}

#menu li.sub { padding-left: 18px; }
#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;  }
#menu li.click ul {display:block; font-size: 85%; margin-left: -8px; line-height: 18px;
 }


#menu a:hover { color: #c4262e; text-decoration: none;}
#menu .active { color: #c4262e; text-decoration: none;}
#menu li.subactive { padding-left: 18px; color: #c4262e; text-decoration: none;}

/* Cleaner*/


hr.cleaner {
      clear: both;
      margin: 0px;
      visibility: hidden; }