@import url("/fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,latin-ext");
/*
// -----------------------základní prvky---------------------------------------
*/
body {
    background: #ECDDB3 url(/images/backimage.jpg) top center;
    background-attachment: fixed;
    background-size: 100% auto;
    text-align: center;
    margin: 0;
    padding: 0
    }
.reklama {
    display: none
    }
#floater {
    position: fixed;
    margin-left: 970px;
    background: #000;
    color: #fff;
    font: 11px Arial;
    text-align: left;
    width: 160px
    }
#floater span {
    padding: 2px
    }
#floater2 {
    position: absolute;
    margin-left: -170px;
    background: #000;
    color: #fff;
    font: 11px Arial;
    text-align: left;
    width: 160px
    }
#floater2 span {
    padding: 2px
    }
.banners {
    padding: 8px 0;
    background: #f9f9f9;
    text-align: center
    }
.banners img {
    border: 0
    }
#horni {
    /*background-image: url('images/top.gif');
     background-repeat: repeat-x;
     background-position: top center;  */
    }
.around {
    background-image: url(images/obsah.png);
    background-repeat: repeat-y;
    background-position: center center
    }
.main {
    width: 60em;
    padding: 0;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(images/main.gif) 8px top repeat-y
    }
.head {
    width: 100%;
    background-color: #fff;
    background-image: url(images/head.gif);
    background-repeat: repeat-x;
    background-position: left -1px
    }
#stylize {
    position: absolute;
    color: #222;
    font: 11px Tahoma;
    margin: 10px;
    margin-left: 50px;
    _margin: -34px 0 0 -270px
    }
#stylize a {
    color: #222
    }
.head h1 {
    float: left;
    clear: left;
    margin: 0;
    width: 278px;
    color: #E1E1E1;
    font-family: Verdana;
    font-size: 10px;
    margin-left: 20px;
    _margin-left: 10px
    }
.head h1 a {
    color: #E1E1E1
    }
.head h1 a img {
    border: 0;
    margin-top: 30px;
    margin-bottom: 0
    }
.head h2 {
    font-family: Tahoma;
    float: right;
    color: #333;
    font-style: italic;
    margin: 20 20 0 0;
    font-size: 1.2em
    }
.head cite {
    float: right;
    text-align: right;
    color: #656556;
    margin: 5 15 0 0;
    font-size: 0.7em;
    display: block;
    width: 420px;
    font-family: Tahoma;
    font-style: normal
    }
.head .banner {
    float: right;
    margin-right: 15px;
    border: 1px solid #F90
    }
.head hr, .topmenu hr, .navigator hr {
    display: none
    }
hr.divend, br.divend {
    margin: 0;
    clear: both;
    visibility: hidden
    }
.topmenu {
    margin-top: 18px;
    _margin-top: 36px
    }
.topmenu ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    list-style-type: none
    }
.topmenu ul li {
    float: left;
    font: normal 0.7em Arial;
    margin-left: 1px
    }
.topmenu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 4 8 4 8;
    background: url(images/topm.gif)
    }
.topmenu ul li a:hover {
    text-decoration: underline;
    background: url(images/topmh.gif)
    }
.navigator {
    margin: 0 8px 0 8px;
    border-bottom: 4px solid #fff;
    border-top: 1px solid #fff;
    background: url(images/bg.jpg) top center repeat-x;
    /*#006699;*/
    padding: 6 10 6 10;
    font: normal 0.8em Verdana;
    color: #fff
    }
.navigator a {
    color: #fff;
    text-decoration: none;
    margin-top: 5px
    }
.navigator a:hover {
    text-decoration: underline
    }
.navigator span {
    margin-top: 5px
    }
.navigator img.ico {
    margin-top: 2px;
    float: right;
    border: 0;
    border-left: 1px dashed #fff
    }
.navigator form {
    border-left: 1px dashed #fff;
    float: right;
    margin: 0;
    margin-top: -2px;
    clear: none !important;
    display: table
    }
.navigator form div input {
    vertical-align: middle
    }
.navigator form div {
    display: table-cell
    }
#vyraz {
    background: url(/images/spole.gif) bottom left repeat-x;
    border: 1px solid #ccc;
    width: 90px;
    margin-left: 4px
    }
.sub {
    margin-left: -8px
    }
.navigator hr {
    display: none
    }
/*
****************  LEFTSIDE
*/
.leftside {
    width: 220px;
    float: left;
    padding: 0;
    margin: 0 0 0 8;
    _margin: 0 0 0 4;
    font-family: Arial;
    font-size: 1.1em
    }
.leftside p {
    margin: 0 5 10 0;
    padding: 0;
    font-size: 0.7em
    }
.leftside i {
    margin: 0 0 10 0
    }
.mainmenu {
    background: url(../images/mainm.gif) repeat-x;
    border-bottom: 8px solid #fff;
    padding: 0
    }
.mainmenu h3 {
    display: none
    }
.mainmenu ul {
    padding: 0;
    margin: 0 !important
    }
.mainmenu li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D2DBB7;
    border-top: 1px solid #99AD5A
    }
.mainmenu ul li a {
    display: block;
    background: url(../images/li.png) no-repeat 8px 7px;
    padding: 3px 0 3px 0;
    padding-left: 24px;
    width: 100%;
    font-size: 0.9em;
    color: #353535
    }
.mainmenu ul li a:hover, .mainmenu ul li a#current {
    background: url(../images/li.png) no-repeat 18px 7px;
    padding-left: 34px;
    text-decoration: none
    }
.leftside h4 {
    font-family: Verdana;
    font-size: 12px;
    margin: 5 0 5 0;
    padding: 0
    }
#admin, #login {
    background: url(images/menu_login.png) top center repeat-x;
    /*#006699;*/
    _background: url(images/menu_login.png) 0 8px repeat-x;
    /*#006699;*/
    }
