/* COMMON */
body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #696757;
    background: url('../images/home_background.gif') #d8d4b5 repeat-x top;
    margin: 0px;
    padding: 0px;
}

ul, ol, p, form {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

table {
	border: 0px;
	width: 100%;
}

a {
	color: #696757;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

.hovered {
	text-decoration: underline;
}

div#main {
	width: 1200px;
	margin: 0px auto;
	background: url('../images/home_caramelo.png') no-repeat left 111px;
}

div#header {
	height: 111px;
	position: relative;
	background: url('../images/home_top.png') no-repeat;
	padding-left: 140px;
}

div#cart {
	height: 56px;
	width: 172px;
	background: url('../images/kosik_top_background.png') no-repeat;
}

div#cart.empty {
	background-image: none;
}

div#cart a {
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px;
}

div#cart div {
	color: #ffffff;
	background-color: inherit;
	font-size: 16px;
	text-align: right;
	line-height: 14px;
	font-weight: bold;
}

div#cart div {
}

div#cart span {
	color: #a9e2ff;
	background-color: inherit;
	font-size: 11px;
}

div#menu img {
	margin-right: 10px;
	float: left;		
}

div#menu img.menuitem {
	margin-top: 19px;
}

div#home {
}

div#content {
	margin-left: 140px;
	margin-top: 25px;
}

div#znacky {
	margin: 20px 0px 0px 139px;
	background: url('../images/znacky_mriezka.gif') no-repeat;
	height: 170px;
	width: 902px;
	padding: 1px;
	clear: both;
}

div#znacky table {
	table-layout: fixed;
	height: 170px
}

div#znacky td {
	vertical-align: middle;
	text-align: center;
	height: 85px;
}

div#znacky img {
	cursor: pointer;
}

div#footer {
	clear: both;
	margin: 30px 0px 50px 140px;	
}


/* STATIC CONTENT */

div#staticContent {
	margin-right: 13px;
	width: 552px;	
	float: left;
}

div.staticContent1 {
	background-color: #ffffff;
	color: #3e3620;
	border-right: 1px solid #c8c4a8;
	border-bottom: 1px solid #c8c4a8;
	line-height: 14px;
}

div.staticContent1 div {
	padding: 25px 25px 40px 15px;
	text-align: justify;
}

div.staticContent2 {
	background: url('../images/static_content_shadow.gif') #f1efe4 repeat-x top;
	color: #3e3620;
	margin-top: 10px;
	border-right: 1px solid #c8c4a8;
	border-bottom: 1px solid #c8c4a8;
	line-height: 14px;
}

div.staticContent2 div {
	padding: 20px 25px 30px 15px;
	text-align: justify;
}

h1 {
	font-size: 27px;
	margin: 5px 0px;	
	font-weight: normal;
}

h2 {
	color: #6f664d;
	background-color: transparent;
	font-size: 12px;
	margin: 0px 0px 8px 0px;	
}

div#bannery {
	width: 335px;		
	float: left;
}

div#bannery img {
	margin-bottom: 10px;
}


/* SHOPPING */

table.shopping {
	table-layout: fixed;
	width: 910px;
}

table.shopping td {
	padding: 0px 10px 10px 0px;
}

table.shopping img {
	cursor: pointer;
}

div#kategorie {
	margin-bottom: 10px;
	height: 78px;
}

div#kategorie img {
	margin-right: 4px;
	float: left;		
	cursor: pointer;
}

div#productlistHeader {
	background: url('../images/productlist_background.gif') repeat-x;
	height: 50px;
	width: 900px;
	color: #c5c2a2;
	background-color: inherit;
	margin-bottom: 10px;
}

div#productlistHeader table {
	margin: 0px 5px 0px 15px;	
	height: 50px;
	width: 875px;
	table-layout: fixed;
}

div#productlistHeader td {
	vertical-align: middle;
}

div#productlistHeader td.td1 {
	font-size: 11px;
	color: #97947e;
	background-color: inherit;
	font-weight: bold;
	text-align: left;
}


