/* CSS Document */
* {margin: 0; padding: 0;}
body {font-family: "Trebuchet MS",sans-serif; color: #; font-size: 14px;}
a {color: #000000; text-decoration:none}
a:hover {text-decoration:underline}
.active {text-decoration:none}

h2, h3, h4 {margin: 0px;}
h1 {font-size: 20px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 10px;}

#telo {width:961px; margin: 0 auto; overflow: hidden}
#zahlavy {width:961px; height:150px; background: url("../images/header.gif") no-repeat; margin-top:25px;}

#menu {width:961px; height:75px; background: url("../images/menu.gif") no-repeat; overflow: hidden}
#menu ul {list-style: none; margin:0px 0px 0 10px; padding:0px;}
#menu li {display: inline; text-transform: uppercase; list-style-image:none;}
#menu a {display: block; float: left; padding: 8px 10px 0px 10px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #000000;}
#menu a:hover,.act {color: #000000; height: 36px; background: url("../images/menu-active.gif") repeat-x; text-decoration: none;}
#menu .act {text-decoration:none;}

#start {background: url("../images/background.gif") repeat-y;}
#top-boxs {width:961px; height:216px;}
#top-box {float:left; width:216px; height:202px; margin-left: 18px; background: url("../images/top-box.gif") no-repeat; overflow: hidden}
#top-box h3 {text-align:center; padding-top:5px; font-family: Tahoma, Arial; font-size: 14px; font-size:12px; font-weight: normal}
#top-vypis * {width:180px;}
#top-vypis a {padding-left:18px; font-size: 13px; display:list-item; list-style-type: none; }
#top-box .list {background: none; margin:0px; padding:0px; height:0px; margin-bottom:20px}
#top-box .list-title {margin-top: 10px; margin-left: 10px; background: url("../images/play.gif") no-repeat; background-position: 0px 0px;}
#top-box h2 {font-weight: normal;}
#top-boxs1 {width:961px; height:216px;}
#top-box1 {float:left; width:216px; height:202px; margin-left: 18px; background: url("../images/top-box.gif") no-repeat; overflow: hidden}
#top-box1 h3 {text-align:center; padding-top:5px; font-family: Tahoma, Arial; font-size: 14px; font-size:12px; font-weight: normal}
#top-vypis * {width:180px;}
#top-vypis a {padding-left:18px; font-size: 13px; display:list-item; list-style-type: none; }
#top-box1 .list {background: none; margin:0px; padding:0px; height:0px; margin-bottom:20px}
#top-box1 .list-title {margin-top: 10px; margin-left: 10px; background: url("../images/play.gif") no-repeat; background-position: 0px 0px;}
#top-box1 h2 {font-weight: normal;}


#obsah {float:left; width:685px; margin-left:18px; overflow: hidden}
#obsah a {text-decoration:none}
#obsah a:hover {text-decoration: underline;}
#obsah ul, ol {margin: 5px 0 15px 25px;}
#top-reklama {margin: 0 auto; height:65px; width:100%; margin-bottom:30px; }
#obsah-reklama {float:left; width:685px; height:114px; margin-left:18px; margin-bottom:0px; background: url("../images/article.gif") no-repeat;}
#obsah-reklama img {margin-top:30px;}

#sloupec {float:right; width:215px; margin-right:18px; margin-bottom:20px; overflow: hidden}
#sloupec ul {margin-left:20px}
#sloupec #menu a:hover,.act {background: none}

#zapati {height:27px; width:961px; background: url("../images/footer.gif") no-repeat; margin-bottom:5px; overflow: hidden}
#zapati p {float:right; margin:0px; padding-top:3px; margin-right:10px; font-size: 12px;}

#odkazy {height:60px; text-align:center; font-size: 12px; color: grey; overflow: hidden}
#odkazy p {margin-top: 0px}
#odkazy a {color: grey;}


#popiscl3 {width: 680px; height: 140px; margin-top: 30px; margin-bottom: 20px; background-color: #F1F1F0; border: 1px solid #BDBDB9; overflow: hidden; }
#popiscl3-pad {padding-top:10px; padding-bottom:10px}
#popiscl3 img {margin: 0 auto; padding-top:0px;}


#levejbok4 {width: 340px; height: 300px; margin-top: 30px; margin-bottom: 20px; background-color: #F1F1F0; border: 1px solid #BDBDB9; overflow: hidden; }
#levejbok4-pad {padding-top:10px; padding-bottom:10px}
#levejbok4 img {margin: 0 auto; padding-top:0px;}

#pravejbok5 {width: 250px; height: 250px; margin-top: 30px; margin-bottom: 20px; background-color: #F1F1F0; border: 1px solid #BDBDB9; overflow: hidden; }
#pravejbok5-pad {padding-top:10px; padding-bottom:10px}
#pravejbok5 img {margin: 0 auto; padding-top:0px;}



#testimonial_box {
	padding: 10px 20px;
	background: #ACE7F3;
	margin-bottom: 2px; 
}

#testimonial_box h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fd4800;
	text-decoration: none;
	
}

#testimonial_box a {
		color: #0000FF;
a:active, a:hover { text-decoration: underline; }		
	text-decoration: none;
	
}
#clanek_levy {
	width:49%;
	float: left;
	margin: 0 0 10px 0;
		font-size: 14px;
	color: #0a90b0;
	margin: 0 0 10px 0;	
}

#clanek_levy img {
	border: 5px solid #ACE7F3;
	margin: 0 0 10px 0;
}


#clanek_pravy {
	width:49%;
	float: right;
	margin: 10px 0 10px 0;
		
    
    font-size: 14px;
	color: #0a90b0;
	margin: 0 0 10px 0;	
}

#clanek_pravy img {
	border: 5px solid #ACE7F3;
	margin: 0 0 10px 0;
}

#clanek_box {
	padding: 10px 20px;
	background: #ACE7F3;
	margin-bottom: 2px; 
}

#clanek_box h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fd4800;
	text-decoration: none;
	
}

#clanek_box a {
		color: #0000FF;
a:active, a:hover { text-decoration: underline; }		
	text-decoration: none;
	
}
#clanek_max {
	width:100%;
	float: left;
	margin: 0 0 10px 0;
		font-size: 14px;
	color: #0a90b0;
	margin: 0 0 10px 0;	
}







#example2 {
			position: relative;
			width: 180px; 
			margin: 10px;
			padding: 20px 20px 20px;
			position:absolute; 
			top:300px; left:50%; margin-left:500px; 
			
			background: #eee url(/images/sfbgTile.png);
			border: 2px solid #42CBDC;}