/* reset */
@font-face { 
font-family: "nimbus";
src: url("./ne23012t.ttf") format("truetype");
}
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.76em/1.5 Verdana, Helvetica, sans-serif; text-align:center;}
h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:160%;}
h2 {font-size:150%;color:#e3001b;}
h3 {font-size:130%;}
h4 {font-size:110%;}
h5 {font-size:100%;}
p, table, ul, ol, dl, fieldset {margin:15px 0;}
table {border-collapse:collapse; border-spacing:0; font-size:100%; width:100%;}
th {text-align:left; font-weight:bold;}
th, td {padding:3px 7px;}
ul {list-style-type: square;}
ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}
dt {font-weight:bold;}
dd {margin-left:30px;}
fieldset {padding:10px;}
legend {font-weight:bold;}
label {width: 150px; float: left; margin-right: 5px; padding-top: 0.3em;}
input.odeslat {padding:5px;}

/* universal styles  */
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noscreen {display:none;}
.bigger {font-size:110%;}
.smaller {font-size:85%;}

/* layout */
#container{width:100%;min-width:1000px;min-height:780px;}
#header{position:relative;height:150px;}
#wrapper{float:left;width:100%;}
#content{margin-left:278px;width:720px;}
#navigation{float:left;width:270px;margin-left:-100%;}
#footer{clear:left;width:100%;height:20px;margin:5px 0;}

/* design */
#container{text-align:left;}

#logo h1 a, #logo a span{position:absolute;overflow:hidden;left:277px;top:5px;width:215px;height:65px;}
#logo a span{position:absolute;overflow:hidden;left:0;top:0;width:215px;height:65px;}

#lang{position:absolute;top:15px;left:20px;width:40px;background: transparent url('./bg-lang.png') no-repeat 0 0;}
#lang a{display:block;width:40px;height:33px;}
#lang a span{display:none;}

#login{position:absolute;top:90px;left:277px;width:225px;}
#login input{float:left;display:inline;width:86px;height:12px;margin-right:3px;background-color:#ccc;font-size:94%;}
#login .submit {width: 32px; height: 18px; border: 1px #fff outset;}
#login .submit:active {border-style: inset;}
#login p{margin:0;} 
#login p a{color:#ccc;text-decoration:none;background: transparent url('./bg-login.png') no-repeat 0 70%;padding-left:8px;font-size:92%;}
#login p.prihlaseny-uzivatel{margin-top:-2px;padding-left:6px;}

#menu{position:absolute;top:0px;left:513px;width:490px;}
#menu ul{list-style:none;width:100%;margin:0;padding:0;}
#menu li{float:left;display:inline;width:116px;height:36px;line-height:40px;margin:0 0 2px 2px;padding:2px;background:#e3001b;text-align:center;}
#menu li.druhyRadek{clear:left;}
#menu a{display:block;font-family:nimbus,Helvetica;font-size:15px;color:#fff;text-decoration:none;text-transform:uppercase;}
#menu li.druhyRadekLink{height:62px;line-height:20px;}
#menu li.akce a{line-height:62px;font-size:14px;}

#zmenaVzhledu{position:absolute;top:111px;left:991px;width:10px;}
#zmenaVzhledu ul{list-style:none;width:100%;margin:0;padding:0;}
#zmenaVzhledu a{display:block;width:10px;height:10px;overflow:hidden;background-color:#000;}
#zmenaVzhledu a.white{background-color:#fff;}
#zmenaVzhledu a span{display:none;}

#pomocneMenu{margin:290px 0 0 20px;font-size:94%;}
#pomocneMenu h3{color:#e3001b;margin:0 0 10px 0;}
#pomocneMenu ul{list-style:none;width:100%;margin:0;padding:0;}
#pomocneMenu li{display:block;margin:4px 0;padding:0 0 0 12px;}
#pomocneMenu a{font-weight:bold;text-decoration:none;}
#pomocneMenu p{margin:0;padding:0;} 

#fotoIndex{width:600px;height:300px;margin:40px auto;}
h2#bonusDarek, h2#uvod{display:block; width:700px; margin:40px auto; color: #e3001b; text-transform: uppercase; font-size: 180%; text-align: center;font-family:nimbus}
h2#uvod span{text-transform: uppercase; font-size: 70%;}
.partneri {width: 80%; margin: 20px auto;list-style-type: none;}
.partneri li{padding:20px 0 0;text-align:center;}

.prepnout-zobrazeni, #zaznamy, .vsechnyzpravy {font-size: 96%; text-align: right; margin: 10px 5px 15px;}

.vypis-polozek{width:220px;min-height:200px;float:left;padding:0 5px 5px;margin:10px 5px;}
.vypis-polozek p{margin-top:0;padding-top:0;}
.foto-vypis-polozek img {float: left; margin: 5px 5px 15px 0;}
.nazev-zbozi-katalog {text-transform: uppercase; font-weight:bold;color:#7A8661;}
#bonus{color:#7A8661;}
#cenik a{text-decoration:none;}
#cenik a:hover{text-decoration:underline;}
#cenik span{color:#7A8661;vertical-align:super;}
.produkt{width:220px;margin:20px 5px 40px;}
.produkt p{margin-top:0;padding-top:0;}
.produkt img{float: left; margin: 5px 5px 5px 0;}
h4.podobne{color:#e3001b;}
.zboziKos{clear:left;text-align:center;}
.slozeni{margin-left:10px;font-weight:bold;}
.slozeni span{margin-left:15px;}
.tableDavkovani{margin-left:10px;width:50%;border:2px solid #7A8661;background-color:#4C4C4C;}
.tableDavkovani td{border:1px solid #D0D0D0;}
.tableDavkovani span{margin-left:20px;}
 
.hlaska {width: 80%; margin: 15px auto 20px; font-weight: bold; text-align: center; border: 1px solid #da251c;}
.hlaska p {margin: 0; padding: 3px;}

.galerie, .sponzor{border-bottom:1px solid #7A8661;}
.foto{text-align:center;margin-bottom:14px;}
.foto img{border:1px solid #e3001b;padding:1px;margin:1px;}

/* lightbox */
#jquery-overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img { border:none;}
#lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image { padding:10px;}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav { left:0;}
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev {left:0;float:left;}
#lightbox-nav-btnNext {right:0;float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data {padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}
#lightbox-image-details-caption { font-weight:bold;}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em;}

/*tlacitka*/
.button {margin:2px;padding: 5px 10px;display: inline;background: #777 url(./button.png) repeat-x bottom;border: none;color: #fff;cursor: pointer;font-weight: bold;
			border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: 1px 1px #666;text-decoration:none;}
.button:hover {background-position: 0 center;color:#fff;}
.button:active {background-position: 0 top;position: relative;top: 1px;padding: 6px 10px 4px;}
.button.red { background-color: #e3001b; }
.button.purple { background-color: #9400bf; }
.button.darkgray { background-color: #A9A9A9; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 90%; padding: 3px 7px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }