html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-size: 60%;
text-align: center;
color: #333;
background: #fff url(images/bg-body.gif) repeat-x;
font-family: Arial;
}
#content {
position: relative;
width: 988px;
background: url(images/bg-content.gif) repeat-y;
text-align: left;
margin: 15px auto;
padding-left: 2px;
}
#main {
position: relative;
float: left;
width: 660px;
background: #fff;
padding: 0 30px;
}
#main .item1, #main .item2{
position: relative;
float: left;
width: 295px;
padding: 20px 30px 30px 30px;
background: #ececec;
left:-30px;
}
#homepage .item1, #homepage .item2 {
border:0 none;
height:auto !important;
min-height:380px;
}
#main .item2 {
background:white none repeat scroll 0 0;
margin:0;
width:245px;
}
#homepage .item1, #homepage .item2 {
min-height: 380px;
height: auto!important;
height: 380px;
border: 0;
}
#side {
position: relative;
float: left;
width: 225px;
top: -310px;
padding: 0 20px;
background: #ececec;
font-size: 120%;
line-height: 2em;
margin-bottom: -265px;
}
#side h2 {
font-size: 150%;
margin-top: 20px;
margin-bottom: 20px;
}
#side img {
margin: 20px -20px;
}
table.side {
width: 100%;
margin-top: 20px;
}
table.side td.lefttd {
width: 40%;
}
#side #news_box {
min-height: 305px;
height: auto!important;
height: 305px;
}
#header #space_for_flash {
position: absolute;
width: 990px;
height: 320px;
top: 146px;
background: #494949 url(/wp-content/themes/default/images/bg_otherside.gif);
}
#flash {
background:#484848 url(images/ctecka-home-page.jpg) no-repeat top right;
display:block;
height:245px;
left:2px;
position:absolute;
top:180px;
width:705px;
font-size: 110%;
font-weight: bold;
text-align: left;
color: #CECECE;
text-transform: uppercase;
padding:15px 0 0 15px;
}
#flash ul {
  display: block;
  margin-left:20px;
  margin-top:20px;
}
#flash ul li {
  display: block;
  margin-bottom:17px;
}
#header {
position: relative;
background: url(images/bg-header.png) no-repeat left top;
height: 490px;
overflow: hidden;
margin-left: -2px;
}
/*
#en #header {
background: transparent url(/wp-content/themes/default/images/hlavicka_en.jpg) no-repeat;
}
*/
#menu {
background:#434343 none repeat scroll 0 0;
height:20px;
left:2px;
padding-bottom:7px;
padding-top:7px;
position:absolute;
text-align:left;
top:108px;
width:985px;
}
#menu h2 {
display:none;
}
#menu ul li {
display: inline;
border-left: solid #333 2px;
position: relative;
}
#menu ul li.o-spolecnosti, #menu ul li.about-company {
border: none;
}
#menu ul li a {
text-decoration: none;
height: 20px;
line-height: 20px;
padding: 0 1em;
color: #FFF;
text-decoration: none;
font-size: 140%;
font-weight: bold;
position: relative;
}
#menu ul li a:hover {
text-decoration: underline;
color: #FFF;
}
#menu ul li a.current {
color: #FDE020;
}
#breadcrumb {
background-color:#6F6F6F;
height:26px;
left:2px;
padding-left:30px;
padding-top:12px;
position:absolute;
top:142px;
width:690px;
}
#breadcrumb li {
display: inline;
}
#header a strong {
display: none;
}
#current a {
position: absolute;
display: block;
width: 0;
height: 75px;
top: 18px;
left: 29px;
padding-left: 290px;
overflow: hidden;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
#other {
background:#6F6F6F none repeat scroll 0 0;
height:12px;
overflow:hidden;
padding-bottom:13px;
padding-left:145px;
padding-top:13px;
position:absolute;
right:3px;
top:142px;
width:120px;
z-index:100;
}
#other li {
display: block;
float: left;
}
#other li a {
display: block;
height: 11px;
width: 0;
padding: 0 0 0 16px;
overflow: hidden;
z-index:100;
margin-left: 15px;
}
#other li.cz a {
background: red url(/wp-content/themes/default/images/cz.jpg) no-repeat;
}
#other li.en a {
background: blue url(/wp-content/themes/default/images/en.jpg) no-repeat;
display: none;
}
#other li.de a {
background: blue url(/wp-content/themes/default/images/de.jpg) no-repeat;
}
form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
form {
font-size: 110%;
width: 80%;
margin: 0 auto;
}
fieldset {
margin: 0.5em 0;
}
fieldset legend {
font-size: 150%;
font-weight: bold;
color: #333;
}
fieldset fieldset legend {
font-size: 130%;
}
form label {
text-align: right;
display: block;
}
form input, form select {
width: 98%;
}
form label input {
width: 2em;
}
#footer {
background: transparent url(images/bg-footer.jpg) no-repeat left top;
height: 45px;
clear: both;
text-align: center;
margin-left: -2px;

}
#footer .prihlasovani {
bottom:500px;
left:560px;
position:absolute;
text-align: left;
width: 340px;
height: 1126px;
}
#footer .prihlasovani a {
background-color: #fde020;
margin-left: 0;
border: 1px #e6c90b solid;
padding: 5px;
width: 100px;
text-decoration: none;
}
#footer .prihlasovani a:hover {
text-decoration: underline;
}
#footer .prihlasovani h2{
padding-left: 0px;
margin-bottom: 20px;
font-size: 180%;
font-weight: normal;
}
#footer .prihlasovani form{
width: 270px;
position: static;
border-bottom: 1px #e0e0e0 solid;
padding-bottom: 30px;
background: url(images/bg-prihlasovani.gif) no-repeat right top;
padding-right: 61px;
padding-left: 15px;
}
#footer .prihlasovani form label{