#partneri, #last-comments, #anketa, #visit, #cal {
    background: url(images/bg.jpg) top center repeat-x;
    /*#006699;*/
    _background: url(images/bg.jpg) 0 8px repeat-x;
    /*#006699;*/
    }
#slide {
    background: url(images/slide.gif) top center repeat-x;
    /*#006699;*/
    _background: url(images/slide.gif) 0 8px repeat-x;
    /*#006699;*/
    }
#admin h4, #partneri h4, #last-comments h4, #anketa h4, #visit h4, #slide h4, #login h4, #cal h4 {
    padding: 6 10 6 10;
    font: bold 0.7em Verdana;
    color: #fff;
    margin: 0 0 0 0
    }
#visit center {
    margin-top: 12px
    }
#last-comments h4 {
    background: url(../ikony/comment.png) 148px 6px no-repeat;
    margin: 0 0 10 0
    }
#last-comments a:visited {
    color: #000
    }
#last-comments a, #last-comments a:hover {
    color: #069
    }
div#pivovary {
    border-top: 2px solid #fff
    }
#slide img {
    width: 100%;
    margin-bottom: 0
    }
#slide div {
    position: absolute;
    float: right;
    padding: 4px;
    margin-top: 15px;
    margin-left: 2px;
    background: url(images/bg503.png);
    _background: url(images/50bg1.gif);
    filter: alpha(opacity=65);
    max-width: 210px;
    _width: expression(document.body.clientWidth<210?"210px": "auto")
    }
#slide div strong {
    color: #fff;
    font: normal 0.7em Tahoma
    }
#cal table {
    width: 100%
    }
#cal table td a, #cal table th a {
    padding: 4px;
    text-decoration: none;
    font-weight: bold
    }
h4#menu02 {
    margin-top: 0;
    padding: 4px;
    padding-left: 10px;
    font: normal 0.7em Arial;
    background: url(images/topm.gif);
    color: #fff;
    display: block
    }
.leftside ul, ul.links {
    margin: 0 3px 12px 7px;
    padding: 0;
    list-style-type: none
    }
.leftside .menu li, ul.links li {
    margin: 1px 0 0 0;
    border: 0;
    font-size: 13px;
    font-weight: normal;
    padding: 2px;
    padding-left: 15px;
    background: url(../images/li.gif) no-repeat 2px 7px;
    _background: url(../images/li.gif) no-repeat 2px 9px;
    background-position: left middle;
    line-height: 120%
    }
.leftside table td a {
    color: #06C;
    text-decoration: underline
    }
.leftside table td a:hover {
    text-decoration: none
    }
.leftside a, table#ank td a {
    text-decoration: none;
    color: #000
    }
.leftside a:hover, table#ank td a:hover {
    text-decoration: underline
    }
.leftside table#ank {
    width: 100% !important;
    margin: 0
    }
.leftside table td {
    font-size: 13px;
    font-family: Arial
    }
.leftside hr, .rightside hr, .prefix hr {
    display: none
    }
.menu {
    margin: 0;
    border-top: 8px solid #fff;
    border-bottom: 1px solid #c6c6c6
    }
.menu ul div {
    position: absolute;
    visibility: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 150px;
    overflow: hidden;
    z-index: 1
    }
.menu img {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 190px
    }
.menu p {
    margin-left: 8px
    }
.menu form {
    margin-top: 10px;
    margin-bottom: 15px
    }
.menu input {
    border: 1px solid #666;
    font-size: 10px;
    font-family: Verdana
    }
.menu form p {
    margin: 0;
    margin-top: 5px;
    font-size: 11px;
    line-height: 100%
    }
.menu form p input {
    margin: 0;
    border: 0;
    width: 13px;
    height: 13px
    }
img.user {
    width: 50px;
    float: right;
    margin-right: 15px
    }
#ma {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    _margin-left: 10px;
    margin-bottom: 8px;
    padding: 0;
    background: #333 url(images/poz.gif) top left no-repeat;
    width: 200px;
    font-size: 1px
    }
#ma img {
    padding: 0;
    margin: 0;
    width: 200px;
    border: 1px solid #989898
    }
.leftside table#ank td img {
    margin: 2 0 0 0
    }
table#ank td a {
    color: #323232
    }
table#ank td a:hover {
    text-decoration: underline
    }
table#ank td img {
    border: 0
    }
.leftside table#ank {
    width: 150px;
    margin: 0;
    border: 1px solid #66869B;
    border-bottom: 3px solid #66869B;
    background: #fff;
    padding: 0
    }
#anketa p {
    margin: 0;
    padding: 5px;
    color: #fff;
    background: #66869B;
    border-top: 1px solid #B0C1CC;
    border-bottom: 1px solid #35647E
    }
#anketa p b {
    display: block;
    margin: 4px;
    font-weight: normal
    }
#partneri h4 {
    margin-bottom: 10px
    }
/*
****************  PREFIXES
*/
.prefix {
    float: right;
    width: 59.2em;
    margin: 0 8 0 0;
    _margin: 0 4 0 0;
    color: #fff;
    height: 120px;
    border-bottom: 1px solid #959595;
    background-repeat: no-repeat;
    background-position: right top;
    font-size: 0.75em
    }
.prefix a {
    color: #fff;
    text-decoration: underline
    }
.prefix div {
    width: 250px;
    margin-top: 40px;
    padding: 8px;
    margin-left: 30px;
    background: url(../images/bg503.png);
    _background: url(../images/50bg1.gif);
    filter: alpha(opacity=65)
    }
.prefix h4 {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 1em
    }
.prefix p {
    margin: 0;
    font-size: 10px;
    font-family: Verdana;
    color: #f1f1f1
    }
