/*layout*/
body {
	background: #304C3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #475252;
}
/*
POZOR - tahle trida musi zustat jako druha kvuli editoru!!!
hlavni cast stranky*/
#main-part {
	width: 750px;
   margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
   margin-left: auto;
	margin-right: auto;
	background: white url('../images/bg_left.gif') left repeat-y;
}
/*blok pro vystredeni stranky*/
#center
	{
	text-align: center;
	margin:0px 0px 0px 0px;
	width:100%;
	}
/*hlavicka stranky, barva podkladu horniho menu*/
#head1 {
	width: 750px;
	margin: 0;
   padding: 0;
	display: block;
	height: 133px;
}
#head2 {
	width: 750px;
	margin: 0;
   padding: 0;
	display: block;
	height: 108px;
}

#line-top {
   width: 100%;
   display: block;
   height: 20px;
   font-weight: bold;
   text-align: left;
   background: url('../images/bg_line_top.gif');
}

#line-top-text {  
   padding-left: 7px;
   padding-top: 2px;
   text-align: left;
}

/*levy sloupec, pozor na sirku*/
#left-column {
	float: left;
   width: 173px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

#search-box {
   width: 173px;
   height: 33px;
   display: block;
   background: url('../images/bg_search.gif');
}
#search-box-text {
   padding: 5px;
   padding-top: 4px;
   padding-right: 0px;
}

#menu-title {
   color: white;
   font-weight: bold;
   font-size: 12px;
   width: 173px;
   display: block;
   height: 23px;
   background: url('../images/menu_top_1.gif');
   text-align: left;
}
#menu-title-text {
   padding-left: 7px;
   padding-top: 4px;
}

#left-menu {
   display: block;
   width: 173px;
   background: url('../images/bg_menu.gif');
   text-align: left;
}

#left-menu-text {
   text-align: left;
   padding: 5px;
   padding-left: 7px;
}

#left-column-edit {
   text-align: left;
   padding: 15px 15px 20px 6px;
}

/*hlavni textova cast stranky, pozor na sirku*/
#text {
	width: 577px;
	float: right;
	margin-bottom: 0px;
	text-align: center;
   background: url('../images/bg_main.gif') top repeat-x;
}
/*obsazeny blok s textem, kvuli spatne interpretaci velikosti v IE*/
#real-text {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
	line-height: 120%;
	margin-left: auto;
	margin-right: auto;
}

/* copyright pod strankou */
#copyright {
	background: #495F5F;
	text-align: right;
	clear: both;
	height: 21px;
	width: 100%;
}
/* matrjoska pro text v copyrightu */
#copyright-text {
	color: #99A1A7;
	padding-top: 4px;
	padding-right: 8px;
	text-align: right;
}
#child-label {
	margin-bottom: 15px;
}
.attach-files, .attach-images {
   margin-bottom: 15px;
}
.attach-files-label, .attach-images-label {
   font-weight: bold;
   margin-bottom: 6px;   
}
/* *                    STYLY PRO ODKAZY ******************************************************************/
a {
	/*color: #002070;*/
	color: #FF0000;
	text-decoration: underline;
}
a:hover {
	color: #FF3708;
	text-decoration: underline;
}

a.copyright:link {
	color: #99A1A7;
	text-decoration: none;
}
a.copyright:active {
	color: #99A1A7;
	text-decoration: none;
}
a.copyright:visited {
	color: #99A1A7;
	text-decoration: none;
}
a.copyright:hover {
	color: #F4F4F4;
	text-decoration: underline;
}
#line-top a {
   text-decoration: none;
   color: white;
}
#line-top a:hover {
   text-decoration: none;
   color: #C0C0C0;
}

/* *                    BOXY V LEVEM A PRAVEM SLOUPCI ******************************************************************/
/*zakladni definice boxu, pozor na sirku*/
.box {
	width: 168px;
	margin: 5px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: white url('../images/box_back.gif') repeat-y;
}
/* obrazek ve sloupci */
img.box-image {
	border: 1px solid #073B77;
	margin: 4px 0px 5px 0px;
}
/* obrazek v hlavicce a paticce boxu   - aby se v Mozille nevkladal prazdny prouzek */
.box-bar img {
	display: block;
}
/* pokud se pouziva hlavicka boxu s pozadim a textovym popiskem */
.box-head {
	background-image: url(../images/box_header.jpg);
	height: 23px;
	color: black;
	font-weight: bold;
}
/* a matrjoska pro hlavicku... */
.box-head-inner {
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
/* seznamy v boxech */
.box ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
.box li {
	list-style: url(../images/li.gif);
	margin-top: 2px;
	margin-bottom: 4px;
}
.box-text {
	font-family: Arial, Helvetica, sans-serif; 
   margin-top: 8px;
   margin-bottom: 15px;
   padding-left: 5px;
   padding-right: 5px;
}

/* styly pro seznamove zobrazeni stromu vyrobku */
.eshop-menu {
/*margin-bottom: 15px;*/
}

.ordering {	
	border: 1px solid #DCECFF;
	padding: 5px;
	margin-bottom: 18px;
}

.form-required {
   color: red;
}

/* *                    STYLY PRO TABULKY ******************************************************************/
/*default tabulka*/
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}
/*tabulka urcena vyhradne pro formatovani text pokud neni zbyti*/
table.formation {
   width: 100%;
   border-collapse: collapse;
}
table.formation td {
	margin: 0;
   padding: 0px;
   vertical-align: top;
}

