* {
 margin: 0;
 padding: 0;
}

body {
 background: #9B7A47 url('../images/coffee.jpg') fixed;
 height: 1000px;
 text-align: center;
}

.cleaner {
 clear: both;
}

a {
 color: black;
}

#box {
 background: url('../images/bottombox1_bg.gif') repeat-y;
 background-repeat: repeat-y;
 font-size: 80%;
 font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
 margin: 0 auto;
 text-align: left;
 width: 745px;
}

#box2 {
 background: url('../images/bottombox_bg.gif') no-repeat;
 width: 745px;
}

#banner {
 width: 745px;
 height: 128px;
 margin: 0 auto;
 text-align: center;
}

#menu {
 background-color: #F4C528;
 border-bottom: 1px solid #F8E09E;
 height: 33px;
 margin-left: 7px;
 position: relative;
 width: 731px;
}

#menu ul {
 margin: 0 0 0 10px;
}

#menu ul li {
 display: inline;
 list-style: none;
 margin: 0;
}

#menu ul li a img {
 border: 0;
}

#vlak {
 position: absolute;
 right: 0;
 top: 0;
 border: 0;
 /*height: 30px;
 width: 193px;*/

}


#levy {
 float: left;
 width: 193px;
}

#otevreno {
 background: white url('../images/otviracka_bg.jpg') no-repeat;
 height: 207px;
 margin-left: 7px;
 position: relative;
 width: 186px;
}

#music {
 padding: 5px 0 0 15px;
 font-size: 0.85em;
 margin: 0;
}

#music a {
 background-color: transparent;
 color: #513A1B;
}

#otevreno img {
 height: 28px;
 left: 20px;
 position: relative;
 top: 21px;
 width: 136px;
}

#otevreno table {
 border-bottom: 1px solid #CFBBA2;
 color: #9F7648;
 font-size: 85%;
 font-weight: bold;
 margin: 27px 0 0 22px;
 width: 136px;
}

#otevreno table td, #otevreno table th {
 border-top: 1px solid #CFBBA2;
 text-align: left;
}

#otevreno table td {
 color: #8A643D;
 text-align: right;
}

#mapa a img {
 border: 0;
 margin: 10px 0 10px 7px;
 position: relative;
}

#kamera {
 background: url('../images/webkamera_bg.jpg') no-repeat;
 height: 176px;
 margin: 10px 0 5px 7px;
 position: relative;
 width: 186px;
}

#online {
 left: 9px;
 position: absolute;
 top: 10px;
}

#webcam {
 height: 120px;
 left: 9px;
 position: absolute;
 top: 33px;
 width: 158px;
}

#prepinac {
 left: 9px;
 position: absolute;
 top: 149px;
 width: 158px;
 font-size: 0.85em;
 text-align: left;
}

#prepinac a {
 padding: 0 0 0 5px;
}

#leve-menu {
 margin: 10px 0 15px 45px;
 list-style: none;
}

#leve-menu li {
 margin: 0;
}

#content {
 background: url('../images/content_bg.jpg') no-repeat;
 float: left;
 position: relative;
 width: 552px;
}

#gallery #content {
 width: 740px;
 padding: 0;
 float: left;
 background: transparent url('../images/content_bg_gal.jpg') no-repeat top right;
 background-position: 7px 0;
}

#gal_content {
 margin: 0 20px;
}

#gallery #content #jazyky {
 margin: 8px 0 0 510px;
}

#gallery #header {
 margin: 60px 0 25px 10px;
}

#jazyky {
 margin: 8px 0 0 318px;
 position: relative;
 width: 227px;
 z-index: 1;
}

#jazyky a {
 display: block;
 position: absolute;
 top: 0;
}

#jazyky a span {
 display: none;
}

#cs {
 background: url('../images/cs.jpg') no-repeat;
 height: 36px;
 left: 0;
 width: 71px;
}

#cs:hover {
 background: url('../images/cs_act.jpg') no-repeat;
}

#de {
 background: url('../images/de.jpg') no-repeat;
 height: 36px;
 left: 72px;
 width: 83px;
}

#de:hover {
 background: url('../images/de_act.jpg') no-repeat;
}

#en {
 background: url('../images/en.jpg') no-repeat;
 height: 36px;
 left: 154px;
 width: 73px;
}

#en:hover {
 background: url('../images/en_act.jpg') no-repeat;
}

#footer {
 background: url('../images/footer.jpg') no-repeat;
 height: 13px;
 margin-left: 7px;
 padding: 43px 10px 4px 10px;
 width: 731px;
}

#footer p {
 color: #513A1B;
 font-size: 70%;
}

