/*/ --- CSS STYLE --- /*/


body {
	margin: 0;
	padding: 0;
	font: 13px 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;
	color: #333;
	background: #fff url('../img/bcg.jpg');
	}
a img {
  	border: 0;
	}


/*/ --- HEAD ( hlavicka, adresa, odkazy v hlavicce ) --- /*/


#head {
 	margin: -20px 0 0 0;
 	width: 770px;
 	height: 236px;
 	background: url('../img/bcg_head.jpg') no-repeat;
 	text-align: center;
 	}
#tline {
 	margin: 0;
 	width: 100%;
 	height: 20px;
 	background: #B69E86 url('../img/bcg_tline.png') repeat-x;
 	}
#head h1 {
 	margin: 46px 0 0 220px;
 	font-size: 24px;
 	font-weight: bold;
 	color: #66400a;
 	float: left;
 	}
#head p {
 	margin: 54px 0 0 114px;
 	color: #66400a;
 	float: left;
 	}
#head p#ad {
	margin: 125px 40px 0 -80px;
 	m_argin: 120px 40px 0 0;
 	font-size: 12px;
 	font-weight: bold;
 	color: #000;
 	float: right;

 	}
#head a:link, #head a:visited, #head a:active {
	text-decoration: none;
	margin: 0 0 0 58px;
	font-weight: bold;
  	color: #61430D;
	}
#head a:hover {
	text-decoration: none;
	margin: 0 0 0 58px;
	font-weight: bold;
  	color: #fff;
	}


/*/ --- MAIN ( content, odstavce, nadpisy ) --- /*/


html>body #glasses {
 	position: absolute;
 	margin: 280px 0 0 -50px;
 	width: 103px;
 	height: 167px;
 	background: url('../img/glasses.png') no-repeat;
 	}
html>body #content {
 	margin: 0 0 0 44px;
 	width: 672px;
 	min-height: 400px;
 	background: url('../img/bcg_content.png') repeat-y;
 	text-align: left;
 	float: left;
 	}
#right {
 	margin: 0 0 0 -13px;
 	width: 146px;
 	height: 660px;
 	background: url('../img/bcg_right.jpg') no-repeat;
 	text-align: left;
 	float: left;
 	}
#cen {
 	margin: 0 auto 0 auto;
 	width: 910px;
 	text-align: center;
 	}
#main {
 	margin: 0 auto 0 auto;
 	width: 678px;
 	text-align: center;
 	}
#left {
 	margin: 0;
 	width: 770px;
 	float: left;
 	}
#text {
 	margin: 0 0 7px 100px;
 	width: 540px;
	min-height: 440px;
 	float: left;
 	}
#text h2 {
 	margin: 0 0 20px 0;
 	padding: 0 0 10px 0;
 	width: 540px;
 	font-size: 15px;
 	color: #5B420E;
 	border-bottom: 2px dotted #5B420E;
 	}
#text p {
 	margin: 20px 0 20px 0;
 	text-align: justify;
 	}
#text a:link, #text a:visited, #text a:active {
     text-decoration: underline;
     color: #5B420E;
     }
#text a:hover {
     text-decoration: none;
     color: #704614;
     }
.obr {
 	margin: 0 16px 0 0;
 	float: left;
 	}
i {
 	font-style: italic;
 	color: #704614;
 	}


/*/ --- MENU --- /*/


#menut {
 	margin: 0;
 	width: 179px;
 	height: 42px;
 	background: url('../img/bcg_menu_top.png') no-repeat;
 	}
#menuc {
 	margin: 0;
 	width: 179px;
 	min-height: 100px;
 	background: url('../img/bcg_menu.png') repeat-y;
 	}
#menub {
 	margin: 0;
 	width: 179px;
 	height: 112px;
 	background: url('../img/bcg_menu_bot.png') no-repeat;
 	}
#menu {
 	position: absolute;
 	margin: 0 0 0 -91px;
 	width: 179px;
 	min-height: 200px;
 	text-align: left;
 	float: left;
 	}
#menuc ul {
 	margin: 0 0 0 20px;
	padding: 0;
	}
#menuc li {
	margin: 0;
	padding: 0 0 8px 20px;
	list-style-image: url('../img/list.png');
	}
#menuc li a {
	text-decoration: underline;
	font-weight: bold;
	color: #66400a;
	}
#menuc li a:hover {
	text-decoration: none;
	list-style-image: url('../img/list1.png');
	color: #b53700;
	}
#menuc li:hover {
	list-style-image: url('../img/list1.png');
	}


