* {
font-family: "Trebuchet MS";
}
.uprostred {
text-align: center;
}
.schovat {
float: right;
width: 0; height: 0;
border: none;
}
a img {
border: none;
}
a {
color: #6868ff;
font-weight: bold;
}
a:hover {
color: #6868ff;
text-decoration: none;
}
body {
background-color: #ffeaaa;
font-size: 13px;
}
#obal {
background-color: #ffffff;
}
#vrsek {
background-color: #ffffff;
font-size: 30px;
}
#logo {
padding: 17px 0 0 14px;
margin: 0 0 0 10px;
width: 300px;
height: 50px;
background: url("pix/zamek.png") left center no-repeat;
}
#logo a {
text-decoration: none;
font-weight: normal;
color: #6868ff;
padding: 0 10px 0 45px;
float: left;
font-size: 30px;
}
#logo a:hover {
text-decoration: underline;
}

/*****************    MENU    *****************************/

#menu {
background-color: #bb0000;
}
#menu ul {
list-style-type: none;
}
#menu li a {
font-family: Arial;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#menu li a:hover, #menu li a.active {
color: #ffeaaa;
}
#menu li a:hover {
text-decoration: underline;
}

/*****************   MOBILE MENU    *****************************/


/*****************    LEFT    *****************************/

#left {
font-weight: bold;
}
.boxnadpis {
font-size: 15px;
font-weight: bold;
color: #6868ff;
background-color: #dddddd;
}
.box {
background-color: #f5f5f5;
color: #333333;
}
.error {
color: #bb0000;
font-weight: bold;
margin: 5px 0 0 0;
}
.box.prihlasen {
padding: 10px 0 10px 15px;
}
.box.prihlasen a {
width: 185px;
padding: 5px 0;
display: block;
color: #000000;
text-decoration: none;
}
.box.prihlasen a.active {
color: #bb0000;
}
.box.prihlasen a:hover {
color: #bb0000;
text-decoration: underline;
}
.box p {
padding: 10px 15px 10px 0;
line-height: 140%;
color: #555555;
font-style: italic;
}
.boxavatar {
width: 50px;
height: 50px;
float: right;
margin: 2px 6px 0 0;
}
.boxavatar img {
width: 50px;
height: 50px;
}

/*****************    LEFT - LOGIN    *****************************/

form.login {
margin: 8px 0 0 0;
}
form.login input.field,
form.login textarea.field {
padding: 2px 5px;
font-weight: bold;
width: 155px;
margin: 0 0 8px 0;
}
form.login input.field.delsi,
form.login textarea.field.delsi {
width: 250px;
}
form input.cudlik {
margin: 8px 0 15px 0;
text-align: center;
padding: 4px 10px;
background-color: #363636;
border: none;
color: #dddddd;
cursor: pointer;
font-weight: normal;
font-size: 13px;
}
form input.cudlik:hover {
background-color: #000000;
color: #ffffff;
text-decoration: underline;
}
form.login .reg {
float: right;
margin: 12px 17px 0 0;
}
form.login .reg a {
font-weight: normal;
padding: 4px 10px;
background-color: #999999;
color: #ffffff;
text-decoration: none;
}
form.login .reg a:hover {
text-decoration: underline;
background-color: #777777;
color: #ffffff;
}

/*****************    RIGHT    *****************************/

.rightbox {
background-color: #f5f5f5;
color: #333333;
}
.rightbox a {
color: #bb0000;
font-weight: bold;
}
.rightbox a:hover {
color: #6868ff;
}
.rightbox h1 {
font-size: 15px;
color: #6868ff;
background-color: #dddddd;
padding: 4px 0 6px 15px;
margin: 0 0 10px 0;
}
.rightbox h2, .rightbox2 h2 {
font-size: 15px;
color: #6868ff;
padding: 5px 0 2px 15px;
}
.rightbox h3 {
font-size: 13px;
color: #000000;
padding: 2px 0 0 15px;
text-decoration: underline;
}
.rightbox h4 {
font-size: 18px;
color: #6868ff;
padding: 0 0 15px 0;
}
.rightbox p strong {
color: #000000;
font-weight: bold;
}
.rightbox p {
padding: 5px 15px 5px 15px;
line-height: 140%;
}
.rightbox ul {
padding: 0 0 5px 35px;
list-style-type: circle;
}
.rightbox ul li span {
color: red;
font-weight: bold;
margin: 0 0 0 5px;
}

/*****************    KONTAKT, NEWS    *****************************/

form.login.kontakt, form.login.news {
margin: 0 0 0 15px;
}

/*****************    SPODEK    *****************************/

#spodek {
background-color: #eeeeee;
}
#patka span {
font-size: 12px;
color: #333333;
}
#patka a img {
float: right;
margin: 0 15px 0 0;
}

/*****************    REGISTRACE    *****************************/

form.registrace table {
margin: 0 auto;
border: none;
border-spacing: 0;
padding: 10px;
}
form.registrace table input.cudlik {
margin: 0;
}
form.registrace table input[type="text"], form.registrace table input[type="password"], form.registrace table textarea {
border: 1px dashed #aaaaaa;
}
form.registrace table input.schovat {
border: none;
}
form.registrace table td.cudlik {
text-align: center;
}
form.registrace table td {
padding: 6px 11px;
}
.star {
font: 16px bold;
color: #bb0000;
width: 0;
float: right;
overflow: visible;
}
form.registrace table td.star3 {
padding: 0;
text-align: right;
font-style: italic;
color: #777777;
}
.star2 {
font-size: 12px;
}
.star2 span {
font: 16px bold;
color: #bb0000;
position: relative;
top: 2px;
}
form.registrace table td.error {
background-color: #f5f5f5;
padding: 0;
font-weight: bold;
color: #ff0000;
width: 10px;
text-align: center;
overflow: visible;
}
form.registrace table.sirsi {
width: 300px;
}
form.registrace table.sirsi input[type="text"],
form.registrace table.sirsi textarea {
width: 300px;
}

/*****************    NASTAVENÍ PROFILU    *****************************/

form.nastaveni {
padding: 0 0 0 15px;
}
form.nastaveni input[type="text"],
form.nastaveni input[type="password"] {
font-size: 13px;
padding: 2px 5px;
margin: 3px 0;
width: 200px;
border: 1px dashed #aaaaaa;
}
form.nastaveni input[type="radio"] {
margin: 3px 5px 3px 0;
}
p.red {
background-color: #bb0000;
color: #ffffff;
font-weight: bold;
}
p.red1 {
background-color: #ffffff;
color: #bb0000;
font-style: italic;
}
p.green {
background-color: green;
color: #ffffff;
font-weight: bold;
}
form.nastaveni.sel label {
width: 100px;
float: left;
margin: 3px 0;
clear: both;
}
form.nastaveni.sel select {
width: 100px;
margin: 2px 0 2px 0;
font-size: 12px;
padding: 2px;
}
img.avatar {
width: 66px; height: 66px;
border: 1px solid #dddddd;
margin: 5px 5px 5px 15px;
}
.rightbox.fancy.avatars {
width: 500px;
padding: 0 15px 15px 15px;
margin: 0;
}
.rightbox.fancy.avatars a img {
margin: 5px 0 5px 10px;
border: 1px solid #dddddd;
}
.rightbox.fancy.avatars a:hover img {
margin: 5px 0 5px 10px;
border: 1px solid #999999;
}
a.avatar {
position: relative;
top: -8px;
}

/*****************    KALENDÁŘ UZAMČENÍ    *****************************/

.kalendar {
text-align: center;
margin: 0 0 0 10px;
}
.rightbox .kalendar h2 {
padding: 2px 15px;
text-transform: uppercase;
}
.rightbox h2.rok {
padding: 2px 7px 2px 0;
text-align: center;
font-size: 18px;
}
.den {
width: 20px;
height: 20px;
float: left;
border: 1px solid #dddddd;
background-color: #ffffff;
margin: 1px;
display: block;
line-height: 20px;
}
.den a {
width: 20px;
height: 20px;
display: block;
text-decoration: none;
color: #333333;
font-weight: normal;
}
.den a:hover {
background-color: #aaaaaa;
color: #ffffff;
}
.den.dnes, .den.dnes a {
background-color: #6868ff;
color: #ffffff;
}
.den.zamcen1,
.den.zamcen1 a {
background-color: #bb0000;
color: #ffffff;
}
.den.zamcen2,
.den.zamcen2 a {
background-color: #ff9200;
color: #333333;
}
.den.zamcen3,
.den.zamcen3 a {
background-color: #b0d73a;
color: #333333;
}
.den.nic {
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
}
.mesic {
width: 168px;
float: left;
margin: 0 0 10px 10px;
}
ul.vysvetlivky {
padding: 10px 0 0 15px;
}
ul.vysvetlivky li {
list-style-type: none;
height: 20px;
padding: 5px 0 0 30px;
background-position: 0px 2px;
background-repeat: no-repeat;
}
li.bila {
background: url("pix/bila.png");
}
li.cervena {
background: url("pix/cervena.png");
}
li.modra {
background: url("pix/modra.png");
}
li.zluta {
background: url("pix/zluta.png");
}
li.zelena {
background: url("pix/zelena.png");
}
form.barvyform input[type="text"] {
margin: -2px 0 0 -4px;
width: 250px;
height: 16px;
border: 1px dashed #aaaaaa;
padding: 1px 3px;
}

