/* BASIC */
body
{
	background-color: #5E5E5E;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 70%;
	color: #505050;
	text-align: center;
/*	height: 100%;*/
}
body.editor
{
	background-color: #FFFFFF;
	text-align: left;
}
body.win
{
	background-color: #FFFFFF;
	text-align: left;
	margin: 15px;
}
div
{
	margin: 0px;
	padding: 0px;
}
form
{
	margin: 0px;
	padding: 0px;
}

input, select, textarea
{
	font-family: Verdana, Tahoma, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 11px;
}

a, a:link, a:visited
{
	color: #003366;
}
a:hover
{
	color: #000000;
}
h1
{
	font-size: 150%;
	color: #006699;
	margin: 0px;
	margin-bottom: 20px;
}
h2
{
	font-size: 130%;
	color: #006699;
	margin: 0px;
	margin-bottom: 15px;
}
h2 span
{
	color: #DC0000;
}
h3
{
	font-size: 120%;
	color: #006699;
	margin: 0px;
	margin-bottom: 10px;
}
h4
{
	font-size: 110%;
	color: #006699;
	margin: 0px;
	margin-bottom: 5px;
}
h5, h6
{
	font-size: 105%;
	color: #006699;
	margin: 0px;
}
p
{
	margin: 0px;
	margin-bottom: 15px;
}
ol, ul
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 25px;
}
ul li
{
	list-style-type: square;
}
sub
{
	font-size: 70%;
	vertical-align: sub;
}
sup
{
	font-size: 70%;
	vertical-align: super;
}
hr
{
	color: #CCCCCC;
}
td
{
	font-size: 70%;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}
th
{
	font-size: 70%;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	background-color: #EEEEEE;
	vertical-align: top;
}
	
/* PAGE */
#print-header, #print-footer
{
	display: none;
}
#page
{
	position: relative;
	width: 1004px;
	height: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/res/page-bg.gif);
}
html>body #page
{
	height: auto;
	min-height: 100%;
}

