body {
margin:0;
padding:0;
background:#BFC0AB url("body.gif") 0 0 repeat-x;
color:#726C56;
font:0.75em Arial,Verdana,sans-serif;
line-height:1.5em;
}

a:link, 
a:visited { 
color: #FF6500;
}

a:hover,
a:active {
color: #000;
text-decoration: none;
}

img {
border-color:#204C8D;
}
 
p {
margin:0 0 10px 0;
padding:0;
text-align:justify;
}
ul {
margin:5px 0 20px 0;
padding:0;
}
ul li {
margin:0;
padding:0 0 0 15px;
list-style:none;
background:url("li.gif") 0 6px no-repeat;
}
ul li ul li {
background:url("lili.gif") 0 5px no-repeat;
}
ol li {
margin:0;
padding:0 0 0 5px;
list-style-type:decimal;
}

h1,
h2 {
margin:15px 0 10px 0;
font-size:150%;
line-height:110%;
color:#FF6500;
text-transform:uppercase;
}

h3 {
margin:15px 0 10px 0;
font-size:150%;
color:#ABA488;
}
h4 {
margin:15px 0 7px 0;
font-size:120%;
color:#FF6500;
}
h5 {
margin:15px 0 5px 0;
font-size:100%;
color:#ABA488;
}
h6 {
margin:10px 0 5px 0;
font-size:90%;
}

table {
font-size:100%;
border-color:#007272;
}

th,
td {
border-color:#007272;
}

sup,
sub {
font-size:80%;
line-height:100%;
}

form {
margin:0;
padding:0;
}

fieldset {
margin:10px 0 0 0;
padding:5px 0;
border:1px solid #204C8D;
}

legend {
font-weight:bold;
color:#204C8D;
}

input,
textarea,
select {
padding:1px 3px;
font:100% Arial,Verdana,sans-serif;
border:1px solid #AFB7CA;
background:#FFF;
}

.btn-button {
position:relative;
left:5px;
height:22px;
line-height:22px;
background:#6796DA;
}

.formsubmit {
border:none;
background:none;
color:#FFF;
font-weight:bold;
}

hr {
margin:20px 0;
padding:0;
border:none;
border-top:1px solid #8C8C8C;
}

blockquote {
margin: 10px 0;
}

hr.hr,
#pagename, 
.hidden,
.top-anchor,
.menu1-anchor,
.quicksearch-anchor {
display:none;
}

/**/
.page {
width:989px;
margin:32px auto;
}
.page-box {
float:left;
width:100%;
background:#FFF url("page.gif") right top repeat-y;
}
.main {
float:left;
width:100%;
background:url("header.jpg") 0 0 no-repeat;
}

#header {
height:256px;
}

/* Section specific header images - fuckup */
body.de_DE div#header {
background: url('header_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#header {
background: url('header_pl.jpg') 0 0 no-repeat;
}

div#page-zakladni-pravidla div#header,
div#page-bodovy-system-vyse-pokut div#header,
div#page-dulezita-upozorneni div#header,
div#page-cesko div#header,
div#page-polsko div#header,
div#page-nemecko div#header {
background: url('header-pravidla.jpg') 0 0 no-repeat;
}

body.de_DE div#page-zakladni-pravidla div#header,
body.de_DE div#page-bodovy-system-vyse-pokut div#header,
body.de_DE div#page-dulezita-upozorneni div#header,
body.de_DE div#page-cesko div#header,
body.de_DE div#page-polsko div#header,
body.de_DE div#page-nemecko div#header {
background: url('header-pravidla_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#page-zakladni-pravidla div#header,
body.pl_PL div#page-bodovy-system-vyse-pokut div#header,
body.pl_PL div#page-dulezita-upozorneni div#header,
body.pl_PL div#page-cesko div#header,
body.pl_PL div#page-polsko div#header,
body.pl_PL div#page-nemecko div#header {
background: url('header-pravidla_pl.jpg') 0 0 no-repeat;
}

