/* -- ==================================================================== --
      Petr Korecky
      ------------
      http://www.petr-korecky.cz

      p.korecky@gmail.com
      ICQ: 195-784-543
   -- ==================================================================== -- */





/* -- ==================================================================== --
                                  Basic styles
   -- ==================================================================== -- */

html {
	font-size: 100.01%;

}

body {
	background: #c0e5f4 url('images/html-bg.gif') top repeat-x;
	color: #232323;
	font-family: Tahoma, Arial, sans-serif;
	margin: 0;
	text-align: center;
	font-size: 0.8em;
}

h1, h2, h3, h4, h5, h6 {
	color: #97ba42; /*71cd13*/
	margin: 1em 0 0;
}

h2, h3, h4, h5, h6 {color: #00678c;}

h1, h2, h3 {font-weight: normal;}

h1 {font-size: 200%;}
h2 {font-size: 170%;}
h3 {font-size: 140%;}
h4 {font-size: 110%;}
h5, h6 {font-size: 100%;}


p, dd {
	line-height: 1.5em;
	margin: 1em 0;
}

a {
	color: #00678c;
	text-decoration: none;
}

a:hover, a:hover strong {
	color: #bed059;
	text-decoration: underline;
}

sub, sup {
	vertical-align: baseline;
	position: relative;
}

strong {color: #00678c;}

sub {top: 0.4em;}
sup {bottom: 0.4em;}
abbr, acronym {cursor: help;}
address {font-style: normal;}

table th {
	padding: 5px 9px;
	background: #00678c;
	color: #fff;
}

table td {
	padding: 5px 9px;
	background: #c0e5f4;
	color: #00678c;
}

ul, ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0.4em 0;
	line-height: 130%;
	list-style-type: none;
}

dt {
	color: #00678c;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0 5px;
}

dd {margin: 1em 0;}

form {margin: 0;}

a img {
	border: 1px solid #dbdbdb;
	padding: 7px;
	background: #f0f0f0;
}

a:hover img {border: 1px solid #00678c;}

.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.left {float: left;}
.right {float: right;}
.blue {color: #00678c;}


/* -- ==================================================================== --
                                 Wrapper styles
   -- ==================================================================== -- */

div#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 920px;
	background: #fff url('images/wrapper-bg.png') repeat-y;
}


/* -- ==================================================================== --
                                 Header styles
   -- ==================================================================== -- */

div#header {
	height: 255px;
	background: #c0e5f4 url('images/header.gif') left 47px no-repeat;
}

/* top navigation */
ul#nav {
	background: #fff url('images/top-navigation-bg.gif') left bottom no-repeat;
	height: 48px;
}

ul#nav li {
	float: right;
	font-size: 90%;
}

ul#nav li a {
	height: 28px;
	line-height: 28px;
	float: left;
	padding: 0 15px;
	font-weight: bold;
	color: #97ba42;
}

ul#nav li a.active, ul#nav li a:hover {
	background: #c0e5f4;
	color: #00527b;
}

/* menu */
ul#menu {float: right;}

ul#menu li {
	float: left;
	font-size: 90%;
}

ul#menu li a {
	float: left;
	padding: 10px 15px;
	color: #00527b;
	font-weight: bold;
}

ul#menu li a.active {background: #fff;}

/* logo */
h1#logo {
	position: relative;
	overflow: hidden;
	background: #fff;
	text-decoration: none;
	margin: 29px 0 0 44px;
}

h1#logo a {
	color: #bed059;
	font-size: 180%;
}

h1#logo a span.blue {
	display: block;
	font-size: 50%;
	color: #095c79;
}

h1#logo a:hover {text-decoration: none;}

h1#logo, h1#logo span#logo_s {
	width: 209px;
	height: 130px;
	display: block;
	cursor: pointer;
}

h1#logo span#logo_s {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url('images/logo.png') no-repeat;
}


/* -- ==================================================================== --
                                 Content styles
   -- ==================================================================== -- */

div#content {
	width: 540px;
	float: left;
	padding: 35px 40px 40px;
	margin: 0 0 -20px;
	background: url('images/breadcrumbs.gif') left top no-repeat;
}

div#content ul li {
	padding: 0 0 0 30px;
	background: url('images/li-bg.gif') 15px 7px no-repeat;
}

div#content p.date {margin: 0;}

div#content a.more {
	float: right;
	margin: 20px 0 0;
}

div#content a {
	color: #00678c;
	text-decoration: none;
	border-bottom: 1px solid #00678c;
}

div#content a:hover, div#content a:hover strong {
	color: #bed059;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

div#content ul.archiv {margin: 20px 0 0;}
div#content ul.archiv li a {font-size: 130%;}

form#contact-form {width: 400px; margin: 20px 0 0;}

form#contact-form label, form#contact-form input.text {float: left; margin: 1px 0;}
form#contact-form label {width: 190px;}
form#contact-form input.text {width: 200px;}

form#contact-form textarea {width: 390px;}

span.red {display: block; color: #f00;}



/* -- ==================================================================== --
                                  Right styles
   -- ==================================================================== -- */

div#right {
	width: 300px;
	background: url('images/right-bg.gif') top no-repeat;
	float: right;
	padding: 90px 0 0;
}

div#news {
	background: #e4e4e4 url('images/news-bg.png') repeat-x;
	width: 218px;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	padding: 0 25px;
	position: relative;
}

div#news form {padding-bottom: 25px;}

div#news input.text {
	background: url('images/input-text.png') left top repeat-x;
	font-size: 90%;
	color: #666;
	width: 120px;
	border: 1px solid #d6d6d6;
	border-right: 0;
	padding: 3px;
	height: 19px;
	float: left;
}

div#news input.submit {
	background: #0080a3 url('images/input-submit.png') left top no-repeat;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
	width: 78px;
	height: 27px;
	line-height: 27px;
	border: 0;
	cursor: pointer;
	float: left;
}

div#news h2 {margin: 10px 0 0; clear: both; color: #97ba42;}
div#news h3 {margin: 0;}

div#news div.news {
	border-bottom: 1px solid #d1d1d1;
	padding: 0 0 20px;
}

div#news span.date {font-size: 85%; padding: 10px 0 0; display: block;}

div#news a.more {
	text-decoration: underline;
	color: #232323;
}

div#news a.more:hover {color: #00678c;}

div#news a.archiv {
	margin: 5px 0;
	display: inline-block;

}


/* -- ==================================================================== --
                                  Footer styles
   -- ==================================================================== -- */

div#footer {
	width: 920px;
	padding: 60px 0 0;
	background: #c0e5f4 url('images/content-bottom.gif') top no-repeat;
}

div#footer p {
	padding: 15px 0;
	margin: 0;
}

div#footer a img {
	padding: 0;
	border: 0;
	position: relative;
	top: 2px;
}