width: 112px;
text-align: left;
}

#footer .prihlasovani form input{
position: relative;
right:-100px;
top:-15px;
width: 150px;
background-color: #f3f3f3;
border: 1px #8a8a8a solid;
}

#footer .prihlasovani ul{
background: url(images/bg-karta.gif) no-repeat left top;
padding-left: 80px;
padding-top: 20px;
height: 28px ;
display: block;
position: relative;
top:15px;
left:40px;
}
#footer .prihlasovani ul li{
background: url(images/bg-prihlasovani-li.gif) no-repeat left center;
padding: 20px 10px 10px 20px;
margin-top: 50px;

}
#footer .prihlasovani ul li a{
color: #c5ab00;
font-weight: bolder;
text-decoration: none;
}
#footer .prihlasovani form button{
background-color: #fde020;
margin-left: 167px;
border: 1px #e6c90b solid;
}
#footer p {
height: 49px;
line-height: 49px;
}
#footer a, a {
text-decoration: underline;
color: #333;
}
#footer a:hover, a:hover {
text-decoration: none;
color: #666;
}
#breadcrumb a {
  text-decoration: underline;
  color: #333;
}
#breadcrumb a:hover {
  text-decoration: none;
  color: #333;
}
#footer li {
display: inline;
}
#footer br {
display: none;
}
.searchform {
position: absolute;
right: 20px;
top: 65px;
width: 230px;
height: 22px;
}
.searchform input {
width: 150px;
border: solid #003366 1px;
}
.searchform button {
width: 55px;
border: solid #003366 1px;
background: #fff url(/wp-content/themes/default/images/button.gif) repeat-x;
margin-left: 15px;
}
#lista {
clear: both;
display: block;
height: 40px;
padding: 20px;
background: #FFFFFF;
width:950px;
position: relative;
left: -2px;
text-align: center;
}
#homepage #main h1 {
display: none;
}
#main h1 {
margin: -50px -30px 30px -30px;
padding: 0 30px;
background: #fcdd0b url(/wp-content/themes/default/images/dot.gif) no-repeat left center;
background-position: 10px;
height: 35px;
line-height: 35px;
font-size: 160%;
}
#homepage #main h2 {
margin: -70px -90px 30px -30px;
padding: 0 30px;
background: #fcdd0b url(/wp-content/themes/default/images/dot.gif) no-repeat left center;
background-position: 10px;
height: 35px;
line-height: 35px;
}
h2 {
font-size: 160%;
margin: 1em 0 .3em 0;
}
#side h2 {
font-size: 140%;
margin: 10px 0;
}
h3 {
font-size: 150%;
margin: 1em 0 .3em 0;
}
h4 {
font-size: 140%;
margin: 1em 0 .3em 0;
}
#main p {
font-size: 120%;
line-height: 1.4em;
margin: 1em 0;
text-align: justify;
}
#main .item1 ul li p,#main .item2 ul li p {
margin: 0;
}
#main ul, #main ol {
margin: .3em 0;
}
#main ul li, #main ol li {
list-style: disc url();
margin-left: 2em;
font-size: 120%;
line-height: 1.6em
}
#reference #main ul li {
margin: .4em 0;
}
#main ol li {
list-style: decimal url();
}
#main ul li li {
font-size: 110%;
}
#main table {
margin: 20px auto;
width: 95%;
background: #fff;
border-collapse: collapse;
border: solid #ccc 1px;
font-size: 120%;
text-align: center;
}
#main table td {
border: solid #CCC 1px;
padding: 2px;
}
#homepage #main table {
background: #fff
}
#main table th {
text-align: center;
border: solid #CCC 1px;
}
#main table th, #main table td {
vertical-align: middle;
border: solid #CCC 1px;
}
#main table thead th, #main table th.right, #main table th.left {
text-align: center;
float: none;
border: solid #CCC 1px;
}
#main table td.right {
text-align: right;