table.formation td.td-left {
   width: 173px;
   margin: 0;
   padding: 0;
}

/*tabulka bez mrizky s 1px rameckem*/
table.no-grid {
	border: 1px solid #DCECFF;
	border-collapse: collapse;
	margin-bottom: 4px;
}
/*styl pro tabulku vkladanou  wysiwyg editorem*/
/*tabulka s wysiwyg editoru*/
table.dynamic {
	background: white;
	border: 1px solid #A3A8AC;
	line-height: 100%;
	border-collapse: collapse;
}
/*tabulka z wysiwyg editoru*/
table.dynamic td {
	color: #475252;
	border: 1px solid #A3A8AC;
	padding: 2px;
}

table.invisible {
   border-collapse: collapse;
}
table.invisible td
	{
	border: 1px solid black;
	padding : 3px;
	}

#main-part table.invisible td {
   border: none;
}

tr.table-header {
	background: #CEC3C9;
	font-weight: bold;
	color: #475252;
}
tr.table-header td {
	color: #475252;
}
tr.tr-odd {
	background: #E8E8E8;
}
tr.tr-even {
	background: #F4F4F4;
}
tr.table-header td, tr.tr-even td, tr.tr-odd td {
	vertical-align: middle;
}
.action-result {
	/*text-align: center;*/
	color: red;
	font-weight: bold;
}
/* tabulka - novinky */
table.news-item {
   margin-top: 5px;
   border-bottom: 1px solid #B8BDC0;
   margin-bottom: 10px;
}

table.product-table td {
   line-height: 150%;
   padding: 5px;
   vertical-align: bottom;
}

/* *                    STYLY PRO TABULKY ESHOPU ******************************************************************/
table.item-table {
	/*border: 1px solid #4573A9;*/
	border-collapse: collapse;
	margin-bottom: 15px;
}
td.item-top {
/*	border-bottom: 1px solid #B1C4DB; */
	border-bottom: 1px solid #D8E8DF;	
	background-color: #D8E8DF;
}
td.item-body {
	background-color: #FFFFFF;
}
td.item-bottom {
	padding-top: 5px;
   border-top: 1px solid #DCECFF;
	background-color: #FFFFFF;
}
.cart form {
	padding: 0px;
	margin: 0px;
}
/* liche radky v kosiku s nazvem zbozi */
table.cart tr.item td {
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}
/* *                    STYLY PRO TEXT ******************************************************************/
/*odstavec s odsazenim*/
p.static {
	margin-bottom: 15px;
}
/*odstavec generovany editorem, nesmi mit margin*/
p {
	margin-bottom: 0px;
	margin-top: 0px;
}
.help {
	color: #666666;
	font-size: 10px;	
	padding: 3px 6px 6px 6px;
	border: 1px solid #D0D0D0;
	background-color: #FFFFED;
}
.results-label, .show-form-link {
	/*color: #073B77;*/
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 20px;
}