#prefix01 {
    background-image: url(images/prefix/prefix01.jpg)
    }
#prefix02 {
    background-image: url(images/prefix/prefix02.jpg)
    }
#prefix03 {
    background-image: url(images/prefix/prefix03.jpg)
    }
#prefix04 {
    background-image: url(images/prefix/prefix04.jpg)
    }
#prefix05 {
    background-image: url(images/prefix/prefix05.jpg)
    }
#prefix06 {
    background-image: url(images/prefix/prefix06.jpg)
    }
#prefix07 {
    background-image: url(images/prefix/prefix06.jpg)
    }
#prefix08 {
    background-image: url(images/prefix/prefix06.jpg)
    }
#prefix09 {
    background-image: url(images/prefix/prefix09.jpg)
    }
#prefix10 {
    background-image: url(images/prefix/prefix10.jpg)
    }
#prefix11 {
    background-image: url(images/prefix/prefix11.jpg)
    }
#prefix19 {
    background-image: url(images/prefix/prefix19.jpg)
    }
#prefix34 {
    background-image: url(images/prefix/prefix34.jpg)
    }
#prefix42 {
    background-image: url(images/prefix/prefix42.jpg)
    }
#prefix43 {
    background-image: url(images/prefix/prefix43.jpg)
    }
#prefix44 {
    background-image: url(images/prefix/prefix44.jpg)
    }
#prefix45 {
    background-image: url(images/prefix/prefix-piva.jpg)
    }
#prefix46 {
    background-image: url(../images/prefix/prefix46.jpg)
    }
#prefix47 {
    background-image: url(../images/prefix/prefix47.jpg)
    }
#prefix48 {
    background-image: url(../images/prefix/prefix-dve-piva.jpg)
    }
#prefix75 {
    background-image: url(../images/prefix/prefix75.jpg)
    }
/*
****************  MIDDLE
*/
a#print {
    float: right
    }
a#print img {
    margin-top: 12px
    }
.viewfoto a, .middle a {
    color: #005E8A;
    text-decoration: underline
    }
.viewfoto a:hover, .middle a:hover {
    text-decoration: none
    }
.viewfoto, .middle {
    float: right;
    width: 59.2em;
    padding-bottom: 15px;
    margin: 0 8 0 0;
    _margin: 0 4 0 0;
    font-family: Verdana;
    font-size: 0.75em
    }
.middle h1, .viewfoto h3, h2#galerie, h2#blog, h2#clanky, h2#foto, h2#files, h2#contacts, .box h2 {
    font-family: "Roboto Slab", serif;
    font-size: 2.4em;
    padding: 20px 0;
    margin: 0;
    background: url(images/bpata.png) 0 0 repeat-x;
    border-bottom: 3px solid #A7B871;
    color: #232323
    }
.box h2 {
    background: url(images/first.gif) 0 -171px repeat-x
    }
.middle h2 {
    font-family: "Roboto Slab", serif;
    font-size: 1.4em;
    padding: 0;
    margin-top: 0
    }
.middle h2 a {
    font-size: 1.4em;
    color: #353535;
    text-decoration: none;
    margin-left: 5px
    }
h2#galerie a {
    text-decoration: underline
    }
h2#galerie a:hover {
    text-decoration: none
    }
.middle h3, .viewfoto h3 {
    font-family: "Roboto Slab", serif;
    font-size: 1.2em;
    margin: 0 0 8px
    }
.middle h3 a {
    font-size: 1.9em;
    color: #353535;
    text-decoration: none
    }
.middle h3 a:hover {
    text-decoration: underline;
    color: #005E8A;
    transition: color 0.3s ease-in-out
    }
h3#comments {
    border-top: 1px dashed #ccc;
    padding-top: 8px;
    margin-top: 30px
    }
.middle p {
    margin: 15px 10px;
    text-align: left;
    line-height: 150%;
    font-size: 1.25em
    }
.body p {
    margin-top: 0
    }
.middle strong.key {
    font-weight: normal;
    color: #000;
    background: #f9f9f9
    }
.middle hr {
    border: 0;
    border-top: 1px solid #ccc
    }
.pozn2, .pozn {
    padding: 6 10 0 10;
    margin: 16 0 16 0;
    background: #FFF4DF;
    border: 1px solid #FC6
    }
.pozn p strong {
    color: #060
    }
.eshop .pozn p strong {
    color: #323232
    }
.pozn2 p, .pozn p {
    text-indent: 0;
    margin-top: 4px
    }
.pozn h2 {
    margin-top: 0
    }
.pozn2 h3, .pozn h3 {
    color: #333;
    margin-top: 0;
    margin-bottom: 10px
    }
.pozn2 h3 {
    color: #b00000;
    margin-top: 0;
    margin-bottom: 10px
    }
.pozn ul, .pozn2 ul {
    margin-left: 10px;
    margin-bottom: 10px
    }
.pozn ul li, .pozn2 ul li {
    margin-left: 10px
    }
#adsense {
    width: 336px;
    height: 280px;
    border: 1px solid #ccc;
    padding: 10px;
    float: right
    }
#related {
    border: 1px solid #ccc;
    padding: 10px
    }
#related hr {
    display: none
    }
.dalsi {
    float: left;
    width: 48%;
    padding-right: 10px
    }
#related ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
#related li {
    margin-bottom: 4px
    }
#related li a {
    color: #900
    }
#related h2 {
    margin-bottom: 6px
    }
#clandis {
    background: url(/images/bpata.png) bottom left repeat-x;
    padding-bottom: 10px;
    font-size: 20px;
    margin-top: 20px
    }
.first {
    margin-bottom: 40px;
    _width: 100%
    }
.first div {
    width: 33%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left
    }
