body, div, ul, h1, h2, h3, p, table, tr, td, form, ul, li {margin: 0px; padding: 0px; border: 0px; font-family: Arial, Tahoma, Geneva, sans-serif; font-size: 11px; color: #444;}
body {background: url('../images/body_bg_001.jpg') #fff repeat-x center top; text-align: center; height: 100%; overflow: -moz-scrollbars-vertical;}

p {line-height: 20px;}
img, a {color: #005496; margin: 0px; padding: 0px; border: 0px; font-weight: 900; line-height: 20px;}
a:hover {color: #e32;}
strong {color: #000;}

h2 {background: url('../images/hr_001.gif') repeat-x 0px 35px; font: 'MS Trebuchet';font-size: 18px; font-weight: 100; color: #005496; width: 100%; height: 42px; float: left; margin-bottom: 15px;}
.bullet {background: url('../images/bullet_001.gif') no-repeat; width: 22px; height: 23px; display: block; overflow: hidden; float: left; margin-right: 8px;}

#center_position {width: 960px; height: 100%; margin: auto; float: none;}
#container {width: 960px; text-align: left; float: left;}
#header {background: url('../images/header_bg_001.jpg') no-repeat; width: 100%; height: 308px; position: relative;}
#header .logo {position: relative; left: 24px; top: 40px;}


#main_menu {width: 550px; line-height: 30px; position: relative; top: 220px; left: 24px; color: #000;}
#main_menu li {list-style-type: none; float: left; padding: 0px 20px 0px 20px;}
#main_menu .active {color: #000;}
#main_menu .selected {background: url('../images/main_menu_bg_001.jpg') no-repeat center; list-style-type: none; float: left; color: #fff; font-weight: 900; padding: 0px 30px 0px 30px;}
#main_menu .selected a{color: #fff; }
#main_menu a {color: #000; text-decoration: none;}
#main_menu a:hover {color: #e32;}

#content {width: 912px; position: relative; top: 30px; left: 24px;}
#content-in {}	
#content-in p { margin: 0 0 10px 0;}
#content-in p img { margin: 10px;}
#content-in .contacts-table td { vertical-align:top; padding: 0 10px;}
#content-in table.red td { color: red;}
#content-in table.red strong { color: red;}

#home_projects_icon_small {width: 192px; float: left;}
#home_projects_icon_small img {width: 60px; height: 60px; position: relative; left: 4px; top: 3px; margin: 0px 20px 12px 0px; float: left;}
#home_projects_icon_small .project {background: url('../images/project_bg_icon_small_001.gif') no-repeat; display: block; overflow: hidden; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #aaa;}

#home_projects_icon_big {width: 100%; float: left;}
#home_projects_icon_big img {width: 120px; height: 120px; position: relative; left: 4px; top: 3px; margin: 0px 20px 12px 0px; float: left;}
#home_projects_icon_big .project {background: url('../images/project_bg_icon_big_001.gif') no-repeat; width: 324px; display: block; overflow: hidden; padding-bottom: 12px; float: left; margin-right: 12px;}

#references {}
#references img {width: 120px; height: 120px; position: relative; left: 4px; top: 3px; margin: 0px 20px 12px 0px; float: left;}
#references .project {background: url('../images/project_bg_icon_big_001.gif') no-repeat; width: 324px; display: block; overflow: hidden; padding-bottom: 12px; float: left; margin-right: 12px;}

#home_main_block {width: 672px; float: left; position: relative; left: 48px;}
#home_main_block p {margin-bottom: 16px;}

#links {width: 100%; height: 30px; display: block; float: left; margin-top: 52px;}
#footer {background: url('../images/footer_bg_001.gif') no-repeat; width: 100%; height: 50px; display: block; float: left; margin-top: 32px; padding: 27px 0 0 0; position:relative;}
#footer a {color: #fff;}
#footer a:hover {color: #5af;}
#footer .left {position: relative; left: 24px; float: left}
#footer .right {position: relative; right: 26px; float: right}
#footer li {line-height: 30px; color: #5af; list-style-type: none; font-size: 11px; margin-right: 8px; float: left;}
#footer .iso {position: absolute; left: 240px; top: 10px; width:405px; height: 40px; display:block;}

/* ostatní */
.table-homepage { width: 60%; }
.table-homepage span.free { float: left; display: block; width: 100px; color:#330000;}
.fotoalbum a {float:left;}


.dialogBox {
	padding: 0px;
	width: 700px;
	min-height: 100px;
	
	background-color: #849858;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	
	text-align: justify;
}

.dialogBox .title {
	padding: 10px 15px;
	margin: -1px;
	width: auto;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-moz-user-select: none;
	-webkit-user-select: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
}

.dialogBox .title .closeButton { float: right; font-weight: bold; cursor: pointer }
.dialogBox .title .closeButton:hover { color: #888; }

.dialogBox .body { padding: 15px 20px; background-color: #c2df81; min-height : 400px; max-height: 600px; overflow: scroll; }

.dialogBox .buttons { padding: 12px; text-align: right; width: auto; border: none; height: auto; margin: 0; background: transparent; }
.dialogBox .buttons button { min-width: 75px; margin-left: 10px; }



.dialogBox.alert { background-color: #f44; }
.dialogBox.alert .body { background-image: inherit url('../images/dialog/dialog-warning.png'); background-repeat: no-repeat; background-position: 10px 15px; padding-left: 75px; }

.dialogBox.confirm { background-color: #A6C9E2; }
.dialogBox.confirm .body { background-image: inherit url('../images/dialog/dialog-question.png'); background-repeat: no-repeat; background-position: 10px 15px; padding-left: 75px; }

.dialogBox.warn { background-color: #FFA95C; }
.dialogBox.warn .body { background-image: url('../images/dialog/dialog-warning.png'); background-repeat: no-repeat; background-position: 10px 15px; padding-left: 75px; }

.dialogBox.prompt .body { background: inherit url('../images/dialog/dialog-question.png') no-repeat 10px 15px; padding-left: 75px }
.dialogBox.prompt hr { width: 100%; border: 1px solid #ccc; margin: 8px 0px 5px 0px; }
.dialogBox.prompt input { display: block; width: 100%; }