@media print,handheld  {
#hidden,h1,h2,#menu,#rightbar,#topline,#cart,#downitem,p.buy,#footer,#breadcrumb,a.koupit,hr,.form {
display:none;
}
}

@media screen,projection  {

body {
font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
font-size:small;
background: #945825 url(../image/topback.gif) repeat-x;
text-align:center;
color: #73380d;
}

img {
border: none;
}

a:hover {
text-decoration: none;
}

*,form .form {
margin:0;
padding:0;
}

#topline {
height: 6px;
width: 100%;
background: url(../image/topback.gif) repeat-x;
font-size: 1px;
}

.cleaner {
clear:both;
height:1px;
line-height:1px;
font-size:1px;
}

#hidden {
width:100px;
position:absolute;
left:0;
top:-1000px;
}

hr,.form br {
display:none;
}

#cart {
position: absolute;
top: 145px;
left: 105px;
font-size: 95%;
}

#cart p {
padding-bottom: 4px;
}

#cart a {
color: #876100;
font-weight: bold;
}

p.red, .red, span.red {
color: #d50000;
}

#main {
width:950px;
text-align:left;
margin-left:auto;
margin-right:auto;
background: #fffaee;
padding-bottom: 10px;
}

#head {
width: 950px;
height: 184px;
margin-left:auto;
margin-right:auto;
position: relative;
background: url(../image/cart.jpg) bottom left no-repeat;
}

h1,h1 span {
width:348px;
height:131px;
position:absolute;
left:0;
overflow:hidden;
font-size: 155%;
text-align: left;
}

h1 span {
display:block;
background: url(../image/h1.jpg);
left:0;
top:0;
cursor:pointer;
}

h2,h2 span {
text-align: left;
width:602px;
height:184px;
position:absolute;
left:348px;
top:0;
overflow:hidden;
font-size: 135%;
}

h2 span {
display:block;
background:url(../image/h2.jpg);
left:0;
top:0;
}

#menu {
width: 950px;
height: 50px;
background: url(../image/menu.jpg);
}

#menu ul {
width: 950px;
height: 50px;
background: url(../image/menu.jpg);
}

#menu li {
float: left;
padding-left: 50px;
list-style: none;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 18px;
background: url(../image/li.gif) no-repeat 30px 25px;
}

#menu li a {
color: #642200;
}

#content {
padding: 10px;
}

#leftbar {
width: 699px;
float: right;
}

#rightbar {
width: 230px;
float: left;
}

#rightbar ul li {
width: 203px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 1px;
margin-top: 1px;
color: #73380d;
padding-left: 27px;
background: #faebc9 url(../image/li2.gif) 15px no-repeat;
list-style: none;
}

#rightbar ul li a {
color: #73380d;
}

#rightbar ul {
margin-bottom: 10px;
}

span.small {
font-size: 75%;
}

#rightbar h3 {
background: url(../image/h3.jpg) repeat-x;
padding-top: 11px;
padding-bottom: 11px;

font-weight: normal;
text-transform: uppercase;
font-size: 95%;
color: White;
padding-left: 17px;
}

#rightbar .infobox h3 {
background: none;
color: #73380d;
padding: 0px;
text-transform: none;
font-size: 135%;
}

#rightbar .infobox h3 span {
color: #d50000;
font-size: 105%;
}

.infobox {
border: 1px solid #d2bc5b;
background: url(../image/info_back.jpg) repeat-x top;
color: #73380d;
padding: 15px;
margin-bottom: 10px;
}

.infobox p {
padding-top: 5px;
padding-bottom: 5px;
}

.infobox img {
margin-top: 10px;
}

.infobox a {
color: #73380d;
}

#search {
width: 687px;
height: 40px;
border: 1px solid #d2bc5b;
background: url(../image/item_back.jpg) repeat-x;
}

#search input#nazev {
border: 1px solid #d2bc5b;
padding: 3px;
margin-top: 8px;
margin-left: 10px;
color: #73380d;
width: 282px;
margin-right: 20px;
}

#search input.meze {
border: 1px solid #d2bc5b;
padding: 3px;
margin-top: 8px;
margin-left: 5px;
color: #73380d;
width: 70px;
margin-right: 20px;
}

#search button {
background: #743C21;
color: White;
width: 70px;
font-size: 85%;
display: inline;
border: none;
padding-top: 3px;
padding-bottom: 3px;
}

#tel {
width: 228px;
border: 1px solid #d2bc5b;
background: url(../image/item_back.jpg) repeat-x top;
color: #73380d;
padding-top: 11px;
padding-bottom: 11px;
text-align: center;
margin-bottom: 10px;
}

#tel span,.infobox p span {
color: #d50000;
font-size: 115%;
font-weight: bold;
padding-left: 3px;
}

#footer {
width:950px;
text-align:right;
margin-left:auto;
margin-right:auto;
color: #fffaee;
font-size: 85%;
padding-bottom: 20px;
padding-top: 4px;
}

#footer a {
color: #fffaee;
}

.item,.itemhot,.itemrec,.itembest {
width: 221px;
float: left;
border: 1px solid #d2bc5b;
margin-left: 10px;
display: inline;
margin-bottom: 10px;
}

.photo {
background: White;
}