.first h3 {
    margin: 10px;
    color: #036;
    _width: 100%;
    padding: 0
    }
.first h3 a {
    font-size: 1.4em
    }
.first p#first-index {
    font-size: 1.1em
    }
.first#first-index img.nahled {
    width: 100%;
    margin: 0;
    max-width: 100%;
    float: none;
    border: 0
    }
.first#first-index img.nahled {
    width: 240px
    }
.first b.stats {
    background-color: transparent !important;
    background-image: none !important;
    color: #000;
    margin: 5 0 5 0;
    _padding-top: 10px;
    _margin: 15 0 0 0
    }
.first b.stats a {
    color: #000
    }
.viewfoto table td, .viewfoto table th, .middle table td, .middle table th {
    font-family: Verdana;
    font-size: 10px;
    margin: 0;
    padding: 2px
    }
.kontakty table {
    width: 100%
    }
.viewfoto table input, .viewfoto table textarea, .middle table input, .middle table textarea {
    border: 1px solid #CCC
    }
.viewfoto form, .middle form {
    margin: 0
    }
table.uzivatel {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #d1d1d1
    }
table.uzivatel td, table.uzivatel th {
    background-color: #fff;
    text-align: left;
    font-size: 0.8em
    }
table.seznam {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #CCC
    }
fieldset table.seznam {
    width: 96%
    }
table.seznam th {
    text-align: left;
    background-color: #f1f1f1
    }
table.seznam td {
    background-color: #f9f9f9
    }
table.seznam th span {
    float: left
    }
table.seznam th img {
    float: right;
    margin: 0;
    filter: alpha(opacity=40)
    }
table.seznam td b {
    color: red;
    font-size: 8px
    }
table.foto {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #CCC;
    background-color: white;
    padding: 0
    }
table.foto td {
    height: 170px;
    border: 1px solid #fff
    }
table.foto td:hover {
    height: 170px;
    border: 1px solid #ccc;
    background: #f1f1f1
    }
table.foto td b {
    color: red;
    font-size: 8px
    }
table.foto td img {
    border: 1px solid #999
    }
table.foto td a:hover img {
    border: 1px solid #000
    }
img.nahled {
    float: left;
    max-width: 100%;
    max-width: 240px;
    _width: 240px;
    margin: 22px 20px 15px 0
    }
b.stats {
    display: block;
    font-weight: normal;
    margin: 5 0 40 0;
    padding: 10 3 6 5;
    background: url(/images/bpata.png) 0 0 repeat-x;
    color: #333;
    clear: both
    }
b.stats a {
    color: #333
    }
b.stats a:hover {
    color: #b00000
    }
b.stats span {
    color: #8E1B06
    }
b.stats img {
    margin: 3 0 0 2;
    border: 0
    }
.foto a {
    color: #06C;
    text-decoration: none
    }
.foto a:hover {
    color: black;
    text-decoration: underline
    }
.bhead {
    margin: 0;
    padding: 0;
    background: url(/images/bhead_blue.png) 0 0 repeat-x;
    height: 45px
    }
.pi_bloky .bhead {
    background: url(/images/bhead_beer.png) 0 0 repeat-x
    }
.bhead h2 {
    margin: 0;
    margin-left: 5px;
    margin-top: 10px;
    padding: 0;
    padding-top: 3px;
    font: 14px Arial;
    color: #f1f1f1;
    float: left;
    width: 350px
    }
.bhead strong, .bhead h5, .bhead h4 {
    text-align: right;
    margin: 5 10 10 0;
    padding: 5 25 5 0;
    font-size: 10px;
    color: #f1f1f1;
    background: url(../ikony/icon-calendar.gif) right center no-repeat;
    float: right;
    width: 200px
    }
.bhead h2 a {
    color: #fff;
    font: 14px Arial
    }
.body {
    _width: 100%;
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0
    }
.body p {
    padding-top: 5px;
    padding-bottom: 5px
    }
.body img {
    margin-bottom: 10px;
    text-align: center
    }
a.ltb {
    display: block;
    text-decoration: none;
    margin: 8px auto 8px auto;
    text-align: right
    }
a.ltb img {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.196);
    box-shadow: 0 1px 3px #CCC;
    -webkit-box-shadow: 0 1px 3px #CCC;
    -moz-box-shadow: 0 1px 3px #CCC;
    max-width: 99%;
    padding: 10px
    }
a.ltb span {
    display: block;
    margin-right: 18px;
    color: #333
    }
.bpata {
    _width: 100%;
    height: 20px;
    margin: 0;
    margin-bottom: 5px;
    padding-top: 10px;
    background: url(/images/bpata.png) 0 0 repeat-x
    }
.bpata p {
    float: right;
    margin: 0;
    padding: 3px;
    padding-left: 0;
    font-size: 10px;
    font-family: "Verdana";
    text-align: right
    }
.bpata img {
    float: left;
    border: 0;
    margin: 0;
    margin-left: 2px;
    margin-right: 0;
    clear: none
    }
/*
******KOMENTARE
*/
.komentare .bhead {
    margin-top: 10px
    }
.komentare .bhead h2 {
    color: #333;
    width: 200px;
    float: left;
    font-weight: bold
    }
.komentare .bhead h5 {
    color: #333;
    width: 160px;
    float: right
    }
.komentare .bhead, .komentare .body, .komentare .bpata {
    border: 0;
    border-left: 5px solid #CCC;
    background: #f1f1f1
    }
.admin .bhead, .admin .body, .admin .bpata {
    border-left: 5px solid #b00000;
    background: #FFE1E1
    }
.autor .bhead, .autor .body, .autor .bpata {
    border-left: 5px solid #390;
    background: #EAFFDF
    }
.user .bhead, .user .body, .user .bpata {
    border-left: 5px solid #069;
    background: #E6EBEE
    }
