BODY {
	background-color: #FFFFFF;
	text-align: center;
	line-height: 1.2em;
	margin: 10px auto 20px;
	}

* {
	font-family: Arial, Arial CE, Helvetica, sans-serif;
	color: #333;
	font-size: 11pt; 
	}	
	
H1 {font-size:140%;margin:0px 0px  0px 0px;background:url(kostky-footer.gif) no-repeat top right;height:22px;}
H2 {font-size:120%;margin:0px 0px 10px 0px;background:url(kostky-line.gif) no-repeat top right;}
H3 {font-size:110%;margin:10px 0px 0px 0px;}

A {color: #33ACDE; font-weight:bold; text-decoration:none;}
A:hover {color: #EC8C32;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:760px;
	background:white url(kostky-header.gif) no-repeat top right;
	margin: 0px auto 0px;
	height: 88px;
	overflow: hidden;
	text-align: left;
	position:relative;
	}
DIV.header H1 {
	margin:33px 0px 0px 90px;
	background:transparent none;
	}
DIV.header IMG {
	position: absolute;
	left: 14px;
	top:10px;
	border:none;
	}
	
/* -------- menu horizontalni -------- */
DIV.menu-top {
	width:760px;
	margin: 0px auto 0px;
	overflow: hidden;
	text-align: left;
	background-color: white;
	}
		

/* -------- main -------------- */
DIV.main   {
	width:760px; 
	margin: 0px auto 0px; 
	overflow: hidden;
	background-color: white;
	border-top: 1px solid #808080;
	}

/* ---------- footer ----------- */
DIV.footer {
	width:760px;
	background: white url(kostky-footer.gif) no-repeat top right;
	margin: 0px auto 0px;
	text-align:center;
	
	height: 22px;
	border-top:1px solid #808080;
	border-bottom:0px solid #808080;
	padding-left:0px;
	color:#808080;
	}

DIV.footer P {margin:0px;padding:0px;}

.splitter {clear:both;}


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

DIV.col-main {
	width:560px;
	text-align: justify;
	margin: 0px; 
	float: left;
	}
DIV.col-main DIV.mapposition { padding: 15px 15px 10px;}
DIV.col-main DIV.common { padding: 10px 15px 10px;}	

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



/* top a bottom elementy */
.cltop{height:1px;overflow:hidden;}
.clbot{height:1px;overflow:hidden;}
.cmtop{height:1px;overflow:hidden;}
.cmbot{height:1px;overflow:hidden;}
.crtop{height:1px;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; 
	background: white url(kostky-menu.gif) no-repeat 8px 4px;
	padding:4px;
	padding-left:40px;
	}
DIV.menu-top DIV.menu-highlight A{
	color:blue;
}

/* menu left */
DIV.col-left DIV.menu-common , DIV.col-right DIV.menu-common {
	margin: 5px 0px 0px;
	/*border-top:1px solid #808080;*/
	}
DIV.col-left DIV.menu-item , DIV.col-right DIV.menu-item {
	background:white url(kostky-menu.gif) no-repeat 8px 4px;
	/*border-bottom:1px solid #808080;*/
	padding:4px;padding-left:40px;
	text-align:left;
}
DIV.col-left DIV.menu-subitem1,DIV.col-right DIV.menu-subitem1{background:white url(kostky-submenu.gif) no-repeat 28px 4px;padding-left:44pt;text-align:left;}
DIV.col-left DIV.menu-subitem2,DIV.col-right DIV.menu-subitem2{background:white url(kostky-submenu.gif) no-repeat 48px 4px;padding-left:64pt;text-align:left;}
DIV.col-left DIV.menu-subitem3,DIV.col-right DIV.menu-subitem3{background:white url(kostky-submenu.gif) no-repeat 68px 4px;padding-left:84pt;text-align:left;}
DIV.col-left DIV.menu-expandable A,DIV.col-right DIV.menu-expandable A{
	color:#1184B3;
}
DIV.col-left DIV.menu-highlight A, DIV.col-right DIV.menu-highlight A{
	color:#F09139;
}

/* 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:white url(kostky-menu.gif) no-repeat 8px 4px;
	/*border-bottom:1px solid #808080;*/
	padding:4px;padding-left:40px;
	text-align:left;
}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem1,DIV.col-right DIV.shop-menu-common DIV.menu-subitem1{background:white url(kostky-submenu.gif) no-repeat 28px 4px;padding-left:44pt;text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem2,DIV.col-right DIV.shop-menu-common DIV.menu-subitem2{background:white url(kostky-submenu.gif) no-repeat 48px 4px;padding-left:64pt;text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem3,DIV.col-right DIV.shop-menu-common DIV.menu-subitem3{background:white url(kostky-submenu.gif) no-repeat 68px 4px;padding-left:84pt;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:red;}
DIV.col-left DIV.shop-menu-common DIV.menu-highlight A ,DIV.col-right DIV.shop-menu-common DIV.menu-highlight A {color:blue;}

/* 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%;}
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;}

/* 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:#ddd;color:#222;border:1px solid #888;}
.usermessage{font-weight:bold;color:red;}
.strikeprice{text-decoration:line-through;}

/*****************************************************************************/
/* Sem muzete vlozit vlastni css, ktere bude preferovano pri nacitani stranek. */
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:10px;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.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:4px;}
DIV.more{padding-right:8px;}
DIV.col-right{padding-left:4px;}