html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; min-height: 400px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; color: #333333; font-size: small; background: url('../images/back.jpg') repeat-x;}
body.gray {background: url('../images/back_gray.jpg') repeat-x;}
body.red {background: url('../images/back_red.jpg') repeat-x;}
body.green {background: url('../images/back_green.jpg') repeat-x;}
body.yellow {background: url('../images/back_yellow.jpg') repeat-x;}

a {text-decoration: none;}
a img {border: none;}
p img {margin: 5px;}
ul {margin: 0; padding: 5px 0 5px 15px; list-style-image: url('../images/seznam_blue.gif');}
body.gray ul {list-style-image: url('../images/seznam_gray.gif');}
body.red ul {list-style-image: url('../images/seznam_red.gif');}
body.green ul {list-style-image: url('../images/seznam_green.gif');}
body.yellow ul {list-style-image: url('../images/seznam_yellow.gif');}
textarea {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: small;}

.hidden {display: none;}
.clear {clear: both;}

.img-right-185 {width: 185px; padding: 5px; float: right; font-size: 90%; background: url('../images/boky.png');}
* html .img-right-185 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/boky.png', sizingMethod='scale'); background-image: none;}

.img-right-170 {width: 170px; padding-top: 4px; padding-left: 3px; padding-right: 5px; padding-bottom: 35px; float: right; font-size: 110%; background: url('../images/boky2.png');}
* html .img-left-170 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/boky2.png', sizingMethod='scale'); background-image: none;}

#all {background: url('../images/bg2.gif') no-repeat center top;}
* html #all {background: url('../images/bg2.gif') no-repeat center 5px;}
#middle {width: 900px; margin: 0 auto;}

#top-navigation {float: left; width: 400px; margin: 0; padding: 0; color: #c1daea; font-size: 90%;}
body.gray #top-navigation {color: #d2d2d2;}
body.red #top-navigation {color: #faccd0;}
body.green #top-navigation {color: #d4e8ca;}
body.yellow #top-navigation {color: #ffdfba;}

#top-navigation-hracky {float: left; width: 350px; margin: 0; padding: 0; color: #c1daea; font-size: 90%;}
body.gray #top-navigation-hracky {color: #d2d2d2;}
body.red #top-navigation-hracky {color: #faccd0;}
body.green #top-navigation-hracky {color: #d4e8ca;}
body.yellow #top-navigation-hracky {color: #ffdfba;}

#top-menu {height: 35px; float: right; margin: 0; padding: 0; list-style: none;}
#top-menu li {float: left; margin: 0;}
#top-menu a {height: 30px; float: left; padding: 10px 20px 0px 20px; color: white; text-decoration: none; font-size: medium; border-right: 1px solid white;}
#top-menu a:hover {background: url('../images/tbg_hover.png');}
* html #top-menu a:hover {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/images/tbg_hover.png', sizingMethod='scale'); background-image: none;}
#top-menu .last a {border-right: none;}

h1 {clear: both; margin: 0; padding: 30px 0 10px 0; font-size: 220%; font-weight: normal;}
h1 a {color: white; text-decoration: none;}

#top-menu2 {height: 70px; background: white url('../images/logo_blue.jpg') no-repeat;}
body.gray #top-menu2 {background: white url('../images/logo_gray.jpg') no-repeat;}
body.red #top-menu2 {background: white url('../images/logo_red.jpg') no-repeat;}
body.green #top-menu2 {background: white url('../images/logo_green.jpg') no-repeat;}
body.yellow #top-menu2 {background: white url('../images/logo_yellow.jpg') no-repeat;}
body#hracky_gray_uniq #top-menu2 {background: white url('../images/logo_hracky.png') no-repeat;}
body#odevy_uniq #top-menu2 {background: white url('../images/logonakupujifer_male.png') no-repeat;}
#top-menu2 ul {float: right; height: 70px; margin: 0; padding: 0; list-style: none;}
#top-menu2 li {height: 70px; position: relative; float: left; margin: 0;}
#top-menu2 a {height: 45px; float: left; padding: 25px 10px 0 10px; color: #0392d6; text-decoration: none; font-size: 115%; background: url('../images/cara_blue.jpg') no-repeat right top;}
body.gray #top-menu2 a {color: #9c9e9e; background: url('../images/cara_gray.jpg') no-repeat right top;}
body.red #top-menu2 a {color: #f44059; background: url('../images/cara_red.jpg') no-repeat right top;}
body.green #top-menu2 a {color: #70c148; background: url('../images/cara_green.jpg') no-repeat right top;}
body.yellow #top-menu2 a {color: #f7931d; background: url('../images/cara_yellow.jpg') no-repeat right top;}
#top-menu2 .last a {background: none !important;}
#top-menu2 a:hover {padding-top: 16px; border-top: 9px solid #3db1d6; background-position: right -9px;}
body.gray #top-menu2 a:hover {background-position: right -9px; border-top: 9px solid #b4b5b7;}
body.red #top-menu2 a:hover {background-position: right -9px; border-top: 9px solid #f76e80;}
body.green #top-menu2 a:hover {background-position: right -9px; border-top: 9px solid #90d072;}
body.yellow #top-menu2 a:hover {background-position: right -9px; border-top: 9px solid #f9ac50;}

