/* 
==================================================
	MAIN TAG STYLES - START
==================================================
*/
body
{
	margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #58585A;
	background: #A6CAE1 url('../_img/bck/page_main.gif') repeat-x;
	filter:none;
}

a
{
	color: #0066AA;
	text-decoration: none;
	font-weight: normal;
}

a:hover
{
	text-decoration: underline;
}

ul
{
	margin: 5px 0px 5px 5px;
	padding: 0px 0px 0px 5px;
	list-style:none;
}

UL LI { background:url('../_img/ico/arrow_right.gif') no-repeat 0 2px; padding-left:17px; list-style-position:outside; min-height:16px; margin-bottom:4px;}

ol
{
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	
}

ol li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img
{
	border: 0px none;
}

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

select {
	height:20px;
	border:1px solid #CDCDC8;
	color:#58585A;
	padding-left:5px;
	padding-top:0px;
	padding-right:0px;
	margin:0px;
}

input 
{
	height:20px;
	border:1px solid #CDCDC8;
	color:#808080;
	margin:0px;
	padding:0px;
	
}

textarea 
{
	  
}

h1 
{
	font-family: Tahoma, Arial;
	display:block;
	font-weight:normal;
	font-size:22px;
	margin:0px;
	padding-bottom:16px;
	color:#0066AA;
}

h2 
{
	font-family: Tahoma, Arial;
	font-weight:normal;
	font-size:18px;
	margin:0px;
	padding:0px;
	color:#0066AA;
}

h3 
{
	font-family: Tahoma, Arial;
  	font-weight:bold;
	font-size:14px;
	margin:0px;
	color:#0066AA;
}

h4 
{
	font-family: Arial Black, Arial;
	font-weight:bold;
	font-size:14px;
	padding:5px 0 0 0;
	margin:0px;
	/*color:#000000;*/
}

h5 {
	font-family: Tahoma, Arial;
	font-weight:bold;
	font-size:11px;
	margin:0px;
	color:#0066AA;
}

h6 {
	font-family: Tahoma, Arial;
	color:#0066AA;
	margin:0px;
	font-weight:normal;
	font-size:14px;
}

p 
{
	margin:0px;
	padding-bottom:10px;
	text-align:justify;
}

/* 
==================================================
	GENERAL CLASSES - START
==================================================
*/
a.errmsg, .errmsg {
	font-size: 11px;
	font-weight : bold;
	color : #CC0000;
}

a.succmsg, .succmsg {
	font-size: 11px;
	font-weight : bold;
	color : #006633;
}

div.break {
	clear: both;
	height:0px;
	min-height:0px;
	font-size: 0px;
	margin:0px;
	padding:0px;
}

.b {
	font-weight: bold !important;
}

.i {
	font-style:italic;
}