float: none;
border: solid #CCC 1px;
}
#main table td.left {
text-align: left;
float: none;
border: solid #CCC 1px;
}
#main table thead th, #main table thead td {
border: solid #CCC 1px;
background: #FCDD0B;
}
#main table tfoot th, #main table tfoot td {
border: solid #CCC 1px;
}
#main table tbody th {
border: solid #CCC 1px;
}
#main table caption {
caption-side: bottom;
font-style: italic;
text-align: left;
}
.hidden {
display: none;
}
.cleaner {
clear: both;
}
h2.cleaner {
padding-top: 0.8em;
}
a img {
border: none;
}
.left {
float: left
}
.right {
float: right;
}
.center {
text-align: center;
}
img.left {
margin-right: 1em;
}
img.right {
margin-left: 1em;
}
.linklove {
display: none !important;
}
/*
#kontakty #main h2 {
background:#ECECEC none repeat scroll 0 0;
display:block;
height:180px;
left:-30px;
padding-left:30px;
padding-top:10px;
position:relative;
top:-16px;
width:295px;
}
#kontakty #main p {
position:relative;
top:-135px;
}
#kontakty #main p strong {
position:relative;
top:2px;
}
#kontakty #main ul {
position:relative;
top:-180px;
}
#kontakty #main table {
left:-30px;
position:relative;
top:-170px;
width:109%;
}
*:first-child+html #kontakty #main table {
top:-192px;
}
#kontakty #main {
margin-bottom:-130px;
}
*/
#kontakty #main p {
clear: both;
}
#kontakty #main .adresa {
margin-bottom: 10px;
}
#main {
background: transparent;
}
#kontakty #main td strong {
background-color:#FCDD0B;
display:block;
padding:2px;
font-weight:bold;
}
#kontakty #main td {
padding:0px;
}
#kontakty #main td a {
font-size:100%;
}
.hotline {
text-align: center;
}
#side h2.hotline {
margin-bottom: 0.1em;
margin-top: 0;
}
#side p.hotline {
font-size: 160%;
font-weight: bold;
margin-bottom: 10px;
}
#main #edit {
  position: absolute;
  top: 0;
  right: 0;
}
#menu ul li ul {
position: absolute;
width: 250px;
left: 0px;
top: 13px;
border-top: 1px solid #333333;
}
#menu ul li ul li {
padding:0;
display: block;
border: none;
}
#menu ul li ul li a {
display: block;
text-decoration: none;
padding:2px 5px 4px;
font-size: 110%;
background: #999999;
color: black;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
#menu ul li ul li a:hover {
background: #FCDD0B;
}
#menu ul ul,
#menu ul ul li:hover ul ul {
display: none;
}
#menu ul li:hover ul,
#menu ul ul li:hover ul {
display: block;
}