/*****************    DENÍK ORGASMŮ    *****************************/

.orgasmy1 {
overflow-x: none;
margin: 0 15px;
}
table.orgasmy {
width: 545px;
}
table.orgasmy tr {
background-color: #eeeeee;
}
table.orgasmy tr.dva {
background-color: #dddddd;
}
table.orgasmy tr:hover {
background-color: #bbbbbb;
}
table.orgasmy tr.nohover:hover {
background-color: #eeeeee;
}
table.orgasmy td {
padding: 2px 5px;
text-align: center;
}
table.orgasmy td input[name="datum"] {
width: 80px;
}
table.orgasmy td input[name="technika"] {
width: 80px;
}
table.orgasmy td input[name="popis"] {
width: 190px;
}
table.orgasmy td.vlevo {
float: none;
}
table.orgasmy .zahlavi {
border-spacing: 2px;
}
table.orgasmy .zahlavi td {
background-color: #6868ff;
color: #ffffff;
font-weight: bold;
margin: 0 0;
}
table.orgasmy h2 {
text-align: left;
padding: 0 0 0 0;
color: #ffffff;
font-size: 13px;
overflow: hidden;
}
.cudlik.org,
.cudlik.pozn {
margin: 2px 0 2px 0;
padding: 4px 10px;
background-color: #363636;
border: none;
color: #dddddd;
cursor: pointer;
font-weight: bold;
}

/*****************    DENÍK ORGASMŮ - fancybox   *****************************/

.rightbox.fancy {
width: 300px;
padding: 0 15px 15px 15px;
margin: 0;
}
.rightbox.fancy h2 {
width: 200px;
padding: 5px 2px;
}
.rightbox.fancy tr {
background-color: #eeeeee;
}
.rightbox.fancy tr.nazev {
background-color: #eeeeee;
}
.rightbox.fancy td {
width: 210px;
padding: 2px 5px;
}
.rightbox.fancy td.nazev {
width: 90px;
font-weight: bold;
background-color: #bbbbbb;
}
.rightbox.fancy textarea {
width: 190px;
height: 90px;
padding: 5px;
margin: 5px 0 5px 0;
font-family: "Trebuchet MS";
font-size: 13px;
}
.posun {
float: right;
padding: 1px 3px 0 0;
font-size: 20px;
font-weight: bold;
}
.posun a {
text-decoration: none;
}
.lupa {
float: right;
}
input.techinput {
width: 97%;
}
/*****************    DENNÍ ZÁZNAMY   *****************************/

table.zaznamy a {
display: block;
}
table.zaznamy a.bily {
color: #aaaaaa;
font-weight: normal;
text-decoration: none;
}
table.zaznamy a.bily:hover {
color: #444444;
text-decoration: underline;
}
table.zaznamy {
margin: 0 15px;
width: 540px;
}
table.zaznamy tr {
background-color: #eeeeee;
}
table.zaznamy tr.dva {
background-color: #dddddd;
}
table.zaznamy tr:hover {
background-color: #bbbbbb;
}
table.zaznamy tr.dnes td {
background-color: #bbbbbb;
}
table.zaznamy tr.nohover:hover {
background-color: #eeeeee;
}
table.zaznamy td {
padding: 2px 5px;
text-align: center;
}
table.zaznamy td.sl1 {
width: 15%;
}
table.zaznamy td.sl2 {
width: 45%;
}
table.zaznamy td.sl3 {
width: 40%;
}
table.zaznamy td.sl2sub {
width: 85%;
}
table.zaznamy td.vlevo {
text-align: left;
float: none;
}
table.zaznamy .zahlavi td {
background-color: #6868ff;
color: #ffffff;
font-weight: bold;
margin: 0 1px;
}
table.zaznamy h2 {
text-align: left;
padding: 0 0 0 5px;
color: #ffffff;
font-size: 13px;
}

/*****************    VAŠE STRÁNKA   *****************************/

a.cudlik-a {
margin: 8px 0 15px 0;
text-align: center;
padding: 4px 10px;
background-color: #363636;
border: none;
color: #dddddd;
cursor: pointer;
font-weight: normal;
font-size: 13px;
text-decoration: none;
}
a.cudlik-a:hover {
background-color: #000000;
color: #ffffff;
text-decoration: underline;
}

