body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #422B1A;
    padding: 0px; margin: 0px;
    background: #FBF4D2;
}

* html body {
    text-align: center;
}

/*.boxThumbnails {
    width: 600px;
}*/

.pageClear {
	clear:			both;
}

.boxContent .boxContent{
    width: 640px;
    
}

.pageContentEshop .boxContentEshop{
    width: 640px;
    margin-left: 210px;
}

* html .pageContentEshop .boxContentEshop{
    width: 450px;
    margin-left: 186px;
}

a {
    color: #422B1A; text-decoration: underline;
}

a:hover {
    color: #422B1A; text-decoration: none;
}

.noScreen {
    display: none;
}

div.clear {
    clear: both;
}



div.pageBody {
    width: 940px;
    padding: 0px; margin: auto;
    border-left: 10px solid #422B1A;
    background: #FAF0BF;
}

* html div.pageBody {
    text-align: left;
}


div.pageKontakt02 {
    float: left;
    width: 200px;
}

table { clear: both; }



div.pageHead {
    height: 168px;
    border-bottom: 1px solid #422B1A;
}

div.pageLogotype {
    font-size: 130%; font-weight: bold; text-align: center;
    width: 320px; height: 98px;
    padding: 0px; margin: 20px 0px 0px 0px;
    float: left;
    overflow: hidden;
}

div.pageLogotype a {
    width: 320px; height: 96px;
    display: block;
    position: relative;
}

div.pageLogotype a span {
    width: 320px; height: 96px;
    top: 0px; left: 0px;
    display: block;
    position: absolute;
    background: url( "./../images/design/bg_logo.gif" ) top left no-repeat;
    cursor: hand;

}



div.pageAddress {
    text-align: right;
    line-height: 20px;
    margin: 20px 40px 0px 0px;
    float: right;
}



div.boxMenu {
    font-size: 95%;
    height: 48px; line-height: 24px;
    padding: 0px 0px 0px 40px; margin: 2px 0px 0px 0px;
    background-color: #FBF4D2;
    clear: both;
}

div.boxMenu ul {
    padding: 0px; margin: 0px;
    list-style-type: none;
}

div.boxMenu ul li {
    padding: 0px;
    position: relative;
    float: left;
}

div.boxMenu ul li a {
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    display: block;
    position: relative;
}

div.boxMenu ul li a:hover {
    text-decoration: none;
    background: #FFFFFF;
}

div.pageContent {
    text-align: justify;
    min-height: 1200px;
    padding: 20px 40px 20px 40px;
    background: url( "./../images/design/bg_content.jpg" ) 0px 20px no-repeat;
    position: relative;
}

* html div.pageContent {
    height: 460px;
}

div.pageContentIndex {
    min-height: 1200px;
    padding: 20px 40px 20px 40px;
    background: url( "./../images/design/index.jpg" ) 0px 60px no-repeat;
    position: relative;
}

* html div.pageContentIndex {
    height: 500px;
}

div.pageContentIndex div.indexBox {
    background: url( "./../images/design/znak.png" ) no-repeat bottom right;
    height: 460px; width: 100%;
}

div.pageContentEshop {
    min-height: 1200px;
    padding: 20px 240px 20px 40px;
    background: url( "./../images/design/bg_content.jpg" ) 0px 20px no-repeat;
    position: relative;
}

* html div.pageContentEshop {
    height: 460px;
}

h1.pageTitle {
    color: #422B1A; font-size: 13pt; text-align: center;
    padding: 0px;  margin: 0px 0px 20px 0px;
}

div.pageNavigation {
    display: none;
}

div.pageRight {
    width: 200px;
    top: 20px; right: 0px;
    position: absolute;
}

