/***** COMMON ******************************************/
html, body, div, ul, ol, li, p, h1, h2, h3, h4 { padding: 0; margin: 0; }
.cleaner { clear: both; }
.cleaner-left { clear: left; }
.spacer { height: 0px; font-size: 0.1em;}
.dn { display: none; }
body { font-family: georgia,arial,helvetica,sans-serif; font-size: 12px; color: #ccc; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-image: url(img/body-bkg.jpg); background-color: #110;}
a { color: #ca6; }
a:hover { color: #a84; }


/***** BLOCKS *****************************************/


html, body { height: 100%; }
#container { width: 1000px; margin: 0px auto; border: 0px solid #fff; background: #1C1401; min-height: 100%; height: 100%; position: relative; }
body > #container { height: auto; }

#toplinks { height: 40px; background: rgb(218,220,231); }
#toplinks .loga { float: left; }
#toplinks .odkazy { float: right; line-height: 40px; padding: 0 15px 0 0; }
#toplinks a { color: #333; }
#toplinks a:hover { text-decoration: none; }


#header { height: 400px; background: #a84 url(img/header.jpg) top left no-repeat; }
#header h1 { width: 270px; height: 120px; float: left; position: relative; top: 65px; left: 35px;}
#header h1 a { display: block; height: 120px; }
#header .texty { float: right; width: 405px; height: 272px; }
#header .vitejte { width: 375px; height: 158px; margin: 50px 0 0 0; background: url(img/header-text.png) top left no-repeat; }
#header .vitejte .in { padding: 50px 30px 30px; font-size: 11px; color: #1c1401; line-height: 1.4em;}

#header .obchod { color: #110; }
#header .adresa { float: left; padding: 0 0 0 25px;}
#header .adresa a { color: #110; } 
#header .adresa a:hover { text-decoration: none; } 
#header .otevreno { float: right; padding: 0 170px 0 0;}


#topmenu { background: #939bbd url(img/topmenu-bkg.png) center repeat-x; height:50px; font: bold 14px/50px georgia,arial, verdana, sans-serif; width:1000px; margin:0 auto;}
#topmenu ul {margin:0; padding:0; list-style:none; display:inline-block;}
#topmenu li { float:left; display:inline; width:166px; }
#topmenu li.first { width:170px;}
#topmenu li a {position:relative; width:166px; color:#191205; text-decoration:none; float:left; text-align:center; display:inline; margin-right:-166px; background: url(img/topmenu-delic.gif) center left no-repeat;}
#topmenu li.first a { background: none; width:170px;}
#topmenu li a.selected { background: #874 url(img/topmenu-selected.png) center repeat-x; }
#topmenu li a:hover  { background: #874 url(img/topmenu-selected.png) center repeat-x; margin-right:0;}
#topmenu li.first a:hover { background: #874 url(img/topmenu-selected.png) center repeat-x; }
#topmenu li a.selected span,
#topmenu li a:hover span { background: url(img/topmenu-delic.gif) center left no-repeat; display: block; }
#topmenu li.first a:hover span { background: none; }
#topmenu li.first a span { background: none; }


#holder { background: #1C1401 }
#holderShop { background: url(img/right.gif) top right repeat-y; }


#left { width: 210px; min-height: 100px; float: left; margin: 0px 0; _margin-right: -3px; /* IE6 hack - 3px bug */ }
#left ul { list-style: none; }
#left .menu a { text-decoration: none; padding: 10px; display: block; font: normal 18px/18px georgia,arial,verdana,sans-serif; border-bottom: 1px solid #972; color: #972;}
#left .menu li { border-bottom: 0px solid #aac; padding: 0; margin-bottom: 20px; }
#left .submenu li { margin: 0 0 0 0px; border-top: 0px solid #868aa9; border-bottom: none; }
#left .submenu a { color: #ccc; padding: 7px 10px 7px 0px; font: normal 12px/12px georgia,arial, verdana, sans-serif; border-bottom: none;}
#left a:hover {  }
#left a.selected { color: #ca6}
#left .menu a:hover {  }
#left .submenu a:hover { color: #110; background: #ca6 }
#left .submenu span { padding-left: 10px; display: block; background: url(img/leftmenu-li.gif) center left no-repeat; }


#right { float: right; width: 210px; min-height: 200px; _margin-left: -3px; /* IE6 hack - 3px bug */ }
#right { margin: 0; }
#right .spacer { height: 0px; background: #fff; }
#right .in { padding: 0px; margin-bottom: 15px }
#right h2 { color: #972; text-decoration: none; padding: 10px; display: block; font: normal 18px/18px georgia,arial, verdana, sans-serif; border-bottom: 1px solid #972; }
#right h2 a { color: #972; }
#right h2 a:hover { color: #ca6; }
#right .sekce { margin-bottom: 20px; }
#right ul { list-style: none; }
#right li { color: #ccc; padding: 0px 10px 7px 10px; font: normal 12px/12px georgia,arial, verdana, sans-serif; border-bottom: none;} 
#right p { padding: 10px; }
#right li small { color: #972; }
/* akce */
#right .event { width: 190px; margin: 0 auto; }
#right h3 { font-weight: normal; color: #ca6; margin: 0px;}
#right .event p { padding: 10px 0; }
#right .event img { width: 150px; }
#right .delic { height: 1px; font-size: 0.1em; margin: 10px 0; border-top: 1px solid #750; width: 190px; margin: 10px auto; }

#right .sekce a { border: 1px solid #752; display: block; width: 150px; margin: 0 auto 0 0; }
#right .sekce a:hover { border: 1px solid #ca6; display: block; }

#bfc { margin: 40px 0; text-align: center; }

#main { width: 540px; margin: 0 auto;}
#main .in { padding: 10px 0 35px; }
#mainShop { width: 444px; min-height: 300px; margin: 0 auto; }
#mainShop .in { padding: 15px 0 35px; }


#footer { font-size: 12px; border-top: 1px solid #ccc; background: #939bbd url(img/topmenu-bkg.gif) center repeat-x; }
#footer .in { padding: 10px; }
#footer a { color: #fff; }
#footer a:hover { color: #235; }
#bottomMenu { float: left;  }
#bottomMenu li { list-style: none; float: left; margin-right: 0px; padding: 0 5px; border-left: 1px solid #fff; }
#bottomMenu li.first { list-style: none; float: left; margin-right: 0px; padding: 0 5px 0 0; border-left: 0px solid #fff;}
#footer #totop { float: right; }

/***** D O P O R U C I T ********************************/
#doporucit { margin: 20px 0 0; }
.doporucit-akce { width: 210px; display: block; margin: 0 0 0 auto; background: url(img/doporucit.png) top left no-repeat; padding: 0 0 0 10px; text-align: left; color: #110; font: bold 12px/43px georgia,verdana,sans-serif; text-decoration: none; }
.formular { background: #ca6; color: #110; padding: 2px 0px; }
.formular-in  { background: #ca6; color: #110; padding: 6px 30px; }
.doporucit-image { vertical-align: middle; padding: 3px 10px; border:none; background: #ca6 url(img/topmenu-bkg.png) bottom center repeat-x; cursor: hand; cursor: pointer; }
.doporucit-textbox { width: 129px; padding: 5px 3px; margin: 0 5px; font-size: 11px; vertical-align: middle; }
#doporucitForm .error  { color: #110 }
#doporucit a:hover { color: #110; }


/***** C O P Y ****************************************/
#copy { }
#copy { color: #999; }
#copy .in { padding: 30px; }
#copy .duet{ float: left; }
#copy .crespo { float: right; padding-top: 17px;}
#copy .duet img,
#copy .crespo img { vertical-align: middle; }
#copy .duet img { margin-right: 25px; }
#copy .crespo img { margin-left: 25px; }
#copy a { text-decoration: none; }
#copy a:hover { text-decoration: underline; }
#copy a.adm { color: #1c1401; }

/***** S T A T ****************************************/
.stat { display: none; }