/* 
Cesty pro pruhledne ramecky u novinek jsou zapsany kvuli demeci IE jako absolutni od rootu, 
po nahozeni ven je treba cestu upravit!!!
*/

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

a:link, a:visited { color:#8ADFFF; }
a:hover, a:active { color:#003356; text-decoration:none; }

img {
border-color:#204C8D;
}
 
p {
margin:0 0 10px 0;
padding:0;
text-align:justify;
}
ul {
margin:5px 0 10px 0;
padding:0;
}
ul li {
margin:0;
padding:0 0 0 15px;
list-style:none;
background:url("li.gif") 0 4px 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 {
margin:20px 0;
font-size:230%;
color:#204C8D;
}
h2 {
margin:15px 0;
font-size:205%;
line-height:120%;
color:#ffa800;
}

h3 {
margin:15px 0 12px 0;
font-size:150%;
color: #ffa800;
}

h4 {
margin:15px 0 10px 0;
font-size:120%;
color: #ffa800;
font-style: italic;
}

h5 {
margin:15px 0 5px 0;
font-size:100%;
color: #fff;
}

h6 {
margin:10px 0 5px 0;
font-size:90%;
color: #fff;
}

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;
}

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

/**/

.page {
float:left;
width:100%;
height:100%;
min-height:100%;
background:url("page.gif") left bottom repeat-x;
}
div[class].page {
height:auto;
}
.page-box {
float:left;
width:100%;
height:100%;
min-height:100%;
background:url("footer.jpg") center bottom no-repeat;
}
div[class].page-box {
height:auto;
}
.main {
width:730px;
margin:0 auto;
}
.main-box {
float:left;
width:100%;
}


#header {
float:left;
width:100%;
height:167px;
background:url("header.jpg") 0 0 no-repeat;
}
#logo {
background:url("eyes.gif") 92px 78px no-repeat;
}
#logo a {
display:block;
width:100%;
height:167px;
text-decoration:none;
}
#logo a:hover, #logo a:active {
background:url("hand.gif") 0 78px no-repeat;
}
#logo span {
visibility:hidden;
}

#area {
clear:both;
float:left;
width:100%;
background:url("area.gif") 244px 0 no-repeat;
}


#container {
clear:both;
float:left;
width:100%;
padding:0 0 20px 0;
}

#content {
clear:both;
float:right;
width:460px;
}

#pagetitle {
clear:both;
float:left;
width: 50%;
height:55px;
}

#pagetitle h1, #pagetitle h2 {
visibility:hidden;
display: none;
}

#page-homepage #pagetitle {
background:url("title-home.gif") 0 0 no-repeat;
width: 90%;
}

#page-pravidla #pagetitle,
#page-chodec #pagetitle,
#page-prechazeni-vozovky #pagetitle,
#page-cyklista #pagetitle,
#page-vybava-kola #pagetitle,
#page-cyklisticka-prilba #pagetitle,
#page-dopravni-znacky-vztahujici-se-ke-kolu #pagetitle,
#page-reflexni-materialy #pagetitle,
#page-jizda-v-aute #pagetitle,
#page-svetelne-signaly-a-pokyny-policisty #pagetitle,
#page-dopravni-znacky #pagetitle,
#page-dopravni-nehoda #pagetitle {
background:url("title-pravidla.gif") 0 0 no-repeat;
}

#page-hriste-a-vychova #pagetitle,
#page-ceska-lipa #pagetitle,
#page-frydlant #pagetitle,
#page-jablonec-nad-nisou #pagetitle,
#page-kostalov #pagetitle,
#page-liberec #pagetitle,
#page-turnov #pagetitle {
background:url("title-hriste-vychova.gif") 0 0 no-repeat;
}

#page-akce-a-souteze #pagetitle {
background:url("title-akce-souteze.gif") 0 0 no-repeat;
}

#page-odkazy #pagetitle {
background:url("title-odkazy.gif") 0 0 no-repeat;
}

#page-zahraj-si #pagetitle {
background:url("title-zahraj-si.gif") 0 0 no-repeat;
}

#page-download #pagetitle {
background:url("title-download.gif") 0 0 no-repeat;
}

#page-vyhledavani #pagetitle {
background:url("title-vyhledavani.gif") 0 0 no-repeat;
}

#column {
float:left;
width:222px;
}

#column .block-menu .block-content-box {
float:left;
padding:0;
}