div#page-predstaveni-regionu div#header,
div#page-nehodove-useky div#header,
div#page-predstaveni-regionu div#header,
div#page-smrtelne-nehody div#header,
div#page-statistiky-nehod-grafy div#header,
div#page-hranicni-prechody div#header,
div#page-nehodove-useky-v-cr div#header,
div#page-nehodove-useky-v-polsku div#header,
div#page-nehodove-useky-v-nemecku div#header,
div#page-smrtelne-nehody-v-cr div#header,
div#page-smrtelne-nehody-v-polsku div#header,
div#page-smrtelne-nehody-v-nemecku div#header,
div#page-ern-cz div#header,
div#page-ern-pl div#header,
div#page-ern-de div#header {
background: url('header-regiony.jpg') 0 0 no-repeat;
}

body.de_DE div#page-predstaveni-regionu div#header,
body.de_DE div#page-nehodove-useky div#header,
body.de_DE div#page-predstaveni-regionu div#header,
body.de_DE div#page-smrtelne-nehody div#header,
body.de_DE div#page-statistiky-nehod-grafy div#header,
body.de_DE div#page-hranicni-prechody div#header,
body.de_DE div#page-nehodove-useky-v-cr div#header,
body.de_DE div#page-nehodove-useky-v-polsku div#header,
body.de_DE div#page-nehodove-useky-v-nemecku div#header,
body.de_DE div#page-smrtelne-nehody-v-cr div#header,
body.de_DE div#page-smrtelne-nehody-v-polsku div#header,
body.de_DE div#page-smrtelne-nehody-v-nemecku div#header,
body.de_DE div#page-ern-cz div#header,
body.de_DE div#page-ern-pl div#header,
body.de_DE div#page-ern-de div#header {
background: url('header-regiony_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#page-predstaveni-regionu div#header,
body.pl_PL div#page-nehodove-useky div#header,
body.pl_PL div#page-predstaveni-regionu div#header,
body.pl_PL div#page-smrtelne-nehody div#header,
body.pl_PL div#page-statistiky-nehod-grafy div#header,
body.pl_PL div#page-hranicni-prechody div#header,
body.pl_PL div#page-nehodove-useky-v-cr div#header,
body.pl_PL div#page-nehodove-useky-v-polsku div#header,
body.pl_PL div#page-nehodove-useky-v-nemecku div#header,
body.pl_PL div#page-smrtelne-nehody-v-cr div#header,
body.pl_PL div#page-smrtelne-nehody-v-polsku div#header,
body.pl_PL div#page-smrtelne-nehody-v-nemecku div#header,
body.pl_PL div#page-ern-cz div#header,
body.pl_PL div#page-ern-pl div#header,
body.pl_PL div#page-ern-de div#header {
background: url('header-regiony_pl.jpg') 0 0 no-repeat;
}

div#page-kampane-a-akce div#header {
background: url('header-kampane-a-akce.jpg') 0 0 no-repeat;
}

body.de_DE div#page-kampane-a-akce div#header {
background: url('header-kampane-a-akce_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#page-kampane-a-akce div#header {
background: url('header-kampane-a-akce_pl.jpg') 0 0 no-repeat;
}

div#page-zajimave-odkazy div#header {
background: url('header-zajimave-odkazy.jpg') 0 0 no-repeat;
}

body.de_DE div#page-zajimave-odkazy div#header {
background: url('header-zajimave-odkazy_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#page-zajimave-odkazy div#header {
background: url('header-zajimave-odkazy_pl.jpg') 0 0 no-repeat;
}

div#page-rady-pro-rodice div#header,
div#page-detska-dopravni-hriste div#header,
div#page-ddh-pl div#header,
div#page-ddh-de div#header,
div#page-ddh-cz div#header,
div#page-system-dopravni-nehody div#header,
div#page-sdv-pl div#header,
div#page-sdv-de div#header,
div#page-sdv-cz div#header {
background: url('header-deti-na-silnici.jpg') 0 0 no-repeat;
}

