body, html {color: #000000; text-align: left; font-size: 90%; border: 0px none; margin: 0; padding: 0px;	font-family: Trebuchet MS, Helvetica, sans-serif;}
body {background: #ffffff;}

.right {float: right;}
.left {float: left;}
.justify {text-align: justify;}
.center {text-align: center;}
.left-text {text-align: left;}
.right-text {text-align: right;}
.relative {position: relative;}
.absolute {position: absolute;}
.neviditelny {display:none; margin: 0; padding: 0;}
img, table, tr, th, td, h1, h2, h3, h4, h5, .bezodrazek li {border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}
.resetovac {border: 0px none;	margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px;	font-size: 0px;}
a {text-decoration: underline;color: #000000;}
a:hover {text-decoration: none;color: #333333;}
select, input {background: #ffffff; font-family: Trebuchet MS, Helvetica, sans-serif;font-size: 90%;}

h1 {font-size: 140%; color: #646567; margin: 11px 0 15px 0;}

#obal {width: 980px; background: #ffffff; margin: 0 auto;}
#strankaobal {width: 980px; background: #ffffff; float: left;}
#strankahlavicka {width: 980px; /*height: 139px;*/ float: left; border-top: 5px solid #FAB32E; /*border-bottom: 5px solid #EEF4F4;*/ background: url(../obr/hlavicka.jpg) top left no-repeat;}
#levypanelobal {float: left; width: 240px; margin: 0 0 20px 0; padding: 0;}

/* stredni cast */
#hlavnipanelobal {float: right; /*background: blue;*/ margin: 0 0 20px 20px; width: 720px;}
/*#hlavnipanelvnitrek {padding: 0 25px 25px 25px; _padding: 5px 25px 25px 15px;}*/

#hlavnipanelvnitrek h1 a {color: #ffffff;}
#hlavnipanelobal h1 {color: #ffffff; margin: 0 0 5px 0; padding: 5px 10px; width: 700px; float: left; background: #e86a1a url(../obr/pozadi-h1.jpg) top left repeat-x;}

/* pata */
#obal-strankapaticka {width: 980px; color: #625c56; float: left; background: #9b9a9a url(../obr/paticka.jpg) top left repeat-x;}
#strankapaticka {padding: 18px 0; text-align: center; font-size: 90%;}
#strankapaticka a {color: #625c56;}
.banner {width: 980px; height: 223px; float: left; background: url(../obr/podhlavicka.jpg) top left no-repeat;}

/* logo */
.logo-obal {width: 980px; height: 97px; z-index: 99;}
.logo {float: left; position: absolute; top: -5px; padding: 0; width: 980px; height: 97px; margin: 0; z-index: 99;}
.logo img {width: 980px; height: 92px;}

div#menu {text-transform: uppercase; z-index: 99; width: 980px; float: left;}
div#menu ul, div#menu li {z-index: 99; border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}
ul#mainMenu li {z-index: 99;display: block; float: left; white-space: nowrap; border-left: 1px solid #ffffff; }
ul#mainMenu li.prvni {border: 0px;}
div#obalmenu {z-index: 99; font-weight: bold;}
div#menu {font-weight: bold;}
ul#mainMenu li a {display: block; _width: 20px; white-space: nowrap;}
div#menu {font-weight: bold;z-index: 98;}
ul#mainMenu li a {color: #000000; text-decoration: none; padding: 8px 50px; margin: 0 15px;}
ul#mainMenu li a:active, ul#mainMenu li a:hover {text-decoration: underline;}
ul#mainMenu li.home a {background: url(../obr/icon-home.gif) 20px center no-repeat;}
ul#mainMenu li.cenik a {background: url(../obr/icon-cenik.gif) 20px center no-repeat;}
ul#mainMenu li.novinky a {background: url(../obr/icon-novinky.gif) 20px center no-repeat;}
ul#mainMenu li.objednavka a {background: url(../obr/icon-objednavka.gif) 20px center no-repeat;}
ul#mainMenu li.kontakt a {background: url(../obr/icon-kontakt.gif) 20px center no-repeat;}
ul#mainMenu li.velkoobchod a {background: url(../obr/icon-velkoobchod.gif) 20px center no-repeat;}



#levypanelvnitrek h2 {background: #646567; color: #ffffff; display: block;  padding: 10px 10px 10px 30px; font-size: 140%;}

#leve-menu ul, #leve-menu li {z-index: 99; border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}
div#leve-menu {width: 180px;}
div#leve-menu {margin: 10px 0 0 15px; padding: 0;}
#mainLeveMenu {font-size: 110%;}
#mainLeveMenu li {background: #e86a1a url(../obr/pozadi-h1.jpg) top left repeat-x; color: #000000; border: 1px solid #838383; margin: 3px 0;}
#mainLeveMenu li:hover {background: #e86a1a url(../obr/pozadi-h1-hover.jpg) bottom left repeat-x;}
#mainLeveMenu li a {width: 148px; font-weight: bold; background: url(../obr/odrazka.gif) left center no-repeat; color: #000000;  text-decoration: none; padding: 1px 2px 1px 20px;  display: block;}
#mainLeveMenu li a:hover {color: #444444;}
/*#mainLeveMenu li a.dark {background: #eeeeee url(../obr/leve-menu-odrazka-cb.gif) 20px center no-repeat;}
#mainLeveMenu li a.dark:hover {background: #eeeeee url(../obr/leve-menu-odrazka.gif) 20px center no-repeat;}
#mainLeveMenu li a:hover, #mainLeveMenu li a.menu-tucne {color: #000000; background: url(../obr/leve-menu-odrazka.gif) 20px center no-repeat;}*/
#mainLeveMenu li {width: 160px; padding: 0 10px;}

.galerie-obal {width: 100%; float: left; margin: 0 0 20px 0;}
.obrazek-obal {float: left; width: 150px; margin: 20px 30px 20px 0; _margin: 20px 20px 20px 0;}
.obrazek {width: 150px; text-align: center; height: 150px; border: 1px solid #d6d6d6; padding: 0;}
.obrazek a {width: 150px; height: 150px;}
.obrazek:hover {border: 1px solid #6d6d6d;}
.obrazek-obal .nadpis, .obrazek-obal .velikost, .obrazek-obal .cena, .obrazek-obal .barva {font-size: 90%; color: #625c56; text-align: left; padding: 0; text-transform: uppercase; line-height: 1.25em;}
.obrazek-obal .nadpis {font-weight: bold; padding: 3px 0 0 0;}
.obrazek-obal .cena span.through {text-decoration: line-through; font-size: 100%;}
.obrazek-obal .cena span.big {font-size: 150%; padding: 0 0 0 5px;}

.hlaska {color: red; font-weight: bold; font-size: 120%;}
.objednavka {float: left;}
.nakup-zbozi {margin: 10px 0; padding: 5px 0; width: 100%;}
.nakup-zbozi td {padding: 2px 10px;}
.nakup-zbozi td input {font-size: 100%; padding: 2px;}
.color {background: #ffc965;}
.color2 {background: #fff6e5;}
body input.submit {font-weight: bold; background: #ffc965; border: 1px solid #000000; color: #000000; padding: 2px 10px; margin: 5px 0; }

#lightbox{
	background-color:#FAB32E;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color: #000000;
	font-size: 90%;
	}
#lightboxDetails{
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("../obr/overlay.png"); filter: alpha(opacity=80); }
#kontakt {background: url(../obr/pozadi-01.jpg) bottom right no-repeat;}
#cenik {background: url(../obr/pozadi-03.jpg) bottom right no-repeat;}
#uvod {background: url(../obr/pozadi-02.jpg) bottom right no-repeat;}

.video {float: right; margin: 32px 30px 0 0;}
.detail a {background: url(../obr/klik-detail.jpg) top left no-repeat; width: 53px; height: 32px; margin: 5px 0 0 105px; position: absolute;}

.oldcena span {text-decoration: line-through;}
.newcena {font-weight: bold;}