/*
DISKUSE
*/
.lvl2 {
    background: url(/images/child2.gif) top left no-repeat;
    padding-left: 10px
    }
.lvl3 {
    background: url(/images/child3.gif) top left no-repeat;
    padding-left: 20px
    }
.lvl4 {
    background: url(/images/child4.gif) top left no-repeat;
    padding-left: 30px
    }
.lvl5 {
    background: url(/images/child5.gif) top left no-repeat;
    padding-left: 40px
    }
.lvl6 {
    background: url(/images/child6.gif) top left no-repeat;
    padding-left: 50px
    }
.lvl7 {
    background: url(/images/child7.gif) top left no-repeat;
    padding-left: 60px
    }
.lvl8 {
    background: url(/images/child7.gif) top left no-repeat;
    padding-left: 70px
    }
.lvl9 {
    background: url(/images/child7.gif) top left no-repeat;
    padding-left: 80px
    }
.lvl10 {
    padding-left: 90px
    }
.lvl11 {
    padding-left: 100px
    }
.last2 {
    padding-left: 10px
    }
.last3 {
    padding-left: 20px
    }
.last323 {
    padding-left: 30px
    }
.last4 {
    padding-left: 40px
    }
.last4234 {
    padding-left: 50px
    }
.last5 {
    padding-left: 60px
    }
.last6 {
    padding-left: 70px
    }
.last7 {
    padding-left: 80px
    }
.last8 {
    padding-left: 90px
    }
.last9 {
    padding-left: 100px
    }
.last10 {
    padding-left: 110px
    }
.last11 {
    padding-left: 120px
    }
.last12 {
    padding-left: 130px
    }
.strankovani {
    border-top: 1px solid #353535;
    margin: 8px 0;
    padding-top: 5px;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 140%;
    font-family: "Roboto Slab", serif
    }
.strankovani a, .strankovani strong {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    text-align: center;
    width: 38px;
    height: 38px;
    padding-top: 8px;
    background: #67879D;
    margin: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
    }
.strankovani a:hover, .strankovani strong {
    text-decoration: none;
    background: #C1822A
    }
.viewfoto .strankovani {
    border-top: 1px solid #069;
    border-bottom: 1px solid #069;
    margin: 15 0 15 0;
    padding: 5 0 5 0
    }
.viewfoto .strankovani a {
    padding: 2px
    }
.viewfoto .strankovani a:visited {
    color: black
    }
.viewfoto .strankovani a:active {
    border: 1px solid #06C
    }
/*
**************** PIVOVARY
*/
#box-right, #co-noveho, #bloky {
    float: right
    }
#box-left, #co-nacepu, #recent-news {
    float: left
    }
.box {
    width: 49%;
    color: #333;
    border: 1px solid #c6c6c6;
    border-top: 0;
    margin-bottom: 10px;
    padding-bottom: 4px
    }
.box h2 {
    margin-top: 0;
    padding: 8px 10px;
    color: #fff
    }
#recent-news h2 {
    background: #67879D url(images/recent-news.gif) 0 0 repeat-x;
    border-bottom: 3px solid #67879D
    }
#bloky h2 {
    background: #C1822A url(images/bloky.gif) 0 0 repeat-x;
    border-bottom: 3px solid #C1822A
    }
#co-nacepu h2 {
    background: #C1822A url(images/nacepu.gif);
    border-bottom: 3px solid #D39803
    }
.box ul strong {
    font: bold 1.2em Arial
    }
.box ul {
    margin: 10px;
    padding: 0;
    list-style-type: none
    }
.box ul li {
    border-bottom: 1px solid #069;
    margin-bottom: 8px;
    padding-bottom: 8px
    }
.box ul li strong {
    display: block;
    margin-right: 5px
    }
.box ul li img {
    float: left;
    width: 60px;
    height: 45px;
    margin-right: 5px;
    border: 1px solid #333
    }
#co-nacepu ul li strong, #bloky ul li strong, #co-noveho ul li strong, #recent-news ul li strong {
    border-bottom: 1px solid #ccc
    }
#co-nacepu ul li a, #bloky ul li a, #co-noveho ul li a, #recent-news ul li a {
    text-decoration: none
    }
#co-nacepu ul li i, #bloky ul li i, #co-noveho ul li i, #recent-news ul li i {
    color: #000
    }
.pivovary img.nahled {
    border: 0;
    float: right !important;
    margin: 10px 15px 0 5px;
    max-width: 250px
    }
.pivovary h3 {
    margin-top: 20px;
    border-bottom: 1px solid #ccc
    }
.pivovary h3 a {
    text-decoration: none
    }
.pivovary ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.pivovary ul li h3 a {
    font-size: 1.2em;
    font-weight: normal
    }
.pivovar-galerie, .pivovar-info {
    padding: 4px;
    border: 1px solid #ccc
    }
.pivovar-info ul li {
    float: left;
    width: 49%
    }
.pivovar-info ul li img {
    margin: 5 10 0 0
    }
.pivovar-info ul li a {
    padding-bottom: 2px;
    color: #666
    }
.pivovar-info ul li a:hover {
    text-decoration: none
    }
.pivovar-galerie a.ltb {
    width: 99px;
    height: 66px;
    float: left;
    border: 1px solid #000;
    padding-bottom: 10px;
    margin: 2px
    }
.pivovar-galerie a.ltb img {
    width: 97px;
    height: 64px;
    border: 0
    }
/*
****************  SEARCH
*/
.search form {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left
    }
fieldset {
    border: 1px solid #069;
    border-top: 3px double #069;
    padding-bottom: 8px;
    text-align: left
    }
fieldset legend {
    text-align: left;
    padding: 5;
    border: 1px solid #069;
    background: #F2F9FF
    }