body.de_DE div#page-rady-pro-rodice div#header,
body.de_DE div#page-detska-dopravni-hriste div#header,
body.de_DE div#page-ddh-pl div#header,
body.de_DE div#page-ddh-de div#header,
body.de_DE div#page-ddh-cz div#header,
body.de_DE div#page-system-dopravni-nehody div#header,
body.de_DE div#page-sdv-pl div#header,
body.de_DE div#page-sdv-de div#header,
body.de_DE div#page-sdv-cz div#header {
background: url('header-deti-na-silnici_de.jpg') 0 0 no-repeat;
}

body.pl_PL div#page-rady-pro-rodice div#header,
body.pl_PL div#page-detska-dopravni-hriste div#header,
body.pl_PL div#page-ddh-pl div#header,
body.pl_PL div#page-ddh-de div#header,
body.pl_PL div#page-ddh-cz div#header,
body.pl_PL div#page-system-dopravni-nehody div#header,
body.pl_PL div#page-sdv-pl div#header,
body.pl_PL div#page-sdv-de div#header,
body.pl_PL div#page-sdv-cz div#header {
background: url('header-deti-na-silnici_pl.jpg') 0 0 no-repeat;
}

#logo {
float:left;
}

#logo a {
display:block;
width:233px;
height:170px;
text-decoration:none;
}
#logo strong {
visibility:hidden;
}

#content {
float:left;
position:relative;
left:27px;
width:519px;
}

div#navigate {
position: relative;
z-index: 4;
}

#pagetitle h2 {
font-weight:normal;
}
#pagetitle h2 span {
display:block;
font-weight:bold;
font-size:65%;
text-transform:lowercase;
color:#ABA488;
}

#column {
float:right;
width:411px;
}

#footer {
clear:both;
float:left;
width:100%;
height:88px;
background:#BFC0AB url("footer.gif") 0 0 no-repeat;
font-size:90%;
}
#menux {
width:577px;
height:60px;
line-height:60px;
text-align:center;
color:#F5E1A6;
}
#menux a {
color:#F5E1A6;
text-decoration:none;
text-transform:lowercase;
}
#menux a:hover, #menux a:active {
color:#000;
}
#copyright {
clear:left;
float:left;
padding:0 10px 0 27px;
border-right:1px solid #726C56;
color:#726C56;
}
#miton {
float:left;
padding:0 0 0 10px;
color:#726C56;
}
#sponzors {
float:right;
position:relative;
left:-27px;
top:-46px;
height:32px;
line-height:32px;
padding:0 162px 0 0;
background:url("sponzors.gif") right center no-repeat;
color:#FFF;
white-space:nowrap;
}

#layer1 {
position:absolute;
left:0;
top:0;
width:100%;
}
#layer1-box {
width:989px;
margin:0 auto;
}
#menulang ul {
clear:both;
float:right;
position:relative;
top:210px;
width:99px;   
margin:0;
padding:0;
}
#menulang li {
float:left;
width:30px;
height:15px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
background:none;
}
#menulang a {
displaY:block;
float:left;
width:25px;
height:15px;
text-decoration:none;
}
#mli-cz a {
background:url("cz.gif") 0 0 no-repeat;
}
#mli-de a {
background:url("de.gif") 0 0 no-repeat;
}
#mli-pl a {
background:url("pl.gif") 0 0 no-repeat;
}
#menulang a:hover, #menulang a:active {
background-position:1px 1px;
}
#menulang span {
visibility:hidden;
}

#menu1 {
clear:both;
float:left;
position:relative;
top:223px;
width:100%;
}

#menu1 ul {
margin:0;
padding:0;
}

#menu1 li {
float:left;
width:165px;
margin:0;
padding:0;
background:none;
}

#menu1 li#m11i-deti-na-silnici,
#menu1 li#m11i-kinder-auf-der-strasse,
#menu1 li#m11i-dzieci-na-drogach {
width:164px;
}

#menu1 li#m11i-mapa-webu, 
#menu1 li#m11i-kontakt,
#menu1 li#m11i-webkarte,
#menu1 li#m11i-mapa-serwisu {
position:relative;
left:477px;
top:-74px;
width:102px;
}

#m11i-kontakt {
width:80px;
}

