@CHARSET "UTF-8";

body { background: #345A4A; font-family: Helvetica, Arial, sans-serif; font-size: 80%; color: white; padding:0; margin: 0;}

a { color:white; text-decoration: underline;}
a img {border: 0;} 

.main { margin: 0px auto; padding:0; width: 1000px; background: url("../images/main_background.png"); position: relative;}

.header { height: 233px; background: url("../images/header-chmh.jpg") left top no-repeat; position: relative;}
/* 
.header .header_right { background: url("../images/header_right.jpg") left top no-repeat; width: 258px; height: 204px; position: relative; position: absolute; bottom: 0; right: 0;}
.header .header_right .fotosoutez { background: url("../images/zvirata_fotosoutez.gif") left top; width: 248px; height: 211px; position: absolute; right: 0; top: 0;}
.header .header_right .riffraff {background: url("../images/zvirata_riffraff.gif") left top; width: 248px; height: 211px; position: absolute; right: 0; top: 0;} 
*/
.header .hrady { position: absolute; top: 10px; right: 10px;}
.header #speaker { position: relative; position: absolute; bottom: 15px; left:120px; width: 100px; height: 100px; }
.header #speaker img { position: absolute; top: 20px; right: 0;}

.horizontal_menu { height: 28px; background: url("../images/menu_horizontal_background.png"); text-align: right;}
.horizontal_menu div { margin: 4px; padding: 0px 12px 0px 8px; display: inline; background: url("../images/separator.png") right top no-repeat;}
.horizontal_menu div img { position: relative; top: 5px;}
.horizontal_menu .last { background: none;}
	
.vertical_menu { float: left; width: 192px; height: 500px; position: relative;}

.content { background: url("../images/menu_vertical_background.png") left top repeat-y;}

.content_block { background: url("../images/content_background.png") left bottom repeat-x; float: right; width: 760px; padding: 20px 23px 150px 25px; min-height: 470px; _height: 470px;}

.content_part { float: left; width: 370px; }
.photo_part { float: right; width: 360px; margin: 0px 20px 0px 0px ;}

#houba_mala { position: absolute; bottom: -3px; right: 90px;}
#houba_velka { position: absolute; bottom: -3px; right: 30px;}

.banner_ch {position: absolute; bottom: 52px; right: 30px;}
.banner_big {position: absolute; bottom: 50px; left: 200px;}

.banner_box {position: absolute; bottom: 30px; left: 46px;}

#large_photo { width: 300px; background: white;  text-align: center; margin-top: 20px; float: right;}
#large_photo #photo_box { padding-top: 10px;}
#large_photo #photo_box img { width: 280px;}
#large_photo #large_photo_navigation { padding: 0px 10px; text-align: left; color: black;}

.desc { font-size: 120%; font-weight: bold; line-height: 150%; }
.gallery_thumb { float: left; margin: 8px; }
.gallery_thumb img {border: 1px solid white; width: 55px; height: 55px;}
.gallery_thumb .bordered { border: 1px solid red;}
.thumb_navi { margin: 0; pdding: 0;}
.thumb_navi a {color: #51B904; text-decoration: none;}
#navi_left { text-align: left; }
#navi_right { text-align: right; }

.oagenture { width: 45%;}
.oagenture a { color: white; }

.static h2 { margin: 20px 0px 0px 0px; padding: 0; color: #EB7803; font-size: 100%; }
.static p {margin: 0; padding: 0;}

.static table tr td { vertical-align: top; }

.portfolio {list-style-type: none;}
.portfolio li {margin: 20px 0px 0px 0px; padding: 0; color: #EB7803; font-size: 100%;}
.portfolio li a {color: white;}

.dao_links li a { color: white;}

.banner {
	margin: 2px;
}

.message {
	font-weight: bold;
	font-size: 1.1em;
	padding: 3px 6px;
	border: 1px solid white;
}