@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #CEE5F3;
}

.top {
	background-image: url(images/top_page_bg.jpg);
	height: 419px;
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 15px;
}

.bottom {
	background-image: url(images/bottom_page_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.hlavicka {
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	width: 1000px;
	height: 419px;
}

.telo {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/center.jpg);
	padding-top: 0px;
	padding-bottom: 0px;
	width: 1000px;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

.left_panel {
	float: left;
	width: 220px;
	margin-top: -10px;
	padding: 0px;
}

.main_panel {
	width: 730px;
	margin-left: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
}
.main_panel h1 {
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 720px;
	border: thin outset #999999;
	padding-top: 7px;
	padding-bottom: 3px;
	top: 0px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.main_panel h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.main_panel h2 a {
	color: #333333;
}

.main_panel p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.main_panel .odkaz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.main_panel li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
}

.main_panel a{
	color: #FFFFFF;
}
.pata {
	background-color: #000066;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;

}

.main_panel .left{
	float: left;
	height: 100px;
	width: 350px;
	margin: 0px;
	padding: 0px;
}
.main_panel .right {
	float: right;
	height: 100px;
	width: 350px;
	margin: 0px;
	padding: 0px;
}

.main_panel .top {
	height: 100px;
	width: 730px;
	background-image: none;
	background-repeat: repeat;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;
}

.main_panel .rightbox {
	padding: 5px;
	float: right;
	display: compact;
}
.main_panel .leftbox {
	padding: 5px;
	float: left;
	display: compact;
	width: 200px;
	vertical-align: top;
}

.main_panel .leftlogo {
	float: left;
	height: 70px;
	width: 70px;
	display: compact;
}
.main_panel .lefttext {
	width: 620px;
	margin-left: 100px;
	font-size: 12px;
}
.main_panel .lefttext1 {
	width: 380px;
	margin-left: 340px;
	font-size: 12px;
	position: relative;
	top: 0px;
}
.main_panel .lefttext a {
	color: #000000;
}

.main_panel .odkaz a {
	color: #000000;
}

.main_panel .left_team {
	float: left;
	width: 315px;
}

.main_panel .riadok{
	width: 720px;
	position: relative;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}