/* Zakladni formatovani */

body {
background: #d8231c url(bg.jpg) repeat-x;
font-size: 80%;
font-family: Tahoma, Arial, _sans, Helvetica;
line-height:1.6em;
margin:0 auto;
padding:0;
color: #4c4c4c;
}

.red {  color: #e72c39;} 


/* Text */
ul { margin: 0 0 0 0; padding : 0; list-style : none; }
.small { font-size: 85%; }
.odkaz {font-size: 85%; background: url(odkaz.gif) no-repeat 0px 2px; padding-left: 13px; }
.odrazky { background: url(li.gif) no-repeat 6px 8px; padding-left: 16px; }
.gray { background: #ededed; padding: 14px; margin: 5px 20px 12px 0px; }

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

.float-left { float: left; padding: 0 9px 5px 0;}
.float-right { float: right; padding: 0 0 5px 5px; }
.align-left { text-align: left;  }
.align-right { text-align: right;}

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



td {padding: 4px;}



.kurzy {border-collapse: collapse; color: white; background: url(table-bg.jpg) repeat-x; line-height: 100%; margin-left: 86px;
}

.kurzy a {; color: #ffcccc;}

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





/* Formatovani panelu */

#container {margin:0 auto; background: #ffffff url(bg-horizontal.jpg) repeat-y;
 width: 830px; overflow: hidden;}
 
#left-side { 
	padding: 0px; margin:0px; width: 308px; float:left; font-weight: bold;}
	
.text-bily-vpravo {
	padding: 8px 84px 0px 0px; margin:0px; text-align: left; float: right; color: white;}

#right-side { 
	padding: 0px 0px 20px 20px; 
	background: url(bg-mapa.gif) no-repeat right bottom;
	width: 500px; float: right;
} 


#header { 
	margin: 0px; 
	padding: 10px 0px 0px 0px; 
	}
.english { 
	margin: 0px;
	padding: 2px 8px 3px 6px;
	border-left: 1px #d7d7d7 solid;
	text-align:right; float: right;
    font-size: 90%;}

.nadpis {
	margin-left: 6px;
	padding: 56px 0 5px 0px;
	font-size: 180%;
        	}
 .nadpis2 {
	margin-left: 4px;
	padding: 58px 0 5px 0px;
	font-size: 160%;
        	}



#text {
	margin: 0px;
    min-height: 500px;
	padding: 0px 20px 30px 0px;
	}
	


.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 {margin:0 auto; width: 822px; text-align: right; color: #ffcccc; font-size: 85%; padding: 3px 10px 50px 0px;}

#footer a:hover {color: #ffcccc; text-decoration: underline;}
#footer a:link {color: #ffcccc; text-decoration: underline;}
#footer a {color: #ffcccc; text-decoration: underline;}
	


/* Menu */
#nav { 
margin-top: 45px; border-bottom: 1px #d8d8d8 solid; margin-bottom: 35px; 
}

#nav ul {
margin: 3px 0px 3px 0px;	
}

#nav li {
	list-style-type: none;
	display: inline;}
	
#nav a {
text-decoration: none;
padding: 5px 12px 5px 12px;
border-left: 1px #d8d8d8 solid;
}

#nav a:link {text-decoration: none;}
#menu a:hover {
	text-decoration: none;
    color: #4c4c4c;
}

#nav .active {
	text-decoration: none;
    color: #4c4c4c;
    }
#nav .leftactive {
	text-decoration: none;
    color: #4c4c4c;
    border-left: none;
}

#nav .leftout {
	text-decoration: none;
    border-left: none;
}


#nav .bold {
    text-decoration: none;
    font-weight: bold;
}