body {
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-color:#bbdbe5;
	margin:0px auto;
    padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#595959;
}
* {
	margin:0px;
    padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#595959;
	text-decoration:none;
	text-transform:none;
}


#container {
    width: 100%;
	height: 100%;
    margin: 0px auto;
	padding: 0px;
    text-align: center;
	background-image: url(images/bg_mraky.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#siteHeader {
    width: 919px;
	height: 270px;
    margin: 0px auto;
	padding: 0px 40px 0px 40px;
    text-align: left;
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: center top;
    clear:left;
}
#siteMenu {
    width: 579px;
	height: 34px;
    margin: 0px;
	padding: 0px;
    text-align: left;
	vertical-align:middle;
	line-height: 34px;
	color: #2e3639;
    float:left;
}
#siteContent {
	min-height: 300px;
	height: auto;
    width: 919px;
    margin:0px auto;
	padding: 0px 40px 0px 40px;
    text-align:left;
    clear:left;
}
#siteFooter {
    width: 919px;
	height: 91px;
    margin: 0px auto;
	padding: 0px 40px 0px 40px;
    text-align: center;
	background-image: url(images/bg_footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	/*position: fixed;
	bottom: 0px;*/
    clear: left;
}
#footer {
    width: 919px;
	height: 46px;
    margin: 0px;
	padding: 0px;
    text-align: left;
	/*line-height: 51px;
	vertical-align:middle;*/
    clear: left;
}
#footerLeft {
    width: 500px;
	height: 45px;
    margin: 0px;
	padding: 0px;
    text-align: left;
	line-height: 45px;
	vertical-align:middle;
    float: left;
}
#footerRight {
    width: 419px;
	height: 32px;
    margin: 0px;
	padding: 13px 0px 0px 0px;
    text-align: right;
    float: left;
}

/* ======================== HOMEPAGE =========================== */
#logo {
    width: 579px;
	height: 104px;
    margin: 0px;
	padding: 0px;
    text-align: left;
    float:left;
}
#birds {
    width: 579px;
	height: 100px;
    margin: 0px;
	padding: 0px;
    text-align: left;
	background-image: url(images/ptaci.png);
	background-repeat: no-repeat;
	background-position: left top;
    float:left;
}

#titleHP {
    width: 579px;
	height: 30px;
    margin: 0px;
	padding: 0px;
    float:left;
}
#left {
    width: 579px;
	height: 500px;
    margin: 0px;
	padding: 0px 30px 0px 0px;
    float:left;
}
#right {
    width: 310px;
	height: auto;
    margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #d0d0d0;
    float:left;
}
#lineHP {
    width: 579px;
	height: 30px;
    margin: 0px;
	padding: 0px 30px 0px 0px;
	text-align:left;
    float:left;
}
.pointLine {
	border-left: 0px;
	border-right: 0px;
	border-bottom: #000000 1px dotted;
	border-top: 0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}
.pointLineGrey {
	border-left: 0px;
	border-right: 0px;
	border-bottom: #779fab 1px dotted;
	border-top: 0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}
#textHPleft {
    width: 260px;
	height: auto;
    margin: 0px;
	padding: 0px 20px 0px 0px;
    float:left;
}
#textHPright {
    width: 265px;
	height: auto;
    margin: 0px;
	padding: 0px 0px 0px 30px;
    float:left;
}
.bubbleHPheader {
    width: 270px;
	height: 33px;
    margin: 0px;
	padding: 0px 20px 0px 20px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
	background-image: url(images/bubble_hp_header.png);
	background-repeat: no-repeat;
    float:left;
}
.bubbleHPcontent {
    width: 270px;
	height: auto;
    margin: 0px;
	padding: 10px 20px 10px 20px;
	color: #d0d0d0;
	background-image: url(images/bubble_hp_content.png);
	background-repeat: repeat-y;
    float:left;
}
.bubbleHPfooter {
    width: 310px;
	height: 33px;
    margin: 0px;
	padding: 0px;
	background-image: url(images/bubble_hp_footer.png);
	background-repeat: no-repeat;
    float:left;
}
#bubbleHPkontaktHeader {
    width: 539px;
	height: 35px;
    margin: 0px;
	padding: 0px 40px 0px 20px;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
	background-image: url(images/bubble_hp_kontakt_header.png);
	background-repeat: no-repeat;
    float:left;
}
#bubbleHPkontaktContent {
    width: 539px;
	height: auto;
    margin: 0px;
	padding: 10px 20px 10px 20px;
	background-image: url(images/bubble_hp_kontakt_content.png);
	background-repeat: repeat-y;
    float:left;
}
#bubbleHPkontaktFooter {
    width: 549px;
	height: 50px;
    margin: 0px;
	padding: 0px 30px 0px 0px;
	background-image: url(images/bubble_hp_kontakt_footer.png);
	background-repeat: no-repeat;
    float:left;
}

/* ======================== MENU =========================== */
a.menu {
	color: #ffffff;
	text-transform:uppercase;
}
a.menu:hover {
	color: #ffc600;
	text-transform:uppercase;
}
a.menuSelected {
	color: #2e3639;
	text-transform:uppercase;
}
a.menuSelected:hover {
	color: #2e3639;
	text-transform:uppercase;
}
a.linkHP {
	font-size:12px;
	color: #85481e;
	text-decoration:none
}
a.linkHP:hover {
	color: #572a0c;
	text-decoration:none
}
a {
	color: #85481e;
}
a:hover {
	color: #572a0c;
}
a.vice {
	color: #f1b422;
	font-size:10px;
	text-align:right;
}
a.vice:hover {
	color: #82daf6;
}
a.linkBox {
	color: #f1b422;
}
a.linkBox:hover {
	color: #82daf6;
}
.unlinkBox {
	color: #f1b422;
}

/* ======================== BASIC TEXTS =========================== */
H1 {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration: none
}
H2 {
	color: #2c5b75;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration: none
}
H3 {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration: none
}
b {
	color: #000000;
	font-weight:bold;
}
.highlight {
	color: #ffffff;
	font-weight:bold;
}
li {
    /*list-style-image: URL('images/arrow.png');*/
	list-style-position: outside;
	line-height: 20px;
	position:relative;
	left: 15px;
	font-size: 12px;
	color: #2c5b75;
}
.nadpisBubble {
	float:left;
	text-align:left;
	color: #ffffff;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
}
.viceDiv {
	float:right;
	width: 50px;
	height: 10px;
	text-align:right;
}
#flashFloat {
	width: 340px;
	height:268px;
	float:right
}

.btnOdeslat {
	cursor:pointer;
	width: 158px;
	height: 41px;
	border: 0px;
	background:url(images/btn_odeslat.png) repeat-x left top;
}
.btnOdeslat:hover {
	background:url(images/btn_odeslat_over.png) repeat-x left top;
}