div#productlistHeader td.td1 h1 {
	color: #ffffff;
	background-color: inherit;
	font-size: 21px;
	display: inline;
	margin-right: 10px;
}

div#productlistHeader td.td1 .pocet {
	font-size: 12px;
	color: #c5c2a2;
	background-color: inherit;
	font-weight: bold;
}

div#productlistHeader td.td2 {
	text-align: center;
}

div#productlistHeader td.td3 {
	text-align: right;
	color: #c8c4a8;
	background-color: inherit;
	font-weight: bold;
	font-size: 12px;
}

div#productlistHeader td.td3 div {
	float: right;
}

div#productlistHeader td.td3 span {
	padding: 8px 8px 0px 0px;
	display: block;
	float: left;
}

div#productlistHeader td.td3 a {
	background: url('../images/productlist_pager.gif') no-repeat;
	font-size: 16px;
	color: #ffffff;
	background-color: inherit;
	padding: 6px 14px;
	display: block;
	float: left;
	text-decoration: none;	
	margin-left: 2px;
}

div#productlistHeader td.td3 a:hover,
div#productlistHeader td.td3 a.active {
	background: url('../images/productlist_pager_hover.gif') no-repeat;
}

div#productlist table {
	width: auto;
}

div#productlist td {
	font-size: 12px;
	font-weight: bold;
	width: 172px;
	vertical-align: top;
	position: relative;
	color: #3e3620;
	background-color: #f4f3ea;
	border-right: 1px solid #c5c2a2;
	border-bottom: 1px solid #c5c2a2;
}

div#productlist td a {
	color: #3e3620;
	background-color: #f4f3ea;
}

div#productlist td.spacer {
	background-color: transparent;
	width: 9px;
	height: 9px;
	border: 0px;
}

div#productlist td.empty {
	background-color: #c5c2a2;
	color: inherit;
}

div#productlist td div {
	padding: 12px 14px 10px 14px;
	line-height: 16px;
}

div#productlist td div span.kod {
	color: #97947e;
	background-color: inherit;
	font-size: 11px;
	font-weight: normal;
}

div#productlist td div span.cena {
	color: #888152;
	background-color: inherit;
}

div#productlist td div span.cena span {
	font-size: 11px;
	font-weight: normal;
}

div#productlist td div span.cena span.akcia {
	font-weight: bold;
	color: #ff0000;
	background-color: inherit;
}

div#product {
	margin-right: 10px;
	width: 536px;	
	float: left;
}

div#similarProducts {
	width: 354px;		
	float: left;
}

div.productHeader {
	background: url('../images/productlist_background.gif') repeat-x;
	height: 50px;
	color: #c5c2a2;
	background-color: inherit;
	margin-bottom: 10px;
}

div.productHeader img {
	margin: 9px 10px;
}

div.productHeader div {
	padding: 15px 0px 0px 25px;
	background: url('../images/sipka.gif') no-repeat 10px 23px;
	font-size: 16px;
	color: #ffffff;
	background-color: inherit;
	font-weight: bold;
}

div#productDetails {
	background-color: #f4f3ea;
	color: #6f664d;
	font-size: 12px;
	border-right: 1px solid #c8c4a8;
	border-bottom: 1px solid #c8c4a8;
}

div#productDetails img.productImg {
	width: 335px;
	float: left;
	margin-right: 14px;
}

div#productDetails img.productImgSmall {
	width: 105px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

div#productDetails h1 {
	color: #3e3620;
	background-color: inherit;
	margin: 0px; 
	padding: 20px 0px 10px 0px;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;	
}

div#productDetails span.cena {
	color: #888152;
	background-color: inherit;
	font-size: 17px;
	font-weight: bold;
}

div#productDetails span.cena span {
	font-size: 12px;
}

div#productDetails span.cena span span {
	font-size: 11px;
	font-weight: normal;
}

div#productDetails span.cena span.akcia {	
	color: #ff0000;
	background-color: inherit;
}

