/***** COMMON ******************************************/
html, body, div, ul, ol, li, p { padding: 0; margin: 0; }
.cleaner { clear: both; }
.spacer { height: 10px; font-size: 0.1em;}
.dn { display: none; }
body { font-family: arial,helvetica,sans-serif; font-size: 12px; color: #444; background: #E0E8EF;}
a { color: #237; }
a:hover { color: #f60; }


/***** BLOCKS *****************************************/
#container { width: 930px; margin: 0px auto; border: 5px solid #fff; background: #fff;}

#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: 200px; background: #fe9 url(img/header.png) top left no-repeat; }
#header h1 { width: 100px; height: 160px; float: left; margin: 25px 0 0 50px; }
#header h1 a { display: block; width: 100px; height: 160px; }
#header .texty { float: right; width: 575px; }
#header .vitejte { margin: 20px 40px 0 0; }
#header .eshop { margin: 45px 0 0 20px; }
#header .eshop a { color: #fff; text-decoration: none; font-size: 14px; }
#header .eshop a:hover { text-decoration: underline; }


#topmenu { background: #939bbd url(img/topmenu-bkg.gif) center repeat-x; height:42px; font: bold 14px/42px arial, verdana, sans-serif; width:930px; margin:0 auto;}
#topmenu ul {margin:0; padding:0; list-style:none; display:inline-block;}
#topmenu li { float:left; display:inline; width:155px; }
#topmenu li a {position:relative; width:155px; color:#fff; text-decoration:none; float:left; text-align:center; display:inline; margin-right:-155px; background: url(img/topmenu-delic.gif) center left no-repeat;}
#topmenu li.first a { background: none}
#topmenu li a.selected { background: #495677 url(img/topmenu-selected.gif) center repeat-x; }
#topmenu li a:hover  { background: #495677 url(img/topmenu-selected.gif) center repeat-x; margin-right:0;}
#topmenu li.first a:hover { background: #495677 url(img/topmenu-selected.gif) 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: #fff }
#holderShop { background: url(img/right.gif) top right repeat-y; }


#left { width: 230px; min-height: 100px; float: left; margin: 15px 0; _margin-right: -3px; /* IE6 hack - 3px bug */ }
#left ul { list-style: none; }
#left .menu a { text-decoration: none; padding: 10px; display: block; font: bold 13px/13px arial, verdana, sans-serif; }
#left .menu li { border-bottom: 1px solid #aac; padding: 0; }
#left .menup a { color: #600; text-decoration: none; padding: 10px; display: block; font: bold 13px/13px arial, verdana, sans-serif; }
#left .menup li { border-bottom: 1px solid #99b; padding: 0; }
#left .submenu li { margin: 0 0 0 0px; border-top: 1px solid #868aa9; border-bottom: none; }
#left .submenu a { color: #333; padding: 7px 10px 7px 10px; font: normal 12px/12px arial, verdana, sans-serif; }
#left a:hover { background: #ddd url(img/leftmenu-selected.gif) repeat-y;  }
#left a.selected { background: #ddd url(img/leftmenu-selected.gif) repeat-y; }
#left .menu a:hover { color: #237; }
#left .submenu a:hover { color: #333; }
#left .submenu span { padding-left: 10px; display: block; background: url(img/leftmenu-li.gif) center left no-repeat; }


#right { float: right; width: 230px; min-height: 200px; _margin-left: -3px; /* IE6 hack - 3px bug */ }
#right { margin: 0; }
#right .spacer { height: 15px; background: #fff; }
#right .in { padding: 15px; margin-bottom: 15px }


#main { width: 680px; float: right;}
#main .in { padding: 15px 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; }


#copy { font: normal 11px/20px arial; }
#copy .fokus { float: left; }
#copy .crespo { float: right; }