.item h3,.itemhot h3,.itemrec h3,.itembest h3 {
width: 221px;
color: White;
text-align: center;
font-weight: normal;
font-size: 95%;
text-transform: uppercase;
text-decoration: underline;
}

.item h3 {
background: url(../image/h3.jpg) repeat-x;
padding-bottom: 10px;
padding-top: 10px;
}

.itemhot h3 {
background: #ffffff url(../image/h3-hot.jpg) top right no-repeat;
padding-bottom: 30px;
padding-top: 10px;
}

.itemrec h3 {
background: #ffffff url(../image/h3-rec.jpg) top right no-repeat;
padding-bottom: 30px;
padding-top: 10px;
}

.itembest h3 {
background: #ffffff url(../image/h3-best.jpg) top right no-repeat;
padding-bottom: 30px;
padding-top: 10px;
}

.item h3 a,.itemhot h3 a,.itemrec h3 a,.itembest h3 a {
color: White;
}

.item h3:hover,.itemhot h3:hover,.itemrec h3:hover,.itembest h3:hover {
text-decoration: none;
}

p.description {
background: #fcf7e8;
font-size: 85%;
padding: 10px;
border-bottom: 1px solid #d2bc5b;
border-top: 1px solid #d2bc5b;
}

p.price {
background: #faebc9;
padding: 10px;
}

p.item_img {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.price span.left {
font-weight: bold;
font-size: 85%;
}

p.price span.right {
color: #d50000;
font-weight: bold;
font-size: 105%;
padding-left: 10px;
}

p.buy {
background: #fcf7e8;
padding: 9px 8px 6px 8px;
border-top: 1px solid #d2bc5b;
font-size: 85%;
}

p.buy img {
vertical-align: bottom;
}

p.buy a.koupit {
margin-left: 77px;
}

#downitem {
width: 699px;
padding-top: 5px;
}

#downitem p#pager {
float: left;
padding-left: 15px;
}

#downitem p#top {
float: right;
padding-right: 5px;
}

#downitem a,#breadcrumb a {
color: #73380d;
}

fieldset {
border: none;
}

#page {
border: 1px solid #d2bc5b;
padding: 15px;
background: #fffcf4;
margin-left: 10px;
margin-bottom: 10px;
width: 657px;
}

#breadcrumb {
border: 1px solid #d2bc5b;
padding: 10px;
background: #fffcf4;
margin-left: 10px;
margin-bottom: 10px;
font-size: 85%;
}

#page h3 {
color: #d50000;
font-size: 115%;
padding-top: 5px;
padding-bottom: 15px;
}

#page a {
color: #73380d;
}

#page p {
padding-bottom: 15px;
}

#page h4 {
padding-bottom: 10px;
padding-top: 5px;
font-size: 100%;
}

#page ul {
margin-left: 10px;
padding-bottom: 15px;
}

#page li {
background: url(../image/li2.gif) left center no-repeat;
list-style: none;
padding-left: 15px;
}

.form {
padding:10px;
width:430px;
background: #fcf7e8;
}

.form legend {
color: #7a4716;
font-weight:700;
padding:10px 2px;
font-size: 95%;
}

.form label {
display:block;
padding-top:5px;
}

.form div {
margin-top:3px;
}

.form textarea {
height:100px;
width:380px;
display: block;
}

.form input,.adresa input {
width:200px;
margin-top:2px;
margin-bottom:8px;
display: block;
}

.form input.odeslat {
display:block;
height:22px;
margin-top:20px;
width:100px;
}

address {
padding-bottom: 15px;
}

address {
padding-bottom: 15px;
}

#imagelist {
width: 240px;
float: left;
text-align: center;
background: #fcf7e8;
padding-top: 10px;
}

.productinfo {
width: 380px;
float: right;
background: #fcf7e8;
padding: 0px 15px 15px 15px;
margin-bottom: 10px;
}

#page .productinfo h4 {
margin-top: 0px;
padding: 0px 0px 5px 0px;
font-size: 105%;
}

.adorini {
font-size: 85%;
margin-bottom: 10px;
}

.adorini img {
float: left;
margin-right: 10px;
margin-bottom: 10px; 
}

.productinfo2 {
width: 380px;
float: right;
background: #fcf7e8;
padding: 15px 15px 5px 15px;
}

#imagelist p {
font-size: 85%;
}

#imagelist img {
float: left;
margin: 0px 10px 10px 10px;
text-align: center;
}

.productinfo p em {
font-weight: bold;
font-style: normal;
font-size: 105%;
padding-right: 10px;
}

span.green {
color: #168500;
font-weight: bold;
}

span.price {
color: #d50000;
font-weight: bold;
font-size: 135%;
}

table {
margin-bottom: 15px;
font-size: 100%;
}

table td, table th  {
background: #fbf2de;
padding: 5px 10px 5px 10px;
text-align: left;
font-weight: normal;
}

input.redbutton {
background: #d50000;
font-weight: bold;
padding: 4px 14px 4px 14px;
border: none;
color: White;
font-size: 100%;
}

input.brownbutton {
background: #89491a;
font-weight: bold;
padding: 4px 14px 4px 14px;
border: none;
color: White;
font-size: 100%;
}

table tr.summaryOrder  {
color: #d50000;
font-weight: bold;
}

}