#menu1 a {
display:block;
float:left;
width:164px;
height:45px;
line-height:45px;
text-align:center;
background:url("m1i0.gif") 0 0 no-repeat;
color:#7D6E47;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-size:90%;
cursor:pointer;
}

#menu1 li#m11i-homepage a:link, 
#menu1 li#m11i-homepage a:visited {
background:url("m1i0-1.gif") 0 0 no-repeat;
}

#menu1 li#m11i-deti-na-silnici a:link, 
#menu1 li#m11i-deti-na-silnici a:visited,
#menu1 li#m11i-kinder-auf-der-strasse a:link,
#menu1 li#m11i-kinder-auf-der-strasse a:visited,
#menu1 li#m11i-dzieci-na-drogach a:link,
#menu1 li#m11i-dzieci-na-drogach a:visited {
background:url("m1i0-l.gif") 0 0 no-repeat;
}

#m11i-mapa-webu a, 
#m11i-kontakt a,
#m11i-webkarte a,
#m11i-mapa-serwisu a {
height:19px;
line-height:19px;
text-align:right;
background:none;
color:#DFDAC6;
text-transform:lowercase;
font-weight:normal;
}

#m11i-mapa-webu a,
#m11i-webkarte a,
#m11i-mapa-serwisu a {
width:102px;
background:url("m1-sitemap.gif") 83px 0 no-repeat;
}

#m11i-kontakt a {
width:80px;
background:url("m1-contact.gif") 61px 0 no-repeat;
}

#menu1 li a:hover, 
#menu1 li a:active, 
#menu1 li#m11i-homepage a:hover,
#menu1 li#m11i-homepage a:active,
#menu1 li#m11i-deti-na-silnici a:hover,
#menu1 li#m11i-deti-na-silnici a:active,
#menu1 li a#m11active,
#menu1 li#m11i-homepage a#m11active,
#menu1 li#m11i-deti-na-silnici a#m11active,
#menu1 li#m11i-kinder-auf-der-strasse a:hover,
#menu1 li#m11i-kinder-auf-der-strasse a:active,
#menu1 li#m11i-kinder-auf-der-strasse a#m11active,
#menu1 li#m11i-dzieci-na-drogach a:hover,
#menu1 li#m11i-dzieci-na-drogach a:active,
#menu1 li#m11i-dzieci-na-drogach a#m11active {
color:#000;
background:none;
}

#menu1 li:hover > a,
#menu1 li#m11i-deti-na-silnici:hover a,
#menu1 li#m11i-kinder-auf-der-strasse a,
#menu1 li#m11i-dzieci-na-drogach a {
background: none;
}

#menu1 li#m11i-mapa-webu a:hover, 
#menu1 li#m11i-mapa-webu a:active,
#menu1 li#m11i-webkarte a:hover,
#menu1 li#m11i-webkarte a:active,
#menu1 li#m11i-mapa-serwisu a:hover,
#menu1 li#m11i-mapa-serwisu a:active {
color:#FF5A00;
background:url("m1-sitemap.gif") 84px 1px no-repeat;
}

#menu1 li#m11i-kontakt a:hover,
#menu1 li#m11i-kontakt a:active {
color:#FF5A00;
background:url("m1-contact.gif") 62px 1px no-repeat;
}

#m11i-mapa-webu span,
#m11i-kontakt span,
#m11i-webkarte span,
#m11i-mapa-serwisu span {
display:block;
padding:0 29px 0 0;
}

#menu1 ul ul {
clear:both;
float:left;
position:absolute;
top:0;
z-index:10;
left:-9999px;
margin:45px 0 0 0;
padding:0 0 13px 0;
background:url("m12.gif") left bottom no-repeat;
}
#menu1 ul li:hover ul, #menu1 ul li.mnhover ul {
left:auto;
}
#menu1 ul li#m11i-deti-na-silnici ul,
#menu1 ul li#m11i-kinder-auf-der-strasse ul,
#menu1 ul li#m11i-dzieci-na-drogach ul {
margin:45px 0 0 -85px;
}
#menu1 ul ul li {
clear:both;
position:relative;
top:-4px;
width:249px;
height:auto;
background:#FFA200;
border-top:1px solid #FFECA1;
border-bottom:1px solid #FFA200;
}
#menu1 ul ul li a {
display:block;
float:right;
width:244px;
height:auto;
font-weight:normal;
font-size:90%;
text-transform:none;
text-align:left;
color:#000;
background:none;
background:#FFC346;
text-decoration:none;
}