/*****************    AVATAR   *****************************/

a.cudlik-a2 {
display: block;
width: 65px;
margin: 5px 0 15px 15px;
text-align: center;
padding: 4px 10px;
background-color: #363636;
border: none;
color: #dddddd;
cursor: pointer;
font-weight: normal;
font-size: 13px;
text-decoration: none;
}
a.cudlik-a2:hover {
background-color: #000000;
color: #ffffff;
text-decoration: underline;
}

/*****************    VZKAZY   *****************************/

.vzkazyobal {
height: 400px;
overflow-y: auto;
}
form.vzkazy {
margin: 0 15px;
}
form.vzkazy textarea {
width: 540px;
padding: 3px;
}
.hlavicka {
background-color: #dddddd;
margin: 0 15px;
padding: 2px 5px;
font-size: 11px;
}
p.vzkaz {
font-weight: bold;
margin-left: 5px;
width: 400px;
}
.invzkaz .hlavicka {
}
.outvzkaz .hlavicka {
text-align: right;
}
.invzkaz .vzkaz {
float: left;
color: #bb0000;
}
.outvzkaz .vzkaz {
float: right;
text-align: right;
color: #6868ff;
}
.invzkaz .vzkazyavatar img {
float: left;
width: 50px;
height: 50px;
padding: 10px 15px;
}
.outvzkaz .vzkazyavatar img {
float: right;
width: 50px;
height: 50px;
padding: 10px 15px;
}

/*****************    FOTOGALERIE    *****************************/

.fotogalerie h2 {
padding: 5px 0 5px 5px;
}
.fotogalerie.sub h2 {
color: #6868ff;
}
.fotogalerie.dom h2 {
color: #bb0000;
}
.fotogalerie {
margin: 0 10px 10px 10px;
padding-left: 3px;
}
.fotogalerievrsek {
height: 48px;
}
.fotogalerie.sub {
background-color: #d7d7ff;
}
.fotogalerie.dom {
background-color: #eec1c1;
}
.fotkaobal {
float: left;
margin: 3px;
background-color: #dddddd;
}
.fotka {
width: 120px;
height: 120px;
padding: 5px;
border-radius: 5px;
text-align: center;
line-height: 100px;
position: relative;
}
.fotka a img {
vertical-align: middle;
line-height: 100px;
}
.fotkaobal input[type="text"] {
width: 115px;
margin: 0 5px 5px 5px;
}
.fotkakomentar p {
padding: 5px;
font-size: 11px;
width: 120px;
text-align: center;
}
form.vid {
margin: 0 0 0 5px;
}
img.fotoavatar {
width: 40px;
float: right;
margin: 6px 6px 0 0;
}
.fotospodek p {
text-align: right;
padding-right: 5px;
}
form.novefotoalbum {
margin: 10px 0 0 10px;
}
.delete  {
width: 0px;
height: 0px;
position: absolute;
}
.delete a {
position: relative;
top: -123px; left: 107px;
background: url("../pix/del.gif") no-repeat;
width: 16px;
height: 16px;
display: block;
float: left;
}
.info {
width: 760px;
padding: 5px 10px 5px 10px;
margin: 0 0 0 10px;
font-family: Arial;
font-size: 13px;
background-color: #000020;
color: #ffffff;
border-top: 10px solid white;
text-align: center;
font-weight: bold;
}

@media (max-width: 768px) {

  #mobile-menu {
    display: none;
    width: 100%;
    background: #ccc;
    position: relative;
    z-index: 10000;  
}
  #menu-toggle:checked ~ #mobile-menu {
    display: block;
  }

  #mobile-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #mobile-menu li {
    border-bottom: 1px solid #999;
  }

  #mobile-menu li a {
    display: block;
    padding: 12px;
    color: #000;
    text-decoration: none;
  }
  .hamburger-icon {
    display: block;
    width: 35px;
    height: 25px;
    position: relative;
    cursor: pointer;
    margin: 10px;
  }

  /* tři proužky */
  .hamburger-icon span {
    display: block;
    height: 4px;
    width: 100%;
    background-color: #888; /* nebo tvá barva */
    margin: 5px 0;
    border-radius: 2px;
    transition: 0.3s;
  }

  /* animace při zaškrtnutí */
  #menu-toggle:checked + .hamburger-icon span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  #menu-toggle:checked + .hamburger-icon span:nth-child(2) {
    opacity: 0;
  }

  #menu-toggle:checked + .hamburger-icon span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}


input[type="checkbox"] {
display: none;
}