/* nahrada za HR */
.divider { font-size:0px; height:1px; background:#58585A;}

a.btn_sort_asc 
{
	display:block;
	background:url('../_img/btn/sort_asc.gif') no-repeat;
	height:22px;
	line-height:22px;
	width:104px;
	text-indent:7px;
	color:#58585A;
	text-decoration:none;
	font-size:12px;
}

a.btn_sort_desc 
{
	display:block;
	background:url('../_img/btn/sort_desc.gif') no-repeat;
	height:22px;
	line-height:22px;
	width:104px;
	text-indent:7px;
	color:#58585A;
	text-decoration:none;
	font-size:12px;	
}

a.btn_sort_none
{
	display:block;
	background:url('../_img/btn/sort_none.gif') no-repeat;
	height:22px;
	line-height:22px;
	width:104px;
	text-indent:7px;
	color:#58585A;
	text-decoration:none;
	font-size:12px;	
}

/* standardni tlacitko - velka velikost */
a.btn_bg, .btn_bg
{
	display:block;
	background:url('../_img/bck/btn-bg.gif') no-repeat;
	width:110px;
	height:26px;
	line-height:26px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	cursor:pointer;
	text-decoration:none !important;
}

/* standardni tlacitko - stredni velikost */
a.btn_me, .btn_me
{
	display:block;
	width:109px;
	height:22px;
	line-height:22px;
	background:url('../_img/btn/btn_me.gif') no-repeat;
	color:#E2001A;
	font-weight:bold;
	text-indent:12px;
	margin-top:12px;
	cursor:pointer;
	text-decoration:none !important;
}

/* standardni tlacitko - mala velikost */
a.btn_sm, .btn_sm
{
	display:block;
	background:url('../_img/bck/btn-me.gif') no-repeat;
	width:69px;
	height:26px;
	line-height:26px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	cursor:pointer;
	text-decoration:none !important;
}

INPUT.in_text { background:#ffffff; border:1px solid #0066AA; height:16px; padding-top:0px; padding-left:5px; padding-right:5px; font-size:11px;}
INPUT.in_submit, A.in_submit { border:0 none; cursor:pointer; display:block;}
INPUT.checkbox, .checkbox INPUT { padding:0 0 0 0; margin:0 0px 0 0; vertical-align: middle !important; text-align: left; background:none !important; border:0px none !important;}
INPUT.mandatory { }
INPUT.alert { border-color:#FFCC00;}

.highlight { color:#FFCC00 !important; font-weight:bold;}
.standard { color:#808080 !important; font-weight:normal !important;}
.normal { font-weight:normal !important;}

/* floating */
.fleft { float:left;}
.fright { float:right;}

/* velikost textu */
.bigtext { font-size:13px !important;}
.middletext { font-size:12px !important;}
.smalltext { font-size:10px !important;}

.visible { display:block !important;}

/* standardni styl pro boxy */
.box {
	width:100%; margin-top:5px; margin-bottom:5px;
}
.box .header { color:#000000;}
.box .header h2 { height:40px; line-height:40px; margin:0px; padding:0px;}
.box .header a { display:block; color:#000000; font-weight:bold; text-decoration:none;}
.box .header a:hover { text-decoration:none;}
.box .header .hlabel { display:block; height:40px;}
.box .corner-top-left { float:left;}
.box .corner-top-right { float:right;}
.box .cnt { clear:both; min-height:50px; padding:10px 5px 0 10px;}
.box .cnt .label { text-align:left; font-weight:bold;}
.box .cnt p { text-align:justify;}
.box .cnt a.link { text-align:left;}
.box .corner-bottom-left { float:left;}
.box .corner-bottom-right { float:right;}

/* 
==================================================
	PAGE STRUCTURE - START
==================================================
*/
#main 
{
	width: 984px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
	/*background: url('../_img/bck/main.jpg') no-repeat 0px 44px;*/
}

#main  #top {
    width: 984px;
    height:44px;
}

#main .hppageheader, #main .cntpageheader {
    position: relative;
    width: 984px;
	height:352px;
}

#main #panel {
    width: 984px;
    height:162px;
}

#main #content {
    width: 984px;
    min-height: 400px;
	background:#ffffff;
}
#main #content #rightcol { float:right; width:220px; padding-top:44px; padding-left:20px;}
#main #content #maincol { float:left; width:676px; padding-left:34px; padding-right:34px; padding-top:44px; padding-bottom:0px;}
#main #content #maincolfull { width:916px; padding-left:34px; padding-right:34px; padding-top:44px; padding-bottom:0px;}

#main  #footer {
    width: 984px;
    height: 57px;
	background:#ffffff;
}

/* 
==================================================
	PAGE ELEMENTs - START
==================================================
*/
/* horni navigace */
#main  #top .divlist {
	height:44px;
}
#main  #top .divlist .listitem { float:left; height:19px; background:#FFFFFF; padding-top:12px; font-size:12px; padding-left:15px; padding-right:15px;}
#main  #top .divlist .listitem:hover { background:#F2F7FB url('../_img/bck/odrazka-mala-modra.gif') no-repeat scroll 8px 18px; text-decoration:none;}
#main  #top .divlist .first { width:96px; height:44px; padding:0px; background:url('../_img/bck/topnavig_first_cz.gif') no-repeat;}
#main  #top .divlist .first:hover { width:96px; height:44px; padding:0px; background:url('../_img/bck/topnavig_first_cz.gif') no-repeat;}
/*#main  #top .divlist .last { background:#FFFFFF url('../_img/bck/topnavig_last.gif') no-repeat right 0px;}*/
/*#main  #top .divlist .last:hover { background:#F2F7FB url('../_img/bck/topnavig_last_h.gif') no-repeat right 0px;}*/
#main  #top .divlist .last { background:#FFFFFF url('../_img/bck/topnavig_last.gif') no-repeat right 0px;}
#main  #top .divlist .last:hover { background:#F2F7FB url('../_img/bck/odrazka-mala-modra.gif') no-repeat scroll 8px 18px;}
#main  #top .divlist .selected { background:#BFD9EA;}
#main  #top .divlist .selected:hover { background:#BFD9EA;}
#main  #top .divlist .last_selected { background:#BFD9EA url('../_img/bck/topnavig_last_s.gif') no-repeat right 0px;}
#main  #top .divlist .last_selected:hover { background:#BFD9EA url('../_img/bck/topnavig_last_s.gif') no-repeat right 0px;}

/* obsah hlavicky */
#main .hppageheader #mainlogo, #main .cntpageheader #mainlogo { display:block; float:left; width:240px; height:43px; background:url('../_img/logo/main.jpg') no-repeat; margin-top:72px; margin-left:34px; cursor:pointer;}
#main .hppageheader #slogan, #main .cntpageheader #slogan { display:block; float:right; width:105px; height:15px; background:url('../_img/logo/slogan.jpg') no-repeat; margin-top:87px; margin-right:110px;}

#main #panel .default { display:block; float:left; margin-right:5px;}

/* box s filtrem a razenim */
#main #content .filterbox { width:460px; margin-top:0px;}
#main #content .filterbox .cnt { background:url('../_img/bck/box_filter_cnt.gif') no-repeat; height:56px !important; min-height:30px; padding:19px 0px 18px 10px;}
#main #content .filterbox .cnt TABLE TD { padding-right:6px;}
#main #content .filterbox .cnt TABLE TD.label { color:#0066AA; width:65px !important;}
#main #content .filterbox .cnt TABLE TD .in_select { width:136px;}
#main #content .filterbox .cnt TABLE.filterform { padding-right:10px; margin-bottom:11px;}

/* box akcni nabidka na HP */
#hpakce { width:183px;}
#hpakce .header a { height:28px; width:100%; padding-bottom:8px;}
#hpakce .cnt { border:1px solid #E6E4E1; width:183px; padding-top:13px; padding-left:0px; padding-right:0px;}
#hpakce .cnt #placeholder { width:145px; padding-left:19px; padding-right:17px; height:240px; vertical-align: middle;  }
#hpakce .cnt .cntsubtitle { display:block; height:48px; width:145px; padding-bottom:10px; margin-left:19px;}
#hpakce .cnt #placeholder .cena { display:block; font-size:18px; color:#0066AA; padding-top:5px; padding-bottom:5px;}
#hpakce .cnt #placeholder p { color:#0066AA; padding-top:12px; width:145px;}

/* box navigace na HP */
#hpnavig { float:right; width:240px; padding:0px; margin:0px;}
#hpnavig .header a { height:40px; width:100%; padding:0px;}
#hpnavig .header span { display:block; height:40px; width:100%; padding:0px;}
#hpnavig .cnt { padding-top:0px; height:122px; background:url('../_img/bck/box_hpnavig_cnt.gif') no-repeat; font-size:12px;}
#hpnavig .cnt .divlist { border-bottom:1px dotted #A9CCE1;}
#hpnavig .cnt .divlist .listitem { border-top:1px dotted #A9CCE1; color:#585858; background:url('../_img/ico/arrow_right_violet.gif') no-repeat 0px 4px;}
#hpnavig .cnt .divlist .listitem:hover { color:#585858; background-color:#F1F7FA; text-decoration:none;}
#hpnavig .cnt .divlist .selected { background-color:#66A3CE;}
#hpnavig .cnt .divlist .selected:hover { background-color:#66A3CE;}

/* box nakupni kosik na HP */
#kosikbox { width:240px; float:right; margin-top:25px;}
#kosikbox .header { height:25px; line-height:25px; color:#ffffff; background:#0066AA; padding-top:9px; padding-left:16px;}
#kosikbox .header .hlabel { display:block; float:left; width:39px; height:17px;}
#kosikbox .header .in_text { float:left; width:140px; margin-left:10px;}
#kosikbox .header .in_submit { float:left; width:16px; height:16px; background:#0066AA url('../_img/ico/arrow_bluewhite.gif') no-repeat 8px 5px; cursor:pointer;}
#kosikbox .cnt { height:146px; background:url('../_img/bck/box_kosik_cnt.gif') no-repeat; padding-top:16px; padding-left:10px;}
#kosikbox .cnt .cntsubtitle { display:block; width:97px; height:18px;}
#kosikbox .cnt .pokladna { display:block; width:109px; height:22px; background:url('../_img/btn/btn_kosikbox.gif') no-repeat; color:#E2001A; font-weight:bold; padding-left:12px; padding-top:4px; margin-top:12px;}
#kosikbox .cnt .pokladna:hover { text-decoration:none;}
#kosikbox .cnt .obsahuje { display:block; background:url('../_img/ico/arrow_right_red.gif') no-repeat 0px 3px; color:#58585A; padding-left:15px; margin-top:13px;}
#kosikbox .cnt .cena { display:block; color:#58585A; margin-top:8px;}
#kosikbox .cnt .cena .b { padding-right:8px;}
#kosikbox .cnt .username { display:block; font-weight:bold; margin-top:13px;}
#kosikbox .cnt .username a { font-weight:bold;}
#kosikbox .cnt .username a.logoutbtn { font-weight:normal;}

/* obsah paticky */
#main  #footer #pagecontrols { height:33px; padding-left:34px;}
#main  #footer #pagecontrols .listitem { float:left; height:33px; line-height:33px; padding-right:28px; cursor:pointer;}
#main  #footer #pagecontrols .print { background:url('../_img/ico/print.gif') no-repeat 0px 10px;}
#main  #footer #pagecontrols .up { background:url('../_img/ico/up.gif') no-repeat 0px 12px;}
#main  #footer #bottomline { height:24px; width:100%; background:#CCE0EE;}
#main  #footer #bottomline #copyright { float:left; width:165px; height:24px; line-height:24px; padding-left:405px;}
#main  #footer #bottomline .divlist { float:right; height:24px;}
#main  #footer #bottomline .divlist .listitem { height:24px; line-height:24px; background-position:0px 9px; padding-right:9px; padding-left:15px;}

/* standardni styl pro seznam block elementu nebo odkazu */
.divlist { padding:0px; margin:0px;}
.divlist .listitem { display:block; height:16px; line-height:16px; background:url('../_img/ico/arrow_right.gif') no-repeat 0px 3px; padding-left:20px;}

/* drobeckova navigace */
#trace { margin:0px; width:550px; padding-top:7px; padding-bottom:37px;}
#trace .navig { background:url('../_img/ico/arrow_right.gif') no-repeat 0px 3px; padding-left:3px;}
#trace .navig a { display:block; float:left; font-weight:normal; padding-right:10px; background:url('../_img/ico/arrow_plain_right.gif') no-repeat right 4px; color:#0066AA; text-indent:10px;}
#trace .navig a.kapitalky {font-variant: small-caps; display:block; float:left; font-weight:normal; padding-right:10px; background:url('../_img/ico/arrow_plain_right.gif') no-repeat right 4px; color:#0066AA; text-indent:10px;}
#trace .navig span { display:block; float:left; font-weight:normal; padding-left:10px; color:#000000; padding-right:10px; background:url('../_img/ico/arrow_plain_right.gif') no-repeat right 4px;}
#trace .navig span.actual { display:block; float:left; font-weight:normal; padding-left:4px; color:#000000; background:none;}

/* obecne styly datove tabulky */
.datatable { width:100%; margin-bottom:24px; margin-top:7px; text-align:left; border-top:1px solid #58585A; border-bottom:1px solid #58585A;}
.datatable a { text-decoration:none;}
.datatable a:hover { text-decoration:underline;}
.datatable TR.head { height:23px;}
.datatable TR.head TD { text-align:left; color:#0066AA; border-bottom:1px solid #58585A; font-weight:bold;}
.datatable TR.item, .datatable TR.alter { }
.datatable TR.item TD, .datatable TR.alter TD {  border-bottom:1px solid #A5A7AA; padding:5px 5px 5px 5px;}
.datatable TR.subtitle { height:23px;}
.datatable TR.subtitle TD { font-weight:bold; border-bottom:1px solid #A5A7AA; padding:0 5px 0 5px;}
.datatable TR.foot { height:23px;}
.datatable TR.foot TD { background:#ffffff; font-weight:bold;}
.datatable TR.foot TD .btn_me { float:right; margin-bottom:12px;}
.datatable TR TD.def { background:#ffffff;}
.datatable TR TD.alter { background:#F2F7FB;}
.datatable TR TD.obrazek { padding-left:4px; width:135px;}
.datatable TR TD.nazev { font-weight:bold; padding-left:5px;}
.datatable TR TD.nazev a { font-weight:bold;}
.datatable TR TD.pocet { text-align:center;}
.datatable TR TD.pocet INPUT { text-align:right;}
.datatable TR TD.kod {  text-align:left;}
.datatable TR TD.cena {   text-align:right; padding-right:5px;}
.datatable TR TD.info { text-align:right; padding-right:5px;}
.datatable TABLE { margin-top:8px; margin-bottom:8px;}

/* obecne styly formularove tabulky */
.tblform { width:100%; margin-bottom:24px; margin-top:7px; text-align:left; border-top:1px solid #58585A;}
.tblform TD.label { font-weight:bold;}
.tblform TD.btnback .btn_me { float:left; background:url('../_img/btn/btn_me_rev.gif') no-repeat; padding-left:0px; text-indent:28px;}
.tblform TD.btnnext .btn_me { float:right;}

/* obecne style paneloveho zobrazeni seznamu */
.paneltable { width:100%; margin-top:36px;}
.paneltable TD.card { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:48px;}
.paneltable TD.card .item { width:312px; margin-top:0px; margin-bottom:0px;}
.paneltable TD.card .item .header { background:url('../_img/bck/katitem_head.gif') no-repeat; height:35px; padding:0;}
.paneltable TD.card .item .header a { display:block; width:286px; height:20px; padding-left:18px; padding-right:8px; padding-top:5px; font-size:12px; color:#0066AA;}
.paneltable TD.card .item .cnt { height:169px; background:url('../_img/bck/katitem_cnt_full.gif') no-repeat; padding-top:5px; padding-left:16px;}
.paneltable TD.card .item .cnt .img { border:1px solid #E6E4E1; width:144px; height:144px; text-align:center; overflow:hidden; background-color:#FFFFFF;}
.paneltable TD.card .item .cnt .imgonly { border:1px solid #CBCBCB; width:205px; height:155px; text-align:center; overflow:hidden;}
.paneltable TD.card .item .cnt .info { float:right; width:120px; color:#020202; padding-right:10px;}
.paneltable TD.card .item .cnt .info TABLE {}
.paneltable TD.card .item .cnt .info TD { padding-bottom:5px;}
.paneltable TD.card .item .cnt .info TD.label { font-weight:normal; text-align:left; padding-right:6px;}
.paneltable TD.card .item .cnt .info p.popis { display:none; padding-top:12px; height:18px !important; overflow:hidden;}
.paneltable TD.card .item .cnt .cena { display:block; color:#0066AA; font-size:14px; font-weight:bold; padding:15px 0px 0 0px;}
.paneltable TD.card .item .cnt .btn_me { position:absolute; top:117px; left:175px;}

.paneltable TD.card .item.red .header { background:url('../_img/bck/katitem_head_red.gif') no-repeat; height:35px; padding:0; color: #ffffff;}
.paneltable TD.card .item.red .header a { color:#FFFFFF;}
.paneltable TD.card .item.red .cnt { background:url('../_img/bck/katitem_cnt_full_red.gif') no-repeat;}
.paneltable TD.card .item.red .cnt .info { color:#FFFFFF;}
.paneltable TD.card .item.red .cnt .cena { color:#FFFFFF;}
.paneltable TD.card .item.red .cnt .akce { position:absolute; left:40px; top:153px; color:#FFFFFF; font-weight:bold;}

/* blok obsahujici formatovany text */
.article { margin-bottom:24px;}
.article h2 { padding-top:10px;	padding-bottom:6px;}
.article h3 { padding-bottom:10px;}
.article strong { font-weight:bold; font-size:12px;}
.article p { padding-bottom:18px;}
.article ul { margin-bottom:18px;}
.article h6 { font-weight:normal !important; font-size:14px; color:#0066AA;}
.article table { margin-bottom:24px; margin-top:7px; text-align:left; width:100%; border-top:1px solid #58585A; border-bottom:1px solid #58585A;}
.article table th { text-align:left; color:#0066AA; height:23px; border-bottom:1px solid #58585A;}
.article table td { height:19px; border-bottom:1px solid #A5A7AA; padding:0 5px 0 5px;}
.article table td.subtitle { font-weight:bold;}
.article table td.alter { background:#F2F7FB;}

/* ovladani seznamu */
.listcontrol { padding-bottom:40px;}
.listcontrol .pagesize { float:left; width:150px;}
.beforelist { padding-bottom:20px; margin-top:36px;}
.afterlist { }

/* dropdown nabidka */
#sddm
{	margin: 1px 0px 0px 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0px 0px 0px 5px;
	color:#585858;
	background: #ffffff;
	border: 1px solid #DDDDDD;
	width: 218px !important;
	list-style: none;
	float: left;
	height:15px !important;
}

#sddm li a
{	display: block;
 	width: 218px !important;
	margin: 0 1px 0 0;
	background: #ffffff url("../_img/bck/btn_select.gif") no-repeat;
	background-position: right 0px;
	color:#585858;
	text-decoration: none}

#sddm li a:hover
{	background: #ffffff url("../_img/bck/btn_select.gif") no-repeat;
	background-position: right 0px;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 2px;
	margin-left: -6px;
	padding: 0;
	background: #ffffff;
	width: 223px !important;
	border: 1px solid #DDDDDD;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 1px 10px;
		width: 200px !important;
		height:16px !important;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color:#585858;
		border-bottom:1px dotted #A9CCE1;
		background:url('../_img/ico/arrow_right_violet.gif') no-repeat 0px 4px;
	}

	#sddm div a:hover
	{	
		background:url('../_img/ico/arrow_right_violet.gif') no-repeat 0px 4px;
		color:#585858; background-color:#F1F7FA; text-decoration:none;
	}

/* 
==================================================
	HOMEPAGE TEMPLATES - START
==================================================
*/
/* sablona homepage typu login */
.login #panel { display: none;}
.login #kosikbox { display: none;}
.login .tblform {  border-top:0px none; }
.login .tblform TD.label { width:120px;}
.login .divider { margin-bottom:24px;}
.login .tblform TD .btn_me { margin:0px;}
.login .tblform TD.input { width:165px;}