#menu1 li#m11i-homepage ul li a:link, 
#menu1 li#m11i-homepage ul li a:visited,
#menu1 li#m11i-deti-na-silnici ul li a:link,
#menu1 li#m11i-deti-na-silnici ul li a:visited,
#menu1 li#m11i-kinder-auf-der-strasse ul li a:link,
#menu1 li#m11i-kinder-auf-der-strasse ul li a:visited,
#menu1 li#m11i-dzieci-na-drogach ul li a:link,
#menu1 li#m11i-dzieci-na-drogach ul li a:visited {
background:none;
background:#FFC346;
}

#menu1 ul ul li a:hover, 
#menu1 ul ul li a:active,
#menu1 li#m11i-homepage ul li a:hover, 
#menu1 li#m11i-homepage ul li a:active,
#menu1 li#m11i-deti-na-silnici ul li a:hover, 
#menu1 li#m11i-deti-na-silnici ul li a:active,
#menu1 li#m11i-kinder-auf-der-strasse ul li a:hover,
#menu1 li#m11i-kinder-auf-der-strasse ul li a:active,
#menu1 li#m11i-dzieci-na-drogach ul li a:hover,
#menu1 li#m11i-dzieci-na-drogach ul li a:active {
color:#000;
background:#FF6000;
cursor:pointer;
}

#menu1 ul ul span {
display:block;
position:relative;
left:10px;
width:224px;
height:24px;
line-height:24px;
background:none;
}
div[id]#menu1 ul ul span {
height:auto;
}

#quicksearch {
clear:both;
float:left;
position:relative;
left:672px;
top:129px;
width:168px;
height:20px;
line-height:20px;
text-transform:lowercase;
background:url("quicksearch.gif") right top no-repeat;
font-size:90%;
white-space:nowrap;
color:#DFDAC6;
}
#quicksearch fieldset {
margin:0;
padding:0;
border:0;
}
#quicksearch legend {
display:none;
}
.inputtext {
width:99px;
background:none;
border:0;
}
.inputsubmit {
position:relative;
top:1px;
width:18px;
height:18px;
line-height:14px;
background:url("qs-submit.gif") 0 0 no-repeat;
border:0;
color:#FFF;
font-weight:bold;
font-size:90%;
cursor:pointer;
}

/**/
.block {
clear:both;
float:left;
width:100%;
padding:0 0 60px 0;
}
#column .block {
background:url("colblock.gif") 0 0 no-repeat;
height:133px;
min-height:133px;
}
div[id] #column .block {
height:auto;
}
#column .block-box {
float:right;
position:relative;
left:-27px;
top:40px;
width:357px;
}
.block-header h5 {
margin:15px 0 10px 0;
font-weight:normal;
font-size:150%;
line-height:120%;
color:#FF6500;
text-transform:uppercase;
}
.block-header h5 span {
display:block;
font-weight:bold;
font-size:65%;
text-transform:lowercase;
color:#ABA488;
}

#column .map {
background:none;
padding:0 0 20px 0;
}
#column .map .block-box {
top:0;
}

/* Items catalog */
ul.items-catalog {
margin: 10px 0;
padding: 0;
}

ul.items-catalog li {
background: none;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
zoom: 1;
}

ul.items-catalog li.item-catalog-gradient-1,
ul.items-catalog li.item-catalog-gradient-2 {
background-color: #fff;
background-repeat: repeat-y;
background-position: top right;
padding: 10px;
border: 1px solid #ddd; 
}

ul.items-catalog li.item-catalog-gradient-1 {
background-image: url('list-item-gradient-1.gif');
}

ul.items-catalog li.item-catalog-gradient-2 {
background-image: url('list-item-gradient-2.gif');
}