/* HEADER */
#header
{
	clear: both;
	background-image: url(/res/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 85px;
	max-height: 85px;
	height: 85px;
	position: relative;
	background-color: #004A9F;
}
#logo
{
	width: 170px;
	height: 75px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#logo h1
{
	display: none;
}

/* FOOTER */
#spacer
{
	clear: both;
	height: 20px;
}
#footer
{
	position: absolute;
	bottom: 0px;
	height: 20px;
	margin-left: 170px;
	margin-right: 170px;
	width: 664px;
	overflow: hidden;
	background-color: #99CC33;
	text-align: center;
	background-image: url(/res/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#footer p, #footer a, #footer a:link
{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 20px;
	margin: 0px;
}
#footer a:hover
{
	color: #336600;
}

/* HEADER - STRANKY */
#top-pages
{
	width: 662px;
	height: 25px;
	background-color: #5B93C6;
	background-image: url(/res/top-pages-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	bottom: 0px;
	left: 171px;
	margin: 0px;
	padding: 0px;
}
#top-pages li
{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	line-height: 25px;
	border-right: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
}
#top-pages li.last
{
	border-right: none;
}
#top-pages a
{
	color: #FFFFFF;
	text-decoration: none;
}
#top-pages a:hover
{
	color: #000000;
	text-decoration: none;
}

/* KOSIK */
#basket
{
	width: 170px;
	height: 85px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: transparent;
	border: none;
}
#basket.basket-full
{
	background-color: #99CC00;
	background-image: url(/res/corner-blue-green-left-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* KOMPOZICE */
#left
{
	width: 170px;
	margin-right: 1px;
	overflow: hidden;
	float: left;
	background-color: #DBDBDB;
}
#right
{
	width: 170px;
	overflow: hidden;
	float: right;
}
#middle
{
	width: 662px;
	float: left;
	overflow: hidden;
	background-color: #FFF;
}

/* LEVY PRUH */
#left a
{
	color: #003366;
}
#left a:hover
{
	color: #000;
}

/* VYHLEDAVANI */
#left #search
{
	background-color: #5894C3;
	height: 25px;
	padding-left: 5px;
	background-image: url(/res/search-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 1px solid #FFF;
}
#left #search div.query
{
	width: 90px;
	height: 25px;
	background-image: url(/res/input-bg-blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 2px;
	float: left;
}
#left #search input.query
{
	font-size: 11px;
	width: 80px;
	height: 18px;
	background-color: transparent;
	border: 0px solid #000;
	padding-top: 3px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 4px;
}
#left #search input.image
{
	background-image: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	top: 6px;
	left: 3px;
}
#left #search label
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	padding-top: 1px;
	width: 50px;
	height: 18px;
	float: left;
}

/* VYHLEDAVANI FILTR */
#middle #search
{
	/*background-color: #5894C3;*/
	height: 25px;
	padding-left: 5px;
	width: 280px;
	/*background-image: url(/res/search-bg.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right bottom;*/
	/*border-bottom: 1px solid #FFF;*/
}
#middle #search form
{
}
#middle #search div.query
{
	width: 90px;
	height: 25px;
	background-image: url(/res/input-bg-green.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 2px;
	float: left;
}
#middle #search input.query
{
	font-size: 11px;
	width: 80px;
	height: 18px;
	background-color: transparent;
	border: 0px solid #000;
	padding-top: 3px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 4px;
}
#middle #search input.image
{
	background-image: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	top: 6px;
	left: 3px;
}
#middle #search label
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	padding-top: 1px;
	width: 165px;
	height: 18px;
	float: left;
}

/* MENU */
#left #menu h3
{
	margin: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #99CC00;
	height: 24px;
	width: 167px;
	overflow: hidden;
	line-height: 24px;
	padding-left: 3px;
	background-image: url(/res/left-h3-green.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#left #menu h3.top
{
	background-image: url(/res/left-h3-top-green.gif);
}
#left #menu h3 a
{
	color: #003366;
}
#left #menu h3 a:hover
{
	color: #000;
}
#left #menu ul
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 23px;
}
#left #menu ul li
{
	list-style-type: square;
	font-size: 11px;
	line-height: 15px;
	color: #5894C3;
}

/* PRAVY PRUH */
#right a
{
	color: #003366;
}
#right a:hover
{
	color: #000;
}

/* SEKCE */
#right h5.blue,
#right h5.blue-top,
#right h5.blue-bottom
{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	height: 24px;
	width: 165px;
	overflow: hidden;
	padding-left: 5px;
	background-color: #5894C3;
	background-image: url(/res/right-h5-blue.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#right h5.blue-top
{
	background-image: url(/res/right-h5-blue-top.gif);
	height: 25px;
}
#right h5.blue-bottom
{
	background-image: url(/res/right-h5-blue-bottom.gif);
}
#right h5 a
{
	color: #FFF;
}
#right h5 a:hover
{
	color: #336600;
}

/* GREEN-BOX */
div.green-box
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #99CC00;
}
div.green-box h6
{
	color: #003366;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 3px;
}
div.green-box div.middle
{
	clear: both;
	background-image: url(/res/corner-white-green-left-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px;
	padding-bottom: 0px;
}	
div.green-box div.bottom
{
	clear: both;
	height: 10px;
	font-size: 1px;
	background-image: url(/res/corner-white-green-left-down.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.green-box ul
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 17px;
}
div.green-box ul li
{
	list-style-type: square;
	font-size: 11px;
	line-height: 15px;
	color: #5894C3;
}
div.green-box ul li em
{
	font-style: normal;
	color: #FFFF00;
}

/* AKTUALITY */
#news
{
	padding: 5px;
}
#news div.item
{
	background-image: url(/res/news-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 10px;
}
#news div.item h6
{
	font-size: 10px;
	margin: 0px;
	color: #003366;
}
#news div.item p
{
	font-size: 10px;
	margin: 0px;
}
#news div.item p.next
{
	color: #336600;
	text-align: right;
}

/* UZIVATEL */
#user table td
{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	vertical-align: middle;
}
#user table td.label
{
	padding-right: 5px;
}
#user table td.button
{
	padding-top: 2px;
	padding-left: 4px;
}

/* SUBJEKT */
#subject select
{
	width: 160px;
	margin-bottom: 5px;
}

/* SALESMAN */
#salesman select
{
	width: 143px;
	margin-bottom: 5px;
}
#salesman img.select
{
	position: relative;
	top: -2px;
	left: 2px;
}

/* STRED */
/* OBSAH */
#content
{
	padding: 19px;
	padding-bottom: 5px;
	width: 624px;
}

/* CESTA */
#path
{
	height: 25px;
	background-color: #99CC00;
	background-image: url(/res/path-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	margin: 0px;
}
#path li
{
	color: #FFFFFF;
	line-height: 23px;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}
#path li.last
{
	color: #DC0000;
	color: #003366;
}
#path a
{
	color: #FFFFFF;
}
#path a:hover
{
	color: #336600;
}

/* TEXT */
#text h2
{
	font-size: 150%;
	margin-bottom: 10px;
}
#text h3
{
	font-size: 130%;
	margin-bottom: 3px;
}
#text h4
{
	font-size: 110%;
	margin-bottom: 3px;
}

/* ARTICLE - KATALOG */
#article-catalog
{
	width: 624px;
	clear: both;
	margin-bottom: 15px;
}
#article-catalog div.article-box
{
	float: left;
	width: 196px;
	height: 196px;
	overflow: hidden;
	padding: 5px;
	position: relative;
}
#article-catalog div.article-hidden
{
	background: url(/res/shaded.gif);
}
#article-catalog div.box-1-1
{
	border-right: 1px solid #99CC00;
	border-bottom: 1px solid #99CC00;
}
#article-catalog div.box-0-1
{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #99CC00;
}
#article-catalog div.box-1-0
{
	border-right: 1px solid #99CC00;
	border-bottom: 1px solid #FFFFFF;
}
#article-catalog div.box-0-0
{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div.article-box h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	height: 28px;
	overflow: hidden;
	color: #003366;
}
div.article-box div.picture
{
	float: left;
	width: 100px;
	height: 100px;
}
div.article-box div.picture img
{
	border: none;
}	
div.article-box div.desc,
div.article-box div.desc-picture
{
	float: right;
	width: 197px;
	height: 98px;
	margin-bottom: 2px;
	font-size: 10px;
	overflow: hidden;
}
div.article-box div.desc-picture
{
	width: 92px;
}	
div.article-box div.prop
{
	width: 197px;
	height: 73px;
}
div.article-box div.prop-left
{
	float: left;
	width: 95px;
	overflow: hidden;
}
div.article-box div.prop-right
{
	float: right;
	width: 100px;
	text-align: right;
	overflow: hidden;
}
div.article-box div.price
{
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #7CA405;
	color: #003366;
	font-family: Tahoma, Verdana, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
}
div.article-box div.price-2nd
{
	width: 100px;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
}
div.article-box div.stock-status,
div.article-box div.pn
{
	color: #003366;
	font-size: 10px;
}
div.article-box div.prop-left span
{
	font-weight: bold;
}
div.article-box form.units
{
	background-image: url(/res/units-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 87px;
	text-align: right;
	margin: 0px;
	margin-right: 13px;
}
div.article-box input.units,
#article-table input.units,
#article-detail input.units
{
	width: 20px;
	height: 17px;
	background-color: transparent;
	border: 0px solid #000;
	color: #7CA405;
	background-image: none;
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
	padding-right: 1px;
	text-align: right;
	font-size: 12px;
	margin-bottom: 3px;
}
div.article-box input.image,
#article-table input.image
{
	width: 20px;
	height: 17px;
	margin: 0px;
	margin-top: 4px;
	margin-right: 8px;
	margin-left: 5px;
}

/* ZBOZI - SEZNAM */
#article-list-header
{
	margin-top: 7px;
	margin-bottom: 15px;
}
#article-list-header h2
{
	float: left;
	width: 200px;
	margin-top: 3px;
	margin-bottom: 0px;
}

/* ZBOZI - FILTER */
#article-list-filter
{
	margin-top: 1px;
	width: 662px;
	clear: both;
	background-color: #99CC00;
	position: relative;
}
form.article-list-filter
{
	height: 90px;
}
#article-list-filter div.top,
#article-list-filter div.top-one-row
{
	background-image: url(/res/filter-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 662px;
	height: 88px;
}
#article-list-filter div.bottom
{
	background-image: url(/res/filter-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 12px;
	line-height: 1px;
	font-size: 1px;
}
#article-list-filter div.content,
#article-list-filter div.content-one-row
{
	width: 652px;
	height: 93px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #FFF;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: bold;
	color: #003366;
}
form.article-list-filter-one-row
{
	height: 42px;
}
#article-list-filter div.top-one-row
{
	height: 40px;
}
#article-list-filter div.content-one-row
{
	height: 45px;
}
#article-list-filter img.delete
{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 5px;
	top: 5px;
	z-index: 10;
	border: none;
}
#article-list-filter div.content-one-row img.delete
{
	display: none;
}
#article-list-filter div.one
{
	float: left;
	margin-right: 8px;
}
#article-list-filter select
{
	font-size: 10px;
	font-weight: normal;
}
#article-list-filter input.checkbox
{
	margin-left: 0px;
}
#article-list-filter label, #article-list-filter span.label
{
	height: 20px;
	line-height: 20px;
}
#article-list-filter img.help
{
	width: 16px;
	height: 16px;
	border: none;
}
#article-list-filter div.checkbox label
{
	position: relative;
	top: -3px;
	font-weight: normal;
	font-size: 90%;
}
#article-list-filter div.checkbox img.help
{
	position: relative;
	top: -2px;
	left: 4px;
}

/* ZBOZI - NASTAVENI */
#article-list-settings
{
	width: 370px;
	height: 24px;
	float: right;
}
#article-list-settings select
{
	font-size: 10px;
	font-weight: normal;
}
#article-list-settings input.image
{
	width: 14px;
	height: 14px;
	border: none;
	position: relative;
	z-index: 2;
	top: 2px;
	left: 4px;
}
#article-list-settings label
{
	height: 24px;
	line-height: 24px;
}
#article-list-settings span.show-mode
{
	height: 24px;
	line-height: 24px;
	margin-right: 15px;
}
form.article-list-settings-one-row
{
	position: relative;
	top: -49px;
	left: 25px;
}
form.article-list-settings-one-row div.elips-24-left
{
	display: none;
}
form.article-list-settings-one-row div.elips-24-right
{
	display: none;
}

/* ZBOZI - TABULKA */
#article-table input.image
{
	margin-top: 2px;
}
#article-table tr.hidden td
{
	background-image: url(/res/shaded.gif);
}
#article-table div.desc
{
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	margin-top: 3px;
	font-size: 10px;
	color: #000;
}
#article-table td.basket
{
	width: 60px;
	padding: 1px;
}
#article-table td.price
{
	font-weight: bold;
	color: #003366;
	font-size: 11px;
	white-space: nowrap;
	text-align: right;
	width: 70px;
}
#article-table th a
{
	color: #FFF;
}
#article-table th a:hover
{
	color: #003366;
}
#article-table col.pn
{
	width: 45px;
}
#article-table col.pn,
#article-table col.stock-status,
#article-table col.price-2nd
{
	font-size: 11px;
}
#article-table td.stock-status
{
	text-align: center;
	width: 60px;
}
#article-table td.price-2nd
{
	text-align: right;
	width: 80px;
}
#article-table table div.units
{
	background-image: url(/res/units-bg-gray.gif);
	background-repeat: no-repeat;
	width: 62px;
	height: 22px;
	text-align: right;
	overflow: hidden;
}
#article-table img.sort-order
{
	border: none;
	margin-left: 3px;
}

/* OBJEDNAVKY */
#order-table col.number,
#order-table col.created,
#order-table col.updated
{
	width: 65px;
}
#order-table td.status
{
	width: 90px;
	text-align: center;
}
#order-table td.price,
#order-table td.price-sum
{
	text-align: right;
}
#order-table td.actions
{
	width: 190px;
	color: #808080;
}
#order-table td.total
{
	font-weight: bold;
}

/* OBJEDNAVKA - ZBOZI */
#order-article-table
{
	margin-bottom: 0px;
}
#order-article-table col.pn
{
	width: 45px;
}
#order-article-table col.stock-status
{
	text-align: center;
	width: 60px;
}
#order-article-table th.first,
#order-article-table th.last
{
	background-image: none;
}
#order-article-table td.price,
#order-article-table td.price-sum
{
	text-align: right;
}
#order-article-table td.units-input
{
	width: 25px;
	padding: 0px;
}
#order-article-table td.units
{
	text-align: right;
	width: 25px;
}	
#order-article-table td.price-input
{
	width: 60px;
	padding: 0px;
}
#order-article-table td.price
{
	text-align: right;
	width: 54px;
}	
#order-article-table table td.label
{
	padding: 0px;
}
#order-article-table table td.label input.label
{
	text-align: left;
	width: 300px;
}
#order-article-table input.units,
#order-article-table input.price,
#order-article-table input.label
{
	border: 1px solid #C0C0C0;
	width: 30px;
	height: 19px;
	padding: 2px;
	_margin-top: -1px;
	_margin-bottom: -1px;
	text-align: right;
}	
#order-article-table input.units
{
	width: 30px;
}
#order-article-table input.price
{
	width: 60px;
}
#order-edit p.update-price
{
	position: relative;
	top: -5px;
	text-align: left;
}
#order-edit p.update-price label
{
	position: relative;
	top: -4px;
}
#order-edit td.total-price,
#order-edit td.total-price2nd
{
	font-size: 14px;
	font-weight: bold;
	color: #DC0000;
	text-align: right;
}
#order-edit td.total-sum
{
	border-bottom: 1px solid #808080;
}
#order-edit td.total-price2nd
{
	color: #808080;
}

/* NABIDKY */
#proposal-table col.number,
#proposal-table col.created,
#proposal-table col.updated
{
	width: 65px;
}
#proposal-table col.status
{
	width: 90px;
	text-align: center;
}
#proposal-table td.price,
#proposal-table td.price-sum,
#proposal-table td.price-2nd,
#proposal-table td.units
{
	text-align: right;
}
#proposal-table td.price
{
	width: 70px;
}
#proposal-table td.pn
{
	width: 45px;
}
#proposal-table td.price-2nd
{
	width: 80px;
}
#proposal-table td.actions
{
	width: 120px;
	color: #808080;
}
#proposal-table td.actions-salesman
{
	width: 125px;
	color: #808080;
}
#proposal-table td.total
{
	font-weight: bold;
}

/* NABIDKA - ZBOZI */
#proposal-article-table
{
	margin-bottom: 0px;
}
#proposal-article-table col.pn
{
	width: 45px;
}
#proposal-article-table col.stock-status,
#proposal-article-table td.stock-status
{
	text-align: center;
	width: 60px;
}
#proposal-article-table th.first,
#proposal-article-table th.last
{
	background-image: none;
}
#proposal-article-table td.price
{
	text-align: right;
}
#proposal-article-table td.units-input
{
	width: 25px;
	padding: 0px;
}
#proposal-article-table td.display-as, #proposal-article-table td.label table.virtual-article-edit td.display-as
{
	width: 20px;
	text-align: center;
}

#proposal-article-table td.units
{
	text-align: right;
	width: 25px;
}
#proposal-article-table td.price-input
{
	width: 60px;
	padding: 0px;
}
#proposal-article-table td.price
{
	text-align: right;
	width: 54px;
}
#proposal-article-table td.price-sum
{
	text-align: right;
}
#proposal-article-table input.units,
#proposal-article-table input.price,
#proposal-article-table input.label
{
	border: 1px solid #C0C0C0;
	width: 30px;
	height: 19px;
	padding: 2px;
	_margin-top: -1px;
	_margin-bottom: -1px;
	text-align: right;
}

input.display-as
{
	border: none !important;
	margin: -4px !important;
	position: relative !important;
	left: 3px !important;
	top: 1px !important;
}
#proposal-article-table input.units
{
	width: 50px;
}
#proposal-article-table input.price
{
	width: 60px;
}
#proposal-article-table td.note
{
	padding: 0px;
	border-right-width: 0px;
}
#proposal-article-table td.note textarea
{
	width: 100%;
	height: 32px;
	_margin-top: -1px;
	_margin-bottom: -1px;
}
#proposal-article-table table td.label
{
	padding: 0px;
}
#proposal-article-table table td.label input.label
{
	text-align: left;
	width: 300px;
}

#proposal-article-table table td.label table.virtual-article-edit {
	border: none;
	width: 30%;
}

#proposal-article-table table td.label table.virtual-article-edit td {
	border: none;
}

#proposal-article-table table td.label table.virtual-article-edit td.v-label {
	padding-top: 6px;
}

#proposal-article-table table td.label table.virtual-article-edit td input.label {
	width: 240px;
}

#proposal-article-table table td.label table.virtual-article-edit td input.label.small
{
	width: 75px;
}

#proposal-edit p.update-price
{
	position: relative;
	top: -5px;
	text-align: left;
}
#proposal-edit p.update-price label
{
	position: relative;
	top: -4px;
}
#proposal-edit td.total-price,
#proposal-edit td.total-price2nd
{
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-align: right;
}
#proposal-edit td.total-price2nd
{
	color: #808080;
}

/* NADIDKA - DETAIL */
#proposal-detail #article-detail
{
	margin-bottom: 15px;
}
#proposal-detail a.to-basket,
#proposal-detail a.to-back,
#proposal-detail a.to-edit
{
	float: right;
	margin-left: 10px;
	display: block;
	height: 20px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	text-align: center;
	line-height: 20px;
}
#proposal-detail a.to-basket
{
	width: 120px;
	background-image: url(/res/button-120.gif);
	background-color: #DC0000;
}
#proposal-detail a.to-edit
{
	width: 80px;
	background-image: url(/res/button-80.gif);
	background-color: #DC0000;
}
#proposal-detail a.to-back
{
	width: 80px;
	background-image: url(/res/button-2nd-80.gif);
	background-color: #336600;
}
#proposal-detail td.total-price,
#proposal-detail td.total-price2nd
{
	font-size: 14px;
	font-weight: bold;
	color: #DC0000;
	text-align: right;
}
#proposal-detail td.total-price2nd
{
	color: #808080;
}
#proposal-detail div.header-text
{
	border-top: 1px solid #808080;
	padding-top: 5px;
	margin-top: 3px;
}
#proposal-detail div.footer-text
{
	padding-bottom: 6px;
	margin-bottom: 2px;
	border-bottom: 1px solid #808080;
}

#proposal-detail #article-detail p span.highlight-price {
	font-weight: bold;
	color: #dc0000;
}

#proposal-detail #article-detail p.description {
	font-size: 9px;
}

/* SEZNAM - TABULKA */
div.list-table
{
	clear: both;
	margin-bottom: 15px;
}
div.list-table table
{
	width: 624px;
}	
div.list-table th
{
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border-right: 1px solid #FFF;
	text-align: center;
	background-color: #5B93C6;
}
div.list-table th.first
{
	background-image: url(/res/corner-white-blue-left-up.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	
div.list-table th.last
{
	background-image: url(/res/corner-white-blue-right-up.gif);
	background-repeat: no-repeat;
	background-position: right top;
}	
div.list-table td
{
	padding: 3px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #F0F0F0;
}
div.list-table tr.last td
{
	border-bottom: none;
}	
div.list-table td.last,
div.list-table th.last
{
	border-right: none;
}
div.list-table td h4
{
	margin: 0px;
	font-size: 11px;
}
div.list-table div.footer
{
	padding: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: right;
	background-color: #DBDBDB;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(/res/form-big-bottom.gif);
}

/* NASTAVENI */
#list-settings
{
	width: 624px;
	height: 24px;
	clear: both;
	margin-bottom: 15px;
}
#list-settings select
{
	font-size: 10px;
	font-weight: normal;
}
#list-settings input.image
{
	width: 14px;
	height: 14px;
	border: none;
	position: relative;
	z-index: 2;
	top: 2px;
	left: 4px;
}
#list-settings label
{
	height: 24px;
	line-height: 24px;
}
#list-settings span.show-mode
{
	margin-right: 15px;
	position: relative;
	top: -3px;
}

/* ARTICLE DETAIL */
#article-detail
{
	clear: both;
	width: 624px;
}
#article-detail div.pictures
{
	float: right;
	width: 200px;
	margin-left: 20px;
}
#article-detail h2
{
	font-size: 140%;
	color: #006699;
	margin-bottom: 15px;
}
#article-detail h3
{
	font-size: 125%;
	color: #006699;
	margin-bottom: 15px;
}
#article-detail em
{
	font-weight: bold;
	font-style: normal;
}
#article-detail div.price-order
{
	width: 220px;
	margin-bottom: 15px;
}
#article-detail div.price
{
	float: left;
	width: 90px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #7CA405;
	color: #003366;
	font-family: Tahoma, Verdana, Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	margin-top: 3px;
}
#article-detail form.units
{
	float: left;
	width: 130px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-image: url(/res/units-bg-big.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 5px;
}
#article-detail input.units
{
	margin-left: 9px;
	margin-top: 2px;
}
#article-detail input.image
{
	width: 100px;
	height: 22px;
}
#article-detail p.note
{
	background-color: #FFFFE5;
}

/* FORMULARE */
div.form
{
	margin-bottom: 15px;
}
div.form-big
{
	width: 624px;
}
div.form-small
{
	width: 400px;
}
div.form h3
{
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
	margin: 0px;
	color: #FFF;
	background-color: #5894C3;
	background-repeat: no-repeat;
}
div.form-big h3
{
	background-image: url(/res/form-big-top.gif);
}
div.form-big table.form
{
	width: 608px;
}
div.form-small h3
{
	background-image: url(/res/form-small-top.gif);
}
div.form-small table.form
{
	width: 384px;
}
div.form h3.middle
{
	background-image: none;
}
div.form div.content
{
	padding: 8px;
	background-color: #F0F0F0;
	position: relative;
}
div.form div.content-free
{
	padding: 10px;
	background-color: #F0F0F0;
}
div.form div.footer
{
	padding: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: right;
	background-color: #DBDBDB;
	background-position: bottom;
	background-repeat: no-repeat;
}
div.form-big div.footer
{
	background-image: url(/res/form-big-bottom.gif);
}
div.form-small div.footer
{
	background-image: url(/res/form-small-bottom.gif);
}
div.form div.footer p
{
	float: left;
	font-size: 10px;
	margin: 0px;
	margin-top: 5px;
	text-align: left;
}

div.form div.footer p.m0 {
	margin: 0px;
}

table.form
{
	width: 100%;
}
table.form td
{
	padding: 2px;
}
table.form td.label
{
	vertical-align: middle;
	padding-right: 5px;
	white-space: nowrap;
	text-align: right;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 12px;
}
table.form td.req
{
	font-weight: bold;
}
table.form td.field
{
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	font-size: 12px;
}
table.form td.label-top
{
	vertical-align: top;
	padding-top: 4px;
}/*
table.form td.field label
{
	position: relative;
	top: -3px;
}*/
input.radio
{
}
input.checkbox
{
}
input.field
{
	border: 1px solid #C0C0C0;
	height: 19px;
	padding: 2px;
	width: 175px;
}
input.sm
{
	width: 100px;
}
input.ssm
{
	width: 50px;
}
select.field
{
	border: 1px solid #5894C3;
	height: 19px;
}
textarea
{
	border: 1px solid #C0C0C0;
	padding: 2px;
}	
a.button
{
	width: 80px;
	height: 20px;
	margin-left: 10px;
	margin-bottom: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	text-align: center;
	line-height: 20px;
	background-image: url(/res/button-80.gif);
	background-color: #DC0000;
}
a.button:hover, a.button:visited
{
	color: #FFF;
}
input.button, input.button-2nd, input.button-120, input.button-120-wh
{
	height: 20px;
	width: 80px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 0px solid #000;
	background-color: #DC0000;
	background-image: url(/res/button-80.gif);
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	cursor: pointer;
	padding-bottom: 2px;
}
input.button-2nd
{
	background-color: #336600;
	background-image: url(/res/button-2nd-80.gif);
}	
input.button-120
{
	width: 120px;
	background-image: url(/res/button-120.gif);
}

input.button-120-wh
{
	width: 120px;
	background-image: url(/res/button-120-wh.gif);
}

/* FORM - KULATY */
div.elips-field
{
	width: 90px;
	height: 24px;
	background-image: url(/res/input-bg-green.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 0px;
	float: left;
}
input.elips-field
{
	font-size: 11px;
	width: 80px;
	height: 18px;
	background-color: transparent;
	border: 0px solid #000;
	padding-top: 3px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 4px;
}

/* NOVINKA */
#news-detail p.perex
{
	font-style: italic;
}
#news-detail p.perex span.date
{
	font-weight: bold;
	color: #336600;
}
#news-detail div.content
{
	margin-bottom: 15px;
}

/* MSG - BOX */
#msg-box
{
	background-image: url(/res/msg-box-bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #F0F0F0;
	margin-bottom: 15px;
}
#msg-box h3
{
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	background-image: url(/res/msg-box-top.gif);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 7px;
	padding-left: 10px;
	margin: 0px;
}
#msg-box h3.error
{
	color: #DC0000;
}
#msg-box h3.warning
{
	color: #FF6000;
}
#msg-box ul
{
	padding-right: 10px;
	padding-bottom: 10px;
}
#msg-box p
{
	padding: 10px;
	padding-top: 0px;
}
	
/* OSTATNI */
/* 404 */
#error h2
{
	color: #DC0000;
}
#error p
{
	width: 400px;
}
.error
{
	color: #DC0000;
}

/* ELIPS-20 */
div.elips-20-left
{
	width: 10px;
	height: 20px;
	background-color: #99CC00;
	background-image: url(/res/elips-20-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 18px;
	float: right;
}
div.elips-20-center
{
	background-color: #99CC00;
	height: 20px;
	line-height: 18px;
	color: #FFF;
	font-weight: bold;
	float: right;
}
div.elips-20-right
{
	width: 10px;
	height: 20px;
	background-color: #99CC00;
	background-image: url(/res/elips-20-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	line-height: 18px;
	float: right;
}

/* ELIPS-24 */
div.elips-24-left
{
	width: 10px;
	height: 24px;
	background-color: #99CC00;
	background-image: url(/res/elips-24-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 18px;
	float: left;
}
div.elips-24-center
{
	background-color: #99CC00;
	height: 24px;
	line-height: 18px;
	color: #FFF;
	font-weight: bold;
	float: left;
}
div.elips-24-right
{
	width: 10px;
	height: 24px;
	background-color: #99CC00;
	background-image: url(/res/elips-24-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	line-height: 18px;
	float: left;
}

/* STRANKOVAC */
#pager
{
	width: 624px;
	height: 20px;
	max-height: 20px;
	margin-bottom: 15px;
}
#pager span.active
{
}
#pager a
{
	color: #FFFFFF;
}
#pager a:hover
{
	color: #336600;
}

/* POMOCNE */
div.cleaner
{
	float: none;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
p.back
{
	color: #336600;
}


input.button-delete, button.button-delete {
	margin-left: 3px;
	width: 18px;
	height: 18px;
	background: transparent url(delete-on.gif) center -1px no-repeat;
	border: none;
	cursor: pointer;
	cursor: hand;
	color: #dc0000;
	font-size: 0px;
}

.disp-none {
	display: none;
}

.disp-block {
	display: block;
}

img.delete-image {
	float: right;
	cursor: pointer;
	cursor: hand;
}

.h90 {
	height: 90px !important;
}

div.proposal-textblock {
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	clear: both;
}

div.proposal-textblock.view {
	border: none;
}

textarea.proposal-textblock {
	display: none;
}

div.proposal-textblock p {
	margin: 0px;
}

input.proposal-textblock-button {
	height: 20px;
	width: 80px;
	margin: 0px;
	margin-bottom: 20px;
	float: right;
	border: 0px solid #000;
	background-color: #DC0000;
	background-image: url(/res/button-80-wh.gif);
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, "Lucida Grande CE", "Helvetica CE", "Arial CE", lucida, sans-serif;
	cursor: pointer;
	padding-bottom: 2px;
}

input.proposal-textblock-button.dark
{
	background-image: url(/res/button-80-dark.gif);
}

/* PRINT */
@media print
{
	body
	{
		background-color: #FFFFFF;
		font-size: 10pt;
		color: #000000;
	}
	#page
	{
		width: 624px;
		max-width: 624px;
		padding: 0px;
		background-image: none;
		text-align: left;
		margin-left: 45px;
	}
	
	* html #page {
		margin-left: 12px; 
	}
	
	#print-header
	{
		display: block;
		position: static;
		clear: both;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
		margin-bottom: 15px;
		font-size: 6pt;
		text-align: center;
	}
	#print-footer
	{
		display: block;
		position: static;
		clear: both;
		border-top: 1px solid #000;
		padding-top: 5px;
		margin-top: 15px;
		font-size: 6pt;
		text-align: center;
	}
	#text
	{
		position: static;
		margin-top: 50px;
		width: 624px;
		visibility: visible;
		clear: both;
		padding: 0px;
		margin: 0px;
	}
	#header, #left, #right, #spacer, #path, #footer, #basket, #list-settings, #pager, div.units, form.units, p.back, #msg-box, div.form div.footer
	{
		display: none;
	}
	#proposal-detail div.footer
	{
		display: none;
	}
	#proposal-detail #article-detail
	{
		page-break: after;
	}
	h1, h2, h3, h4, h5, h6
	{
		page-break-after: avoid;
		font-weight: bold;
	}
	h1
	{
		font-size: 12.5pt;
	}
	h2
	{
		font-size: 12pt;
	}
	h3
	{
		font-size: 11.5pt;
	}
	h4
	{
		font-size: 11pt;
	}
	h5
	{
		font-size: 10.5pt;
	}
	h6
	{
		font-size: 10pt;
	}
	ol, ul
	{
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	hr
	{
		color: #000;
	}
	a
	{
		text-decoration: none;
	}
	#content
	{
		padding: 0px;
	}
	#content, #article-catalog, #article-table table
	{
		width: 624px;
		max-width: 624px;
	}	
	td {
		text-align: left;
	}
	/*
	table {
		width: 664px !important;
		margin: 0px;
	}

	#proposal-table {
		width: 624px;
	}

	div.list-table th
	{
		border-right: 1px solid #000;
	}
	div.list-table td
	{
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		background-color: transparent;
	}
	div.list-table td.first-td {
		border-left: 1px solid #000;
	}
	div.list-table tr.last td {
		border-bottom: 1px solid #000;
	}*/
	div.proposal-textblock {
		margin-bottom: 20px;
		width: 624px;
		border: none;
	}
	
	div.proposal-textblock p {
		margin: 0px;
	}
	
	input.proposal-textblock-button {
		display: none;
	}

	div.form.form-big h3
	{
		background-image: url(/res/form-big-top.gif);
	}
	
	.break_after {
		page-break-after: always;
	}
	.no-print {
		display: none;
	}
	
	img.proposal-logo
	{
		display: none;
	}
	img.proposal-logo-big
	{
		display: block;
	}
}

@media screen
{
	img.proposal-logo-big
	{
		display: none;
	}
}

img.PMBtn {
	margin-top: 7px;
	margin-right: 7px;
	float: left;
	cursor: pointer;
	cursor: hand;
	display: none;
}

* html img.PMBtn {
	margin-right: 5px;
}

img.btnEdit {
	display: block;
	cursor: pointer;
	cursor: hand;
	margin-left: 3px;
	margin-bottom: 10px;
}

img.proposal-logo, img.proposal-logo-big {
	position: absolute;
	right: 10px;
	top: 7px;
}

img.article-box-akce {
	position: absolute;
	left: 5px;
	bottom: 5px;
}