/* --------- obecna pravidla -------- */

body,html {
 background-color: #a1a9b5;
 margin: 0px;
 padding: 0px;
 font-family: Arial, "Arial", sans-serif;
 font-size: 12px;
 color: #000;
}

div {
 margin: 0px;
 padding: 0px;
}

strong { font-weight: bold; }

/* --------- @obecna pravidla -------- */

/* --------- hlavni layout -------- */

.divRoot {
 background: #a1a9b5 url('root-pattern.gif') repeat-y left top;
 width: 784px;
 position: absolute;
 top: 7px;
 left: 50%;
 margin: 0px 0px 0px -392px;
}

.divLogo {
 width: 784px;
 height: 194px;
}

.divLogo .top {
 width: 784px;
 height: 23px;
 background: url('logo-top.gif') no-repeat left top;
 padding: 0px;
 border: 0px solid black;
}

.divLogo .left {
 width: 360px;
 height: 171px;
 background: url('logo-left.jpg') no-repeat left top;
 position: absolute;
 top: 23px;
 left: 7px;
 border: 0px solid black;
}

.divLogo .right {
 width: 410px;
 height: 171px;
 background: url('logo-right.jpg') no-repeat right top;
 position: absolute;
 top: 23px;
 right: 7px;
}

.divMenu {
 height: 34px;
 width: 770px;
 background: url('menu-pattern.gif') repeat-x left top;
 border-top: 1px solid #fff;
 margin: 0px 7px 0px 7px;
}

.divOkno {
 margin: 7px 7px 0px 7px;
 padding: 0px;
 border: 0px solid black; 
}

.divOkno .left {
 width: 520px;
 _width: 525px;
 float: left;
 border: 0px solid black;
}

.divOkno .right {
 width: 245px;
 _width: 242px;
 margin: 0px 0px 0px 525px;
 border: 0px solid black;
}

.divPaticka {
 width: 784px;
 height: 18px;
 margin: 0px;
 background: url('paticka.gif') no-repeat left top;
 border: 0px solid black;
}

.divKontakt {
 margin: 0px;
 padding: 0px;
}

.divKontakt div {
 background-color: #336699;
 height: 29px;
}

.divKontakt div h2 {
 color: #fff;
 font-weight: bold;
 font-size: 1em;
 padding: 0px;
 text-align: right;
 margin: 0px 10px 0px 10px;
 line-height: 29px;
}

.divKontakt p {
 color: #333333;
 font-size: 1em;
 padding: 0px;
 margin: 10px 37px 20px 37px;
}

.divKontakt p.P1 {
 text-align: right;
 margin: 10px 35px 10px 35px;
}

.divKontakt p.P1 em {
 text-align: left;
 float: left;
 font-style: normal;
 font-weight: bold;
}

.divKontakt p a {
 color: #333333;
 text-decoration: underline;
}

.divKontakt p a:hover {
 text-decoration: none;
}

.divNewsletter {
 margin: 0px;
 padding: 0px;
 background: url('newsletter.gif') repeat-x left top;
 height: 149px;
}

.divNewsletter h2 {
 color: #fff;
 font-weight: bold;
 font-size: 1em;
 padding: 0px;
 text-align: right;
 margin: 0px 10px 0px 10px;
 line-height: 29px;
}

.divNewsletter p {
 margin: 10px 10px 20px 10px;
 padding: 0px;
 color: #fff;
 font-size: 1em;
}

.divNewsletter form {
 margin: 0px;
 padding: 0px;
}

.divNewsletter form .inputText {
 margin: 0px 0px 0px 15px;
 _margin: 0px 0px 0px 10px;
 float: left;
 border: 1px solid #003366;
 background-color: #fff;
 height: 22px;
 _height: 20px;
 width: 200px;
 _width: 190px;
 color: #000;
 font-size: 14px;
 line-height: 22px;
}

.divNewsletter form .inputSubmit {
 float: left;
 padding: 0px;
 border: 1px solid #003366;
 background-color: #003366;
 height: 22px;
 _height: 24px;
 width: 25px;
 color: #fff;
 font-size: 12px;
 line-height: 22px;
}

.divBottom {
 margin: 20px 0px 20px 0px;
 height: 211px;
 background: url('right-bottom.jpg') no-repeat right top;
 border: 0px solid black;
}

.divFooter {
 margin: 0px;
 line-height: 40px;
 text-align: center;
 color: #fff;
 font-size: 1em; 
 background-color: #a1a9b5;
}

.divFooter a {
 color: #fff;
 text-decoration: none;
}

.divFooter a:hover {
 text-decoration: underline;
}

.divNovinky {
 margin: 20px 0px 0px 0px;
 padding: 0px;
}

.divNovinky .div {
 margin: 0px;
 padding: 0px;
 background-color: #a0c8ff;
 height: 29px;
}

.divNovinky .div h2 {
 color: #fff;
 font-weight: bold;
 font-size: 1em;
 margin: 0px 0px 0px 15px;
 line-height: 29px;
}

