BODY {
	background: #fff url(bg.jpg) repeat-x;
	text-align: center;
	line-height: 1.2em;
	margin: 10px auto 20px;
	}

* {
	font-family: Arial, Arial CE, Helvetica, sans-serif;
	color: #333;
	font-size: 12px; 
	}	
	
H1 {color:#4a9ed0; font-size:140%;margin:0px 0px 8px 0px;}
H2 {color:#9ecff2;font-size:120%;margin:0px 0px 0px 0px;}
H3 {color:#808080;font-size:110%;margin:10px 0px 0px 0px;}

A {color: #4a9ed0; font-weight:bold; text-decoration:none;}
A:hover {color: #c5e7ff;text-decoration:underline;}

FORM {padding:0px;margin:0px;}

/* poradi uvedeni okraju: top right bottom left */
/* u nasledujicich je *.width = pagebox.width - margin-left - margin-right */
/* bez explicitni sirky blbne IE! U mainu musi byt sirsi, jinak opet blbne IE */

/* -------- header -------- */
DIV.header {
	width:850px;
	background:url(head.jpg) no-repeat 0px 72px ;
	margin: 0px auto 0px;
	/*height: 341px;*/
	height: 269px;
	overflow: hidden;
	text-align: left;
	position:relative;
	padding-top:72px;
	}
DIV.header H1 {
	color:#333;
	margin:-46px 0px 0px 90px;
	font-size: 24px;
	background:transparent none;
	}
DIV.header IMG {
	position: absolute;
	left: 15px;
	top:-4px;
	border:none;
	}
	
/* -------- menu horizontalni -------- */
DIV.menu-top a {
color:#fff;
padding:5px;
}

DIV.menu-top a:hover {
color: #3d474d;
background:#c5e7ff;
padding:5px;
text-decoration:none;
}

DIV.menu-top {
	width:850px;
	height:32px;
	margin: 0px auto 0px;
	padding-top:5px;
	overflow: hidden;
	text-align: left;
	position:relative;
	top:-40px;
	left:0px;
	margin-bottom:-38px;
	}
		

/* -------- main -------------- */
DIV.main   {
	width:850px; 
	margin: 0px auto 0px;
	overflow: hidden;
	background-color: white;
	}

/* ---------- footer ----------- */
DIV.footer {
	width:835px;
	background: url(pata.jpg) no-repeat top right;
	margin: 0px auto 0px;
	padding-top:15px;
	text-align:right;
	margin-top:10px;
	height: 32px;
	padding-right:15px;
	color:#808080;
	}

DIV.footer a {
	color:#fff;
	}

DIV.footer P {color:#fff;margin:0px;padding:0px; text-align:right;}

.splitter {clear:both;}


/* ---------- main elements --------------------- */
DIV.col-left {
	width: 165px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

DIV.col-left H1 , DIV.col-right H1 {
text-align:left;
padding-left:25px;
padding-top:6px;color:#fff;font-size:140%;margin:0px 0px  0px 0px;background:#808080 no-repeat top right;height:22px;}

DIV.col-main {
	width:659px;
	text-align: justify;
	margin: 0 0 0 25px; 
	float: left;
	}
DIV.col-main DIV.mapposition { 
padding: 6px 0 0 15px;
height:22px;
}

DIV.col-main DIV.mapposition a { 
color:#3d474d;
}

DIV.col-main DIV.common { 
	padding: 10px 15px 10px;
	border-left: 1px solid #3d474d;
	border-right: 1px solid #3d474d;
}
DIV.col-main DIV.common-pre{
	height:17px;
	background: #ffffff url(vrsek.jpg) no-repeat;
}
DIV.col-main DIV.common-post{
	height:17px;
	background: #ffffff url(spodek.jpg) no-repeat;
}

DIV.col-right {
	width: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	}



/* top a bottom elementy */
.cltop{height:5px;overflow:hidden;}
.clbot{height:1px;overflow:hidden;}
.cmtop{height:5px;overflow:hidden;}
.cmbot{height:1px;overflow:hidden;}
.crtop{height:5px;overflow:hidden;}
.crbot{height:1px;overflow:hidden;}


/* ---- menu horizontalni a svisle -----  */

/* menu top */
DIV.menu-top DIV.menu-common {
	margin: 0px; 
	padding: 5px 0px 10px ;
	}
DIV.menu-top DIV.menu-item {
	display: inline; 
	padding:4px;
	padding-left:31px;
	}
DIV.menu-top DIV.menu-highlight A{
	color: #3d474d;
	background:#c5e7ff;
	padding:5px;
	text-decoration:none;
}
DIV.col-left DIV.menu-common,DIV.col-right DIV.menu-common{
	background-color:#4a9ed0;
	padding-bottom:0px;
}

DIV.menu-common H1{
	margin-bottom:0px;
	border-left:1px solid #4a9ed0 ;
	border-right:1px solid #4a9ed0 ;
}

DIV.col-left DIV.menu-common-pre,DIV.col-right DIV.menu-common-pre{
	margin-bottom:0px;
	height:9px;
	background:url(h1.jpg);
}
DIV.col-left DIV.menu-common-post, DIV.col-right DIV.menu-common-post{
	margin-bottom:5px;
	height:5px;
	background:#ffffff url(levaspodek.jpg) bottom left;
}

/*DIV.shop-menu-common{background-color:#4a9ed0;padding-bottom:0px;}
DIV.shop-menu-common H1{margin-bottom:0px;}*/

DIV.shop-menu-common-pre{
	margin-bottom:0px;
	height:9px;
	background:url(h1.jpg);
}
DIV.shop-menu-common-post{
	margin-bottom:5px;
	height:5px;
	background:url(levaspodek.jpg) bottom left;
}
DIV.shop-menu-common H1{
	margin-bottom:0px;
	border-left:1px solid #4a9ed0 ;
	border-right:1px solid #4a9ed0 ;
}


/* menu left */
DIV.col-left DIV.menu-common ,DIV.col-right DIV.menu-common {
	margin: 0;
	/*border-top:1px solid #808080;*/
	}
DIV.col-left DIV.menu-item,DIV.col-right DIV.menu-item {
	background:#4a9ed0;
	/*border-bottom:1px solid #808080;*/
	padding-bottom:5px;
	padding-left:25px;
	padding-top:5px;
	text-align:left;
	border-top:1px solid #fff;
}

DIV.col-left DIV.menu-item a , DIV.col-right DIV.menu-item a {
	color:#fff;
}

DIV.col-left DIV.menu-subitem1,DIV.col-right DIV.menu-subitem1{background:#4a9ed0;padding-left:30pt;text-align:left;}
DIV.col-left DIV.menu-subitem2,DIV.col-right DIV.menu-subitem2{background:#4a9ed0;padding-left:40pt;text-align:left;}
DIV.col-left DIV.menu-subitem3,DIV.col-right DIV.menu-subitem3{background:#4a9ed0;padding-left:50pt;text-align:left;}

/*DIV.col-left DIV.menu-expandable{
	background: #e1ed9b url(kytka-bila.jpg) no-repeat 20px 0px;
}*/
DIV.col-left DIV.menu-expandable A,DIV.col-right DIV.menu-expandable A{
	color:#fff;
}

DIV.col-left DIV.menu-highlight,DIV.col-right DIV.menu-highlight {
	background: #c5e7ff;
	color:#000;
}

DIV.col-left DIV.menu-highlight A,DIV.col-right DIV.menu-highlight A{
	color:#000;
}

/* eshop menu */
DIV.col-left DIV.shop-menu-common, DIV.col-right DIV.shop-menu-common {
	/*margin: 5px 0px 0px;
	/*border-top:1px solid #808080;*/
	}
DIV.col-left DIV.shop-menu-common DIV.menu-item,DIV.col-right DIV.shop-menu-common DIV.menu-item {
	background:#4a9ed0;
	/*border-bottom:1px solid #808080;*/
	padding-bottom:5px;
	padding-left:20px;
	padding-top:5px;
	text-align:left;
}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem1,DIV.col-right DIV.shop-menu-common DIV.menu-subitem1{background:#4a9ed0;padding-left:30pt;text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem2,DIV.col-right DIV.shop-menu-common DIV.menu-subitem2{background:#4a9ed0;padding-left:40pt;text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem3,DIV.col-right DIV.shop-menu-common DIV.menu-subitem3{background:#4a9ed0;padding-left:50pt;text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-expandable A,DIV.col-right DIV.shop-menu-common DIV.menu-expandable A{
	color:#000;
}
DIV.col-left DIV.shop-menu-common DIV.menu-highlight A,DIV.col-right DIV.shop-menu-common DIV.menu-highlight A{
	background: #fff url(heigh.jpg) no-repeat 8px -1px;
	color:#000;
	}

/* web map */
DIV.mapitem    {padding-left: 10px;}
DIV.mapsubitem1{padding-left: 30px;}
DIV.mapsubitem2{padding-left: 50px;}
DIV.mapsubitem3{padding-left: 70px;}
DIV.mapsubitem4{padding-left: 90px;}
DIV.mapsubitem5{padding-left:110px;}

/* rss list */
TABLE.rsslist{}
TABLE.rsslist TD.name{width:160px;}
TABLE.rsslist TD.link{}


/*****************************************************************************/
/**************************** privesky za clankem ****************************/
/*****************************************************************************/

/* gallery */
DIV.imagebox{
	width:120px;height:120px;
	background-color:transparent;
	display:block;
	float:left;
	text-align:center;
}
DIV.imagebig{/* toto je provizorni nastaveni, bude ovladano javascriptem... */
	display:none;
	position:absolute;
	/*left:-200px;
	top:-120px;
	/*/top:30%;
	left:30%;/**/
	z-index:0;
}
DIV.imagebig IMG{border:5px solid #aaa;}

/* downloads list */
TABLE.download-list{}
TABLE.download-list TD.name{width:160px;text-align:right;}
TABLE.download-list TD.link{}

/* links list */
TABLE.links-list{}
TABLE.links-list TD.icon{width:160px;text-align:right;}
TABLE.links-list TD.link{}

/* user comments */
H3.comment{}
DIV.comment-meta{font-size:80%;}
DIV.comment-meta A{font-size:100%;}
DIV.comment-text{}
DIV.comment-form{}
DIV.comment-form TD.name{font-weight:bold;vertical-align:top;padding-top:3px;width:100px;text-align:right;}
DIV.comment-form TD.value{}
DIV.comment-form TD.value INPUT{width:200px;}
DIV.comment-form TD.value TEXTAREA{width:400px;height:100px;}
DIV.comment-form TD.buttons{padding-left:100px;}
DIV.comment-form TD.buttons INPUT{margin-left:5px;}

/* contact form */
DIV.contact-form{}
DIV.contact-form TD.name{font-weight:bold;vertical-align:top;padding-top:3px;width:100px;text-align:right;}
DIV.contact-form TD.value{}
DIV.contact-form TD.value INPUT{width:200px;}
DIV.contact-form TD.value TEXTAREA{width:400px;height:100px;}
DIV.contact-form TD.buttons{padding-left:100px;}
DIV.contact-form TD.buttons INPUT{margin-left:5px;}

/*****************************************************************************/
/**************************** eshop ******************************************/
/*****************************************************************************/
TABLE.shop-list {}
TABLE.shop-list TD.list-name{width:240px;}
TABLE.shop-list TD.list-price{width:150px;}
TABLE.shop-list TD.list-addbasket{width:150px;}
TABLE.shop-list TD.list-addbasket INPUT.basketcount{width:30px;}
TABLE.shop-list TD.list-addbasket INPUT.basketsubmit{width:60px;}

TABLE.manufacturer-list{}
TABLE.manufacturer-list TD.icon{}
TABLE.manufacturer-list TD.link{}
H1.manufacturer{}

H2.shop-cat{}
H2.errormessage{background:transparent;border:2px solid red;text-align:center;padding:5px;}
DIV.order-info{font-weight:bold;}
TABLE.shop-cat{}

DIV.form-text{width:160px;float:left;text-align:right;vertical-align:top;position:relative;padding:2px;clear:none;}
DIV.form-data{width:auto;float:none;margin-left:170px;padding:2px;vertical-align:top;clear:right;}

TABLE.shop-orders{}
TABLE.basket-order{}

DIV.shop-order-data{}
DIV.shop-order-data INPUT{width:200px;}
DIV.shop-order-data TEXTAREA{width:300px;height:100px;}
DIV.shop-order-data SELECT{width:200px;}
DIV.shop-order-data TEXTAREA{}
DIV.shop-order-data INPUT.basketsubmit{width:60px;}
DIV.shop-order-data INPUT.checkbox{width:1.5em;background:transparent;border:none;}



/*****************************************************************************/
/**************************** formulare **************************************/
/*****************************************************************************/
/* password change form */
DIV.passwd-form{}
DIV.passwd-form TD.name{font-weight:bold;vertical-align:top;padding-top:3px;width:200px;text-align:right;}
DIV.passwd-form TD.value{}
DIV.passwd-form TD.value INPUT{width:200px;}
DIV.passwd-form TD.value TEXTAREA{width:400px;height:100px;}
DIV.passwd-form TD.buttons{padding-left:200px;}
DIV.passwd-form TD.buttons INPUT{margin-left:5px;}

/* registration form */
DIV.reg-form{}
DIV.reg-form TD{font-weight:bold;vertical-align:top;padding-top:3px;width:360px;text-align:right;}
DIV.reg-form TD INPUT{width:150px;margin-left:4px;}

/* login form */
DIV.login-form{}
DIV.login-form TD{font-weight:bold;vertical-align:top;padding-top:3px;width:360px;text-align:right;}
DIV.login-form TD INPUT{width:150px;margin-left:4px;}
DIV.col-left H1,DIV.col-right H1{
font-size:100%; 
color:#3d474d;
margin-top:-3px;
background-color:white;
/*background:url(h1.jpg) no-repeat;*/
}
DIV.col-left DIV.login-form TD,DIV.col-right DIV.login-form TD{width:auto;font-size:8pt;}
DIV.col-left DIV.login-form TD INPUT,DIV.col-right DIV.login-form TD INPUT{width:auto;font-size:8pt;}

DIV.login-form-buttons{text-align:center;margin-top:5px;}
DIV.col-left DIV.login-form-buttons INPUT,DIV.col-right DIV.login-form-buttons INPUT{text-align:center;margin-top:5px;font-size:8pt;}
DIV.col-left DIV.login-form INPUT.text,DIV.col-right DIV.login-form INPUT.text{width:100px;}

/* galerie obrazku */
#imagebg{background:#000;color:#fff;}
.imagename{margin-left:20px;margin-right:20px;}

#imagenav{background:#e0e0e0;color:#888;font-weight:normal;}
#imagenav A{color:#303030;text-decoration:none;font-weight:bold;}
#imagenav TABLE{width:100%;background:white;}
#imagenav TD {margin:3px;height:32px;}
#imagenav TD.imagebar-left {width:20px;}
#imagenav TD.imagebar-right{width:20px;}
#imagenav TD.imagebar-leftbox {width:64px;}
#imagenav TD.imagebar-rightbox-slide{width:32px;text-align:center;}
#imagenav TD.imagebar-rightbox-close{width:32px;background:#800000;}
#imagenav TD.imagebar-rightbox-close A{display:block;}
#imagenav TD.imagebar-middlebox{width:auto;overflow:hidden;white-space:nowrap;background:#e8e8e8;text-align:center;}


/*****************************************************************************/
/**************************** dalsi elementy *********************************/
/*****************************************************************************/
/* other elements */

.reklama{padding:3px;}
.webpath{
	margin-left:5px;
	margin-right:5px;
	font-style:italic;
	padding:5px;
	background:url(kostky-line.gif) no-repeat top right;
}
.content{padding:0px;}
.content-perex  {
	font-style:italic;
	margin-bottom:3px;
	margin-top:3px;
}
.content-links{}
.content-list{}

INPUT,TEXTAREA,SELECT{background-color:#eee;color:#222;border:1px solid #bbb;}

.usermessage{font-weight:bold;color:#b00;padding-left:16px;}
.strikeprice{text-decoration:line-through;}

/******************************************************************************/

TABLE.shop-item{display:inline;width:260x;}
TABLE.shop-item TD.item-icon{text-align:center;}
TABLE.shop-item TD.item-icon IMG{border:none;}
TABLE.shop-item TD.item-data{width:150px;}
TABLE.shop-item TD.item-data SPAN.name{display:block;margin-bottom:10px;}
TABLE.shop-item TD.item-data SPAN.price{display:block;margin-bottom:0px;font-weight:bold;}
TABLE.shop-item TD.item-data SPAN.order{display:block;margin-bottom:0px;}
TABLE.shop-item TD.item-data SPAN.status{display:block;margin-bottom:0px;}

TD.list-name IMG{float:left;}
INPUT.basketcount{width:20px;}
TD FORM INPUT.basketcount{width:20px;}
SPAN.shop-image{float:left;}

TABLE.shop-list TD.list-name{width: 300px;}
TABLE.shop-list TD.list-addbasket{width: 120px;}
TABLE.shop-list TD.list-price{width: 50px;}

DIV.shopaction TD.item-icon,DIV.shopnew TD.item-icon{width:140px;text-align:center;}
DIV.shopaction TABLE.shop-item, DIV.shopnew TABLE.shop-item{width:320px;}
DIV.shopaction TABLE.shop-item TD.item-data, DIV.shopnew TABLE.shop-item TD.item-data{width:180px;}

DIV.manufacturer-icons IMG{border:none;width:100px;margin:5px;}

SPAN.usermessage{display:block;text-align:center;padding:5px;color:#a00000;background:#ffffff;font-weigth:bold;}

SPAN.perex-image{float:left;margin-right:7px;margin-bottom:7px;}
SPAN.author{display:block;height:20px;}
/*H1{height:auto;line-height:22px;padding-bottom:5px;}*/
H2{margin:0px;margin-top:0px;margin-bottom:10px;}
H3{margin:0px;margin-top:8px;margin-bottom:8px;}

DIV.content-perex IMG{float:left;margin-right:7px;}
DIV.more{text-align:right;}
IMG{border:none;}

#imagenav TD{color:#222222;}
#imagenav TD.imagebar-rightbox-close{background:#fff;color:#222222;}
#imagenav TD.imagebar-rightbox-close A{color:#800000;}
#imagenav SPAN.imagename{color:#222222;}


DIV.col-left DIV.menu-common, DIV.col-right DIV.menu-common{padding-bottom:0px;margin-bottom:0px;}
DIV.col-left DIV.shop-menu-common, DIV.col-right DIV.shop-menu-common{margin-bottom:-3px;}
DIV.col-left DIV.mnbot, DIV.col-right DIV.mnbot{height:0px;background:#menubg;margin-bottom:0px}

/****/
DIV.shoplist {text-align:left;}
TABLE.manufacturer-list TD.link{width:170px;text-align:left;}

DIV.subtitle{clear:both;text-align:left;}
DIV.col-left DIV.subtitle, DIV.col-right DIV.subtitle{padding-left:8px;}
DIV.more{padding-right:8px;}
DIV.col-right{padding-left:8px;}

DIV.col-left DIV.common, DIV.col-right DIV.common{
	border-left:1px solid #4a9ed0 ;
	border-right:1px solid #4a9ed0 ;
}
DIV.col-left DIV.common-pre, DIV.col-right DIV.common-pre{
	height:17px;
	background: #ffffff url(vrsek3.jpg) no-repeat;
}
DIV.col-left DIV.common-post, DIV.col-right DIV.common-post{
	height:6px;
	margin-bottom: 5px;
	background: #ffffff url(spodek3.jpg) bottom left;
}