@charset "utf-8";

/* Hlavní CSS */

body {
    color: #000;
    background: url(img/body_bg_pattern.png) repeat;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
    font-family: 'Trebuchet MS', Tahoma, Arial,sans-serif;
}

p, li, ol, ul, h1, h2, h3, h4, h5, div {
    padding: 0px;
    margin: 0px;
}

a, a:visited {
    font-size: 100%;
    padding: 2px;
    color: #333;
}

a:hover {
    color: #000;
    padding: 2px;
    text-decoration: none;
}

p {
    margin: 10px 0px 0px 0px;
}

h2 {
    font-size: 200%;
}

h3 {
    font-size: 150%;
    margin: 15px 0px 0px 0px;
}

h4 {
    font-size: 130%;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    font-style: italic;
}

img {
    border: 0px;
}

iframe {
    margin: 15px 0 15px 15px;
}

/* Obecne tridy */

.alignleft {
    float: left;
    margin: 0 10px 0 0;
}

.alignright {
    float: right;
    margin: 0 0 0 10px;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.nodisplay {
    display: none;
}

/* LAYOUT */

#cover {
    background: url(img/transition_s.png) repeat-x;
    width: 100%;
}

#center {
    width: 965px;
    margin: 0px auto;
}

h1 {
    font-size: 0px;
    margin:0px;
    padding:0px;
}

h1 a.header {
    padding: 0;
    margin: 0;
    position:relative;
    float:left;
    height:261px;
    width:965px;
}

h1 span {
    padding: 0;
    margin: 0;
    position:absolute;
    top:0px;
    left:0px;
    text-indent: -9999px;
    height:261px;
    width:965px;
    background: url(img/header.png) no-repeat;
}
#menu {
    font-size: 80%;
}

#menu-left {
    background: url(img/menu_left.png) no-repeat;
    width: 27px;
    height: 30px;
    float: left;
}

#menu-navi {
    background: url(img/menu_content.png) repeat-x;
    height: 30px;
    width: 897px;
    float: left;
}

#menu-navi ul {
    font-family: Verdana, Georgia, Tahoma, sans-serif;
    font-size: 100%;
    height: 30px;
}

#menu-navi ul li {
    background: url(img/menu_content.png) repeat-x;
    display: block;
    height: 30px;
    float: left;
}

#menu-navi ul li a {
    background: url(img/menu_separator.png) no-repeat right;
    color: #FFF;
    text-decoration: none;
    display: block;
    line-height: 30px;
    padding: 0 10px 0 10px;
}

#menu-navi ul li a:hover {
    background: url(img/menu_hover.png);
    display: block;
    line-height: 30px;
}

#menu-right {
    background: url(img/menu_right.png) no-repeat;
    width: 41px;
    height: 30px;
    float: left;
}

#h-row-upper {
    background: url(img/h_row_upper.png) no-repeat;
    width: 965px;
    height: 3px;
}

#content {
    background: url(img/content.png) repeat-y;
    text-align: left;
    width: 965px;
    float: left;
}

#content-inner {
    width: 905px;
    padding: 10px 40px 10px 20px;
}
#float-right-sidebar {
    float: right;
}

.widget {
    list-style: none;
}

#right {
    background: url(img/right.png) no-repeat;
    margin: 0px 0px 0px 10px;
    padding-top:125px;
    width: 212px;
    height: 354px;
}

#right-content {
    font-size: 75%;
    width: 112px;
    height: 274px;
    margin: 0px 50px 0px 40px;
    color: #FFF;
    overflow: hidden;
    display: none;
}

#content-text {
    font-size: 100%;
}

#h-row-lower {
    background: url(img/h_row_lower.png) no-repeat;
    height: 4px;
    width: 965px;
}

#footer-left {
    background: url(img/footer_left.png) no-repeat;
    height: 185px;
    width: 27px;
    float: left;
}

#footer-content {
    text-align: center;
    background: url(img/footer_content.png) repeat-x;
    height: 185px;
    width: 897px;
    float: left;
}

#footer-right {
    background: url(img/footer_right.png) no-repeat;
    height: 185px;
    width: 41px;
    float: left;
}

#footer img {
    margin: 5px 15px 0px 15px;
}

#copyright {
    font-size: 70%;
    text-align: center;
    color: #FFF;
    margin: 10px 0px 10px 0px;
}


/* Formular */

#kontaktni-formular {
    margin: 5px auto;
    background: #C4C4C4;
    border: solid 3px #231F20;
}

