body {
  font-size:62.5%;
  margin:0px 0px !important;
  padding:0px 0px !important;
}
#skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }
p#skip {position:absolute; left:-5000px; top:20px}

.edit { width: 100%; overflow: hidden; }
/* poll */
.poll { margin: 10px 0; }
.poll ul { list-style: none; }
.poll ul li { margin-bottom: 4px; }
.poll ul .bar { background-color: #CCC; height: 10px; margin-top: 2px; }
.poll ul .first .bar { background-color: #FFCC00; }
.poll .vote-links input { display: none; }
.poll .vote-links label { color: #0000FF; text-decoration: underline; cursor: pointer; }

html, body {text-align:center}
body, #body, #site {margin:0; padding:0; background:#fff /*url('../images/body-bg.jpg') center top no-repeat*/; color:#333; font-family:Arial, Helvetica, sans-serif}

/* --- BASIC ------------ */

#header,
#page {
  font-size:1.2em;
}

#page h2, #page h3 {color:#ed15f7}
#green h2, #green h3 {color:#f7931e}
#page h1 {font-size:1.75em; margin:0 0 0.5em 0; color:#1491e7; font-weight:normal}
#green h1 {color:#b2c034}
h2 {
  font-size:1.2em;
  margin:0 0 1em 0;
}
/*h3 {font-size:0.814em; margin:0 0 0.5em 0}
h4 {font-size:0.689em; margin:0 0 4px 0}
h5 {color:#818285}*/

p, address {margin:0 0 1.5em 0;}
address {font-style:normal}
strong, b {font-weight:bold}

a {cursor:pointer; color:#ed15f7; text-decoration:underline}
h1 a {color:#1491e7; text-decoration:none}
h1 a:hover {text-decoration:underline}
h2 a {text-decoration:none}
h2 a:hover {text-decoration:underline}

#green a {color:#f7931e}
#green h1 a {color:#b2c034; text-decoration:none}
#green h1 a:hover {text-decoration:underline}
#green h2 a {text-decoration:none}
#green h2 a:hover {text-decoration:underline}

a:hover {text-decoration:none}
a:active, a:focus {}
img {}
a img {border:none}


th {}
td {}

label, input, textarea, select { color:#86888a; font-family:Arial, Helvetica, sans-serif}
form {margin:0 0 1.5em 0}
fieldset {margin-bottom:1.5em; padding:0; border:none}
legend {padding-bottom:1em; color:#f58220; font-weight:bold}



/* --- LAYOUT ----------- */
#page {width:960px; margin:0 auto; text-align:left; position:relative}
#areaout {width:960px; background:#fff url('../images/areaout-bg-pink.png') left 32px repeat-y}
#green #areaout {background:#fff url('../images/areaout-bg-green.png') left 32px repeat-y}
#page.hp #areaout {width:960px; background:#fff url('../images/areaout-bg-hp-pink.png') left 32px repeat-y}
#green #page.hp #areaout {background:#fff url('../images/areaout-bg-hp-green.png') left 32px repeat-y}
#page #area {width:617px; min-height:300px; padding:50px 148px 0 195px; overflow:hidden; background:transparent url('../images/area-bg-pink.png') left 32px no-repeat}
#page.hp #area {width:617px; min-height:300px; padding:50px 148px 0 195px; overflow:hidden; background:transparent url('../images/area-bg-hp-pink.png') left 32px no-repeat}

    /*hpmepage, 3 sloupce*/
    #cont-news {width:418px; float:left}
        #hpcontent {width:228px; float:right}
        #news {width:130px; float:left}
    #sale {width:140px; float:right}

    /*podstranky, 1 sloupec*/
    #content {width:617px}


/* --- HEADER ----------- */
#header {width:100%; height:292px; overflow:hidden}
#header a#maintitle {display:block; width:500px; height:30px; margin-left:-250px; position:absolute; left:50%; top:250px; text-align:center; z-index:10}
#header #headflash {width:100%; height:292px; text-align:center; position:relative; z-index:100}

/* --- AREA ------------- */
/* --- CONTENT ---------- */
.article-lead {width:100%; margin:0 0 1.5em 0; overflow:hidden}

/*strankovani*/
.pagination {padding:5px 0; line-height:1.5em; text-align:center}
.pagination a, .pagination span {margin:0 1px; padding:5px 7px; text-decoration:none}
.pagination a:hover {padding:4px 6px; border:1px solid #ed15f7}
.pagination .active {padding:4px 6px; background:#ed15f7; color:#fff; border:1px solid #ed15f7}

#green .pagination a, #green .pagination span {margin:0 1px; padding:5px 7px; text-decoration:none}
#green .pagination a:hover {padding:4px 6px; border:1px solid #f7931e}
#green .pagination .active {padding:4px 6px; background:#f7931e; color:#fff; border:1px solid #f7931e}


/* --- SIDEBAR ---------- */



/* --- NAVIGATION ------- */
#nav h5 {position:absolute; left:-3000px; top:0}
/*zaklad + pink varianta*/
#nav ul {width:700px; height:32px; margin:0; padding:0 121px 0 139px; line-height:32px; background:#ca0a98 url('../images/nav-bg-pink.png') left top no-repeat; list-style:none; position:absolute; left:0; top:0;}
#nav ul li {padding:0; float:left; text-align:center; position:relative;}
#nav ul li a {display:block; padding: 0px 15px; height:32px; line-height:32px; float:left; text-decoration:none; color:#fff; font-weight:bold}
#nav ul li a:hover {background:#af0468 url('../images/nav-hover-pink.png') left top repeat-x}
/*blue varianta*/
#blue #nav ul {background:#13a4f4 url('../images/nav-bg-blue.png') left top no-repeat}
#blue #nav ul li a:hover {background:#047def url('../images/nav-hover-blue.png') left top repeat-x}
/*green varianta*/
#green #nav ul {background:#91bd3e url('../images/nav-bg-green.png') left top no-repeat}
#green #nav ul li a:hover {background:#68a222 url('../images/nav-hover-green.png') left top repeat-x}

#nav ul ul {
  background-image:none;
  display:none;
  float:left;
  height:auto;
  left:0px;
  padding:0px 0px;
  position:absolute;
  top:32px;
  width:auto;
}
#nav ul ul li {
  display:block;
  float:none;
  width:auto;
}
#nav ul ul li a {
  display:block;
  float:none;
  min-width:80px;
  padding:0px 10px;
  text-align:left;
  white-space:nowrap;
  width:auto;
}
#blue #nav ul ul {
  background:#13a4f4;
}
#green #nav ul ul {
  background:#91bd3e;
}

/* --- FOOTER ----------- */
#footer {margin:1.5em 0; text-align:center}
#footer p {margin:0}
#footer a {}
#footer a:hover {}


/* --- OTHERS ----------- */
hr, .nos {display:none}

.alignright, .link-more {text-align:right}
.aligncenter {text-align:center}

#flash {width:165px; height:220px; position:absolute; left:0; top:370px; z-index:1000;} /*flash banner vlevo na strance*/

/*.w10p {width:10%}
.w20p {width:20%}
.w25p {width:25%}
.w45p {width:45%}*/


/* --- ADMIN ------------ */
#container-admin {border:1px solid #f58220; margin:6px 254px 1px 1px; padding:5px 10px; text-align:left}
#container-admin span.edit {margin-bottom:7px}

/* chyby formulářů */
#area .errors,
#area .success{border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; }
#area .errors li,
#area .success li{ color:#860000; font-weight:bold; font-size:.9em;}
#area .success{border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
#area .success li{color:#017F00;}

/* EDIT bile na modrem pozadi */
.adminMenu { position:absolute; top:0; right:0; }
.edit { overflow:hidden; text-align:left; display:table; }
.edit small { background:#5290b4; font-size:10px; font-weight:700; line-height:1.4; color:#fff; padding:1px 5px; }

/*tabulka v administraci*/
.admintable {width:100%; border:1px solid #f58220; padding:1px}
.admintable tr:hover {background:#5290b4; color:#fff}
.admintable tr:hover a {color:#fff; text-decoration:none}
.admintable tr:hover a:hover {text-decoration:underline}
.admintable th, .admintable  td {padding:4px 8px; border:none; vertical-align:top}
.admintable th {padding:8px; color:#fff; background:#f58525 url('../images/nav-bg.png') left -1px repeat-x}
.admintable tr.kupujici td {background:#90ee90}
.admintable tr.selected {background:#eee; color:#000}
.admintable tr.selected a {font-weight:bold; font-size:1em}
.admintable tr:hover.selected a, .admintable tr:hover.selected a:hover {color:#f58220}

/*menu v administraci*/
#admin-menu {width:230px; padding:0 10px; position:fixed; right:1px; top:6px; border:1px solid #f58220; text-align:left}
#admin-menu strong {display:block; width:230px; padding:5px 10px; font-size:0.75em; background:#f58525 url('../images/nav-bg.png') left top repeat-x; position:relative; left:-10px; top:-1px; color:#fff}
#admin-menu ul {margin:0.5em 0 1em 20px}
#admin-menu a {color:#818285; text-decoration:none}
#admin-menu a:hover {text-decoration:underline}

/* area */
#area {
  position: relative;
}
#area .back {
  margin:15px 15px;
}
#area img.img {
  float:left;
  margin:0px 10px 10px 0px;
}
#area .newsArchive {
  text-align:right;
}
/* forms */
#area form {
  margin:10px 0px;
}
#area form ul {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#area form ul li {
  overflow:hidden;
  padding-bottom:5px;
  width:100%;
}
#area form ul li label {
  float:left;
  margin-right:5px;
  width:70px;
}
/* order form */
#form-order form ul li label {
  width:130px;
}

/* shop */
#area .shopItem {
  margin:0px 0px 20px 0px;
  overflow:hidden;
  width:100%;
}
#area .shopItem .image {
  float:left;
  text-align:center;
  width:160px;
}
#area .shopItem .text {
  float:right;
  width:447px;
}
#area .shopItem .text ul {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#area .shopItem .text ul li {
  float:left;
  margin-right:10px;
  overflow:auto;
  width:auto;
}
#area .shopItem .text ul li label {
  display:inline;
  float:none;
  width:auto;
}
#area .shopItem .text ul li.priceAndAmount {
  float:none;
  margin-bottom:10px;
}
#area .shopItem .text ul li.priceAndAmount strong {
  color:#000;
}
#area .shopItem .text ul li.priceAndAmount input {
  width:70px;
}
#area .shopForm {
  margin-bottom:10px;
  width:100%;
}
#area .button {
  text-align:center;
}
#area .button button {
  margin:0px auto;
}

