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

* {
	font-family: Arial, Arial CE, Helvetica, sans-serif;
	color: #3b3a3c;
	font-size: 12px; 
	}	

img {
border: 2px solid #fff;
}

	
H1 {color:#363f6d; font-size:140%;margin:0px 0px  0px 0px;}
H2 {color:#92c5f0;font-size:120%;margin:0px 0px 10px 0px;}
H3 {color:#808080;font-size:110%;margin:10px 0px 0px 0px;}

A {color: #333; font-weight:bold; text-decoration:none;}
A:hover {color: #5786b9;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:801px;
	background:url(hlava.jpg) no-repeat top right;
	margin: 0px auto 0px;
	height: 135px;
	overflow: hidden;
	text-align: left;
	position:relative;
	}
DIV.header H1 {
	color:#333;
	margin:50px 0px 0px 70px;
	background:transparent none;
	}
DIV.header IMG {
	position: absolute;
	left: -10px;
	top:31px;
	border:none;
	}
	
/* -------- menu horizontalni -------- */
DIV.menu-top a {
color:#fff;
font-size:15px;
font-weight:normal;

}

DIV.menu-top a:hover {
color: #5786b9;
}

DIV.menu-top {
	width:1001px;
	height:38px;
	margin: 0px auto 0px;
	padding-top:17px;
	padding-left:10px;
	overflow: hidden;
	text-align: left;
	position:relative;
	top:-11px;
	left:0px;
/**/
	}
		

/* -------- main -------------- */
DIV.main   {
	width:1001px; 
	margin: 0px auto 0px;
	padding:0;
	overflow: hidden;
	}

/* ---------- footer ----------- */
DIV.footer {
/*	width:1001px;*/
	background: url(pata.jpg) repeat-x top right;
	margin: 0px ;
	padding-top:4px;
	text-align:center;
	
	height: 31px;
	padding-right:0px;
	color:#808080;
	}

DIV.footer a {
	color:#fff;
	}

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

.splitter {clear:both;}


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

DIV.col-left H1,DIV.col-right H1 {
text-align:left;
width:156px;
padding-left:15px;
padding-top:7px;
color:#fff;font-size:140%;margin:0px 0px  0px 0px;background:url(h1.jpg) no-repeat top right;height:20px;}

DIV.col-main {
	width:590px;
	text-align: justify;
	margin: 0 0 0 5px; 
	float: left;
	}
	
	DIV.col-main a {
	color:#5786b9;
	}
	
DIV.col-main DIV.mapposition { 
padding: 0px 0 0 15px;
height:22px;
margin-top:10px;
}

DIV.col-main DIV.mapposition a { 
color:#5786b9;
}

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: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:1px;
	padding-left:20px;
	padding-right:5px;
	background:url(car.jpg) top left no-repeat;
	}
DIV.menu-top DIV.menu-highlight A{
	color:#000;
	font-size:15px;
	background:#92c5f0;
	padding:2px;
}
DIV.col-left DIV.menu-common,DIV.col-right DIV.menu-common{background-color:#cecfd0;padding-bottom:18px; width:171px;}
DIV.menu-common H1{margin-bottom:5px;}

DIV.shop-menu-common{background-color:#cecfd0;padding-bottom:5px;}
DIV.shop-menu-common H1{margin-bottom:5px;}

/* 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:#cecfd0 url(li.jpg) no-repeat;
	border-bottom:1px solid #fff;
	padding-bottom:1px;
	padding-left:30px;
	padding-top:1px;
	text-align:left;
	min-height:20px;
padding-top:3px;
}



DIV.col-left DIV.menu-subitem1{background:#eee url(sub.jpg) no-repeat 40px 0px;padding-left:44pt;text-align:left;}
DIV.col-left DIV.menu-subitem2{background:#eee url(sub.jpg) no-repeat 55px 0px;padding-left:64pt;text-align:left;}
DIV.col-left DIV.menu-subitem3{background:#eee url(sub.jpg) no-repeat 70px 0px;padding-left:84pt;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{
	color:#000;
}

DIV.col-left DIV.menu-highlight {
	background: #5786b9;
	color:#fff;
	min-height:20px;
	padding-top:3px;
	border-bottom:1px solid #fff;
}

DIV.col-left DIV.menu-highlight A{
	color:#fff;
}

/* eshop menu */
DIV.col-left DIV.shop-menu-common {
	margin: 5px 0px 0px;
	/*border-top:1px solid #808080;*/
	}
DIV.col-left DIV.shop-menu-common DIV.menu-item {
	background:#cecfd0 url(li.jpg) no-repeat;
border-bottom:1px solid #FFFFFF;
min-height:20px;
padding-bottom:1px;
padding-left:40px;
padding-top:3px;
text-align:left;
}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem1{background:#eee url(sub.jpg) no-repeat scroll 40px 0;
padding-left:44pt;
text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem2{background:#eee url(sub.jpg) no-repeat scroll 40px 0;
padding-left:44pt;
text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-subitem3{background:#eee url(sub.jpg) no-repeat scroll 40px 0;
padding-left:44pt;
text-align:left;}
DIV.col-left DIV.shop-menu-common DIV.menu-expandable A{
	color:#000;
}
DIV.col-left 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{background:#cecfd0; margin-bottom:2px;}
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:15px;}
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;}

/******************************** zaverecne upravy... ****************************/
/* 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-top:6px;}

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;}


/* pro design zeleni motyli, pozor, je tam i barva! * /
DIV.col-left DIV.menu-common{padding-bottom:0px;margin-bottom:0px;}
DIV.col-left DIV.shop-menu-common{margin-bottom:4px;}
DIV.col-left DIV.mnbot{height:16px;background:#E1ED9B;margin-bottom:4px}
/* konec zelenych motylu */

/* pro design abstrakt modry, pozor, je tam i barva! */
DIV.col-left DIV.menu-common{padding-bottom:0px;margin-bottom:0px;}
DIV.col-left DIV.shop-menu-common{margin-bottom:5px;}
DIV.col-left DIV.common{color:#222222;background:#ffffff;}
DIV.col-left DIV.common DIV.minibasket-amount{color:#222222;}
DIV.col-left DIV.common DIV.minibasket-price{color:#222222;}
DIV.mnbot{height:5px;}
DIV.header H1{color:#ffffff;}
DIV.login-form-buttons{padding:5px;}
/* konec modreho abstraktu */

DIV.shoplist {text-align:left;}

DIV.col-left H1,DIV.col-right H1{background:#374270;border-top:3px solid #F1A83F;padding-left:8px;width:200px;}

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;}