#top-menu2 li ul {display: none;}
* html #top-menu2 li {behavior: url('/themes/default/scripts/hover.htc');}
#top-menu2 li:hover ul, #top-menu2 li.hover ul {position: absolute; left: 0; top: 70px; width: 190px; display: block; z-index: 100;}
#top-menu2 li.last ul {right: 0; left: auto;}
#top-menu2 li li {height: auto; width: 190px; background: white;}
#top-menu2 li li a {height: auto; width: 180px; display: block; padding: 5px; background: none !important;}
#top-menu2 li li a:hover {padding: 5px; border-top: none !important; background: #afd3ef !important;}
body.gray #top-menu2 li li a:hover {background: #d1d2d4 !important;}
body.red #top-menu2 li li a:hover {background: #fccfd5 !important;}
body.green #top-menu2 li li a:hover {background: #c4ddb7 !important;}
body.yellow #top-menu2 li li a:hover {background: #fed7ad !important;}

#top-menu2 li li ul {display: none !important;}
* html #top-menu2 ul li {behavior: url('/themes/default/scripts/hover.htc');}
#top-menu2 li li:hover ul, #top-menu2 li li.hover ul {position: absolute; left: 190px; top: 0; width: 190px; display: block !important; z-index: 100;}
#top-menu2 li li li {height: auto; width: 190px; background: white;}
#top-menu2 li li li a {height: auto; width: 180px; display: block; padding: 5px; background: none !important;}
#top-menu2 li li li a:hover {padding: 5px; border-top: none !important; background: #afd3ef !important;}
body.gray #top-menu2 li li li a:hover {background: #d1d2d4 !important;}
body.red #top-menu2 li li li a:hover {background: #fccfd5 !important;}
body.green #top-menu2 li li li a:hover {background: #c4ddb7 !important;}
body.yellow #top-menu2 li li li a:hover {background: #fed7ad !important;}

#content {margin-top: 10px;}
#content-left {width: 190px; float: left; padding: 5px; background: url('../images/boky.png');}
* html #content-left {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/boky.png', sizingMethod='scale'); background-image: none;}
#content-middle {width: 480px; padding: 0 10px; float: left;}
* html #content-middle {width: 470px;}
#content-leftmiddle {width: 680px; padding: 0 10px; float: left;}
* html #content-leftmiddle {width: 670px;}
#content-right {width: 190px; float: right; padding: 5px; background: url('../images/boky.png');}
* html #content-right {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/boky.png', sizingMethod='scale'); background-image: none;}
#content a {padding: 0 1px; color: black; border-bottom: 1px dashed #0392d6;}
#content a:hover {color: white; background: #0392d6;}
#content a.vanoce:hover {color: white; background: #57ad40;}
body.gray #content a {border-bottom: 1px dashed #9c9e9e;}
body.gray #content a:hover {background: #9c9e9e;}
body.red #content a {border-bottom: 1px dashed #f44059;}
body.red #content a:hover {background: #f44059;}
body.green #content a {border-bottom: 1px dashed #57ad40;}
body.green #content a:hover {background: #57ad40;}
body.yellow #content a {border-bottom: 1px dashed #f7931d;}
body.yellow #content a:hover {background: #f7931d;}
#content h2 {color: #0392d6; font-size: 200%; font-weight: normal; margin: 0;}
#content h3 {color: #0392d6; font-size: 150%; font-weight: normal; margin: 10px 0 0 0;}
body.gray #content h2, body.gray #content h3 {color: #9c9e9e;}
body.red #content h2, body.red #content h3 {color: #f44059;}
body.green #content h2, body.green #content h3 {color: #57ad40;}
body.yellow #content h2, body.yellow #content h3 {color: #f7931d;}
#content h2.first {color: white !important;}
#content h4 {color: #0392d6; font-size: 130%; font-weight: normal; margin: 5px 0 0 0;}
body.gray #content h4 {color: #9c9e9e;}
body.red #content h4 {color: #f44059;}
body.green #content h4 {color: #57ad40;}
body.yellow #content h4 {color: #f7931d;}
#content p {margin: 5px 0;}
#content-middle li {margin-bottom: 7px;}

