/*
 * 2004-05-30 by martin pesek
 * all rights reserved.
 */

/* basics */
acronym, abbr {border-bottom:1px dotted #333; cursor:help;}
a[href^='http:'] {background-image: url("link-out.gif"); padding-right: 10px; background-position: top right; background-repeat: no-repeat;}
a[href^='mailto:'] {background-image: url("link-mail.gif"); padding-right: 10px; background-position: top right; background-repeat: no-repeat;}

body {color: #666666; background-color: #59688A; margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;}
.page {width: 760px; background-color: #E6EBF2; background-image: url(sidebg.gif); background-repeat: no-repeat; background-position: bottom left;}
.head {position: static; width: 760px; height: 110px; top: 0; right: auto; bottom: auto; left: auto; background-color: #293f6f; background-image: url(logo.gif); background-repeat: no-repeat; background-position: top left;}
.menu {width: 400px; float: right; margin-top: 80px; background-color: #2C4271; overflow: hidden;}
.main {float: left; width: 570px; padding: 3em 0; min-height: 500px; background-color: #ffffff; background-image: url(shad.gif); background-repeat: repeat-x; background-position: top left;}
.side {float: left; width: 150px; padding: 3em 1em; background-color: transparent;}
.foot {width: auto; height: 1.4em; clear: both; padding: 4px; background-color: #293f6f; color: #ffffff; font-size: 0.8em;}
.banner {float: right; margin-right:0; margin-top: 20px;}
.banner img {border: 0;}

.contact_addr {width: 14px; padding: 0; background-image: url("addr_black_tran.gif"); border-right: 1px dotted #cccccc; background-position: 0 4px; background-repeat: no-repeat;}
.contact_phone {width: 14px; padding: 0; background-image: url("phone_black_tran.gif"); border-right: 1px dotted #cccccc; background-position: 0 4px; background-repeat: no-repeat;}
.contact_email {width: 14px; padding: 0; background-image: url("email_black_tran.gif"); border-right: 1px dotted #cccccc; background-position: 0 4px; background-repeat: no-repeat;}
.contact_www {width: 14px; padding: 0; background-image: url("www_black_tran.gif"); border-right: 1px dotted #cccccc; background-position: 0 4px; background-repeat: no-repeat;}
.dottedright {border-right: 1px dotted #cccccc;}

p {display: block; text-align: justify; padding: 0 5em 1em 5em;}
.bigpadding {padding: 0 4em 4em 4em;}
.imgleft {float: left; margin: 0 20px 0 0; border: 0;}
.imgright {float: right; margin: 0 0 0 20px; border: 0;}
#fotkaknihy.imgright {float: right; margin: 40px 0 0 20px; border: 0;}
.biglink {font-size: 1.5em; display: block; margin-bottom: 12px;}
ul {margin: 0; list-style: disc inside; padding: 1em 4em 2em 4em;}
li {margin: 0 0 0.2em 1.6em;}
li.tab {margin: 0 0 4px 5px;}
div.menu a {color: white; display: block; float: left; margin: 0 1em; padding-left: 0.4em; font-size: 1em; background-color: transparent;}
div.menu a.passive1 {color: white; background-color: transparent; border-left: 6px solid #6B5BE5;}
div.menu a.passive2 {color: white; background-color: transparent; border-left: 6px solid #ffaa22;}
div.menu a.passive3 {color: white; background-color: transparent; border-left: 6px solid #44ee44;}
div.menu a.passive4 {color: white; background-color: transparent; border-left: 6px solid #EF3C59;}
div.menu a.passive1:hover {color: #ccccdd;}
div.menu a.passive2:hover {color: #ccccdd;}
div.menu a.passive3:hover {color: #ccccdd;}
div.menu a.passive4:hover {color: #ccccdd;}
div.menu a.active1 {background-color: transparent; border-left: 6px solid #6B5BE5;}
div.menu a.active2 {background-color: transparent; border-left: 6px solid #ffaa22;}
div.menu a.active3 {background-color: transparent; border-left: 6px solid #44ee44;}
div.menu a.active4 {background-color: transparent; border-left: 6px solid #EF3C59;}
div.menu a.active1:hover {color: #ccccdd;}
div.menu a.active2:hover {color: #ccccdd;}
div.menu a.active3:hover {color: #ccccdd;}
div.menu a.active4:hover {color: #ccccdd;}
.item1 {color: #333333;}
.item2 {color: #333333;}
.item3 {color: #333333;}
.item4 {color: #333333;}
h2.item1 {border-left: 6px solid #6B5BE5; background-image: url("item1.gif"); background-position: top right; background-repeat: no-repeat;}
h2.item2 {border-left: 6px solid #ffaa22; background-image: url("item2.gif"); background-position: top right; background-repeat: no-repeat;}
h2.item3 {border-left: 6px solid #44ee44; background-image: url("item3.gif"); background-position: top right; background-repeat: no-repeat;}
h2.item4 {border-left: 6px solid #EF3C59; background-image: url("item4.gif"); background-position: top right; background-repeat: no-repeat;}

div.lang_sel {margin: 50px 0 0 0;}

a img {border: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.noborder {border: 0;}
h1.title {display: none;}
h2 {font-size: 30px; color: #aaaccc; padding-left: 0.5em; margin-top: 0; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;}
h3 {font-size: 1.8em; margin: 2em 0 1.5em 0; padding-left: 2.7em; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif;}
a h3 {margin: 0;}
.side h3 {margin: 0 0 0 0; padding: 0.7em 0 1.1em 0;}
a {text-decoration: none; font-weight: bold; color: #444488}
.foot a {color: #eeeeff;}
a:hover {color: #0000ff; text-decoration: underline;}
a:visited {color: #6666bb;}
.foot a:hover {color: #aaaaff}
.side table {font-family: arial, helvetica, sans-serif; color: #666666; font-size: 10px;}
.side table td {padding: 2px; padding-bottom: 20px;}
table {font-family: verdana, arial, helvetica, sans-serif; color: #666666; border: 0;}
.main table {margin: 0 0 0 5em; border: 1px dotted #cccccc; background-color: #fafafa;}
.main table td {padding: 3pt;}