ul.items-catalog li div.item-catalog-img {
float: left;
width: 124px;
height: 125px;
background: url('img.gif') 0 0 no-repeat;
position: relative;
top: 3px;
left: -7px;
}

ul.items-catalog li div.item-catalog-img img {
position: relative;
top: 8px;
left: 22px;
border: 0;
}

ul.items-catalog li div.item-catalog-img a img {
opacity: 0.9;
filter: alpha(opacity=90);
}

ul.items-catalog li div.item-catalog-img a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}

ul.items-catalog li div.item-catalog-title {
}

ul.items-catalog li div.item-catalog-title h2 {
margin: 0;
margin-bottom: 10px;
padding: 0;
text-transform: none;
line-height: 130%;
}

div#column ul.items-catalog li div.item-catalog-title h2 {
font-size: 100%;

line-height: 130%;
}

ul.items-catalog li div.item-catalog-date h3 {
margin: 10px 0;
font-size: 90%;
}

ul.items-catalog li ul {
margin: 5px 0 20px 0;
padding: 0;
}

ul.items-catalog li ul li {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
background: url("li.gif") 0 6px no-repeat;
}

ul.items-catalog li ul li ul li {
background: url("lili.gif") 0 5px no-repeat;
}

ul.items-catalog li ol li {
margin: 0;
padding: 0 0 0 5px;
list-style-type: decimal;
}

a.button-more,
a.button-back,
a.button-archiv {
float: right;
height: 15px;
line-height: 15px;
background: url('btn-more.gif') 0 0 no-repeat;
text-indent: 20px;
text-decoration: none;
}

a.button-back {
background-image: url('btn-back.gif');
}

div#column a.button-back,
div#column a.button-archiv {
float: left;
}

/* Strankovani */
div.pager-navigation {
text-align: right;
margin-bottom: 15px;
}

div.pager-navigation div {
display: inline;
margin-left: 3px;
}


/* Page specific - pravidla */
div#page-bodovy-system-vyse-pokut .main,
div#page-rychlost .main, /* nepouzivana stranka */
div#page-cesko .main,
div#page-polsko .main,
div#page-nemecko .main {
background-image: url("header-no-column.jpg");
}

div#page-bodovy-system-vyse-pokut #footer,
div#page-rychlost #footer, /* nepouzivana stranka */
div#page-cesko #footer,
div#page-polsko #footer,
div#page-nemecko #footer {
background-image: url("footer-no-column.gif");
}

div#page-bodovy-system-vyse-pokut .page-box,
div#page-rychlost .page-box, /* nepouzivana stranka */
div#page-cesko .page-box,
div#page-polsko .page-box,
div#page-nemecko .page-box {
background: #fff;
}

div#page-bodovy-system-vyse-pokut #content,
div#page-rychlost #content, /* nepouzivana stranka */
div#page-cesko #content,
div#page-polsko #content,
div#page-nemecko #content {
width: 945px;,
}

/* Tlacitka */
div#tabs {
overflow: hidden;
zoom: 1;
margin-top: 15px;
}

div.tab-row {
overflow: hidden;
zoom: 1;
margin-bottom: 13px;
}

div.button {
background: url('pravidla-tab-closed.gif') 0 0 no-repeat;
width: 301px;
height: 98px;
float: left;
margin: 0;
padding: 0;
}

div.tab-row div.button {
margin: 0 13px 0 0;
}

div.button:hover {
background: url('pravidla-tab-active.gif') 0 0 no-repeat;
}

div.button h2 {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: 17px 17px;
font-size: 14px;
}

div.button h2 a {
display: block;
height: 98px;
line-height: 98px;
text-indent: 100px;
text-decoration: none;
color: #000;
background: url('pravidla-tab-arrow-closed.gif') 250px 37px no-repeat;
outline: none;
}

div.button h2 a:active,
div.button h2 a:focus {
background: url('pravidla-tab-arrow-opened.gif') 245px 40px no-repeat;
}

/* Kliknuty stav */
div.active {
background: url('pravidla-tab-opened.gif') 0 0 no-repeat;
}

div.active:hover {
background: url('pravidla-tab-opened.gif') 0 0 no-repeat;
}