#content a.vanoce {padding: 0 0px; color: #57ad40;; font-size: 200%; font-weight: normal; margin: 10px 0 0 0; border-style: hidden; border-color: transparent}

#content-left ul {margin: 0 0 10px 0; padding: 0; list-style: none;}
#content-left li {display: block; width: 190px; overflow: visible; margin-bottom: 1px;}
* html #content-left li {height: 22px;}
#content-left li a {position: relative; width: 160px; padding: 2px 15px; display: block; border-bottom: none !important; font-size: 110%; color: #333333; background: url('../images/boky.png');}
* html #content-left li a {background: none; /*margin-bottom: -15px;*/}
#content-left h3, #content-right h3 {padding: 2px 15px; margin: 0 0 1px 0; background: #0392d6; color: white !important; font-size: 110%;}
body.gray #content-left h3, body.gray #content-right h3 {background: #9c9e9e;}
body.red #content-left h3, body.red #content-right h3 {background: #f44059;}
body.green #content-left h3, body.green #content-right h3 {background: #57ad40;}
body.yellow #content-left h3, body.yellow #content-right h3 {background: #f7931d;}
#content-left h3.white {background: white; color: #0392d6 !important;}
body.gray #content-left h3.white {background: white; color: #9c9e9e !important;}
body.red #content-left h3.white {background: white; color: #f44059 !important;}
body.green #content-left h3.white {background: white; color: #57ad40 !important;}
body.yellow #content-left h3.white {background: white; color: #f7931d !important;}
#content-left p {margin: 0; padding: 5px 0px;}
#content-right ul {margin: 0; padding: 5px 0 5px 15px; font-size: 90%;}
#content-right ul a {position: relative;}
#content-right.fuckie ul a {position: static !important;}
#zapojte-se {display: block; position: relative; padding: 2px 15px !important; background: white; color: #0392d6 !important; font-size: 110%; border-bottom: none !important;}
body.gray #zapojte-se {color: #9c9e9e !important;}
body.red #zapojte-se {color: #f44059 !important;}
body.green #zapojte-se {color: #57ad40 !important;}
body.yellow #zapojte-se {color: #f7931d !important;}
#zapojte-se:hover, body.gray #zapojte-se:hover, body.red #zapojte-se:hover, body.green #zapojte-se:hover, body.yellow #zapojte-se:hover {color: white !important;}


#skolni-program {display: block; position: left; font-size: 100%; color: #0392d6 !important; border-bottom: none !important;}
body.yellow #skolni-program {color: #f7931d !important;}
#skolni-program:hover, body.yellow #skolni-program:hover {color: white !important;}

#skolni-program-text {display: block; position: left; font-size: 90%; padding: 10px 10px 10px 10px!important; color: #0392d6 !important; border-bottom: 0 !important;}
body.yellow #skolni-program-text {color: #f7931d !important;}
#skolni-program-text:hover, body.yellow #skolni-program-text:hover {color: white !important;}