#menu1 ul {
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
}
#menu1 li {
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
}
#m11i-uvodni-stranka{
background:url("m1i-uvod-1.gif") 0px 0px no-repeat;
}
#m11i-pravidla {
background:url("m1i-pravidla-1.gif") 0px 0px no-repeat;
}
#m11i-hriste-a-vychova {
background:url("m1i-vychova-1.gif") 0 0 no-repeat;
}
#m11i-akce-a-souteze {
background:url("m1i-akce-1.gif") 0 0 no-repeat;
}
#m11i-odkazy {
background:url("m1i-odkazy-1.gif") 0 0 no-repeat;
}
#m11i-zahraj-si {
background:url("m1i-zahraj-si-1.gif") 0 0 no-repeat;
}
#menu1 a {
display:block;
float:left;
width:222px;
height:49px;
text-decoration:none;
}
#m11i-uvodni-stranka a {
height: 51px;
background:url("m1i-uvod-0.gif") 2px 2px no-repeat;
}
#m11i-pravidla a {
background:url("m1i-pravidla-0.gif") 2px 1px no-repeat;
}
#m11i-hriste-a-vychova a {
background:url("m1i-vychova-0.gif") 2px 1px no-repeat;
}
#m11i-akce-a-souteze a {
background:url("m1i-akce-0.gif") 2px 1px no-repeat;
}
#m11i-odkazy a {
background:url("m1i-odkazy-0.gif") 2px 1px no-repeat;
}
#m11i-zahraj-si a {
height:50px;
background:url("m1i-zahraj-si-0.gif") 2px 1px no-repeat;
}
#menu1 a:hover, #menu1 a:active {
background:none;
cursor:pointer;
outline: none;
}
#menu1 span {
visibility:hidden;
}



#footer {
clear:both;
float:left;
width:100%;
height:180px;
color:#006CB6;
font-size:90%;
}

#copyright {
float:right;
position:relative;
top:82px;
width:325px;
}
#miton {
clear:right;
float:right;
position:relative;
top:82px;
width:325px;
}
#miton a {
font-weight:bold;
color:#006CB6;
}


/**/
#layer1 {
position:absolute;
left:0;
top:0;
width:100%;
z-index:1;
}
#layer1-box {
width:752px;
margin:0 auto;
}

.inputsubmit {
position:relative;
top:2px;
width:33px;
height:22px;
line-height:20px;
border:0;
color:#FFF;
font-weight:bold;
background:url("submitok.gif") 0 0 no-repeat;
cursor:pointer;
}

.btnPrint {
display:none;
}

/**/
.block {
clear:both;
float:left;
width:100%;
margin:0 0 10px 0;f
}
#content .block {
background:url("content-block.gif") 0 0 repeat-y;
}
#column .block {
margin:0 0 10px 0;
}
#content .block-box {
float:left;
width:100%;
background:url("content-block-h.gif") 0 0 no-repeat;
}
#content .block-header h5 {
margin:0;
font-size:190%;
}
.block-header {
clear:both;
line-height:46px;
font-size:80%;
}
.block-header h5 {
margin:0;
padding:0 0 0 45px;
background:url("arrow-r-block.gif") 13px 12px no-repeat;
}
.block-header a {
color:#F2EBD2;
text-decoration:none;
}
.block-header a:hover, .block-header a:active {
color:#F2EBD2;
text-decoration:underline;
}
#content .block-content {
clear:both;
float:left;
width:100%;
background:url("content-block-f.gif") left bottom no-repeat;
}
#content .block-content-box {
clear:both;
/*float:left;*/
padding:6px 16px;
}

/**/
#list-news {
clear:both;
float:left;
margin:10px 0 0 0;
padding:0;
}

#list-news li {
clear:both;
float:left;
width: 430px;
margin:0;
padding:20px 0;
background:none;
}

#list-news div.listitem-box {
overflow: hidden;
zoom: 1;
margin-bottom: 30px;
}

#list-news div.listitem-box div.item-more {
text-align: right;
padding-right: 50px;
}

#list-news div.item-img-1 {
float:left;
width:87px;
height:99px;
margin:0 10px 0 0;
position: relative;
overflow: hidden;
}

#list-news div.item-img-1 div.item-img-overlay {
width: 87px;
height: 99px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/styles/news-img-box-right-ie.png',sizingMethod='scale');
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

html>body #list-news div.item-img-1 div.item-img-overlay { /* normalni prohlizece */
background: url('news-img-box-right.png') top left no-repeat;
}

#list-news div.item-img-1 img {
position:relative;
left: 7px;
top: 5px;
border:0;
/*width: 70px;
height: 80px;*/
background: #fff;
/*padding: 10px;*/
}

