/*******************************************************************************
** General
*******************************************************************************/
body {
	background-image: url(../_img/stripe/stripe_707070_51.png);
	text-align: center;
	margin: 15px;
	padding: 0px;
	overflow-y: scroll;
}

.header_title {
	color: White;
	font-size: 26pt;
	letter-spacing: 3pt;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica;
	text-align: center;
	position: relative;
	top: 19px;
	text-shadow: 2px 2px 7px #333333;
}

.website {
	color: White;
	font-size: 11pt;
	letter-spacing: 0pt;
	font-style: italic;
	font-weight: bold;
	Font-family: "Trebuchet MS", Geneva, lucida, sans-serif;
	position: absolute;
	top: 7px;
	right: 14px;
	text-shadow: 1px 1px 4px #333333;
}

/*******************************************************************************
** Page Layout
*******************************************************************************/
.page_body {
	/* Sirka pro obsah 700px
	700 + 12 + 20 + 170(panel) + 2*8(vnitrni okraj) + 2*2(vnejsi okraj) = 922*/
	width: 922px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.page_body_box {
	background: rgb(250,250,215); /*#FAFAD7*/
	border: 2px solid #707070;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 8px 8px 8px 8px; /*vnitrni okraj*/
}

.page_header {
	background: #6699cc url(../_img/header/sky1.jpg);
	position: relative;
	height: 115px;
	border-top: 1px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*-moz-box-shadow: 0px 0px 6px black;*/
}

.page_content {
	margin-right: 170px;
	/*border-right: 1px dashed #696969;
	background: Yellow;*/
}

.page_content_box {
	padding: 20px 20px 20px 12px;
}

.page_content_box2 {
	width: 100%;
}

.page_panel {
	float: right;
	width: 170px;
	/*background: Wheat;*/
}

.page_panel_box {
	padding: 25px 0px 15px 0px;
}

.page_footer {
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica;
	line-height: 100%;
	border-top: 1px dashed #696969;
	padding: 8px 12px 4px 12px;
}

.page_footer a {
	font-size: 8pt;
	line-height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica;
}

.page_footer_left {
	float: left;
	width: 300px;
	/*background: Green;*/
}

.page_footer_center {
	text-align: center;
	/*background: Red;*/
}

.page_footer_right {
	float: right;
	width: 300px;
	text-align: right;
	/*background: Yellow;*/
}

/*******************************************************************************
** Right Panel Menu
*******************************************************************************/
.panel_menu {
	background: #F5DEB3; /*Wheat*/
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 1px solid #888888;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.panel_menu, .panel_menu a {
	font-size: 10pt;
	line-height: 135%;
	font-family: Arial, Helvetica, sans-serif;
}

.panel_header {
	background: #888888;
	color: White;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica;
	line-height: 100%;
	text-align: center;
	padding: 4px 0 5px 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

.panel_separator {
	height: 7px;
	overflow: hidden;
}

.panel_title {
	font-weight: bold;
	color: #4a4a4a;
	text-align: left;
	padding: 1px 10px 1px 10px;
}

.panel_item, .panel_active {
	margin: 0px 7px 0px 7px;
}

.panel_item {
	padding: 1px 3px 1px 3px;
}

.panel_active {
	background: White;
	padding: 1px 3px 1px 3px;
	-moz-border-radius: 5px;
}

/*******************************************************************************
** Header Menu
*******************************************************************************/
.nav_menu ul {
	list-style-type: none;
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica;
	line-height: 135%;
	position: relative;
	top: 95px;
	margin: 0; padding: 0;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 25px;
	border-bottom: 1px solid #696969;
}

.nav_menu ul li {
	display: inline;
	padding: 0;
	margin: 0 0px 0 0px;
}

.nav_menu ul li a {
	font-size: 9pt;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica;
	line-height: 135%;
	margin: 0;
	padding: 4px 12px 4px 12px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.nav_menu_item a:link, .nav_menu_item a:visited {
	color: #333333;
	text-decoration: none;
	background: #cdcdcd;
	border: 1px solid #696969;
}

.nav_menu_item a:hover {
	color: #333333;
	background: Orange;
}

.nav_menu_active a:link, .nav_menu_active a:visited {
	color: #333333;
	text-decoration: none;
	border: 1px solid #696969;
	background: rgb(250,250,215);
	border-bottom: 1px solid rgb(250,250,215);
}

/*******************************************************************************
** Style Switch
*******************************************************************************/
.style_switch{
	position: absolute;
	top: 35px;
	right: 17px;
	color: white;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica;
	width: 15px;
}

.style_link, .style_link a:link, .style_link a:visited{
	color: #333333;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica;
	line-height: 100%;
	text-decoration: none;
}

.style_box{
	width: 100%;
	text-align: center;
	border: 1px solid #696969;
	margin: 4px 0 0 0;
	height: 14px;
	overflow: hidden;
}

.style_white{
	background: white;
}

.style_grey{
	background: #D3D3D3; /*lightgrey*/
}

.style_yellow{
	background: yellow;
}