/* photogallery */
#area .photogallery {
  overflow:hidden;
  width:100%;
}
#area .photogallery ul {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#area .photogallery ul .photo {
  float:left;
  height:126px;
  margin:0px 5px 10px 5px;
  text-align:center;
  width:136px;
}
#area .photogallery ul .photo a img {
  border:1px solid #1491E7;
  padding:2px 2px;
}
#area .photogallery ul .photo a:hover img {
  border-color:#ccc;
}

#area .showsTimes {
  border:1px solid #ccc;
  border-collapse:collapse;
  margin:15px 0px;
  width:100%;
}
#area .showsTimes td {
  border:1px solid #ccc;
  padding:2px 3px;
  text-align:left;
  vertical-align:top;
}
#area .showsTimes thead td {
  color:#000;
  font-weight:700;
  text-align:center;
}
#area .showsTimes td p {
  margin:0px 0px;
}

#area .buttons {
  margin-bottom: 15px;
  text-align: center;
}
#news .shows {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
}

#news .shows p {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

#area .text #attachments {
  margin: 1.5em 0;
}
#area .text #attachments ul {
  clear:both;
}
#area .text #attachments ul li {
  float:none;
}

hr.facebooks {
display: block;
}
#sale .text .image {
  text-align: center;
}
#news .television {
  left: 55px;
  position: absolute;
  top: 40px;
}
#sale .helpChildren {
  right: 30px;
  position: absolute;
  top: 40px;
}

/* upravy fotogalerie */
#area .fotogalerieMulti { width:100%; overflow:hidden; padding:15px 0; }
#area .fotogalerieMulti { border-top:1px dotted #D3BDD8; }
#area .fotogalerieMulti .galerie { float:left; margin:0 10px 10px 0; }
#area .fotogalerieMulti .link { width:130px; position:relative; height:120px; /*border: 1px solid #1491E7;*/ display:block; padding:2px; }
#area .fotogalerieMulti .img { display:block; }
#area .fotogalerieMulti .title { position:absolute; bottom:2px; left:2px; display:block; width:120px; padding:5px 5px; background:#6C1558; opacity:0.8; color:white; font-weight:bold; text-decoration:none; }
#area .fotogalerieMulti .link:hover .title { text-decoration:underline; }
#area .fotogalerieMulti {}
#area .fotogalerieMulti {}