#list-news div.item-img-2 {
float:left;
width:87px;
height:99px;
margin:0 10px 0 0;
position: relative;
overflow: hidden;
}

#list-news div.item-img-2 div.item-img-overlay {
width: 87px;
height: 99px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/styles/news-img-box-left-ie.png',sizingMethod='scale');
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

html>body #list-news div.item-img-2 div.item-img-overlay { /* normalni prohlizece */
background: url('news-img-box-left.png') top left no-repeat;
}

#list-news div.item-img-2 img {
position:relative;
left: 7px;
top: 5px;
border:0;
/*width: 70px;
height: 80px;*/
background: #fff;
/*padding: 10px;*/
}

#list-news .item-date b {
font-size:80%;
}

#list-news .item-title h2 {
margin:5px 0;
padding:0;
font-size:110%;
color:#F2EBD2;
}
#list-news .item-title a {
color:#F2EBD2;
}

/**/
#list-clanky {
clear:both;
float:left;
margin:0;
padding:0;
}
#list-clanky li {
clear:both;
float:left;
width:100%;
margin:0;
padding:10px 0;
background:none;
border-bottom:1px solid #D9D7D2;
}

/**/
.block-onlinegame .block-header {
display:none;
}
.block-onlinegame img {
border:0;
}


/**/
.btn-more {
clear:both;
float:right;
}
.btn-history {
clear:both;
float:left;
}
.btn-more a, .btn-history a {
display:block;
float:left;
background:url("arrow-r-00.gif") 0 5px no-repeat;
color:#F2EBD2;
cursor:pointer;
text-decoration:none;
}
#column .btn-more a, #column .btn-history a {
background:url("arrow-r-10.gif") 0 5px no-repeat;
}
.btn-more a:hover, .btn-more a:active, .btn-history a:hover, .btn-history a:active {
background:url("arrow-r-01.gif") 2px 6px no-repeat;
color:#003356;
}
#column .btn-more a:hover, #column .btn-more a:active, #column .btn-history a:hover, #column .btn-history a:active {
background:url("arrow-r-11.gif") 2px 6px no-repeat;
}
.btn-more span, .btn-history span {
display:block;
float:left;
height:25px;
line-height:29px;
padding:0 0 0 30px;
font-weight:bold;
font-size:160%;
white-space:nowrap;
}
.btn-history {
padding:5px 0;
font-weight:bold;
}

div#navigate {
display: none;
/*float: right;*/
}

/* Vkladany obsah uzivatelem */
div#work {
/*width: 460px;*/
}

div#work strong {
color: #fff;
}

div#work h1 {
margin:20px 0;
color: #fff;
}

div#work ol li ul {
margin-left: 20px;
}

div#work ol li ul li {
list-style-type: lower-alpha;
}

div#work ul {
margin-left: 40px;
}

div#work ul li {
list-style-type: disc;
padding: 0;
margin: 0;
}

div#work img {
/*border: 2px solid #003876;*/
}

div#page-odkazy div#work img {
float: left;
overflow: hidden;
zoom: 1;
}

p.arrow-back {
clear: both;
width: 100%;
overflow: hidden;
margin-bottom: 5px;
}

p.arrow-back a {
background: url('arrow-back.gif') top right no-repeat;
padding-right: 25px;
line-height: 19px;
float: right;
height: 19px;

}

p.arrow-back a:hover {
}


/* Menu v "Pravidla" */
div#work ul#pravidla-menu {
margin-left: 20px;
}

div#work ul#pravidla-menu li {
margin-bottom: 5px;
list-style-type: none;
}

ul#pravidla-menu li ul {
margin-left: 30px;
}

ul#pravidla-menu li a {
display: block;
padding-left: 35px;
background-position: center left;
background-repeat: no-repeat;
line-height: 26px;
height: 26px;
font-weight: bold;
}

li#li-chodec a {
background-image: url('icon-chodec.gif');
}

li#li-prechazeni-vozovky a {
background-image: url('icon-prezvozovku.gif');
}

li#li-cyklista a {
background-image: url('icon-cyklista.gif');
}

li#li-vybava-kola a {
background-image: url('icon-vybava.gif');
font-weight: normal !important;
}

li#li-cyklisticka-prilba a {
background-image: url('icon-helma.gif');
font-weight: normal !important;
}

li#li-dopravni-znacky-kolo a {
background-image: url('icon-cykloznacky.gif');
font-weight: normal !important;
}

li#li-reflexni-materialy a {
background-image: url('icon-reflexmat.gif');
}