fieldset input, fieldset textarea {
    border: 1px solid #ccc
    }
.search label {
    padding-left: 10px;
    margin-bottom: 8px
    }
.search input, .search select {
    border: 1px solid #c7c7c7;
    color: #333;
    margin-top: 8px
    }
.search input#sbtn {
    width: 70px;
    font-weight: bold
    }
.search h3 {
    margin: 15 0 10 0;
    font-size: 1.1em
    }
.search h3 a {
    font-size: 1em
    }
.search h2 {
    font-size: 14px;
    margin-top: 10px
    }
.search ol {
    margin: 0;
    margin-left: 8px;
    padding: 0;
    list-style-type: none
    }
.search ol li h3 a:hover {
    color: #000
    }
.search ol li strong {
    background: #FFE28C
    }
.search ol.fot {
    margin: 8 0 0 0
    }
.search ol.fot li {
    display: block;
    border: 1px solid #ccc;
    margin: 0 4 4 0;
    padding: 4 0 0 4;
    line-height: 140%
    }
.search ol.fot li:hover {
    background: #f1f1f1
    }
.search ol.fot li h3 {
    margin-bottom: 4px
    }
.search ol.fot li img {
    border: 1px solid #666;
    margin-right: 10px
    }
.search ol.fot li img.vys {
    height: 80px;
    width: 60px
    }
.search ol.fot li img.sir {
    height: 65px;
    width: 90px
    }
.search ol.fot hr {
    visibility: hidden;
    clear: both
    }
/*
****************  kalendar
*/
table.calendar {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10 auto 20 auto
    }
table.calendar td, table.calendar th {
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0
    }
table.calendar td a {
    display: block;
    padding: 2px
    }
table.calendar td a.today {
    background: #FBCA6F
    }
tr.days td {
    padding: 2px
    }
table.calendar td a:hover {
    background: #333;
    color: #fff
    }
table.calendar td#month {
    background: #e1e1e1
    }
table.calendar td#month a {
    display: inline;
    color: #000
    }
table.calendar td#month a:hover {
    background: transparent;
    color: #000
    }
/*
****************  FOOTER
*/
#partners img {
    width: 160px;
    border: 0
    }
.footer {
    background-image: url(../images/footer.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    background: #333;
    padding-top: 8px
    }
.footer a {
    color: #fff
    }
.footer a:hover {
    text-decoration: none
    }
.inlinks {
    width: 9.6em;
    margin-left: 30px;
    float: left
    }
.inlinks, .inlinks a {
    color: #FFC;
    text-decoration: none;
    font: bold 0.9em Arial
    }
.inlinks a:hover {
    text-decoration: underline
    }
.inlinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.inlinks li {
    margin: 0;
    padding: 0
    }
.inlinks h5, .inlinks h4 {
    border-bottom: 1px solid #FFC;
    text-transform: uppercase;
    margin: 8 0 8 0
    }
.footer h6 {
    font-size: 11px;
    font-family: Verdana;
    color: white;
    font-weight: normal;
    padding: 5px;
    text-align: center;
    background: #666
    }
.footer h6 img {
    vertical-align: bottom;
    margin-left: 4px
    }
/*
---------------------------------------------------------------------------
*/
p.darkred, p.alert {
    text-indent: 0;
    color: #fff;
    line-height: 150%;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin: 10px 0;
    padding: 10px 0;
    background: #E8562A
    }
p.darkred a, p.alert a {
    color: #fff
    }
.darkred {
    text-align: left;
    font-size: 10px;
    color: #06C;
    font-family: verdana;
    font-weight: bold;
    margin-left: 5px
    }
img.thumb {
    margin-top: 5px;
    border: 1px solid black;
    margin: 0 auto 0 auto;
    text-align: center;
    max-width: 220px
    }
.thumb a:hover {
    margin-bottom: 0;
    border: 2px solid #4E4E27
    }
/*
// -----------------------postovni modul---------------------------------------
*/
.bar {
    margin: 15 0 5 5
    }
.post .bpata input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    color: #06C;
    font-size: 10px;
    text-decoration: underline
    }
td#inpt {
    font-weight: bold
    }
/*
// -----------------------edit WYSIWYG---------------------------------------
*/
.edit {
    background: url(../images/edit-bg.jpg) repeat-x;
    min-height: 30px;
    _height: 30px;
    padding-left: 5px
    }
.edit input {
    font-family: "Times New Roman";
    margin-bottom: 2px;
    width: 25px;
    background: transparent;
    margin-top: 4px;
    border: 1px solid #0A2C87
    }
.edit input:hover {
    border: 1px solid #999
    }
input#button1 {
    font-weight: bold
    }
input#button2 {
    text-decoration: underline
    }
input#button3 {
    font-style: italic
    }
input#button4 {
    background-image: url(../images/br.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button5 {
    background-image: url(../images/url.png);
    background-repeat: no-repeat;
    background-position: center center
    }
input#button6 {
    background-image: url(../images/pic.png);
    background-repeat: no-repeat;
    background-position: center center
    }
input#button8 {
    font-weight: bold;
    color: #b00000
    }