#footer p a {
 color: #513A1B;
}

#header {
 margin: 40px 0 40px 40px;
 width: 342px;
}

#header.de {
 margin-left: 5px;
 margin-top: 50px;
}

#header.oceneni {
 margin-top: 60px;
 margin-bottom: 15px;
}

#header.hotspot {
 margin-top: 65px;
 margin-left: 25px;
}

#header.hotspot.cz {
 margin-left: 15px;
}

/* obsah uvodni stranky */
#header2 {
 margin: 40px 0 20px 40px;
 width: 342px;
}

#onas {
 float: left;
 font-size: 90%;
 width: 422px;
}

#onas p, #siroky p, #siroky pre {
 margin: 0 25px;
}

#siroky ol {
 margin-left: 45px;  
}

#slideshow {
 background: url('../images/ramecek.gif') no-repeat;
 height: 195px;
 /*margin: 10px 110px 10px 130px;*/
 top: 15px;
 left: 82px;
 position: absolute;
 width: 258px;
}

#slideshow img {
 filter: alpha(opacity=100);
 left: 18px;
 -moz-opacity: 1;
 position: absolute;
 top: 15px;
}

#shop_link {
 margin: 10px 25px;
 text-align: right;
}

#shop_link a img {
 border: 0;
}

#doporucujeme {
 margin: 35px 0 30px 30px;
 text-align: left;
 width: 370px;
}

#doporucujeme h2 {
 margin-bottom: 10px;
}

#doporucujeme h3 {
 font-size: 1.1em;
 color: #333; 
}

#siroky #doporucujeme p {
 margin-left: 0;
}

#doporucujeme .levy {
 width: 48%;
 float: left;
}

#doporucujeme .pravy {
 width: 48%;
 float: right;
}

#razitko {
 position: absolute;
 right: 15px;
 top: 50px;
}

#pocasi {
 text-align: center;
}

#pocasi a {
 font-size: 0.9em;
}

#pocasi p {
 margin-top: 10px;
}

/* stranka nabizime */
#categories {
 margin-left: 10px;
 position: relative;
 top: -35px;
}

#categories a {
 color: #888888;
 display: block;
 float: left;
 position: relative;
 text-align: center;
 width: 102px;
}

#categories a img {
 border: 0;
}

#categories a span {
 background: white;
 bottom: 35px;
 cursor: hand;
 filter: alpha(opacity=70);
 font-size: 10px;
 left: 3px;
 -moz-opacity: 0.7;
 position: relative;
 width: 95px;
}

#categories a.act {
 color: black;
}

#siroky ul#categories-list {
 margin: -20px 0 20px 60px;
}

#siroky ul#categories-list li {
 margin: 0.35em 0;
}

#category {
 margin: 0 20px 0 25px;
}

#category img {
 display: block;
}

#display {
 background: url('../images/nabizime/background.gif') no-repeat;
 height: 236px;
 margin-left: 10px;
 position: relative;
 width: 517px;
}

#images {
 clip: rect(0px 484px 187px 0px);
 height: 187px;
 left: 17px;
 position: absolute;
 top: 17px;
 visibility: inherit;
 width: 500px;
 z-index: 11;
}

#holder {
 background: url('../images/nabizime/images_bg.gif') repeat-x;
 height: 187px;
 left: 0;
 position: absolute;
 top: 0;
}

#holder div {
 float: left;
 height: 187px;
 margin-right: 10px;
 position: relative;
}

#holder div div {
 background: white;
 color: #888888;
 filter: alpha(opacity=70);
 height: 60px;
 left: 10px;
 margin-left: 0;
 -moz-opacity: 0.7;
 overflow: auto;
 overflow: auto;
 position: absolute;
 top: 110px;
 width: 110px;
}

#holder div div.wide {
 width: 170px;
}

#arrow_left {
 bottom: 13px;
 left: 0px;
 position: absolute;
}

#arrow_right {
 bottom: 13px;
 position: absolute;
 right: 10px;
}

/* novinky na home page */
#news {
 background-image: url(../images/news_middle.gif);
 background-repeat: repeat-y;
 background-position: top left;
 width: 117px;
 float: right;
 font-size: 90%;
 margin-right: 7px;
 display: inline;
}

#inner-news {
 background-image: url(../images/news_top.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
}

#news h2 {
 margin: 0 8px 10px 8px;
 padding-top: 12px;
}

#news h3 {
 background-color: transparent;
 color: #333;
 font-size: 1em;
 margin: 7px 8px 0 8px;
}

#news p {
 margin: 0 8px 5px 8px;
 background-color: transparent;
 color: #333;
}