div.pageRight h3 {
    font-size: 110%; text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

div.pageRight h3 a {
    text-decoration: none;
}

div.pageRight h3 a:hover {
    text-decoration: underline;
}

div.pageRight div.boxCategories, div.pageRight div.boxCart, div.pageRight div.boxLogin {
    margin: 0px 0px 20px 0px;
}



div.pageLeft {
    width: 200px;
    top: 20px; left: 20px;
    position: absolute;
}

div.pageLeft h3 {
    font-size: 110%; text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

div.pageLeft h3 a {
    text-decoration: none;
}

div.pageLeft h3 a:hover {
    text-decoration: underline;
}

div.pageLeft div.boxCategories, div.pageLeft div.boxCart, div.pageLeft div.boxLogin {
    margin: 0px 0px 20px 0px;
}



div.pageBottom {
    color: #8C856A; font-size: 8pt; text-align: center;
    width: 940px;
    padding: 10px 0px 10px 0px;
    margin: auto;
    border-left: 10px solid #E8DCAF;
    background-color: #E8DCAF;
}

div.pageBottom a {
    color: #8C856A;
    text-decoration: none;
}

div.pageBottom a:hover {
    color: #8C856A;
    text-decoration: underline;
}

div.boxCopyright {
    padding: 10px 0px 0px 0px;
}

div.pagePhotoBlok {
    height: 90px;
    padding: 5px 0px 10px 0px; 	margin: 0px 0px 10px 0px;
    overflow: -moz-scrollbars-horizontal;    
    *overflow:auto;
    *overflow-y:hidden;
    *overflow-x: scroll;
    
}

div.pagePhotoBlok div {
    white-space: nowrap;
}

* html div.pagePhotoBlok {
    width: 710px;
    overflow-x: auto
}

div.itemDocument h2.pageTitle {
    display: none;
}

img.imgBig {
    float: right;
    padding: 0px; margin: 0px 0px 5px 20px;
}

img.imgSmall {
    padding: 0px; margin: 0px 0px 0px 0px;
    border: 0px;
}





.itemThumbnail, .itemThumbnail_2 {
	width: 130px;
	height:160px;
	float: left;
	border: #af9fca 1px solid;
	margin: 3px;
	padding: 2px;
	text-align: center;
}

.itemThumbnail img, .itemThumbnail_2 img {
	border: 0px none;
}

.itemName {
    display: none;
}

.itemInfo {
    padding: 5px 4px 0px 4px;
}

.iconCart {
    width: 49px;
    height: 15px;
    margin: 0px 0px 0px 6px;
    float: left;
    overflow: hidden;
    position: relative;
}

.iconCart a {
    width: 49px;
    height: 15px;
    display: block;
}

.iconCart span {
    width: 49px;
    height: 15px;
    top: 0px;
    left: 0px;
    position: absolute;
    background: url('./../images/design/input_koupit.jpg') center center no-repeat;
}

.iconInfo {
    width: 49px;
    height: 15px;
    margin: 0px 6px 0px 0px;
    float: right;
    overflow: hidden;
    position: relative;
}

.iconInfo a {
    width: 49px;
    height: 15px;
    display: block;
}

.iconInfo span {
    width: 49px;
    height: 15px;
    top: 0px;
    left: 0px;
    position: absolute;
    background: url('./../images/design/input_detail.jpg') center center no-repeat;
}

.itemPrice {
    font-weight: bold;
    /*display: none;*/
}


div.pageForm {
	
}

	div.pageForm div.formItem, div.pageForm div.formItemRequired {
		clear:				both;
		padding:			1px;
	}

		div.pageForm div.formItem label, div.pageForm div.formItemRequired label {
			float:			left;
			width:			125px;
		}

		div.pageForm div.formItemRequired label {
			font-weight:		bold;
		}

		div.pageForm div.formButtons {
			margin:			15px 0px 15px 0px;
		}

		div.pageForm div.formInfo {
			margin:			15px 0px 15px 0px;
		}

		div.pageForm input.itemInput, div.pageForm input.itemInputSmall, div.pageForm select.itemSelect, div.pageForm textarea.itemTextarea {
			font-size:		90%;
			padding:		4px;
			background-color:	#f9f9f9;
			border:			1px solid #cccccc;
		}

		div.pageForm input.itemInput, div.pageForm select.itemSelect {
			width:			230px;
		}

		div.pageForm input.itemInputSmall {
			width:			100px;
		}

		div.pageForm textarea.itemTextarea {
			width:			357px;
		}



div.boxCartList {
	position:				relative;
}

	div.boxCartList table.listTableCart {
		font-size:			95%;
		width:				100%;
		background-color:		#cccccc;
	}

		div.boxCartList table.listTableCart tr {
			background-color:	#ffffff;
		}

		div.boxCartList table.listTableCart tr.tableHead, div.boxCartList table.listTableCart tr.tableRowTotal {
			font-weight:		bold;
			background-color:	#e6e6e6;
		}

	div.boxCartList a.iconRemove {
		width:				16px;
		height:				16px;
		margin:				0px 5px 0px 0px;
		background:			url( "./../images/icons/icon_delete.png" ) center center no-repeat;
		float:				left;
		display:			block;
		overflow:			hidden;
	}

	div.boxCartList a.iconRemove span {
		display:			none;
	}

	div.boxCartList span.itemOption {
		font-size:			8pt;
		clear:				both;
		padding:			0px 0px 0px 20px;
		display:			block;
	}

	div.boxCartList div.formButtons {
		margin:				20px 0px 15px 0px;
	}

	div.boxCartList input.itemInputCart {
		font-size:			90%;
		text-align:			center;
		width:				40px;
		height:				14px;
		line-height:			14px;
		background-color:		#f6f6f6;
		border:				1px solid #cccccc;
	}

	div.boxCartList a.linkCheckout {
		font-weight:			bold;
            text-transform: uppercase;
		margin:				0px 0px 0px 5px;
	}

	div.boxCartList div.cartInfo {
		margin:				15px 0px 15px 0px;
	}

	div.boxCartList div.formAddress, div.boxCartList div.formAddressSupply, div.boxCartList div.formDelivery, div.boxCartList div.formPayment, div.boxCartList div.formSummary, div.boxCartList div.formNotes {
		margin:				20px 0px 20px 0px;
		clear:				both;
	}

	div.boxCartList h3.pageTitle {
		font-size:			120%;
		margin:				0px 0px 10px 0px;
	}

	div.boxCartList div.formItem, div.boxCartList div.formItemRequired {
		padding:			1px 0px 1px 0px;
		clear:				both;
	}

		div.boxCartList label {
			font-size:		95%;
			width:			120px;
			float:			left;
		}

		div.boxCartList div.formItemRequired label {
			font-weight:		bold;
		}

		div.boxCartList div.dpItem label {
			width:			auto;
			float:			none;
		}

		div.boxCartList div.itemDescription {
			padding:		0px 0px 0px 25px;
		}

		div.boxCartList input.itemInput, div.boxCartList input.itemInputSmall, div.boxCartList select.itemSelect, div.boxCartList textarea.itemTextarea {
			font-size:		90%;
			padding:		4px;
			background-color:	#f6f6f6;
			border:			1px solid #cccccc;
		}

		div.boxCartList input.itemInput, div.boxCartList select.itemSelect {
			width:			230px;
		}

		div.boxCartList input.itemInputSmall {
			width:			100px;
		}

		div.boxCartList textarea.itemTextarea {
			width:			357px;
		}

	div.boxCartList input.itemPrice {
		font-weight:			bold;
		text-align:			right;
		width:				80px;
		border:				0px none;
		background-color:		transparent;
	}

	div.boxCartList input.itemPriceTotal {
		font-weight:			bold;
		text-align:			right;
		width:				80px;
		border:				0px none;
		background-color:		transparent;
	}




div.boxRecommended h2 {
    display: none;
}


div.listCategoriesThumbnail ul {
    padding: 0px;
    margin: 0px;
}

div.listCategoriesThumbnail ul li {
    list-style-type: none;
	width: 130px;
	height:140px;
	float: left;
	border: #af9fca 1px solid;
	margin: 3px;
	padding: 2px;
	text-align: center;
}

div.listCategoriesThumbnail ul li a {
    font-weight: bold;
}


div.boxDescriptionText {
    min-height: 184px;
    padding: 10px;
    background: url( './../images/design/bg_produkt.jpg' ) left top repeat-x;
}

* html div.boxDescriptionText {
    height: 184px;
}

.itemDelete {
    text-align: center;
}


div.boxBanners {
    margin: 10px 0px 0px 0px;
}

div.boxBanners img {
    margin: 0px 0px 5px 0px;
    border: 1px solid #af9fca;
}

div.boxSearch select {
    font-size: 90%;
}

div.boxCart div.boxInfo {
    text-align: center;
}

div.boxCart div.boxInfo a {
    text-decoration: none;
}

div.boxCart div.boxInfo a:hover {
    text-decoration: underline;
}

div.boxLogin input {
    width: 120px;
}

div.boxLogin label {
    float: left;
    width: 50px;
}

div.boxLogin div.formItem {
    clear: both;
    padding: 1px 0px 1px 0px;
}

div.formButtons {
    text-align: center;
    margin: 10px 0px 0px 0px;
}

button {
    font-size: 8pt; text-transform: uppercase;
    padding: 2px 5px 2px 5px;
    border: 1px solid #422B1A;
    background: #FBF4D2;
}


.pageRight .boxLinks {
    padding: 0px 0px 0px 15px;
    margin: 10px 0px 0px 0px;
}



div.boxListPages {
    text-align: center;
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
}

div.boxListPages div.boxLinks {
    height: 21px;
    line-height: 21px;
    /*padding: 0px 0px 0px 205px;*/
    padding: 0px 0px 0px 112px;
    margin: 0px 0px 5px 0px;
}

div.boxListPages div.boxLinks a, div.boxListPages div.boxLinks input, div.boxListPages div.boxLinks button {
    float: left;
    margin: 0px 3px 0px 3px;
    height: 21px;
}

div.boxListPages div.boxLinks a {
    display: block;
    height: 21px;
}

div.boxListPages div.boxLinks a.iconPageFirst {
    width: 24px;
    background: url( './../images/design/list_page_first.png' ) center center no-repeat;
}

div.boxListPages div.boxLinks a.iconPagePrevious {
    width: 17px;
    background: url( './../images/design/list_page_previous.png' ) center center no-repeat;
}

div.boxListPages div.boxLinks a.iconPageNext {
    width: 17px;
    background: url( './../images/design/list_page_next.png' ) center center no-repeat;
}

div.boxListPages div.boxLinks a.iconPageLast {
    width: 24px;
    background: url( './../images/design/list_page_last.png' ) center center no-repeat;
}

div.boxListPages div.boxLinks a span {
    display: none;
}

div.boxListPages div.boxLinks input.boxLinksInput {
    text-align: center;
    width: 30px;
    height: 15px;
    padding: 3px 0px 3px 0px;
    border: 1px solid #422B1A;
}



.catalogueMenu { padding: 0; margin: 0; list-style-type: none; font-weight: bold; }
.catalogueMenu li { padding: 0; margin: 0 0 5px 0; overflow: hidden; }
.catalogueMenu li img { border: 1px solid #000000; float: left; margin-right: 5px; }


div.pageKontaktMapa {
	position:				relative;
	width:					420px;
	height:					243px;
	background:				url( "./../images/foto/mapacr.gif" ) top left no-repeat;
}

div.pageKontaktMapaLubenec {
	position:				relative;
	width:					640px;
	height:					400px;
	background:				url( "./../images/foto/mapa_detail.gif" ) top left no-repeat;
	padding:				0px 0px 0px 0px;
	margin-left:			30px;
}

div.itemOptions{
    margin-top:             15px;
}

div.itemDocument p{
    text-align:             left;
}

div.itemDocument ul{
    text-align:             left;
}

div.boxLanguages {
    position: absolute; width: 90px; height: 12px; right: 190px; top: -8px; right /*\**/: 190px\9;
}

* html div.boxLanguages { width: 120px; top: 0px; right: 210px; }
*:first-child+html div.boxLanguages { width: 120px; top: 0px; right: 160px; }

div.boxLanguages ul li {
    float: left; list-style-type: none; margin-left: 5px;
}

div.listCategoriesCMSGraphic { margin: 30px 0; }
div.listCategoriesCMSGraphic ul { padding: 0; margin: 0; list-style-type: none; }
div.listCategoriesCMSGraphic ul li { float: left; margin: 0 8px 5px 0; width: 122px; height: 190px; text-align: center; }
div.listCategoriesCMSGraphic ul li img { border: 1px solid #000000; }

div.listGallery { margin: 30px 0; }
div.listGallery ul { padding: 0; margin: 0; list-style-type: none; }
div.listGallery ul li { float: left; margin: 0 8px 5px 0; }
div.listGallery ul li img { border: 1px solid #000000; }


