@charset "utf-8";
/* CSS Document */
BODY {background: #fff url(img/bg.gif) repeat-x; margin: 0; font: 11px Arial, Helvetica, sans-serif; color: #363636}
a{color:#8e7e5e}
a:hover{color:#8e7e5e; text-decoration:none}
/*a.view {background:url(img/submit-bg.gif); color: #505050; width: 60px; border: 1px solid #797979; padding: 2px 3px 0 3px; text-decoration:none; position: relative; top: 0px;}*/
img {border: 0px;}
span.search{background: #FFFF99}

h1 {font: 20px "Lucida Sans Unicode",Arial,verdana; color:#676767; margin: 0px 0px 8px 30px;}
h2 {font:bold 16px arial; color:#444; margin: 0px 0px 8px 10px;}
h3 {font:12px arial; color:#c78d03; margin: 3px 0px 8px 10px; text-align:right}
input{ width: 150px;margin: 2px 0 2px 0; border: 1px solid #797979; font: 12px Arial, Helvetica, sans-serif;} #shop select{ width: 50px;margin: 2px 0 2px 0; border: 1px solid #797979; font: 12px Arial, Helvetica, sans-serif;} textarea{font: 12px;}
input.submit{ background:url(img/submit-bg.gif); color: #505050; width: 60px; position:relative; left: 94px}
textearea {margin: 2px; border: 1px solid #aaa; background: #FFFFFF;font: 12px Arial, Helvetica, sans-serif;}
.relative {position:relative}
.hr {margin: 5px 0 10px 0; border-top: 1px solid #787878; height: 1px; line-height: 1px; font-size: 1px; width: 165px; position:relative; left: -5px}
.clear { clear:both; padding-bottom: 5px}

#container { margin: 0 auto 0 auto; width: 990px; position: relative;}
#back{ border-bottom: none; padding-bottom: 3px}
#back a{color: #555; font-size:12px; font-weight: bold;}
#back a:hover{ text-decoration:none}
#logo {width: 171px; height: 48px; background:url(img/logo.jpg) no-repeat; position: absolute; top: 60px; left: 100px}
#search {width: 250px; height: 26px; background:url(img/search.gif) no-repeat; position: absolute; top: 139px; right: 100px; }
#search p {margin: 0; padding: 2px 0 0 3px;}
#search input{margin: 5px 0 0 8px; padding-left: 3px; position:relative; left: 0px; top: 0px }

#menu {height: 20px; margin: 0; padding: 0; list-style: none; position: absolute; top: 141px; left: 23px; font: 11px "Lucida Sans Unicode",Arial,verdana;}
#menu li { display:inline; margin: 0; padding: 0;height: 20px; }
#menu li a { padding: 3px 7px 3px 7px; margin: 0px; text-decoration: none; background:#7b7669; color: #fff;line-height: 20px}
#menu li a:hover {background:#565245;}

#eshop-menu {height: 75px; position: absolute; right: 60px; top: 60px}
#eshop-menu span{font: 18px "Lucida Sans Unicode",Arial,verdana; color: #fff; float:right; margin: 12px 0 0 0}
#eshop-menu ul{margin: 0 0 0 10px; padding: 0; list-style: none;font: 10px Arial, Helvetica, sans-serif; float: right;}
#eshop-menu ul li{ width: 110px; text-align:center}
#eshop-menu ul li a{padding: 0; display: block; margin: 0px; text-decoration: none; background:none; color: #fff; width: 100%}
#eshop-menu ul li a:hover{background:#423e36}
html>body #eshop-menu ul li a {width: auto;}
#contact { position: absolute; top: 144px;left: 410px; color: #fff}

#index { position:relative; top: 185px; margin: 0; padding: 0}

#left{width: 150px;float: left;  position:relative; top: 0px; left: 30px; font: 10px "Lucida Sans Unicode",Arial,verdana;}
#login {width: 150px}
#left a{color:#8e7e5e}

#middle{float: left; position:relative; top: 0px; left: 60px;}
#e-shop_top{ background:url(img/e-shop_top.gif) no-repeat; width: 279px; height: 5px; line-height: 5px; font-size: 5px; margin: 0; padding: 0}
#e-shop_middle{ background: #8e7e5e; width: 279px;  margin:0; padding: 0}
#e-shop_middle h1 {font: 20px "Lucida Sans Unicode",Arial,verdana; color:#feb302; padding: 10px 0px 10px 55px; margin: 0}
#e-shop_middle div{width:12px; height: 13px; background:url(img/down.gif) ; background-repeat:no-repeat; cursor:pointer; position:relative; top: 4px; left: -4px;  float: left}
#e-shop_middle ul{margin: 0 0 0 55px; padding: 0; list-style: none;font: 16px "Lucida Sans Unicode",Arial,verdana; color: #fff; text-transform:uppercase}
#e-shop_middle ul a { color: #fff; text-decoration:none}
#e-shop_middle ul a:hover { color: #ffc53c; text-decoration:none}
#e-shop_middle ul ul {margin: 0 0 0 30px; padding: 0; list-style: none;font-size: 12px "Lucida Sans Unicode",Arial,verdana; text-transform: none }
#e-shop_bottom{ background:url(img/e-shop_bottom.gif) no-repeat; width: 279px; height: 5px; line-height: 5px; font: 5px;}

#news{ width: 170px; margin: 0; padding: 0}
#news span {color: #c78d03}
#news h3{color:#676767; margin: 3px 0px 8px 10px; text-align:left}


#right{float: left; position:relative; top: 0px; left: 80px; }
#text{width: 465px;}

#shop {width: 600px}
#shop h1 {color: #c78d03}
#shop p{ border-bottom: 1px solid #676767; padding-bottom: 10px}
#shop table {margin: 0; padding: 0; list-style: none;}
#shop table td {}
#shop table td p { margin: 0; padding: 0; border: none; text-align:justify;}
#shop table td input{ width:auto}
#shop table td .basket {float: left; width: 14px; height: 17px; background:url(img/into_basket.gif) no-repeat; margin: 0; border: none; cursor:pointer}
#shop table td span {float: right; color: red; font: bold 12px Arial, Helvetica, sans-serif;}
#shop table td img.main{ border: 1px solid #676767;  margin: 0;}
#shop table td.first{ width: 110px}
#shop table td.second{ width: 180px; padding: 0 5px 0 0}
#page {float: right; padding: 3px 0}


#photo{width:436px; height:251px; background:url(img/photo.jpg) no-repeat; position: relative; bottom: -5px}


#footer { position: relative; top: 20px;  margin: 0; padding: 0; }
#footer ul { float:left;position: relative; left: 0px; margin: 0; padding: 0; list-style: none; font: 11px "Lucida Sans Unicode",Arial,verdana;}
#footer li { display:inline; margin: 0; padding: 0;height: 20px; }
#footer a { text-decoration: none; padding: 0 10px 0 0; color: #515151;}
#footer a:hover { text-decoration:underline}
#footer span {float:left; position: relative; top: 0px; left: 580px;}

#bottom_hr {position:relative; top: 185px;border-top: 3px solid #cc8f00; height:3px; line-height: 3px; font-size: 3px}

/* administrace */

#admin-menu {height: 75px; position: absolute; left: 60px; top: 75px; float:left}
#admin-menu span{font: 18px "Lucida Sans Unicode",Arial,verdana; color: #fff; float:right; margin: 12px 0 0 0}
#admin-menu ul{margin: 0 0 0 10px; padding: 0; list-style: none;font: 10px Arial, Helvetica, sans-serif; float: left;}
#admin-menu ul li{ width: 150px; text-align:center}
#admin-menu ul li a{padding: 0; display: block; margin: 0px; text-decoration: none; background:none; color: #fff; width: 100%}
#admin-menu ul li a:hover{background:#423e36}
html>body #admin-menu ul li a {width: auto;}

#admin {position: absolute; top: 170px; padding: 0 10px}
#admin a { color: #333;}
#admin a:hover {color: #666; text-decoration: none; background-color: white}
h1#a {margin: 5px 20px}
#admin input.submit {background:url(img/submit-bg.gif); color: #505050; width: 130px; }
#admin .nadpis { font-weight: bold}