#news p.all {
 padding: 4px 8px 14px 10px;
 background-image: url(../images/news_bottom.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
 margin: 0;
}

/* ostatni stranky */
#siroky {
 float: left;
 font-size: 90%;
 width: 545px;
}

.home #siroky {
 width: 425px;
}

.home #siroky p {
 margin-left: 15px; 
}

#siroky table td {
 font-size: 70%;
 vertical-align: top;
}

#siroky ul {
 margin: 10px 40px;
}

#siroky ul li {
 margin-top: 10px;
}

#siroky table td form textarea {
 height: 100px;
 width: 220px;
}

#siroky table td p {
 margin-top: 15px;
}

#galery {
 list-style: none;
 margin: 0;
}

#galery li {
 display: inline;
}

#galery li img {
 margin: 10px 0 0 20px;
}

/* argo */
#argo_foto {
 background: url('../images/argo/display_bg.jpg') no-repeat;
 height: 193px;
 left: 20px;
 position: relative;
 top: -60px;
 width: 238px;
}

#argo_foto img {
 margin: 14px 0 0 15px;
}

#argo {
 position: relative;
 top: -20px;
}

#display2 {
 background: url('../images/argo/images_bg.gif') no-repeat;
 height: 138px;
 margin-left: 10px;
 position: relative;
 width: 517px;
}

#images2 {
 clip: rect(0px 484px 138px 0px);
 height: 91px;
 left: 17px;
 position: absolute;
 top: 13px;
 visibility: inherit;
 width: 5000px;
 z-index: 11;
}

#holder2 {
 background: url('../images/argo/images_spacer.gif') repeat-x;
 height: 91px;
 left: 0;
 position: absolute;
 top: 0;
 width: 5000px;
}

#holder2 img {
 border: 0;
 height: 91px;
 margin-right: 9px;
}

#arrow_left {
 bottom: 13px;
 left: 15px;
 position: absolute;
}

#arrow_right {
 bottom: 13px;
 position: absolute;
 right: 10px;
}

.normaltext th {
 font-size: 0.7em;
 font-weight: normal;
}

#player {
 width: 376px;
 margin-left: 42px;
 margin-top: -10px;
}

.nejlepsi {
 margin: 2em 0 1.5em 40px;
}

#poslat {
 position: absolute;
 top: 85px;
 left: 0;
 width: 67px;
 height: 42px;
 margin: 0;
 padding: 0;
}

#tip {
 position: absolute;
 top: 90px;
 left: 323px;
 width: 80px;
 height: auto;
 margin: 0;
 padding: 0;
 text-align: center;
}

#tip a {
 background-color: transparent;
 color: #9B7948;
 font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
}

#tip a:hover {
 text-decoration: underline;
}

a img {
 border: 0;
}

#prouzek {
 position: relative;
 height: 230px;
}

p.gal_link {
 padding: 10px 0;
}


/* News */
.news {
 margin-bottom: 1.5em;
}

.news h3 {
 background-color: transparent;
 color: #9B7948;
 margin: 0 25px 0.25em 25px;
 font-size: 1.2em;
}

#siroky p.pager {
 margin-top: 1.5em;
}

#siroky p.pager a, #siroky p.pager span {
 padding: 0 0.1em;
}

/* Datum novinky */
.home #content p.date {
 font-size: 0.9em;
}

#content p.date {
 background-color: transparent;
 color: #888; 
 margin-top: 0.25em;
 margin-bottom: 0.25em;
}

/* Banner soutez */
p#banner-soutez {
 margin: 0 0 20px 0;
}

/* Table for form */
table.form th {
 font-weight: normal;
 text-align: left;
}

table.form, table.form td, table.form th {
 border: 0;
 padding: 0.35em 0.5em 0.35em 0;
}

/* Fanklub */
#siroky .fanklub p {
 margin-bottom: 0.75em;
}

#siroky .fanklub h2, #siroky .fanklub h3, #siroky .fanklub h4 {
 margin: 1em 0 0.25em 23px;
 color: #8A643D;
}

#siroky .fanklub h2 {
 font-size: 1.2em;
}

#siroky .fanklub h3 {
 font-size: 1.1em;
}

#siroky .fanklub h4 {
 font-size: 1em;
}

#siroky .fanklub table {
 margin-left: 23px;
}

#siroky .fanklub input {
 width: 250px;
 font-size: 1em;
}

#siroky .fanklub input.submit {
 width: auto;
}

#siroky p.registration {
 margin-top: 2.5em;
 color: red;
}

#siroky p.registration.other {
 margin-top: 1em;
}