#kontaktni-formular legend {
    padding: 2px 5px 2px 5px;
    border: solid 3px #e2e2e2;
    color: #FFF;
    font-weight: bold;
    background: #231F20;
}

#kontaktni-formular .text {
    width: 47%;
}

#kontaktni-formular textarea {
    height: 13em;
}

#kontaktni-formular label {
    width: 6em;
    float: left;
}

#kontaktni-formular label.error {
    float: none;
    color: #F00;
    padding-left: .5em;
    vertical-align: top;
}

#kontaktni-formular .submit {
    margin: 0px 0px 0px 115px;
}

#kontaktni-formular em {
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
}

#kontaktni-formular #odpoved {
    margin: 0px 0px 0px 22px;
}

#kontaktni-formular #ano {
    margin: 0px 0px 0px 22px;
}

/* DIVy a jejich tridy */

div.navigation {
    padding: 30px 0 30px 0;
}

div.aktualita {
    width: 72%;
    border: 1px dashed #666;
    margin: 10px 0px 0px 0px;
    padding: 5px;
}

div.odkazy {
    padding: 10px 10px 20px 10px;
}

div.odkazy p {
    padding: 0;
    margin: 0;
}

div.odkazy img {
    float: left;
    margin: 0px 10px 0px 0px;
}

div.odkazy h5 {
    padding: 0;
}

div.post {

}

div.post h2 {
    margin: 0 0 0 15px;
}


p.postmetadata {
    margin: 10px 0 0 0;
    color: #555;
}

div.entry ul.nostyle li {
    list-style: none;
}

div.entry ul {
    padding: 10px 0 10px 40px;
}

div.entry ul li {
    list-style: disc;
}


div.entry ul li ul{
    padding: 0 0 0 20px;
}

div.entry ul li ul li {
    list-style: circle;
}

/* IDcka */

#content ul {
    list-style: none;
}

#uspechy {
    width: 100%;
    min-height: 650px;
    border: 0px;
}

#sitemap ul {
    list-style: square;
    margin: 10px 0px 0px 30px;
}


/* Tabulka bazar */
table.bazar {
    margin: 10px 0 10px 0;
    width: 670px;
    border-collapse: collapse;
    -moz-box-shadow: 10px 10px 9px #888;
    -webkit-box-shadow: 10px 10px 9px #888;
    box-shadow: 10px 10px 9px #888;
}

table.bazar td.hlavicka {
    background: #000;
    color: #fff;
    line-height: 30px;
    font-size: 1.5em;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}

table.bazar tr > td.hlavicka:first-child, table.bazar tr > td.hlavicka:last-child {
    background: #000;
    color: #fff;
    line-height: 30px;
    font-size: 1.5em;
    text-align: center;
    border-right: 0;
    border-left: 0;
}

table.bazar tr {
    margin: 0 10px 0 0;
    border-bottom: solid 1px #000;
}

table.bazar tbody tr > td:first-child  {
    padding: 0 0 0 0 !important; 
    width: 150px;
}

table.bazar tbody tr > td:last-child  {
    padding: 0 0 0 0 !important; 
    width: 100px;
    text-align: center;
    font-size: 1.3em;
}

table.bazar tr:nth-child(odd) {
    background: #FFF;
    color: #000;
}

table.bazar tr:nth-child(odd):hover {
    background: #EEE;
    color: #000;
}

table.bazar tr:nth-child(even) {
    background: #BFBFBF;
    color: #000;
}

table.bazar tr:nth-child(even):hover {
    background: #AFAFAF;
    color: #000;
}

table.bazar td {    
    padding: 0px 2px 0px 10px;
    font-size: 1.2em;
}

table.bazar td img  {
    padding: 10px 0px 10px 10px;
}

table.bazar td.nadpistab2 {
  background: #555;
  color: #fff;
  line-height: 30px;
  font-size: 1.5em;
  text-align: center;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}

/* Tabulka kontaktni informace */

#kontaktni-informace table {
    margin: 10px 0px 0px 0px;
    border-collapse: collapse;
    border: solid 3px #000;
    background: #c4c4c4;
}

#kontaktni-informace thead {
    font-weight: bold;
    text-align: center;
    padding: 0px;
    color: #FFF;
    background: #231F20;
}

#kontaktni-informace td.fst-col {
    font-weight: bold;
    border-top: solid 1px #000;
    padding: 3px 5px 3px 5px;
}

#kontaktni-informace td {
    border-top: solid 1px #000;
    padding: 3px 5px 3px 5px;
    vertical-align: middle;
}

#kontaktni-informace a {
    text-decoration: none;
}

