/* CSS DEFINICE PRO UZIVATELSKE ROZHRANI */

body {margin-left:10px; margin-right:10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color: #666;	font-weight:normal;	background-color:#ffffff; text-align:left}
.hlavni {margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color: #666; font-weight:normal; background-color:#dadada; background-repeat:repeat-x; text-align:center}
.shora {padding-top:10px; margin-top:20px;}
h1 {font-size:28px; }
h2 {font-size:15px; font-weight:bold; text-shadow:#aaaaaa 1px 1px 1px}
h3 {font-size:17px; font-weight:lighter; text-shadow: #888888 0px 0px 1px}
h1,h2,h3,h4 {color: #007DC3; padding:0;	margin-top:3px; margin-right:0; margin-bottom:5px;	margin-left:0;}
h1 {font-size:19px;	color:#633521}
h4 {font-weight:bold; font-size:15px; text-shadow: #aaaaaa 0px 0px 0px; color:#666666}
.zaoblit {-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px}
.zaoblit_malo {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.zaoblit_nahore {-moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px;-moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px}
.zaoblit_dole {-moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px}
div#obal {width:80%; text-align:left; margin-left:auto; margin-right:auto}
div#header {width:80%}
div#logo {width:230px; float:left; height:110px}
div#obalhdr {width:925px; float:left; height:110px}
div#hdrlang {width:918px; height:69px; padding-top:5px; padding-right:5px; text-align:right}
div#hdruser {width:918px; height:69px; padding-top:5px; padding-right:5px; text-align:right}
div#hdrapp {width:918px; height:37px; background-color:#000000; color:#CCCCCC; font-size:22px; text-align:center; }
div#obal2 {width:1155px}
div#cntfull {width:1103px; min-height:450px; left:5px; position:relative; float:left; padding:10px 20px 10px 20px; background-color:#FFFFFF; text-align:justify}
div#cntleft {width:calc(100% - 30px);left:5px; position:relative; float:left; padding:20px; background-color:#FFFFFF; text-align:justify; margin-bottom:20px;}
div#cntright {width:210px; left:15px; position:relative; float:left;  padding:10px 20px 10px 20px; background-color:#FFFFFF; text-align:justify}
div#cntright2 {width:230px; left:15px; position:relative; float:left;  padding:10px 0px 0px 10px; text-align:left; background-color:none}
div#sloup {width:210px; left:15px; position:relative}
div#footer {width:100%; clear:both; text-align:center; height:56px;}
div#footer_space {width:100%; height:20px; clear:both}
div#header_space {width:100%; height:10px; clear:both}
div#appname {padding-top:3px; text-shadow: #888888 0px 0px 1px}
div#appmenu {padding-top:0px; padding-left:10px; text-align:left}
div#hdrtitle{width:1143px; height:55px; background:#666666; clear:both; background-repeat:no-repeat; margin:5px; margin-bottom:15px}
div#buttons {width:100%; height:70px; position:absolute; bottom:0px; left:0px}

div#prodcntleftcont {width:200px; min-height:150px; left:5px; top:-20px; position:relative; float:left; padding:10px 10px 10px 10px; background-color:none; text-align:justify;
}


div#prodcntleft1 {width:190px; min-height:15px; position:relative; float:left; padding:20px 15px 15px 15px; background-color:#ffffff; text-align:justify;
overflow:hidden; white-space:nowrap; text-overflow: ellipsis;
/*background: -o-linear-gradient(top, #ffffff 0px, #F7F7F7 50px, #F7F7F7 100%) transparent;
background:	-moz-linear-gradient(center top , #ffffff 0px, #F7F7F7 50px, #F7F7F7 100%) repeat scroll 0% 0% transparent;*/
-webkit-box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);

}


div#prodcntleft {width:200px; min-height:150px; position:relative; float:left; padding:15px 10px 15px 10px; background-color:#ffffff; text-align:justify; margin-bottom:20px; margin-top:15px;
/*background: -o-linear-gradient(top, #ffffff 0px, #F7F7F7 50px, #F7F7F7 100%) transparent;
background:	-moz-linear-gradient(center top , #ffffff 0px, #F7F7F7 50px, #F7F7F7 100%) repeat scroll 0% 0% transparent;
*/
-webkit-box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 10px 0px rgba(204,204,204,1);
}

div#prodcatright {/*width:893px; */min-height:15px; left:15px; position:relative;  padding:10px 10px 10px 10px; background-color:#F9F9F9; text-align:justify;
border-bottom: 1px solid #cccccc;
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%) transparent;
background:	-moz-linear-gradient(center top , #ffffff 0%, #eeeeee 100%) repeat scroll 0% 0% transparent;
overflow:hidden; white-space:nowrap; text-overflow: ellipsis;
}



div#prodcntright {min-height:calc(100% - 80px);left:15px; position:relative; padding:10px 10px 10px 10px; background-color:#ffffff; text-align:justify;
/*background: -o-linear-gradient(top, #ffffff 0px, #F7F7F7 100%) transparent;
background:	-moz-linear-gradient(center top , #ffffff 0px, #F7F7F7 100%) repeat scroll 0% 0% transparent;*/
}

div#paging1 { background-color:#F8F8F8; margin-bottom:15px; height:35px;border:1px solid #D9D9D9;}
.paging_box { padding: 10px;}

#infscr-loading {
  text-align: center;
  z-index: 99999;
  position: fixed;
  left: 41%;
  bottom: 80px;
  width: 200px;
  padding: 10px;
  background: #000;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


a.prodcnt {color: #777777}
.prodcntdiv {color: #bbbbbb; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}

li.catlist {list-style: square}

#hdrtitle h1{font-size:18px; font-weight:lighter; color:#ffffff; padding-top:15px; padding-left:25px; text-shadow: #aaaaaa 0px 0px 1px}
a {color:#0A284C; text-decoration:underline}
a:hover {text-decoration:none}
.poznamka {font-style:italic; font-size:11px; color:#999999; padding-top:10px}
.poznamka2 {font-size:11px; color:#999999;}
.cara_dolni {border-bottom:1px solid #cccccc}
.chyba {color:#E62206; font-size:11px;}

select.pole {background:#F9F9F9; border:1px solid #D3D3D3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:18px}
textarea.pole {background:#F9F9F9; border:1px solid #D3D3D3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
input.pole {background:#F9F9F9; border:1px solid #D3D3D3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:18px}
input.pole_hledani {background:#F1F1F1; border:1px solid #D3D3D3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:18px}
input.pole_mnozstvi {background:#F9F9F9; border:1px solid #95CAFF; color:#444444; font-size:13px; text-align:center; height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

.ui-button {margin:0px; font-size:10px; font-weight:bold}
.buttony { padding-top:10px;}
#overlay {
	z-index:3;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	visibility:hidden;
}

#update-progress {
	z-index:2;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 99999;
	opacity: 0.90;
	-moz-opacity:0.90;
	filter:alpha(opacity=90);
	color: #333333;
	font-size:14px;
	font-weight:bold;
	line-height: 1.5;
	margin-top: 256px;
	margin-left: -175px;
	text-align: center;
	height: 100px;
	width: 300px;
	background:#e5e5e5;
	box-shadow: #666666 3px 3px 8px;
 	-webkit-box-shadow: #666666 3px 3px 8px;
 	-moz-box-shadow: #666666 3px 3px 8px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #bbbbbb;

	background: -o-linear-gradient(left, #cccccc 0px, #e5e5e5 50%, #cccccc 100%) transparent;
	background:	-moz-linear-gradient(center left , #cccccc 0%, #e5e5e5 50%, #cccccc 100%) repeat scroll 0% 0% transparent;
}

.update-progress-p span {
	color: #515151;
	font-size:20px;
	line-height: 1.5;
	text-align: left;
}


.menuitem {overflow:hidden; width:auto; white-space:nowrap; text-overflow: ellipsis}

td.report_bunka {padding: 5px;border-top: 1px solid #C4C4C4;}
td.report_bunka_vyrazna {padding: 5px;color:#222222;font-weight:bold;border-top: 1px solid #C4C4C4;}
tr.radek_hlavicka {background-color:#EEEEEE;font-weight:bold;height:20px;}
tr.radek_sudy {background-color:#F4F4F4;}
tr.radek_lichy {}
tr.radek_zvyrazneny {background-color:#FFE6E6;}
#radek_zvyrazneny {color:#D9EAFF}


.zbozi_boxik_maly{border-color:#f3f3f3;border-style:solid;border-width:0 0 2px;display:block;float:left; margin-left:5px; margin-bottom:15px;margin-right:10px;min-height:271px;position:relative;width:224px;height:312px;}

.last .zbozi_boxik_maly{margin-right:0px;}

.zbozi_boxik_maly .upper{border-color:#d4d4d4; background-color:#F0F0F0; border-style:solid;border-width:1px 1px 0;height:217px;position:relative;}
.zbozi_boxik_maly .upper h2{color:#363636 !important;height:29px;line-height:14px !important;margin-bottom:18px;overflow:hidden;padding:8px 10px 0;margin:0 0 18px !important; text-shadow:none; text-align:left}
.zbozi_boxik_maly .upper h2 a{color:#363636 !important;text-decoration:none;font-size:12px !important;}
.zbozi_boxik_maly .upper .img{display:table-cell;height:155px;line-height:155px;position:relative;text-align:center;vertical-align:middle;width:224px; padding-top:10px; background-color:#FFFFFF;}

.zbozi_boxik_maly .upper .fav1{background-image:url(../img/style/favorites.png);background-position:0px 0px; background-repeat:no-repeat; display:block;position:absolute;bottom:10px;right:10px;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ffffff;
}
.zbozi_boxik_maly .upper .fav1:hover{/*background-position:-18px 0px;*/ cursor:pointer; border:1px solid #bbbbbb;}
.zbozi_boxik_maly .upper .fav0{background-image:url(../img/style/favorites.png);background-position:-18px 0px; background-repeat:no-repeat; display:block;position:absolute;bottom:10px;right:10px;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ffffff;
}
.zbozi_boxik_maly .upper .fav0:hover{/*background-position:0px 0px;*/ cursor:pointer; border:1px solid #bbbbbb;}


.zbozi_detail .fav1{background-image:url(../img/style/favorites.png);background-position:0px 0px; background-repeat:no-repeat; display:block;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ffffff;}
.zbozi_detail .fav0{background-image:url(../img/style/favorites.png);background-position:-18px 0px; background-repeat:no-repeat; display:block;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ffffff;}



.zbozi_boxik_maly .upper .bskt_je{background-image:url(../img/style/shopping.png); background-repeat:no-repeat; display:block;position:absolute;bottom:5px;left:10px;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;}
.zbozi_boxik_maly .upper .bskt_neni{background-image:url(../img/style/shopping.png); background-repeat:no-repeat; display:none;position:absolute;bottom:5px;left:10px;width:20px;height:20px;text-indent:-9999px;outline:0; background-color:#ffffff;}


.zbozi_boxik_maly .lower{ background-color:#F6F6F6; repeat-x scroll 0 0 transparent;height:93px;position:relative;border-color:#d4d4d4;border-style:solid;border-width:0 1px 1px; border-top:1px solid #d4d4d4;}
.zbozi_boxik_maly p{margin:0 !important;}
.zbozi_boxik_maly p.description{color:#363636;font-size:11px !important;height:27px;line-height:14px;overflow:hidden;padding:8px 5px 0;color:#363636; text-align:left}
.zbozi_boxik_maly p.description .red{font-size:11px;font-weight:bold;text-transform:uppercase;}
.zbozi_boxik_maly .price{line-height:12px;position:absolute;left:7px;bottom:12px;}
.zbozi_boxik_maly .price *{color:#363636;}
.zbozi_boxik_maly .price .before{display:inline-block;padding-bottom:4px;font-size:11px;}
.zbozi_boxik_maly .price .before strong{font-size:11px;}
.zbozi_boxik_maly .price .current{color:#e45e08;font-weight:bold;padding:0 0px;font-size:16px;line-height:16px;}
.zbozi_boxik_maly .price .vat{font-size:9px;display:inline-block;font-size:9px;line-height:10px;vertical-align:bottom;width:54px;}
.zbozi_boxik_maly .warehouse{bottom:30px;height:20px;overflow:hidden;position:absolute; width:100%;}
.zbozi_boxik_maly .warehouse .inbasket{text-transform:lowercase;font-size:9px; float:left; display:block; padding-left:7px}
.zbozi_boxik_maly .warehouse .available{text-transform:lowercase;font-size:9px; float:right; display:block; padding-right:7px; color:#e45e08}

.zbozi_boxik_maly .count{font-size:11px;}
.zbozi_boxik_maly .button{position:absolute;bottom:10px;right:7px;}
.zbozi_boxik_maly .button{background-color:#0079BC; color:#fff;display:block;font-size:10px;font-weight:bold;line-height:20px;text-decoration:none;text-transform:uppercase;padding-left:7px;padding-right:7px;overflow:hidden;text-align:left;
background: -o-linear-gradient(top, #0079BC 0%, #0079BC 50%, #0095E6 100%) transparent;
background:	-moz-linear-gradient(center top , #0079BC 0%, #0079BC 50%, #0095E6 100%) repeat scroll 0% 0% transparent;
border:1px solid #005E91;
}
.zbozi_boxik_maly .button:hover{
background-color:#005E91;
background: -o-linear-gradient(top, #005E91 0%, #005E91 50%, #0079BC 100%) transparent;
background:	-moz-linear-gradient(center top , #005E91 0%, #005E91 50%, #0079BC 100%) repeat scroll 0% 0% transparent;
}

.cena{color:#e45e08;font-weight:bold;padding:0 0px;font-size:10px;line-height:10px;}
.skladem{text-transform:lowercase;font-size:9px; float:right; color:#e45e08}


/*.button2{position:absolute;bottom:10px;right:7px;}*/
.button2{background-color:#0079BC; color:#fff;display:block;font-size:10px;font-weight:bold;line-height:20px;text-decoration:none;padding-left:7px;padding-right:7px;overflow:hidden;text-align:left;
	background: -o-linear-gradient(top, #0095E6 0%, #0095E6 50%, #11ACFF 100%) transparent;
	background:	-moz-linear-gradient(center top , #0095E6 0%, #0095E6 50%, #11ACFF 100%) repeat scroll 0% 0% transparent;
	border:1px solid #0079BB;
}
.button2:hover{
	cursor:pointer;
	background-color:#0079BC;
	background: -o-linear-gradient(top, #0079BC 0%, #0079BC 50%, #0095E6 100%) transparent;
	background:	-moz-linear-gradient(center top , #0079BC 0%, #0079BC 50%, #0095E6 100%) repeat scroll 0% 0% transparent;
}



.zbozi_boxik_maly .action_button {overflow:hidden;position:absolute;top:44px;width:100%; background-color:#FFFFFF; border-top:1px solid #d4d4d4;}
.zbozi_boxik_maly .action_button .mid_btn {float:right; color:#007DC3; padding-right:5px; padding-top:5px; font-size:9px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif}

.clear,.cleaner{clear:both;height:1px;line-height:0px;font-size:0px;overflow:hidden;display:block;}


.search_icon {
	cursor: pointer;
	position: absolute;
	right: 13px;
	top: 24px;
	background-image:url(../img/style/search.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}


.deletion{background-image:url(../img/style/cancels.png);background-position:0px 0px; background-repeat:no-repeat; display:block; width:20px;height:20px;outline:0; background-color:#ffffff;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;
}
.deletion:hover{background-image:url(../img/style/cancels.png);background-position:-20px 0px; background-repeat:no-repeat; display:block;width:20px;height:20px;outline:0; background-color:#ffffff;
cursor:pointer; border:1px solid #bbbbbb;}


/* stejne jako v index.html */
	body { font-size:14px;}
	/* skupiny tlacitek dole */
	.buttons {border-top:1px solid #CCCCCC; padding-top:15px; margin-top:15px}
	.buttons_left {float:left;}
	.buttons_right {text-align:right;}

	/* tlacitka */
	button {padding:0.4em 1em; margin:0px 2px; font-size:12px; letter-spacing:0.5px; font-weight:bold; border-radius:4px; border:1px solid #D3D3D3; color:#555; cursor:pointer;}
	button:hover {background:#E1E1E1; border:1px solid #999999}
	.btn_default {background:#008CD0; color:#FFFFFF; border:1px solid #006697;}
	.btn_default:hover {background:#007EBA; border:1px solid #003046}