input#button9 {
    background-image: url(../images/ul.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button10 {
    background-image: url(../images/ol.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button14 {
    background-image: url(../images/key.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button20 {
    background-image: url(../images/smile20.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button21 {
    background-image: url(../images/smile21.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button22 {
    background-image: url(../images/smile22.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button23 {
    background-image: url(../images/smile23.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button24 {
    background-image: url(../images/smile24.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button25 {
    background-image: url(../images/smile25.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button26 {
    background-image: url(../images/smile26.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button27 {
    background-image: url(../images/smile27.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
input#button28 {
    background-image: url(../images/smile28.gif);
    background-repeat: no-repeat;
    background-position: right top
    }
table.seznam th.sort {
    font-family: Arial;
    font-weight: bold;
    font-size: 11px
    }
a.sort {
    color: #000;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px
    }
.chk {
    _border: 0 !important
    }
#inpt input {
    margin-top: 4px;
    padding: 0 4 0 4;
    font-size: 11px;
    margin-left: 2px;
    font-weight: bold
    }
input#delete {
    border: 1px solid #b00000
    }
input#active {
    border: 1px solid #390
    }
input#odstranit {
    border: 1px solid #333;
    color: #f1f1f1;
    background: #b00000
    }
.edit a#showgal {
    display: block
    }
.edit div#foto2 {
    visibility: hidden;
    position: absolute;
    border-top: 1px solid dotted;
    background: white;
    border: 1px solid #333;
    padding: 2px;
    width: 370px;
    min-height: 150px;
    filter: shadow(color=#333, direction=75)
    }
.edit div#foto2 a {
    display: block
    }
.edit div#foto2 ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    border: 1px solid #ccc;
    width: 215px
    }
.edit div#foto2 ol li {
    font-size: 12px;
    border-top: 1px dotted #333;
    _height: 18px
    }
.edit div#foto2 ol li a {
    padding: 2px;
    color: black;
    text-decoration: none
    }
.edit div#foto2 ol li a:hover {
    background-color: #e1e1e1
    }
.edit img.addfoto {
    position: absolute;
    top: 2;
    border: 1px solid #333;
    margin-left: 230px;
    margin-left: 220px;
    visibility: hidden;
    z-index: 5
    }
/*img.smile{
 margin-bottom:0px;
 border:0px;
 }  */
p.reaguj img.smile {
    margin-bottom: 0;
    border: 0;
    width: 16px;
    height: 16px
    }
img.ikon {
    width: 80px;
    height: 15px;
    border: 0;
    margin-left: 25px
    }
/*
## LIGHTBOX 2 - Roadtrip
*/
#lightbox {
    background-color: #000;
    padding: 10px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    font-family: Verdana;
    color: #f1f1f1
    }
#lightbox a {
    color: #FF8000
    }
#lightboxDetails {
    font-size: 0.8em;
    padding-top: 0.4em
    }
#lightboxCaption {
    float: left
    }
#keyboardMsg {
    float: right
    }
#closeButton {
    top: 5px;
    right: 5px
    }
#lightbox img {
    border: none;
    z-index: 100
    }
#overlay img {
    border: none
    }
#overlay {
    background-image: url(../images/overlay.png);
    z-index: 90
    }
* html #overlay {
    background-color: #000;
    back\ground-color: transparent;
    background-image: url(../images/overlay.png);
    _filter: alpha(opacity=75)
    }
/*
********HODNOCENI
*/
.hodnoceni-hvezdami {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 24px;
    position: relative;
    background: url(../images/hrzt_hv.gif) top left repeat-x
    }
.hodnoceni-hvezdami li {
    padding: 0;
    margin: 0;
    /*\*/
    float: left;
    /* */
    }
.hodnoceni-hvezdami li a {
    display: block;
    width: 25px;
    height: 24px;
    text-decoration: none;
    z-index: 20;
    position: absolute;
    padding: 0;
    font-size: 1px;
    color: #fff
    }
.hodnoceni-hvezdami li a:hover {
    background: url(../images/hrzt_hv.gif) left center;
    z-index: 4;
    left: 0
    }
.hodnoceni-hvezdami a span {
    display: none
    }
.hodnoceni-hvezdami a:hover span {
    text-indent: 0;
    display: block !important;
    position: absolute;
    top: 0;
    left: 130px;
    z-index: 100;
    font: 12px sans-serif;
    color: #b00000;
    width: 100px;
    text-align: center;
    margin: 0;
    padding: 5px
    }
.hodnoceni-hvezdami a.jedna-hvezda {
    left: 0
    }
.hodnoceni-hvezdami a.jedna-hvezda:hover {
    width: 25px
    }
.hodnoceni-hvezdami a.dve-hvezdy {
    left: 25px
    }
.hodnoceni-hvezdami a.dve-hvezdy:hover {
    width: 50px
    }
.hodnoceni-hvezdami a.tri-hvezdy {
    left: 50px
    }
.hodnoceni-hvezdami a.tri-hvezdy:hover {
    width: 75px
    }
.hodnoceni-hvezdami a.ctyri-hvezdy {
    left: 75px
    }
.hodnoceni-hvezdami a.ctyri-hvezdy:hover {
    width: 100px
    }
.hodnoceni-hvezdami a.pet-hvezd {
    left: 100px
    }
.hodnoceni-hvezdami a.pet-hvezd:hover {
    width: 120px
    }
.hodnoceni-hvezdami li.current-rating {
    background: url(../images/hrzt_hv.gif) left bottom;
    position: absolute;
    height: 24px;
    display: block;
    text-indent: -9000px;
    z-index: 1
    }
/*
****************  kalendar
*/
table.calendar {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10 auto 20 auto
    }
table.calendar td, table.calendar th {
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0
    }
table.calendar td a {
    display: block;
    padding: 2px
    }
table.calendar td a.today {
    background: #FBCA6F
    }
tr.days td {
    padding: 2px
    }
table.calendar td a:hover {
    background: #333;
    color: #fff
    }
table.calendar td#month {
    background: #e1e1e1
    }
table.calendar td#month a {
    display: inline;
    color: #000
    }
table.calendar td#month a:hover {
    background: transparent;
    color: #000
    }
.isEvent {
    background: #D2FF4D
    }
#viewCal {
    margin: 4px;
    width: 99%;
    background-color: #CCC
    }
