* {margin:0px;padding:0px;}
html,body {height:100%;}
*:focus {outline:none;}
a {color: #0395DE;}
h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
body {
  font-family: Trebuchet MS, Tahoma, Arial, Arial CE, Verdana, sans-serif;
  font-size: 75%; 
  color: #000;
  text-align: center;
	background: #E3E3E3;
}
input,select,textarea {font-family: Trebuchet MS, Tahoma, Arial, Arial CE, Verdana, sans-serif;}
#wrapper {
  position:relative;
  width: 970px;
  padding: 0px 15px;
  margin: 0 auto;
  text-align: left;
  background: #FFF;
  height: 100%;
  background: #FFF url(../images/layout/bgPage.gif) repeat-y;
}
body>#wrapper {
	height:auto;
	min-height:100%;
}
#mainHeader {
	position:relative;
	height: 80px;
	background: url(../images/layout/icoShop.png) 20px 0 no-repeat;
	margin: 0 -10px 1px -10px;
	border-bottom: 1px solid #BCBCBC;
	border-top: none;
}
#mainHeader h1 {font-size:230%;line-height:80px;}
#linkHome {position:absolute;color:#333;text-decoration:none;width:150px;height:100%;line-height:80px;padding-left:120px;}
#linkLogout {position:absolute;right:50px;top:20px;}
#footer {position:absolute;width:950px;bottom:0px;border-top:1px dotted #0097DC;padding:15px 0;margin:0 10px;text-align:right;}
#footer img {position:relative;top:3px;}

/* login */
#wrapperLogin {
	position: absolute;
	width:1px;
	height:1px;
	top:45%;
	left:50%;
}
#loginForm {
	position: relative;
	background:#FFF;
	border-left:2px solid #999;
	border-top:2px solid #999;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	width: 320px;
	left: -180px;
	top:-90px;
	padding:35px 20px;
	background-image: url(../images/layout/lock.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	line-height: 230%;
}
#loginForm h2 {
	position: relative;
	top: -18px;
}
#loginForm input {
	border:1px solid #999;
	padding:3px;
	color:#333;
	text-align:center;
	width:150px;
	font-size: 100%;
}
#loginForm .button {
	width:158px;
	background:#F4F4F4;
	color:#666;
}
#loginForm #promo {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
	margin-left: -20px;
}
#loginForm #promo img {position:relative;top:3px;}
#wrapperLogin .flash {
	position: absolute;
	top: -150px;
	width: 300px;
	left: -200px;
}

/* main navigation */
#mainNavigation {
  position: relative;
  list-style-type: none;
  width: 990px;
  height: 36px;
  background: url(../images/layout/bgNavigation.jpg) repeat-x;
  color: #FFF;
  margin:0 -10px;
  border-top: 1px solid #0088D8;
}
#mainNavigation li {
  display: inline;
  line-height: 36px;
}
#mainNavigation li a {
  line-height: 36px;
  height: 36px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0 20px;
  margin-left: 20px;
  text-align: center;
}
#mainNavigation li a.current, #mainNavigation li a:hover {
  background: #D8F0FC;
  color: #00467D;
}
#mainSubNavigation {
  position: relative;
  list-style-type: none;
  width: 990px;
  height: 25px;
  margin: 0 -10px;
  /*background: #D8F0FC;*/
  color: #000;
  border-bottom: 2px solid #0088D8;
}
#mainSubNavigation li {
  display: inline;
  line-height: 25px;
}
#mainSubNavigation li a {
  line-height: 25px;
  height: 25px;
  color: #0088D8;
  display: block;
  float: left;
  padding: 0 10px;
  margin-left: 10px;
  text-align: center;
}
#mainSubNavigation li a.current, #mainSubNavigation li a:hover {
  text-decoration: none;
  color: #242424;
}
#controllerNavigation {
  list-style-type: none;
  margin-bottom: 15px;
}
#controllerNavigation li {display:inline;}
#controllerNavigation a {
	padding: 5px 10px 5px 28px;
	line-height: 20px;
	text-decoration: none;
}
#controllerNavigation a.linkAdd {
	background: url(../images/icons/add.png) 5px center no-repeat;
}
#controllerNavigation a.linkBack {
	background: url(../images/icons/back.png) 5px center no-repeat;	
}
#controllerNavigation a.linkFwd {
	background: url(../images/icons/next.png) 5px center no-repeat;	
}