li#li-jizda-v-aute a {
background-image: url('icon-vaute.gif');
}

li#li-svetelne-signaly a {
background-image: url('icon-semafory.gif');
}

li#li-dopravni-znacky a {
background-image: url('icon-znacka.gif');
}

li#li-dopravni-nehoda a {
background-image: url('icon-nehoda.gif');
}

div#news ul {
margin-left: 0;
}

div#news ul li {
list-style: none;
}

div#novinky img {
border: 0;
}

/* Nahledy obrazku */
div#work ul#thumbnails {
clear: both;
overflow: hidden;
zoom: 1; /* Clear floats in IE - will not validate */
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #fff;
}

div#page-novinky div#work ul#thumbnails {
border-bottom: 0;
border-top: 1px solid #fff;
margin: 15px 0 15px 0;
padding: 5px 0 0 0;
}

div#work ul#thumbnails li {
list-style-type: none;
float: left;
margin-right: 10px;
text-align: center;
}

div#work ul#thumbnails li a {
text-decoration: none;
}

div#work ul#thumbnails li a img {
border: 1px solid #fff;
padding: 1px;
}

div#work ul#thumbnails li a:hover img {
border-color: #8CDFFF;
}

div#work ul#thumbnails li a span {
display: block;
color: #fff;
}

div#work ul#thumbnails li a:hover span {
text-decoration: underline;
color: #fff;
} 

div#page-novinky div#pagetitle {
display: none;
}

/* Obrazky na strance "odkazy" */
div#page-odkazy div#work img {
clear: left;
float: left;
margin: 0 10px 10px 0;
}

div#page-odkazy div#work h3 {
clear: left;
}
 
/* Stranka s formularem */
div#page-napiste-nam div#pagetitle {
display: none;
} 
 
/* Odkaz na formular */
div#napiste-nam {
clear: both;
width: 222px;
height: 52px;
background: url('napiste-nam-1.gif') 0 0 no-repeat;
}

div#napiste-nam a {
display: block;
width: 222px;
height: 52px;
background: url('napiste-nam-0.gif') 0 0 no-repeat;
}

div#napiste-nam a:hover {
background: none;
}

div#napiste-nam a span {
display: none;
}

/* Kontaktni formular */
form#form1_napiste-nam {
overflow: hidden;
zoom: 1;
}

form#form1_napiste-nam fieldset {
border: 0;
}

form#form1_napiste-nam fieldset legend {
display: none;
}

form#form1_napiste-nam fieldset dl {
overflow: hidden;
zoom: 1;
}

form#form1_napiste-nam fieldset dl label {
float: left;
text-align: right;
width: 70px;
margin-right: 5px;
}

form#form1_napiste-nam fieldset span.required,
form#form1_napiste-nam span.quick-form-required-note-asterisk {
color: #ffa800;
}

form#form1_napiste-nam fieldset span.required {
margin-right: 3px;
}

form#form1_napiste-nam fieldset input,
form#form1_napiste-nam fieldset textarea {
vertical-align: bottom;
width: 200px;
background: none;
border: 1px solid #B3E7FF;
}

form#form1_napiste-nam fieldset input.submit {
width: auto;
color: #fff;
background: #0085B8;
cursor: pointer;
}

form#form1_napiste-nam fieldset textarea {
height: 75px;
}

/* Pop Up gallery */
span#popup-title {
font-size: 75%;
}

/* Quicksearch */
div#search {
width: 222px;
height: 62px;
background: url('search.gif') 0 0 no-repeat;
position: relative;
margin-top: 20px;
}

div#search fieldset {
border: 0;
}

div#search legend,
div#search label {
display: none;
}

div#search input.inputtext {
position: absolute;
top: 30px;
left: 17px;
width: 145px;
height: 20px;
padding: 0 5px;
background: none;
border: 0;
}

div#search input.inputsubmit {
position: absolute;
top: 25px;
left: 176px;
display: block;
width: 32px;
height: 23px;
background: none;
border: 0;
cursor: pointer;
font-size: 0;
line-height: 0;
text-indent: 1000px;
}

/* Button Download */
div#download {
clear: both;
width: 222px;
height: 52px;
background: url('download-0.gif') 0 0 no-repeat;
margin-top: 20px;
}

div#download a {
display: block;
width: 222px;
height: 52px;
background: url('download-1.gif') 0 0 no-repeat;
}

div#download a:hover {
background: none;
}

div#download a span {
display: none;
}

/* Strankovani */
div.pager-navigation {
text-align: right;
}

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