.divNovinky .item {
 height: auto;
 background-color: #fff;
 margin: 10px;
}

.divNovinky .item h3 {
 color: #7099c3;
 font-weight: bold;
 font-size: 1em;
}

.divNovinky .item h3 em {
 color: #666666;
 font-style: normal;
}

.divNovinky .item p {
 margin: 5px 0px 0px 0px;
 color #666666;
 font-size: 0.9em;
}

.divNovinky hr {
 border-top: 0px solid black;
 border-bottom: 1px dotted #000;
 width: 80%;
 margin: 0px;
}

.divNovinky .item .divImg {
 float: left;
 overflow: hidden;
 width: 190px;
 height: 101px;
 margin: 0px 15px 15px 0px;
 border: 1px solid black;
}

.divNovinky .item .divImg img {
 display: inline;
 margin: 0px;
 padding: 0px;
}

/* --------- divOknoContent -------- */

#divOknoContent {
 margin: 0px 0px 15px 0px;
 padding: 0px;
 border: 0px solid black;
}

#divOknoContent h1 {
 color: #fff;
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 height: 29px;
 background-color: #a0c8ff;
 line-height: 29px;
 padding-left: 15px;
}

#divOknoContent h2 {
 color: #336699;
 font-size: 1.3em;
 font-weight: bold;
 margin: 10px 0px 10px 20px;
 padding: 0px;
}

#divOknoContent h3 {
 color: #336699;
 font-size: 1.1em;
 font-weight: bold;
 margin: 10px 0px 10px 20px;
 padding: 0px;
}

#divOknoContent h4 {
 color: #336699;
 font-size: 0.9em;
 line-height: 1em;
 font-weight: bold;
 margin: 3px 0px 3px 20px;
 padding: 0px;
}

#divOknoContent p {
 color: #000;
 font-size: 0.9em;
 margin: 10px 0px 10px 20px;
 padding: 0px;
 line-height: 1.5em;
}

#divOknoContent ul {
 margin: 15px 5px 15px 35px;
 padding: 0px;
 list-style-type: disc;
}

#divOknoContent ul li {
 color: #000;
 font-size: 0.9em;
 line-height: 1.8em;
}

#divOknoContent img {
 margin: 0px 5px 5px 0px;
 border: 0px solid black;
}

#divOknoContent a {
 color: #336699;
 font-size: 1em;
 text-decoration: underline;
}

#divOknoContent a:hover {
 text-decoration: none;
}

#divOknoContent strong {
 color: #336699;
 font-weight: bold;
}

/* --------- @divOknoContent -------- */

/* --------- hlavni layout -------- */

/* --------- formulare -------- */



/* --------- @formulare -------- */


/* --------- seznamy -------- */

.ulMenu {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 height: 34px;
}

.ulMenu li {
 float: left;
 margin: 0px;
 padding 0px;
 text-align: center;
 line-height: 34px;
 border: 0px solid black;
}

.ulMenu li a {
 color: #fff;
 font-weight: bold;
 font-size: 1.2em;
 text-decoration: none;
 margin: 0px 30px 0px 30px;
}

.ulMenu li a:hover {
 text-decoration: underline;
}

.ulMenu li.active {
 background: url('menu-li-active.gif') repeat-x left top;
}

.ulMenu li.oddelovac {
 color: #fff;
 font-weight: bold;
 font-size: 1em;
 text-decoration: none;
 line-height: 34px;
}

/* --------- @seznamy -------- */


/* --------- tabulky -------- */

.tableMenu {
 margin: 0px;
 padding: 0px;
 width: 100%;
 border-collapse: collapse;
 font-size: 1em;
 height: 20px;
}

.tableMenu td {
 margin: 0px;
 padding 0px;
 text-align: center;
 border: 0px solid black;
}

.tableMenu td a {
 color: #fff;
 font-weight: bold;
 font-size: 1.2em;
 text-decoration: none;
 line-height: 34px;
}

.tableMenu td a:hover {
 text-decoration: underline;
}

.tableMenu td.active {
 background: url('menu-li-active.gif') repeat-x left top;
}

.tableMenu td.oddelovac {
 color: #fff;
 font-weight: bold;
 font-size: 1em;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
}

/* --------- @tabulky -------- */

hr.cleaner {
 clear:both;
 height:1px;
 margin: -1px 0 0 0; padding:0;
 border:none;
 visibility: hidden;
}

.wdbox {
 margin: 0px;
 padding-bottom: 10px;
 background: url('newsletter.gif') repeat-x left top;
}

.wdbox h2 {
color: white;
font-size: 1em;
font-weight: bold;
line-height: 29px;
margin: 0px 10px;
padding: 0px;
margin-bottom:10px;
text-align: right;
}

.wdbox a{
	padding-left: 10px;
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}

.doporucujeme{
	color:gray;
	font-family:sans-serif;
	background-color: #A1A9B5;
}

.doporucujeme a{
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}