div.active h2 a,
div.active h2 a:hover,
div.active h2 a:active {
background: url('pravidla-tab-arrow-opened.gif') 245px 40px no-repeat;
}

div#button1 h2 {
background-image: url('pravidla-tab-icon-01-speed.gif');
}

div#button2 h2 {
background-image: url('pravidla-tab-icon-02-alcohol.gif');
}

div#button3 h2 {
background-image: url('pravidla-tab-icon-03-driving-style.gif');
}

div#button4 h2 {
background-image: url('pravidla-tab-icon-04-safety-elements.gif');
}

div#button5 h2 {
background-image: url('pravidla-tab-icon-05-no-licence.gif');
}

div#button6 h2 {
background-image: url('pravidla-tab-icon-06-vehicle-state.gif');
}

div#button7 h2 {
background-image: url('pravidla-tab-icon-07-other.gif');
}

div#button8 h2 {
background-image: url('pravidla-tab-icon-08-lights.gif');
}

div#button9 h2 {
background-image: url('pravidla-tab-icon-09-accident.gif');
}

/* Vyber statu */
div#button-cs,
div#button-de,
div#button-pl {
float: right;
display: inline;
margin-bottom: 10px;
background: url('pravidla-tab-closed.gif') 0 0 no-repeat;
}

div#button-cs h2 {
background-image: url('flag-cs.gif');
}

div#button-de h2 {
background-image: url('flag-de.gif');
}

div#button-pl h2 {
background-image: url('flag-pl.gif');
}

div#button-cs:hover,
div#button-de:hover,
div#button-pl:hover {
background: url('pravidla-tab-active.gif') 0 0 no-repeat;
}

/* Text u vyberovych tlacitek zeme bodoveho systemu */
div.three-column {
float: left;
display: inline;
width: 300px;
margin-right: 20px;
}

div.three-column-last {
margin-right: 0;
}


/* Misto, kde se vypisuji obsahy tabu */
div.space {
clear: both;
margin-top: -13px; /* posunout zpet o stejny margin, jako maji tlacitka pod sebou */
margin-bottom: 13px;
}

div.space div.tab-border-top-left {
background: url('pravidla-tab-border-top-left.gif') 0 0 no-repeat;
padding-top: 25px;
width: 929px;
}

div.space div.tab-border-top-middle {
background: url('pravidla-tab-border-top-middle.gif') 0 0 no-repeat;
padding-top: 25px;
width: 929px;
}

div.space div.tab-border-top-right {
background: url('pravidla-tab-border-top-right.gif') 0 0 no-repeat;
padding-top: 25px;
width: 929px;
}

div.space div.tab-border-middle {
width: 929px;
background: url('pravidla-tab-border-middle.gif') 0 0 repeat-y;
}

div.space div.tab-border-bottom { /* hlavni vyplnova oblasat - bude mit i padding */
background: url('pravidla-tab-border-bottom.gif') left bottom no-repeat;
width: 889px; /* 929px - padding */
padding: 20px;
}

/* Tabulka uvnitr tabu */
div.space div.tab-border-bottom table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
margin-top: 5px;
margin-bottom: 10px;
}

div.space div.tab-border-bottom table tr th {
color: #FF6500;
font-weight: bold;
text-align: center;
vertical-align: middle;
border: 1px dotted #726C56;
padding: 3px;
}

div.space div.tab-border-bottom table tr th.table-text {
width: 280px;
}

div.space div.tab-border-bottom table tr td {
text-align: center;
vertical-align: middle;
border: 1px dotted #726C56;
padding: 3px 10px;
}

div.space div.tab-border-bottom table tr td.table-desc {
text-align: left;
}

div.space div.tab-border-bottom table tr td img {
vertical-align: middle;
margin-left: 3px;
border: 0 !important;
}

/* Vypis output */
div#work table.output {
width: 100%;
border-collapse: collapse;
border: 1px solid #BFC0AB;
margin: 20px 0;
color: #726C56;
}

div#work table.output tr th {
background: #ddd;
border: 1px solid #ccc;
padding: 0; 
text-align: center;
color: #000;
}