/* content */
#content {
  position: relative;
  width: 950px;
  margin: 15px 10px 0 10px;
  padding-bottom: 70px; /* kvuli paticce */
  background: #FFF;
}
.folderHolder {
  position: relative;
  border-top: 1px solid #CCC;
  margin-top: 40px;
  padding-top: 20px;
}
.folderHolder a {
  position: absolute;
  display: block;
  float: left;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #CCC;
  top: -22px;
  left: 5px;
}

#content h1,#content h3 {color:#666;}
#content h2 {
  color: #0088D8;
  border-bottom: 3px solid #0097DC;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.resultTable,.checkboxCategories {border-collapse:collapse;width:100%;margin-bottom:20px;}
.resultTable th,.checkboxCategories th {
  padding: 8px;
  border: 1px solid #CCC;
  text-align: center;
  font-size: 95%;
  background: #C6DBFF url(../images/layout/bgTh.gif) no-repeat;
  color: #333;
}
.resultTable td,.checkboxCategories td {
  padding: 7px;
  border: 1px solid #CCC;
}
.resultTable tr.dark, tr.dark {
	background: #D8F0FC;
}
.resultTable tr.light, tr.light {
	background: #FFF;
}

/* forms */
.formTable {margin-bottom:5px;}
.formTable.basicValues {
	margin-bottom: 20px;
	background: #D8F0FC;
	border: 1px solid #C7DBFC;
}
.formTable.separateValues {
	margin-bottom: 20px;
	background: #D8F0FC;
	border: 1px solid #C7DBFC;
	width: 100%; 
}
.formTable th, .formTable td {
  padding: 3px 10px 3px 0;
  text-align: left;
  font-weight: normal;
}
.basicValues th, .basicValues td {
  padding: 10px;
  text-align: left;
  font-weight: normal;
}
.separateValues th, .separateValues td {
  padding: 5px 10px;
  text-align: left;
  font-weight: normal;
}
tr.filter th {
  padding: 5px;
}
tr.filter th .inputText, tr.filter th select {
	border: 1px solid #A7A6AA;
	padding: 1px;
}
td .inputText {
  width: 250px;
  padding: 2px;
  border: 1px solid #A7A6AA;
}
.selectBox {
	padding: 1px;
	width: 256px;
  border: 1px solid #A7A6AA;
}
select {border: 1px solid #A7A6AA;padding:1px;}
td .inputText.inputLonger {width:420px;}
td .inputText.inputLongest {width:620px;}
td .inputText.inputShort {width:60px;}
td select.inputMiddle {width:256px;}
td select.inputLonger {width:406px;}
td select.inputShort {width:66px;}
td select.inputShorter {width:106px;}
input.inputDatepicker {width:76px;}
textarea.textAreaEmail {width:790px;}
input.inputPrice {width:100px;}
.submitBtn {margin:8px 0 30px 0;}
textarea {padding: 2px;border: 1px solid #A7A6AA;font-size: 1.15em;}
textarea.inputLongest {width:620px;}
.inputText.csLang {background: #FFF url(../images/lang/flagCzech.png) 2px -2px no-repeat;padding-left:30px;}
.inputText.enLang {background: #FFF url(../images/lang/flagEnglish.png) 2px -2px no-repeat;padding-left:30px;}
.inputText.plLang {background: #FFF url(../images/lang/flagPoland.png) 2px -2px no-repeat;padding-left:30px;}
textarea.csLang {background: #FFF url(../images/lang/flagCzech.png) 2px center no-repeat;padding-left:30px;}
textarea.enLang {background: #FFF url(../images/lang/flagEnglish.png) 2px center no-repeat;padding-left:30px;}
textarea.plLang {background: #FFF url(../images/lang/flagPoland.png) 2px center no-repeat;padding-left:30px;}
input.required,select.required {border-color:#FF6666;}
.formTable label {padding-right: 30px;}
.formTable label input[type=radio],#formTable label input[type=checkbox],
#infoConcept input,#infoCheckBoxLabel input,#dialogFormPhoto #chBoxPhotoDisplay,
#dialogFormFile #chBoxFileDisplay {
	position: relative;
	margin-right: 10px;
	top: 2px;
}
.formTable.radio-type-1 {width:100%;}
.atrLinkDelete {position:relative;padding:1px 8px;background:url(../images/icons/icoRemove.png) no-repeat;margin-left:12px;text-decoration:none;}
.atrLinkDelete span {display:none;}
#fragment-payment label, #fragment-transport label {
	position: relative;
	background: #FFF;
	padding: 5px 20px;
	border: 1px solid #A7A6AA;
	display: block;
	margin: 10px 0;
	cursor: pointer;
}
#fragment-payment input, #fragment-transport input {position:relative;top:2.5px;margin-right:15px;}

/* product photo */
.productPhoto {
	position: relative;
	float: left;
	padding: 1px;
	border: 1px solid #637A8C;
	background: #FFF;
	margin: 15px 6.5px 0 6.5px;
	text-align: center;
	width: 212px;
}
.productPhoto img, #dialogFormPhoto img {border:1px solid #637A8C;padding:7px;background:#FFF;}
.productPhoto p {margin-top:1px;border:1px solid #637A8C;padding:5px;background:#FFFFAA;}
.productPhoto .icons {background:#FFF;border:1px solid #637A8C;padding:4px;margin-bottom:1px}
.productPhoto .icons img {position:relative;top:3px;border:none;padding:0;margin:0 5px;}
#dialogFormPhoto .inputText,#dialogFormFile .inputText {margin:5px 0;}
#dialogFormPhoto .photoDetail {position:relative;float:left;text-align:center;border:1px solid #637A8C;background:#FFFFAA;padding:1px;margin:0 5px 5px 0;}
#dialogFormPhoto .photoDetail img {border:none;padding:4px;border-top:1px solid #637A8C;border-bottom:1px solid #637A8C;}
#dialogFormPhoto input.inputFotoDescription,#dialogFormFile input.inputFileDescription {padding-top:4px;padding-bottom:3px;}
#dialogFormFile a {text-decoration:none;}
#dialogFormFile a img {position:relative;top:3px;margin-right:5px;}
.icoAfterInput {position:relative;top:3px;margin-left:8px;}

/* others */
.txtAlCntr {text-align:center;}
.txtAlLft, th.txtAlLft {text-align:left;}
.txtAlRgt {text-align:right;}
.txtAlTop {vertical-align:baseline;}
.validationError {
	position: relative;
	margin-bottom: 8px;
	padding: 8px 40px;
	background: #FFFFAA url(../images/icons/validationError.png) 10px center no-repeat;
	border-top: 1px solid #FF3333;
	border-bottom: 1px solid #FF3333;
	color: #FF0000;
}
.flash {
	position: relative;
	margin-bottom: 8px;
	padding: 15px 50px;
	border-top: 1px solid #F8DB54;
	border-bottom: 1px solid #F8DB54;
}
.flash.succes {background: #FFFFAA url(../images/flash/flashMsgOk.png) 10px center no-repeat;}
.flash.info {background: #FFFFAA url(../images/flash/flashInfo.png) 10px center no-repeat;}
.flash.error {background: #FFFFAA url(../images/flash/flashMsgError.png) 10px center no-repeat;}
.infoTip {position:relative;background: #FFFFAA url(../images/flash/info.png) 10px center no-repeat;padding:6px 10px 6px 60px;border:1px solid #F8DB54;margin-top:10px;}
#infoConcept, #infoCheckBoxLabel {position:relative;display:block;font-weight:bold;background:#D8F0FC;padding:5px 10px;border:1px solid #637A8C;margin:5px 0 10px 0;}
#infoConcept input, #infoCheckBoxLabel input {margin:0 5px;}
.legend {
	color: #333;
	line-height: 25px;
	border: 1px solid #CCC;
	padding: 5px 10px 10px 10px;
	background: #F4F4F4;
}
.legend strong {text-decoration:underline;}
.legend img {position:relative;top:3px;margin-right:5px;}
a img {border:none;}
hr.separator {
	height: 1px;
	border: none;
	width: 100%;
	background: #97A5B0;
	margin: 10px 0 20px 0;
}
.cleaner {position:relative;height:0px;font-size:0px;line-height:0px;clear:both;width:100%;}

/* checkboxTree */
.checkboxTree {background:#FFF;padding:20px 10px;border:1px solid #CCC;}
.checkboxTree.dark {background:#D8F0FC;border:1px solid #637A8C;}
.checkboxTree ul {list-style-type:none;margin-left:20px;}
.checkboxTree ul li {position:relative;}
.checkboxTree ul li img {position:relative;top:3px;}
.checkboxTree ul li img.checkboxtreeimage {cursor:pointer;}
.checkboxTree ul li {line-height:26px;}
.checkboxTree ul li input {position:relative;margin: 0 5px;top:3px;}

.dump {
  background: #FFF;
  color: #000;
  text-align: left;
  padding: 5px;
  border: 1px solid #FF0000;
}