#message {height: 45px; padding: 10px; text-align: center; font-size: large; background: none; color: white;}
#message strong {font-weight: normal; font-size: 170%;}
span.dquo {left: -2px; font-size: 250%; position: relative; line-height: 0%; color: #0392d6; z-index: 1;}
span.ldquo {top: 10px; font-size: 250%; position: relative; line-height: 0%; color: #0392d6; z-index: 1;}
body.gray span.dquo, body.gray span.ldquo {color: #9c9e9e;}
body.red span.dquo, body.red span.ldquo {color: #f44059;}
body.green span.dquo, body.green span.ldquo {color: #57ad40;}
body.yellow span.dquo, body.yellow span.ldquo {color: #f7931d;}

#vedeli-jste {padding: 5px !important; background: #0392d6; color: white; font-style: italic;}
body.gray #vedeli-jste {background: #9c9e9e;}
body.red #vedeli-jste {background: #f44059;}
body.green #vedeli-jste {background: #57ad40;}
body.yellow #vedeli-jste {background: #f7931d;}

#navigation {padding: 0; margin: 0 30px; list-style: none;}

#navigation li {float: left; width: 279px; margin-right: 1px;}
/*
  vanocni tema, na uvodni strance jsou obr razeny do sloupce, misto do radku
#navigation li {float: none; width: 279px; margin-right: 1px;}
*/
#navigation a {border-bottom: none; padding: 0;}
#navigation a:hover {background: none;}
#navigation a img {border: 4px solid white; border-bottom: none; margin-bottom: -4px;}
#navigation .red a:hover img {border: 4px solid #f44059; border-bottom: none;}
#navigation .gray a:hover img {border: 4px solid #9c9e9e; border-bottom: none;}
#navigation .green a:hover img {border: 4px solid #57ad40; border-bottom: none;}
#navigation .yellow a:hover img {border: 4px solid #f7931d; border-bottom: none;}
#navigation strong {display: block; height: 20px; margin: 0 4px; padding: 8px 0; text-align: center; font-size: 115%; cursor: pointer;}
#navigation a:hover strong {margin: 0;}
#navigation .red strong {color: #f44059; background: url('../images/bred.gif') repeat-x;}
#navigation .red a:hover strong {background: #f44059; color: white;}
#navigation .gray strong {color: #9c9e9e; background: url('../images/bgrey.gif') repeat-x;}
#navigation .gray a:hover strong {background: #9c9e9e; color: white;}
#navigation .green strong {color: #57ad40; background: url('../images/bgreen.gif') repeat-x;}
#navigation .green a:hover strong {background: #57ad40; color: white;}
#navigation .yellow strong {color: #f7931d; background: url('../images/bgyellow.gif') repeat-x;}
#navigation .yellow a:hover strong {background: #f7931d; color: white;}
#navigation p {height: 110px; overflow: visible; margin: 5px 0 0 0; padding: 0 5px 0 75px;}
#navigation .red p {background: url('../images/logo_red.jpg') no-repeat;}
#navigation .gray p {background: url('../images/logo_gray.jpg') no-repeat;}
#navigation .green p {background: url('../images/logo_green.jpg') no-repeat;}
#navigation .yellow p {background: url('../images/logo_yellow.jpg') no-repeat;}

#navigation1 {padding: 0; margin: 20px 0; list-style: none;}
#navigation1 li {float: left; width: 178px; margin-right: 1px;}
#navigation1 a {border-bottom: none !important; padding: 0 !important;}
#navigation1 a:hover {background: none; padding: 0 !important;}
#navigation1 a img {border: 4px solid white; border-bottom: none; margin-bottom: -4px;}
#navigation1 a:hover img {border: 4px solid #F7931D; border-bottom: none;}
#navigation1 strong {display: block; height: 40px; margin: 0 4px; padding: 8px 0; text-align: center; font-size: 115%; cursor: pointer; color: #F7931D;}
#navigation1 a:hover strong {margin: 0; background: #F7931D; color: white;}
#navigation1 p {height: 110px; overflow: visible; margin: 5px 0 0 0; padding: 0 5px 0 75px;}
#navigation1 li.navigation1long {float: left; width: 358px; margin-right: 1px;}

#navigationvanocemale {padding: 0; margin: 20px 0; list-style: none;}
#navigationvanocemale li {float: left; width: 178px; margin-right: 1px;}
#navigationvanocemale a {border-bottom: none !important; padding: 0 !important;}
#navigationvanocemale a:hover {background: none; padding: 0 !important;}
#navigationvanocemale a img {border: 4px solid white; border-bottom: none; margin-bottom: -4px;}
#navigationvanocemale a:hover img {border: 4px solid #f44059; border-bottom: none;}
#navigationvanocemale strong {display: block; height: 40px; margin: 0 4px; padding: 8px 0; text-align: center; font-size: 115%; cursor: pointer; color: #F7931D;}
#navigationvanocemale a:hover strong {margin: 0; background: #f44059; color: white;}
#navigationvanocemale p {height: 110px; overflow: visible; margin: 5px 0 0 0; padding: 0 5px 0 75px;}

#copyright {clear: both; color: #9c9e9e; padding-top: 30px;}
#iws {color: #9c9e9e; padding: 4px 20px 4px 0px; background: url('../images/kosticka.gif') no-repeat right;}
#iws:hover {text-decoration: underline;}

#obj2 {position: relative; left: 330px;}

#form-zapojit {margin: 15px 0; padding: 5px 0 0 0; background: white;}
#form-zapojit fieldset {border: none; padding: 0;}
#form-zapojit legend {display: none;}
#form-zapojit p {margin: 0 0 1px 0; padding: 0;}
#form-zapojit input.text {width: 316px; padding: 5px; border: none; background: #e4f0f9;}
#form-zapojit textarea {width: 316px; padding: 5px; border: none; background: #e4f0f9; margin: 0;}
#form-zapojit label {display: block; width: 140px; float: left; text-align: right; padding: 3px 10px 0 0; color: #0392D6;}
#form-zapojit p.blaf {background: #e4f0f9; padding-left: 150px;}
#form-zapojit p.blaf label {margin-left: -150px;}
#form-zapojit p.blaf textarea {background: white; width: 315px; margin: 1px 1px 1px 0;}
#form-zapojit input.btn {background: #0392D6; color: white; padding: 5px; border: none;}

#eshop-nodes {list-style: none; padding: 0; margin: 0;}
#eshop-nodes li {float: left; margin-right: 1px;}
#eshop-nodes a {display: block; padding: 5px; border: none; background: white;}

#eshop-top {height: 28px; margin: 10px 0; padding: 5px; background: url('../images/boky.png');}
* html #eshop-top {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/default/images/boky.png', sizingMethod='scale'); background-image: none;}
#eshop-top a#eshop-back, #eshop-top a#eshop-basket {padding: 5px !important; border: none !important; background: white; color: #4892D6;}
#eshop-top a#eshop-back:hover, #eshop-top a#eshop-basket:hover {background: #4892D6; color: white;}
#eshop-top a#eshop-back {float: left;}
#eshop-top a#eshop-basket {float: right;}

.eshop-item {margin: 5px 0 10px 0; padding: 5px;}
.eshop-item:hover {background: #bde4f0;}
.eshop-item h3 {padding-left: 5px;}
.eshop-item input {background: wgite; padding: 5px; border: none;}
.eshop-item input.btn {background: #0392D6; color: white; padding: 5px; border: none; cursor: pointer;}

#eshop-basket-table {width: 100%;}
#eshop-basket-table th {font-weight: normal; background: #0392D6; color: white; text-align: left; padding: 5px;}
#eshop-basket-table th.width40 {width: 40px;}
#eshop-basket-table th.width90 {width: 90px;}
#eshop-basket-table th.right {text-align: right;}
#eshop-basket-table td {background: white; padding: 5px;}
#eshop-basket-table td.noback {background: none;}
#eshop-basket-order {background: #0392D6; display: block; float: left; color: white !important; padding: 5px !important; border: none;}

#eshop-order-form {margin: 20px 0; padding: 5px 0; background: white;}
#eshop-order-form fieldset {border: none; padding: 0;}
#eshop-order-form legend {display: none;}
#eshop-order-form p {margin: 0 0 1px 0; padding: 0;}
#eshop-order-form input {width: 316px; padding: 5px; border: none; background: #e4f0f9;}
#eshop-order-form textarea {width: 316px; height: auto; float: none; margin: 0; padding: 5px; border: none; background: #e4f0f9; color: black; font-size: small; text-align: left;}
#eshop-order-form label {display: block; width: 140px; float: left; text-align: right; padding: 3px 10px 0 0; color: #0392D6;}
#eshop-order-form input.btn {width: auto; background: #0392D6; color: white; margin: 5px 0 0 150px; padding: 5px; border: none; cursor: pointer;}
#eshop-order-form input.radio {width: auto;}