div#work table.output tr td {
border: 1px solid #ccc;
padding: 2px 5px;
}

div#work table.output tr:hover td,
div#work table.output tr:hover td a {
background: #DBDEE3;
color: #000;
}

/* Novy output :) */
div#work div.output {
width: 520px;
margin: 20px 0;
padding-bottom: 10px;
background: url('table-output-bottom.gif') left bottom no-repeat;
position: relative;
}

div#work div.output div.output-left,
div#work div.output div.output-right {
width: 12px;
height: 40px;
position: absolute;
top: 0;
line-height: 0;
font-size: 0;
z-index: 3;
}

div#work div.output div.output-left {
background: url('table-output-left.gif') 0 0 no-repeat;
left: 0;
}

div#work div.output div.output-right {
background: url('table-output-right.gif') 0 0 no-repeat;
right: 0;
}

body:lang(cz) div#work div.output div.output-left,
body:lang(cz) div#work div.output div.output-right {
top: -1px;
}

div#work div.output table {
width: 520px;
border-collapse: collapse;
border: 1px solid #BFC0AB;
border-top: 2px solid #FF6606;
color: #726C56;
}

body:lang(cz) div#work div.output table {
width: 519px;
position: relative;
left: 1px;
}

div#work div.output table tr th {
height: 40px;
color: #000;
background: #FFE2CF url('table-output-header.gif') left bottom repeat-x;
vertical-align: middle;
border-left: 1px solid #FF6606;
border-right: 1px solid #FF6606;
}

div#work div.output table tr td {
border: 1px solid #BFC0AB;
padding: 0 5px;
vertical-align: middle;
}

/* Galerie */
div#thumbnails {
float: none !important;
float: left; /* IE6 */
width: 322px;
height: 104px;
overflow: hidden;
position: relative;
}

/* toto je sirsi verze pro novinky a akce - pouze v detailu novinky/akce.... */
div#work div#thumbnails {
width: 485px;
}

div#thumbnails ul#thumbnails-ul {
white-space: nowrap;
display: table-row;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
} 

div#thumbnails ul li {
display: table-cell;
vertical-align: top;
background: none;
padding: 0;
margin: 0;
display: inline; /* IE 6/7 */
zoom: 1; /* IE 6/7 */
}

body:lang(cz) div#thumbnails ul li {
display: table-cell;
}

div#thumbnails ul li a {
display: block;
/*width: 100px;*/
/*height: 100px;*/
width: 100px;
height: 100px;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
margin-right: 5px;
border: 1px solid #204C8D;
padding: 1px;
outline: none;
}

div#thumbnails ul li a:hover {
border-color: #FF6500;
}

div#thumbnails ul li a img {
border-width: 0px;
padding: 0px;
margin: 0;
}

a.gallery-prev,
a.gallery-next {
float: left;
display: inline;
width: 15px;
height: 104px;
line-height: 102px;
text-decoration: none;
background: url('btn-back.gif') left center no-repeat;
outline: none;
margin-right: 1px;
}

a.gallery-next {
float: right;
display: inline;
margin-right: 0;
margin-left: 1px;
background: url('btn-more.gif') left center no-repeat;
}

a.gallery-prev:hover,
a.gallery-next:hover {
background-color: #eee;
}

a.gallery-prev span,
a.gallery-next span {
display: none;
}

/* Uzivatelem vkladany obsah */
div#work img {
border: 1px solid #204C8D;
margin: 3px 10px;
padding: 1px;
}

div#work a:hover img {
border-color: #FF6500;
}

div#work ul.items-catalog li div.item-catalog-img img {
border: 0;
margin: 0;
padding: 0;  
}

/* Form - tabulkou :) */
table.quick-form {
width: 100%;
}

table.quick-form th.quick-form-header {
display: none;
}

table.quick-form input[type="text"] {
width: 200px;
}

table.quick-form textarea {
width: 400px;
height: 150px;
}

span.quick-form-asterisk,
span.quick-form-required-note-asterisk {
color: #FF6500;
font-size: bold;
padding-right: 3px;
}