#viewCal th, #viewCal .calDay {
    background-color: #fff;
    text-align: left;
    font-size: 24px;
    padding: 6px;
    color: #666;
    white-space: nowrap;
    font-family: Tahoma, sans-serif
    }
#viewCal .calDay {
    width: 42x
    }
#viewCal th a {
    font-size: 13px
    }
#viewCal td {
    background-color: #fff;
    font-size: 13px;
    padding: 6px;
    height: 80px !important;
    vertical-align: top
    }
#viewCal tr.weekend th, #viewCal tr.weekend td {
    background-color: #f1f1f1;
    /*color:#999;*/
    }
#viewCal .week {
    text-align: left;
    vertical-align: middle;
    width: 26px;
    padding: 0
    }
#viewCal .week span {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Safari and Chrome */
    position: absolute;
    margin-left: -16px
    }
#viewCal td div {
    padding-bottom: 10px;
    width: 44%;
    float: left;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #DEFFC7;
    border: 1px solid #B2FF7A;
    margin: 0 6px 6px 0
    }
#viewCal td strong {
    display: block;
    font-size: 15px;
    font-family: Arial, sans-serif
    }
.calSvatek {
    font-size: 14px;
    color: #666;
    display: block;
    padding-bottom: 5px
    }
#calNavi {
    text-align: center !important;
    font-size: 20px !important
    }
#calNavi select {
    font-size: 20px !important
    }
#calNavi a {
    display: block;
    background: #7FBFFF;
    text-decoration: none;
    font: bold 14px Arial;
    text-align: center;
    color: #fff;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
    }
#calNavi a span {
    display: block;
    padding-top: 8px
    }
#calNavi a:hover {
    color: #900
    }
#vSluzby td {
    text-align: center
    }
#viewCal .colorBox1, .colorBox1 {
    /*zelena*/
    background: #DEFFC7;
    border: 1px solid #B2FF7A
    }
#viewCal .colorBox2, .colorBox2 {
    /*modra*/
    background: #E0EDFF;
    border: 1px solid #ADCFFF
    }
#viewCal .colorBox3, .colorBox3 {
    /*cervena*/
    background: #FFE5E5;
    border: 1px solid #FFB3B3
    }
#viewCal .colorBox4, .colorBox4 {
    /*zluta*/
    background: #FFF5CC;
    border: 1px solid #FFE066
    }
#viewCal .colorBox5, .colorBox5 {
    /*fialova*/
    background: #E0D6F5;
    border: 1px solid #C2AEEA
    }
#viewCal .colorBox6, .colorBox6 {
    /*oranzova*/
    background: #FFDECC;
    border: 1px solid #FB9
    }
#viewCal .colorBox7, .colorBox7 {
    /*hraskova*/
    background: #F0FFCC;
    border: 1px solid #CBFF52
    }
#viewCal .colorBox8, .colorBox8 {
    background: linear-gradient(135deg, #EDFFE0 25%, #FCFFFA 25%, #FCFFFA 50%, #EDFFE0 50%, #EDFFE0 75%, #FCFFFA 75%, #FCFFFA);
    background-size: 16px 16px;
    border: 1px solid #B2FF7A
    }
#viewCal .colorBox9, .colorBox9 {
    background: linear-gradient(135deg, #FFEEE5 25%, #FFDECC 25%, #FFDECC 50%, #FFEEE5 50%, #FFEEE5 75%, #FFDECC 75%, #FFDECC);
    background-size: 16px 16px;
    border: 1px solid #FB9
    }
#viewCal .colorBox10, .colorBox10 {
    background: #E0EDFF;
    background: linear-gradient(135deg, #E0EDFF 25%, #C7DEFF 25%, #C7DEFF 50%, #E0EDFF 50%, #E0EDFF 75%, #C7DEFF 75%, #C7DEFF);
    background-size: 16px 16px;
    border: 1px solid #ADCFFF
    }
#colorBoxClass div {
    float: left;
    padding: 8px !important;
    margin: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
    }
#calDate {
    float: right;
    width: 94px;
    height: 94px;
    background: url(/ikony/calDate.png) 0 0 no-repeat;
    color: #fff;
    text-align: center;
    font: bold 16px Arial
    }
#calDate div {
    margin: 4px 0 10px 0
    }
#calDate span {
    display: block;
    font: bold 36px Arial;
    color: #222
    }
table.cenik, table.table {
    background: #ccc;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
    }
table.cenik th, table.cenik td, table.table th, table.table td {
    padding: 8px !important;
    text-align: left;
    font-size: 13px;
    background: #fff
    }
table.cenik th, table.table th {
    background: #f1f1f1
    }
table.cenik th img {
    float: right;
    margin: 0 6px 0 10px
    }
table.cenik td img {
    float: left;
    margin: 0 10px 0 6px
    }
tr.cenik-hl th {
    background: #eee
    }
.kontakty table {
    margin-left: 20px
    }
table.cenik tr:first-child th:first-child, table.cenik tr:first-child td:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px
    }
table.cenik tr:first-child th:last-child, table.cenik tr:first-child td:last-child {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px
    }
table.cenik tr:last-child th:first-child, table.cenik tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
    }
table.cenik tr:last-child td:last-child {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
    }
table.cenik .wrong {
    background: #FFE0C2 url(/ikony/wrong-small.png) 6px center no-repeat;
    padding-left: 26px !important;
    color: #7A0000
    }
table.cenik .greenok {
    background: #D9FFB3 url(/ikony/ok-small.png) 6px center no-repeat;
    padding-left: 26px !important;
    color: #2B5700
    }
.kontakty table {
    margin-left: 20px
    }
.flexbox {
    display: flex
    }
.flexbox h3 {
    font-size: 0.6em
    }
.flexbox img {
    max-width: 100%
    }
.flexbox .article {
    padding: 4px
    }