.show-form-link {
	font-size: 15px;
}
/*nahrada pro nevalidni align=*/
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}
/*nahrada pro nevalidni valign=*/
.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-baseline {
	vertical-align: baseline;
}
.valign-bottom {
	vertical-align: bottom;
}
/*nahrada pro nevalidni align=, pouziti u tabulek a bloku*/
.left {
	float: left;
}
.right {
	float: right;
}
/*skryty text*/
.hid {
	visibility: hidden;
}
.full-width {
	width: 100%;
}
.block {
	display: block;
}
/*slouzi pro vystredeni vnitrnich bloku v IE*/
.full-width-center {
	width: 100%;
	text-align: center;
}
/*vystredeni bloku v mozille*/
.inner-center {
	margin-left: auto;
	margin-right: auto;
}
/*vodorovna cara*/
hr {
	color: #AAB0B4;
	background: #AAB0B4;
	border: 0;
	height: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.hierarchy-label {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
	padding-bottom: 7px;
	color: black;
   border-bottom: 1px solid #B8BDC0;
}

/*nadpis prvni urovne*/
h1 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 15px;
/*	margin-right: 20px;*/
	color: #475252;
}
/* nazev zbozi v detailu (v tabulce) */
h1.item-detail-name {
	font-size: 13px;
	margin: 0;
}
/*nadpis druhe urovne*/
h2 {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}
/* nazev aktuality (v tabulce) */
h2.item-detail-name {
	font-size: 14px;
   color: #475252;
	margin: 0;
}
/*nadpis treti urovne*/
h3 {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 5px;
}
/*nadpis ctvrte urovne*/
h4 {
	font-size: 10px;
	margin-bottom: 10px;
}
/*maly text*/
.small {
	font-size: 9px;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* varovani, ze je nutno zmeny v mnozstvi zbozi ulozit */
.cart-warn {
	color: red;
	font-size: 10px;
}
/*preskrtnuty text*/
.striked {
	text-decoration: line-through;
}
/*tucny text*/
.bold {
	font-weight: bold;
}
/*kurziva*/
.cursive {
	font-style: italic;
}
/*nahrada za nevalidni br clear=, ukonci obtekani*/
br.clear {
	clear: both;
}
/*zvyrazneny text, vkladany z editoru*/
.highlight {
	color: #9B0A0E;
}
/* *                    SEZNAMY, ODRAZKY ******************************************************************/
/*seznamy, bacha na mozillu a obrazkove odrazky*/
ul {
	list-style: url(../images/li.gif);
	margin-left: 20px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 110%;
}
ol {
	margin-left: 25px;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
li {
	margin-bottom: 5px;
}
/* *                    OBRAZKY ******************************************************************/
img {
	border: none;
}
/*obrazek vyrobce*/
img.producer {
	float: right;
	border: 0px;
	margin: 5px 0px 3px 3px;
}
/*obrazek doprava*/
img.right {
	float: right;
	margin: 5px;
	margin-right: 0px;
}
/*obrazek doleva*/
img.left {
	float: left;
	margin: 5px;
/*   margin-right: 20px;*/
   padding-right: 20px;
	margin-left: 0px;
}
/*obrazek vodorovne linky*/
/*img.hr {
	margin-top: 7px;
	margin-bottom: 7px;
}*/
/* *                    FORMULARE A INPUTY ******************************************************************/
/*aby neodsazoval*/
form {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 11px;
	vertical-align: text-bottom;
   background: white;
}
select {
   font-size: 10px;
	vertical-align: middle;
}
input.field-normal {
	width: 98px;
	border: 1px solid black;
}
input.field-longer {
	width: 180px;
	border: 1px solid black;
}
input.field-longer2 {
	width: 140px;
	border: 1px solid black;
}
input.field-long {
	width: 250px;
	border: 1px solid black;
}
input.field-short {
	width: 20px;
	border: 1px solid black;
}
input.field-shorter {
	width: 30px;
	border: 1px solid black;
}
input.button {
	border: 1px solid black;
	color: white;
   font-weight: bold;
	background: #414550;
	font-size: 11px;
}
textarea, select {
	border: 1px solid  black;
}
#sent-info {
   font-weight: bold;
   color: gray;
}


/* kalendar v popup okne **********************/
.date-sel-image { 
   cursor: pointer;
   cursor: hand;
   position: relative;
}
.date-sel-div {
   font-family: Verdana;
   width: 170px;
   position: absolute;
   padding:10px;
   border: 1px solid #3a4b14;
   background: #f5f5f5;
} 
.date-sel-div table td { 
   cursor: pointer;
   cursor: hand;
   text-align: center;
   width: 15px;
   height: 15px;
   background: #e4e4e4;
   border: 1px solid #999999;
}
.date-sel-div .date-over {
   background: #ff0000;
   color: white;
}                                          
.date-sel-div table td.date-today {
   background: white;
}
.date-sel-div .topselect { 
   height: 22px;
   display: block;
   position: relative;
   left:2px;
}
.date-sel-div .topselect select {
   font-size: 11px;
   margin-right: 8px;
   float: left;
}
.date-sel-div .date-year,
.date-sel-div .date-direct,
.date-sel-div .date-direct-over,
.date-sel-div .date-year-over,
.date-sel-div .close-button,
.date-sel-div .close-button-over {
   cursor:pointer;
   cursor:hand;
   text-align: center;
   width: 13px;
   padding-bottom: 2px;
   display: block;
   float: left;
   background:#e4e4e4;
   border: 1px solid #999999;
}
.date-sel-div .date-direct,
.date-sel-div .date-direct-over {
   float: none;
   margin-left: 50px;
   margin-right: auto;
   text-align: center;
   width: 70px;
}
.date-sel-div .close-button,
.date-sel-div .close-button-over {
   z-index: 101;
   position: absolute;
   top: 3px;
   height: 13px;
   left: 172px;
}
.date-sel-div .date-year-over,
.date-sel-div .close-button-over,
.date-sel-div .date-direct-over { 
   background: #ff0000;
   color: white;
}
.date-sel-div .year-text { 
   float:left;
   text-align: center;
   padding-top:2px;
}


/* tiskovy styl *******************************************/
@media print {
page {
	margin: 25mm;
}
body {
	color: black;
	background-color: white;
	font-size: 11pt;
}
h1, h2, h3, h4 {
	color: black;
	page-break-after: avoid;
}
.highlight {
	color: black;
}
a:link {
	color: black;
}
#head1, #head2, #line-top, #left-column, #cart-and-customer, #menu, #links, #right-column, #links-top {
	display: none;
}
#text, #real-text, #main-and-right {
	float: left;
	width: 99%;
	font-size: 11pt;
}
table.formation td.td-left {
   width: 0px;
   display: none;
}
#main-part {
	width: 100%;
}
#foot {
	display: none;
}
#copyright {
	display: none;
}
.no-print {
   display: none;
}
}