/* TWITTER */
#right-content a {
    color: #CCC;
}

#right-content a:hover {
    color: #FFF;
}

#right-content ul li {
    margin: 0 0 15px 0;
}

#right-content a.time {
    font-size: 75%;
    color:#AAA;
    text-decoration:underline;
}

#right-content a.time:hover {
    color:#FFF;
    text-decoration:none;
}

#right-content div.loader {
    text-align:center;
    margin:	121px 0 0 0;
}

/* Comments */
#content-text #respond {
    padding: 30px 0 0 0;
}

#content-text ol.commentlist {
    padding: 0 0 0 30px;
}

#content-text ul.children {
    padding: 0 0 0 30px;
}
#content-text ul.children li {
    border-left: 1px solid #000;
    padding: 0 0 0 10px;
}

#content-text ol.commentlist li {
    margin: 0 0 10px 0;
}

#content-text ol.commentlist cite.fn {
    font-size: 100%;
}

#content-text ol.commentlist div.comment-meta {
    font-size: 60%;
}

#content-text ol.commentlist div.reply {
    font-style: italic;
    padding: 10px;
}

/* Uspechy tabulka */
.tabulka-uspechy {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
                     
.tabulka-uspechy thead {
    font-weight: bold;
    background: #294194;
    color: #FFF;
}

.tabulka-uspechy tr.r0 {
    background: #FFF;
    color: #000;
}

.tabulka-uspechy tr.r1 {
    background: #BFBFBF;
    color: #000;
}

.tabulka-uspechy tr:hover {
    background: #3E5ECA;
    color: #FFF;
}

.tabulka-uspechy td {
    padding: 0px 2px 0px 2px;
}

/* Styl pro sablonu Galerie */

ul.galerie-list a {
    font-size: 120%;
    font-weight: bold;
}

ul.galerie-list li ul a {
    font-size: 100%;
    font-weight: normal;
}

ul.galerie-list li {
    padding: 0 0 0 10px;
}

/* Styl pro dropdown menu */

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:30px;
    margin:0;
    padding: 1px 0 0 0;
    z-index: 9999;
}

#suckerfishnav li li {
    border-right: solid 1px #000;
    clear: both;
    float: none;
}
#suckerfishnav li li a {
    width:170px;
}
#suckerfishnav li ul ul {
    margin:-31px 0 0 190px;
    border-left: solid 1px #000;
}
#suckerfishnav li li:hover {
    background: url(img/menu_hover.png) repeat-x;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
    background: url(img/menu_hover.png) repeat-x;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    background: url(img/menu_content.png) repeat-x;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    background: url(img/menu_content.png) repeat-x;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {
    left:-999em;
    background: url(img/menu_hover.png) repeat-x;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {
    left:auto;
    background: url(img/menu_hover.png) repeat-x;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: url(img/menu_hover.png) repeat-x;
}
   

#dropmenu ul {
    position:absolute;
    left:-999em;
    height:30px;
    margin:0;
    padding: 1px 0 0 0;
    z-index: 9999;
}

#dropmenu li li {
    border-right: solid 1px #000;
    clear: both;
    float: none;
}
#dropmenu li li a {
    width:180px;
}
#dropmenu li ul ul {
    margin:-31px 0 0 200px;
    border-left: solid 1px #000;
}
#dropmenu li li:hover {
    background: url(img/menu_hover.png) repeat-x;
}
#dropmenu li ul li:hover a, #dropmenu li ul li li:hover a, #dropmenu li ul li li li:hover a, #dropmenu li ul li li li:hover a  {
    background: url(img/menu_hover.png) repeat-x;
}
#dropmenu li:hover a, #dropmenu li.sfhover a {
    background: url(img/menu_content.png) repeat-x;
}
#dropmenu li:hover li a, #dropmenu li li:hover li a, #dropmenu li li li:hover li a, #dropmenu li li li li:hover li a {
    background: url(img/menu_content.png) repeat-x;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul, #dropmenu li.sfhover ul ul, #dropmenu li.sfhover ul ul ul, #dropmenu li.sfhover ul ul ul ul  {
    left:-999em;
    background: url(img/menu_hover.png) repeat-x;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul, #dropmenu li.sfhover ul, #dropmenu li li.sfhover ul, #dropmenu li li li.sfhover ul, #dropmenu li li li li.sfhover ul  {
    left:auto;
    background: url(img/menu_hover.png) repeat-x;
}
#dropmenu li:hover, #dropmenu li.sfhover {
    background: url(img/menu_hover.png) repeat-x;
}