div.productDescription {
	clear: both;
	background: url('../images/static_content_shadow.gif') #f1efe4 repeat-x top;
	color: #3e3620;
	margin-top: 10px;
	border-right: 1px solid #c8c4a8;
	border-bottom: 1px solid #c8c4a8;
	line-height: 14px;
	text-align: justify;
	padding: 10px 15px 20px 15px;	
}

div#kontakt {
	background: url('../images/kosik_kontakt_background.jpg') no-repeat;
	color: #3e3620;
	background-color: inherit;
	margin-bottom: 10px;
}

div#kontakt div {
	padding: 13px 13px 25px 13px;
}

div#kontakt h2 {
	font-size: 16px;
}

div#kontakt a {
	color: #3e3620;
	background-color: inherit;
}

div.cartList {
	background-color: #ffffff;
	color: #3e3620;
	border-right: 1px solid #c8c4a8;
	line-height: 14px;
}

div.cartList div {
	padding: 25px 25px 15px 15px;
	text-align: justify;
}

div.orderingData {
	background: url('../images/static_content_shadow.gif') #f1efe4 repeat-x top;
	color: #3e3620;
	border-right: 1px solid #c8c4a8;
	border-bottom: 1px solid #c8c4a8;
	line-height: 14px;
}

div.orderingData div {
	padding: 20px 0px 15px 15px;
	text-align: justify;
}

div.orderingData h2 {
	font-size: 14px;
}

div.cartList th {
	color: #6f664d;
	background-color: inherit;
	border-bottom: 4px solid #e5e3cf;
	padding: 0px 5px 8px 2px;
	text-align: left;
}

div.cartList th.right {
	text-align: right;
}

div.cartList th.center {
	text-align: center;
}

div.cartList td {
	color: #6f664d;
	background-color: inherit;
	border-bottom: 1px solid #e5e3cf;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
}

div.cartList td span.proddesc {
	color: #3e3620;
	background-color: inherit;
	font-size: 11px;
	font-weight: normal;
}

div.cartList td.pocet {
	text-align: center;
}

div.cartList td.suma1 {
	font-weight: normal;
	text-align: right;
}

div.cartList td.suma {
	color: #3e3620;
	background-color: inherit;
	text-align: right;
}

div.cartList tr.spolu td {
	color: #c5c2b8;
	background-color: inherit;
	font-size: 27px;
	font-weight: normal;
	border-bottom: 0px;
	padding-top: 15px;
	vertical-align: top;
}

div.cartList tr.spolu td.suma {
	color: #3e3620;
	background-color: inherit;
}

div.cartList tr.spolu td.suma span {
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
}

div#order {
	margin-top: 10px;
	text-align: right;
}

div#order input {
    background-color: transparent;
    color: inherit;
}

div.orderingData table {
	margin-top: 8px;
	width: 520px;;
}

div.orderingData td {
	padding-bottom: 5px;
}


input,
select,
textarea {
	border: 1px solid #d2ceb0;
	width: 186px;
	background: url('../images/input_background.gif') no-repeat #ffffff;
    font-size: 13px;
}

input.long {
	width: 425px;
}

input.button {
	width: auto;
	border: 1px solid #696757;
	margin-right: 10px;
	margin-top: 10px;
}

input.checkbox {
    width: auto;
}

textarea.long {
	width: 550px;
}

textarea {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    height: 200px;
}

table.adminProductList {
    width: auto;
    border-collapse:collapse;
}

table.adminProductList td,
table.adminProductList th {
    border-bottom: 1px solid #696757;
    padding: 5px;
}

table.adminProductForm {
    width: auto; 
}

table.adminProductForm td {
    vertical-align: top;
    font-weight: bold;
}

table.adminProductForm img {
    margin: 1px;
    border: 1px solid #696757;
}

/* SPECIAL */

div#debug {
    overflow: auto; 
    width: 250px; 
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 650px; 
    z-index: 999; 
    font-family: verdana, sans-serif; 
    font-size: 10px; 
    background-color: rgb(118, 130, 125); 
    padding: 5px; 
    color: rgb(209, 220, 211); 
    border: solid 3px #ffeebb;
}