/*/ --- FOOTER ( copyright, roh s odkazy, paticka ) --- /*/


#corner {
	position: relative;
 	margin: 0 0 0 -7px;
 	width: 100px;
 	height: 100px;
 	text-align: left;
 	float: left;
 	}
#corner p {
	margin: 0;
	height: 31px;
	font-size: 12px;
 	}
#corner a:link, #corner a:visited, #corner a:active {
	text-decoration: underline;
	margin: 0 6px 0 0;
	line-height: 31px;
	vertical-align: top;
  	color: #61430D;
	}
#corner a:hover {
	text-decoration: none;
	margin: 0 6px 0 0;
	line-height: 31px;
	vertical-align: top;
  	color: #61430D;
	}
#footer h4 {
	margin: 0 110px 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #5F410F;
	float: right;
 	}
p#copy {
 	margin: -40px 0 0 190px;
 	color: #5D4112;
 	font-size: 12px;
 	float: left;
 	}
p#copy a:link, p#copy a:visited, p#copy a:active {
	text-decoration: underline;
	color: #5D4112;
	font-weight: bold;
	}
p#copy a:hover {
	text-decoration: none;
	font-weight: bold;
	}
html>body #footer {
 	margin: 0 0 0 38px;
 	width: 782px;
 	height: 107px;
 	background: url('../img/bcg_footer.png') no-repeat;
 	float: left;
 	}


/*/ --- OTHER FORMAT --- /*/

.product_box {
	padding: 14px;
	margin: 5px;
	background: #F8F3EE;
}
.product_box img {
	width: 160px;
	height: 120px;
	float: right;
	margin: 10px;
	background-image: url('/img/nopic.png')
}
ul li {
 	list-style: square;
 	color: #5B420E;
 	}
#kartlist {
	color: #5B420E;
	}
#kartlist th {
 	padding: 4px 5px 4px 6px;
 	margin: 0;
	background: #EBDED0;
	}
#kartlist td {
 	margin: 0;
 	padding: 2px 4px 2px 6px;
 	background: #F8F3EE;
 	}
#kartlist tr {
 	margin: 0;
 	background: #F8F3EE;
 	}
#kartlist tr.sum td{
 	background: #EBDED0;
 	}
#text img {
 	padding: 2px;
 	border: 1px solid #A68260;
 	background: #DFC4A9;
 	}
#text .rteImg {padding: 0; border: 0 none; background: transparent}
label {
 	font-weight: bold;
 	margin: 0 0 0 5px;
 	}
input {
 	padding: 2px;
 	border: 1px solid #A68260;
 	color: #5B420E;
 	}
textarea {
 	padding: 2px;
 	border: 1px solid #A68260;
 	color: #5B420E;
 	}
input.button {
 	padding: 2px 6px 2px 6px;
 	border: 1px solid #A68260;
 	color: #5B420E;
 	background: #F8F3EE;
 	font-weight: bold;
 	}
input.button:disabled {
	color: #AAA;
	border-color: #AAA;
}

/* Lightbox CSS definitions */
#lightbox{background: #eee; padding: 10px; border: 0}
#lightboxDetails{font: 10px Verdana, Arial; color: #444; padding-top: 8px;}
#lightboxCaption{float: left}
#keyboardMsg{text-align: center}
#keyboardMsg a{font: 9pt Arial, sans-serif; color: #333; border: 0px none; padding: 0px; background: transparent; text-decoration: none}
#closeButton{top: 5px; right: 5px}
#lightbox img{border: none;	clear: both; border: 0}
#loadingImage {border: 0}
#overlay{background: url(/img/alpha/overlay.png)}

/*/ --- INDEX --- /*/


.clear { margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }
#ibox { margin: 10px 0 10px 12px; _margin-top: 24px; padding: 22px 26px 22px 26px; width: 468px; height: 102px; background: url("../img/bg_ibox.png") no-repeat; float: left; clear: both; }
#ibox h3 { margin: 0 0 16px 0; padding: 0; color: #331d04; font-family: Verdana; font-size: 90%; }
#text #ibox ul { margin: 0; padding: 0 0 0 18px; width: 200px; float: left; }
#text #ibox ul li { list-style: circle; margin: 0; padding: 0; color: #331d04; font-family: Verdana; font-size: 90%; line-height: 180%; }
#col_l { margin: 12px 0 12px 12px; width: 240px; float: left; }
#text #col_l h3 { font-size: 15px; margin-bottom: 10px; }