html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
/*
html {
width: 1920px;
}
*/
body {
font-size: 62.5%;
text-align: center;
color: #000;
font-family: sans-serif;
min-width: 1000px;
max-width: 1920px;
margin: 0 auto;
background: url('../images/background-vertical.jpg') repeat-y center top;
/*
background-image: url('../images/background-sub.jpg'), url('../images/background-vertical.jpg');
background-repeat: no-repeat, repeat-y;
background-position: center top, center top;
*/
}
body.homepagedggggfd {
background: url('../images/background.jpg') no-repeat center top;
/*
background-image: url('../images/background.jpg'), url('../images/background-vertical.jpg');
background-repeat: no-repeat, repeat-y;
background-position: center top, center top;
*/
}
div#bg {
width: 100%;
height: 100%;
margin: 0 auto;
background: url('../images/background-sub.jpg') no-repeat center top;
}
div#bg.homepage {
background: url('../images/background.jpg') no-repeat center top;
}
form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
fieldset {
border: 2px solid #75889f;
width: 80%;
margin: 10px auto 20px auto;
padding: 2em 5%;
-moz-border-radius: 2em;
border-radius: 2em;
position: relative;
}
fieldset legend {
font-size: 140%;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
form label {
display: block;
font-size: 120%;
margin: 1em 0 .2em 0;
color: #070753;
font-weight: bold;
}
form input, form select {
width: 200px;
max-width: 500px;
}
form textarea {
width: 95%;
height: 8em;
}
form button, input#submit, input#reset, input.button {
margin: 0;
cursor: pointer;
border: 0;
}
/*
form button, input#submit, input#reset, input.button {
padding: 0;
margin: 0;
cursor: pointer;
background: black;
color: white;
width: 15em;
border: 0;
height: 30px;
line-height: 30px;
-moz-border-radius: 1em;
border-radius: 1em;
}
form button:hover, input#submit:hover, input#reset:hover, input.button:hover {
background: #353535;
}
*/
form input.checkbox, input.radio {
width: 25px;
}
input#submit, input#reset, input.button {
float: right;
margin: 20px 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: bold;
font-size: 130%;
color: #070753;
}
h1 {
font-size: 180%;
color: black;
padding: .8em 0 .5em 0;
margin: 0 0 2em 0;
text-align: center;
border-bottom: 3px solid black;
}
h2 {
font-size: 160%;
color: #070753;
margin: 2em 20px .1em 20px;
}
h3 {
font-size: 150%;
color: #002f55;
margin: 1em 0 0 0;
}
h4 {
font-size: 140%;
color: #002f55;
margin: 1em 0 0 0;
font-weight: normal;
}
h5 {
font-size: 120%;
color: #002f55;
margin: 1em 0 0 0;
font-weight: normal;
}
#content {
text-align: left;
width: 990px;
position: relative;
margin: 0 auto;
padding-left: 50px;
}
#header {
height: 162px;
overflow: hidden;
position: relative;
top: 0px;
width: 990px;
margin: 0 auto;
/*background: #006F9B;*/
}
.homepage #header {
height: 562px;
}
#current a {
width: 200px;
height: 58px;
overflow: hidden;
float: left;
display: block;
background: url('../images/logo.jpg') no-repeat left top;
}
#header-content {
width: 990px;
height: 65px;
overflow: hidden;
display: block;
position: absolute;
top: 97px;
left: 50px;
background-color: #000000;
background: url('../images/header-sub.jpg') no-repeat left top;
}
.homepage #header-content {
height: 465px;
}
.bg-1 #header-content {
background: url('../images/header_1.jpg') no-repeat left top;
}
.bg-2 #header-content {
background: url('../images/header_2.jpg') no-repeat left top;
}
.bg-3 #header-content {
background: url('../images/header_3.jpg') no-repeat left top;
}
.bg-4 #header-content {
background: url('../images/header_4.jpg') no-repeat left top;
}
#header-content a.link {
width: 180px;
height: 47px;
overflow: hidden;
display: block;
}
#header-content a.sub {
width: 250px;
height: 65px;
}
#header-content a.first {
margin-top: 70px;
}
#header-content a.logo {
width: 360px;
height: 80px;
margin-top: 109px;
}
#header-content a span {
display: none;
}
#header-content span.heading {
color: #ffffff;
font-size: 170%;
font-weight: bold;
font-family: sans-serif;
text-indent: 2px;
position: absolute;
top: 20px;
left: 480px;
}
#header-content ul#dots {
position: absolute;
top: 20px;
left: 860px;
width: 100px;
height: 19px;
}
#header-content ul#dots li {
width: 18px;
height: 19px;
display: block;
float: left;
margin: 0 0 0 0;
position: relative;
background: url('../images/dot-grey.png') no-repeat left top;
}
#header-content ul#dots li.active {
background: url('../images/dot-white.png') no-repeat left top;
}
#header-content ul#dots li a.dot {
width: 18px;
height: 19px;
display: block;
}
#header-content ul#dots li a.dot span {
display: none;
}
#tabs-wrapper {
width: 478px;
height: 331px;
position: absolute;
top: 50px;
left: 465px;
background: url('../images/news-bg.png') no-repeat left top;
}
a#toggle {
margin: 0;
float: right;
color: #e85200;
}
#tabs-wrapper div.tab {
margin-left: 16px;
padding: 0;
width: 460px;
height: 331px;
display: none;
position: relative;
}
#tabs-wrapper div.tab span.heading {
font-size: 180%;
font-weight: normal;
max-width: 450px;
position: relative;
top: 25px;
left: 25px;
padding-right: 40px;
padding-bottom: 6px;
}
#tabs-wrapper div.tab span.heading a {
color: #ffffff;
text-decoration: none;
padding-top: 3px;
padding-right: 40px;
background: url('../images/heading.png') no-repeat right center;
}
#tabs-wrapper div.tab span.heading a:hover {
text-decoration: underline;
}
#tabs-wrapper div.tab span.published {
font-size: 120%;
font-weight: normal;
color: #5c5c5c;
position: absolute;
top: 295px;
left: 310px;
}
#tabs-wrapper div.tab a.news-button {
padding: 0;
border: 0;
width: 143px;
height: 31px;
overflow: hidden;
display: block;
position: absolute;
background: url('../images/news-button.png') no-repeat left top;
top: 284px;
left: 23px;
cursor: pointer;
}
#tabs-wrapper div.tab a.news-button span {
display: none;
}
#tabs-wrapper div.content {
position: relative;
top: 70px;
left: 25px;
width: 410px;
height: 220px;
padding: 0;
}
#tabs-wrapper div.content p {
font-size: 120%;
font-weight: normal;
line-height: 20px;
color: white;
width: 410px;
margin: 0 0 5px 0;
}
#tabs-wrapper div.active {
display: block;
}
#header a strong {
display: none;
}
#main {
position: relative;
background: none;
margin: 0 auto;
width: 100%;
padding: 0 0 0 0;
}
#main span.headline {
position: relative;
background: none;
margin: 0 0 10px 18px;
width: 96%;
padding: .7em 0 .7em 0;
font-size: 2.5em;
font-weight: bold;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
display: block;
border-bottom: 1px #cacaca solid;
}
#main span.top {
font-size: .6em;
font-weight: bold;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
vertical-align: text-top;
margin-left: 6px;
}
#main .rightPart {
margin-top:20px;
}
#main .newsletter {
margin-top: 20px;
}
#main .newsletter form {
margin-left: 20px;
}
#main .newsletter form fieldset {
border: 0;
margin: 0;
padding: 0;
}
#main .newsletter form input {
width: 380px;
height: 24px;
border: 1px #ccc solid;
color: #8b8b8b;
font-style: italic;
font-size: 130%;
font-weight: normal;
line-height: 24px;
margin-top: 5px;
padding-top: 2px;
padding-left: 5px;
background: #ffffff url('../images/email.gif') no-repeat right center;
}
#main .newsletter form button#newsletter-button {
width: 143px;
height: 31px;
padding: 0;
border: 0;
cursor: pointer;
float: right;
margin: 15px 0 0 0;
background: url('../images/newsletter-button.png') no-repeat left top;
}
#main .newsletter a.link {
font-size: 120%;
position: relative;
top: -22px;
left: 20px;
}
#main div#submenu {
position: relative;
background: none;
margin: 0 0 10px 18px;
width: 96%;
height: 35px;
padding: .7em 0 .7em 0;
font-size: 2.5em;
font-weight: bold;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
display: block;
border-bottom: 1px #cacaca solid;
}
#main div#submenu ul {
background: url('../images/submenu/submenu-middle.png') repeat-y left top;
}
#main .submenuTop {
width: 512px;
height: 4px;
font-size:1px;
background: url('../images/submenu/submenu-top.png') no-repeat left top;
}
#main .submenuBottom {
width: 512px;
height: 4px;
background: url('../images/submenu/submenu-bottom.png') no-repeat left top;
}
#main .submenuMiddle {
width: 512px;
background: #ffffff url('../images/submenu/submenu-middle.png') repeat-y left top;
}
#main ul#submenu {
width: 512px;
background: #ffffff url('../images/submenu/submenu-middle.png') repeat-y left top;
margin: 0;
padding: 0;
padding-left:6px;
}
#main ul#submenu li {
display:inline;
list-style-type:none;
font-size: 100%;
height: 32px;
margin: 0 5px 0 0;
padding: 0 0 5px 4px;
position: relative;
}
#main ul#submenu li a {
font-size: .5em;
color: #3b3b3b;
}
#main ul#submenu li a.active {
color: #e85200;
}
#main ul#submenu li a:hover {
color: #e85200;
}
#side {
position: relative;
float: left;
width: 547px;
}
#side a {
color: #ff4f00;
}
#side a.nav {
font-size: 120%;
margin: 10px 0 10px 36px;
}
#side a.read-more {
font-size: 120%;
float: left;
margin: 10px 0 15px 36px;
}
#side .article {
width: 547px;
float: left;
position: relative;
}
.homepage #side .article {
}
#side div#article img {
float: right;
margin: 3px 3px 10px 10px;
}
#side div#article p.date_publish {
font-weight: bold;
}
/*
#side div#slider {
margin: 10px 0 10px 30px;
}
*/
#side a.show {
margin-left: 20px;
font-size: 120%;
}
#side ul, #side ol {
margin: 20px 20px 20px 50px;
}
#side ul li {
list-style: disc;
font-size: 120%;
}
#side ol li {
list-style: decimal;
font-size: 120%;
}
#side h1 {
font-size: 170%;
width: 514px;
color: #fe5a10;
padding: .5em 0 .5em 2em;
margin: 0 0 .3em 0;
text-align: left;
border: 0;
background: #ffffff url('../images/article-heading.png') no-repeat left bottom;
}
#side .article h2 {
font-size: 170%;
width: 514px;
color: #fe5a10;
padding: .5em 0 .5em 2em;
margin: 0 0 .3em 0;
text-align: left;
background: #ffffff url('../images/article-heading.png') no-repeat left center;
}
#side .article h2 a {
color: #fe5a10;
text-decoration: none;
}
#side .article h2 a:hover {
text-decoration: underline;
}
#side .article span.date {
font-size: 120%;
font-weight: bold;
color: black;
float: left;
max-width: 150px;
background-color: white;
padding: .5em 1.4em .5em 1.4em;
margin-top: 0px;
margin-left: 20px;
-moz-border-radius: .5em;
border-radius: .5em;
}
#side .article p {
position: relative;
margin-top: 40px;
padding-left: 16px;
}
#side .article p.short {
width: 244px;
}
#side .article .article_center {
}
#side .article .article_center_left {
float:left;
width:290px;
}
#side .article .article_center_right {
margin-left:244px;
width:284px;
padding-top: 10px;
#width:250px;
#margin-left: 280px;
}
#side .noimage p {
width: 500px;
}
#side .article p a {
color: #ff4f00;
}
#side .article img {
width: 233px;
height: 150px;
margin: 10px 0 10px 0px;
float: right;
border: 1px #ccc solid;
position: absolute;
top: 50px;
}
#side div.page table {
margin: 10px 10px 10px 10px;
border: 1px #ccc solid;
width: 95%;
}
#side div.page table td {
font-size: 110%;
vertical-align: top;
padding: 5px 10px 5px 10px;
}
#side div.page table.cv {
border: 0;
}
#side div.page table.cv td {
font-size: 120%;
border-bottom: 1px #ccc solid;
}
#otherside {
position: relative;
float: right;
width: 443px;
}
#otherside a {
color: #ff4f00;
font-size: 110%;
}
#otherside .info img {
margin: -10px 0 0 12px;
}
#otherside div.info div.logos {
position: relative;
margin: -10px 0 0 12px;
width: 383px;
height: 133px;
background: url('../images/logos.png') no-repeat left top;
}
#otherside div.info div.logos a span {
display: none;
}
#otherside div.info div.logos a.flickr {
position: absolute;
top: 12px;
left: 275px;
width: 120px;
height: 50px;
}
#otherside div.info div.logos a.blog {
position: absolute;
top: 10px;
left: 0px;
width: 170px;
height: 50px;
}
#otherside div.info div.logos a.cssd {
position: absolute;
top: 65px;
left: 57px;
width: 62px;
height: 75px;
}
#otherside div.info div.logos a.facebook {
position: absolute;
top: 85px;
left: 184px;
width: 86px;
height: 42px;
}
#otherside div.info div.logos a.sad {
position: absolute;
top: 12px;
left: 200px;
width: 57px;
height: 55px;
}
#otherside div.info div.logos a.ekolist {
position: absolute;
top: 85px;
left: 294px;
width: 86px;
height: 42px;
}
#otherside .events {
}
#otherside .event {
margin: 0 0 0 10px;
position: relative;
float: left;
clear: left;
}
#otherside .event div.date {
width: 42px;
height: 35px;
padding: 0 0 0 0;
float: left;
text-align: center;
position: relative;
top: 30px;
font-weight: bold;
margin-left: 10px;
margin-right: 15px;
background: #ffffff url('../images/event-bg.png') no-repeat left top;
}
#otherside .event div.center {
padding: 12px 0 0 0;
}
#otherside .event h2 {
font-size: 1.2em;
width: 350px;
font-weight: normal;
}
#otherside .event h2 a {
width: 100%;
color: #000000;
padding: .1em 25px .2em 20px;
text-decoration: none;
display: block;
background: url('../images/heading-grey.png') no-repeat right center;
}
#otherside .event h2 a:hover {
color: #ff4f00;
background: url('../images/heading-orange.png') no-repeat right center;
}
#otherside .event span {
font-size: 1.1em;
position: absolute;
left: 68px;
}
#footer {
clear: both;
width: 100%;
background: none;
}
#footer, #footer p a {
color: white;
}
#footer p.copy {
margin-left: 80px;
padding: 1.5em 10px;
}
#footer li {
display: inline;
}
#footer br {
display: none;
}
#footer ul.menu {
float: right;
margin: 30px 40px 30px 0;
padding-bottom: 30px;
}
#footer ul.menu li {
margin-right: 20px;
padding: 5px 5px 5px 5px;
}
#footer ul.menu li a {
color: #ccc;
font-size: 1.1em;
}
#footer p.right {
position: absolute;
top: 0;
right: 0;
margin-top: 20px;
margin-right: 15px;
float: right;
}
#footer p.right a {
font-size: 110%;
color: #e85200;
margin-right: 10px;
}
div#bg #footer-bg {
clear: both;
width: 100%;
height: 282px;
background: url('../images/background-footer.jpg') no-repeat center top;
}
div#bg #footer-content {
margin: 0 auto;
width: 990px;
padding-left: 50px;
}
div#bg #footer-content a.logo {
width: 200px;
height: 60px;
position: relative;
top: 30px;
left: 10px;
color: #b1b1b1;
display: block;
}
div#bg #footer-content a.logo span {
display: none;
}
div#bg #footer-content, div#bg #footer-content p a {
color: white;
}
div#bg #footer-content p.copy {
margin-left: 80px;
padding: 1.5em 10px;
}
div#bg #footer-content br {
display: none;
}
div#bg #footer-content ul.menu {
float: right;
margin: 0px 30px 0 0;
padding-bottom: 30px;
}
div#bg #footer-content ul.menu li {
display: inline;
margin-right: 20px;
padding: 5px 5px 5px 5px;
}
div#bg #footer-content ul.menu li a {
color: #ccc;
font-size: 1.1em;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
#main p {
font-size: 120%;
margin: 0.5em 20px;
line-height: 1.4em;
}
/*
#main ul, #main ol {
margin: 1em 0;
}
#main ul li, #main ol li {
list-style: disc;
margin-left: 2em;
font-size: 120%;
}
#main ol li {
list-style: decimal;
}
#main li li {
font-size: 110%;
}
*/
/*
#main table {
width: 70%;
margin: 1.5em auto;
border: 2px solid #000000;
border-collapse: collapse;
font-size: 110%;
}
#main table thead {
background: #ededed;
}
#main table tr, #main table tr td, #main table th {
padding: .5em;
border: 1px solid #000000;
}
#main table th, #main table td {
vertical-align: middle;
}
#main table thead th, #main table thead td {
border-bottom: 2px solid #000000;
}
*/
/*#main table tfoot th, #main table tfoot td {
#main table tfoot {
border-top: #dddddd double;
}
#main table tbody th {
border-right: #dddddd double;
}
#main table tbody tr.odd:hover, #main table tbody tr.even:hover {
background: #aaffff;
}
*/
#main table caption {
caption-side: bottom;
font-style: italic;
text-align: left;
}
.hidden {
display: none;
}
.cleaner {
clear: both;
}
a {
text-decoration: underline;
color: #002f55;
}
a:hover {
text-decoration: none;
color: #4f5357;
}
a img {
border: none;
}
.left {
float: left;
}
.right {
float: right;
}
img.left {
margin-right: 1em;
}
img.right {
margin-left: 1em;
}
#menu {
position: absolute;
top: 58px;
left: 50px;
width: 990px;
height: 39px;
background: url('../images/menu-bg.jpg') no-repeat left top;
/*border: 1px solid #75889f;*/
}
#menu form {
height: 39px;
}
#menu form fieldset {
border: 0;
float: right;
width: 330px;
height: 39px;
margin: 0 3px 0 0;
padding: 0;
}
#menu form fieldset label {
color: #404040;
font-style: italic;
float: left;
margin-right: 10px;
}
#menu form input {
width: 200px;
height: 24px;
border: 1px #ccc solid;
color: #8b8b8b;
font-style: italic;
font-size: 130%;
font-weight: normal;
line-height: 24px;
margin-top: 5px;
padding-top: 2px;
padding-left: 5px;
}
#menu form button#search-button {
width: 31px;
height: 39px;
position: absolute;
top: 0px;
right: 82px;
padding: 0;
margin: 0;
background: url('../images/search-button.png') no-repeat left top;
}
#menu ul {
clear: both;
width: 990px;
}
#menu li {
font-size: 100%;
display: block;
float: left;
height: 39px;
line-height: 39px;
margin: 0 0 0 0;
position: relative;
/*border: 1px solid #75889f;*/
}
#menu li#uvod {
width: 107px;
cursor: pointer;
background: url('../images/menu-uvod.png') no-repeat left top;
}
#menu li#o-mne {
width: 64px;
cursor: pointer;
background: url('../images/menu-o-mne.png') no-repeat left top;
}
#menu li#aktuality {
width: 78px;
cursor: pointer;
background: url('../images/menu-aktuality.png') no-repeat left top;
}
#menu li#aktivity {
width: 68px;
cursor: pointer;
background: url('../images/menu-aktivity.png') no-repeat left top;
}
#menu li#eu-ep {
width: 62px;
cursor: pointer;
background: url('../images/menu-eu-ep.png') no-repeat left top;
}
#menu li#archiv {
width: 70px;
cursor: pointer;
background: url('../images/menu-archiv.png') no-repeat left top;
}
#menu li#kalendar {
width: 82px;
cursor: pointer;
background: url('../images/menu-kalendar.png') no-repeat left top;
}
#menu li#kontakt {
width: 74px;
cursor: pointer;
background: url('../images/menu-kontakt.png') no-repeat left top;
}
#menu li li {
font-size: 100% !important;
}
#menu li a {
float: left;
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
#menu li a span {
display: none;
}
#menu li.current, #menu li#uvod:hover, #menu li.uvod-active {
background: url('../images/menu-uvod-hover.png') no-repeat left top;
}
#menu li.current, #menu li#o-mne:hover, #menu li.o-mne-active {
background: url('../images/menu-o-mne-hover.png') no-repeat left top;
}
#menu li.current, #menu li#aktuality:hover, #menu li.aktuality-active {
background: url('../images/menu-aktuality-hover.png') no-repeat left top;
}
#menu li.current, #menu li#aktivity:hover, #menu li.aktivity-active {
background: url('../images/menu-aktivity-hover.png') no-repeat left top;
}
#menu li.current, #menu li#eu-ep:hover, #menu li.eu-ep-active {
background: url('../images/menu-eu-ep-hover.png') no-repeat left top;
}
#menu li.current, #menu li#archiv:hover, #menu li.archiv-active {
background: url('../images/menu-archiv-hover.png') no-repeat left top;
}
#menu li.current, #menu li#kalendar:hover, #menu li.kalendar-active {
background: url('../images/menu-kalendar-hover.png') no-repeat left top;
}
#menu li.current, #menu li#kontakt:hover, #menu li.kontakt-active {
background: url('../images/menu-kontakt-hover.png') no-repeat left top;
}
#menu li a:hover, #menu li.current a, #menu li:hover a {
color: black;
background-position: right top;
}
#menu li a:hover {
text-decoration: underline;
}
#menu ul ul {
display: none;
clear: none;
width: 150px;
position: absolute;
top: 25px;
left: 0;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 150px;
}
#menu ul ul li {
width: 150px;
margin: 0;
display: block;
float: none;
position: relative;
background: #006F9B;
border-bottom: 1px solid #999999;
}
#menu ul ul li a, #menu ul li:hover ul a {
display: block;
float: none;
margin: 0;
padding: 0 8px;
width: 134px;
background: #006F9B;
color: white;
text-decoration: none;
}
#menu ul li li a:hover {
color: #006F9B;
background: white;
text-decoration: underline;
}
#menu li:hover ul {
display: block;
}
#menu li:hover li ul {
display: none;
}
#menu li:hover li:hover ul {
display: block !important;
}
#menu #menumenu {
top: 0px;
left: 37px;
position: absolute;
}
#menu #menumenu li {
font-size: 120%;
}
#menu #menumenu li a {
/*
-moz-border-radius-topleft: .6em;
-moz-border-radius-topright: .6em;
border-radius-topleft: 1em;
border-radius-topright: 1em;
*/
}
.box {
width: 700px;
margin: 20px auto;
background: #dfdfde;
padding: 5px 10px;
-moz-border-radius: 1em;
border-radius: 1em;
}
#main .box h2 {
margin: .5em 20px;
}
.title {
margin: 20px auto;
font-size: 140%;
font-weight: bold;
border-bottom: 1px #000000 solid;
}
.left-box {
width: 140px;
margin: 20px auto;
background: #dfdfde;
padding: 5px 10px;
-moz-border-radius: 1em;
border-radius: 1em;
}
/*
#main .left-box h2 {
margin: .5em 20px;
}
#main ul.submenu {
margin: 10px auto;
width: 100%;
}
#main ul.submenu li {
display: inline;
list-style: none;
margin: 0;
font-size: 130%;
text-align: center;
border-left: 2px solid;
}
#main ul.submenu li a {
display: inline;
padding: 0 .5em;
}
#main ul.submenu li:first-child {
border: 0;
}
*/
#main .Texyla ul li {
list-style: none!important;
margin: 0;
padding: 0;
}
#main div.navigation p.counter {
margin-left: 50px;
}
.info-message, .error-message, .notice-message {
width: 500px;
padding: 5px 5px 5px 20px;
border: 1px solid #006633;
background: #CDFED0;
margin: 20px 10px;
}
.error-message {
padding: 5px 5px 5px 20px;
border: 1px solid #6B0000;
background: #7e0005;
color: #fcf2af;
}
.info-message strong {
font-size: 120%;
}
.error-message strong {
color: #fcf2af;
font-size: 120%;
}
#messages {
width: 300px;
*width: 300px;
_width: 300px;
height: 100px;
_height: 100px;
*height: 100px;
position: absolute;
top: 150px;
left: 52%;
margin-left: -200px;
*margin-left: -150px;
_margin-left: -150px;
background: #666;
padding: 0;
background-color: #fff;
border: 2px #ff0000 solid;
opacity: 0.9;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
display: none;
}
#messages .message-header {
margin-top: 0px;
width: 233px;
height: 19px;
font-size: 110%;
font-weight: bold;
float: left;
padding: 4px 20px 2px 20px;
background-color: #cd89ad;
}
#messages input {
width: 27px;
height: 25px;
font-weight: bold;
float: right;
border: 0px;
}
#message-text {
margin-top: 20px;
color: #071a22;
font-size: 110%;
padding: 20px 20px;
font-weight: bold;
text-align: center;
}
div.editBox {
padding: 5px 0 0 25px;
}
div.editBox a {
color: #e85200;
}
#main table.institution-table {
border: 1px #ccc solid;
border-collapse: collapse;
margin-left: 20px;
}
#main table.institution-table th {
font-size: 120%;
padding: 10px 10px 10px 10px;
border: 1px #ccc solid;
}
#main table.institution-table td {
font-size: 120%;
padding: 10px 10px 10px 10px;
border: 1px #ccc solid;
}
#main div.institutions ul {
margin: 10px 0 10px 50px;
}
#main div.institutions ul li {
font-size: 120%;
padding: 5px 0 5px 10px;
list-style-type: disc;
}
a.print_link {
margin-left: 20px;
display: block;
font-size: 120%;
}
a.print_link img {
float: left;
}
/*slider style*/
#slider {
width: 443px;
height: 240px;
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
}
#slider ul, #slider li {
margin: 0;
padding: 0;
list-style: none;
}
#slider li {
/*
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/
width: 443px;
height: 240px;
overflow: hidden;
}
.strankovani {
width: 443px;
float: right;
text-align: center;
position: relative;
}
.strankovani img {
display: inline;
}
span#prevBtn {
width: 35px;
height: 17px;
position: absolute;
left: 129px;
}
span#nextBtn {
width: 35px;
height: 17px;
position: absolute;
left: 222px;
}
span#prevBtn a {
width: 35px;
height: 17px;
display: block;
}
span#nextBtn a {
width: 35px;
height: 17px;
display: block;
}
span#actual_page {
position: absolute;
left: 182px;
}
#content .article_pager {
position: relative;
margin-top: 20px;
min-height: 50px;
}
#content .article_pager .article_pager_text {
position: absolute;
left: 80px;
top: 10px;
font-size: 12px;
width: 80%;
text-align: center;
}
#content .article_pager .article_pager_text .prev {
position: absolute;
left: 0px;
top: 0px;
}
#content .article_pager .article_pager_text .next {
position: absolute;
right: 0px;
top: 0px;
}
#content .article_pager a {
color: #e26356;
text-decoration: none;
}
#content .article_pager a:hover {
text-decoration: underline;
}
#side table.contact {
padding: 0;
margin: 0;
}
#side table.contact td {
padding: 0;
margin: 0;
}
#side table.contact td p {
padding: 0;
margin: 0;
}
#side table.contact p img {
float: left;
margin-right: 10px;
border: 1px #ccc solid;
}
/*dictionary content*/
#main .dictionaryContent {
}
#main .dictionaryContent h2 {
font-size:200%;
margin-top:15px;
margin-bottom:15px;
}
#main .dictionaryContent .letters {
margin:10px 10px 0 20px;
}
#main .dictionaryContent .letters li {
float:left;
margin-right: 5px;
list-style-type: none;
}
#main .dictionaryContent .letters li a {
font-size: 13px;
}
#main .dictionaryContent .letters li a.selectedLetter {
font-weight: bold;
}
#main .dictionaryContent #dictionaryLetterContent {
width: 100%;
min-height:150px;
height: expression(this.scrollHeight < 150? "150px" : "auto" );
#overflow: visible;
}
#main .dictionaryContent .loading {
width: 100%;
height: 150px;
background: url('../images/ajax-loader.gif') no-repeat center center;
}
#main .dictionaryContent .dictionary {
margin:0px 0px 20px 20px;
font-size:12px;
}
#main .dictionaryContent .dictionary .dictionaryTitle {
margin-right: 30px;
font-style: italic;
float: left;
font-size:14px;
font-weight: bold;
margin-left:20px;
}
#main .dictionaryContent .dictionary .dictionaryText {
margin-left:20px;
}
#main .dictionaryContent .dictionary .dictionaryText p {
font-size: 12px;
line-height: normal;
margin:0px;
}
/* topics */
#main .topicContent {
}
#main .topicContent .topicText {
margin:0px 0px 20px 0px;
}