body {
	background-color:#fefefe;
	text-align:left;
	font-family:trebuchet ms,verdana;
	font-size:0.8em;
    padding:20px;
    max-width: 700px;
    margin: auto;
    border: 1px solid grey;
}

#main-logo {
    padding:5px;
    /*width: 25em;*/
    width: 60%;
    max-width: 360px;
}

label { 
    display: inline-block; 
    width: 210px; 
    text-align: right;
    padding: 5px;
}

h1 {
    font-size: 1.4em;
    text-align: center;
}
  
h2 {
    font-size:1.3em;
}
  
h3 {
    font-size:1.1em;
}

.ecuInfo {
    background-color:rgb(255, 168, 168);
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

.tcuInfo {
    background-color:lightblue;
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

table {
    display: block;
}

td {
    font-size:0.9em;
}
  
/* IE nested floats fix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*
  obecne prvky
*/
a {
    text-decoration:none;
    color:#f26522;
    color:#027a0a;
}

a:hover {
    text-decoration:underline;
    color:#f26522;
    color:#027a0a;
}


.black {
  color:#000;
}

form {
  padding:0px;
  margin:0px;
}

img {
  border:0px;
}

/*textarea u poznamky*/
.note {
  font-family:trebuchet ms,arial;
  font-weight:bold;
  color:#fff;
  background:#f26522;
}

/* transparentni input */
.invisibleinput {
  background:transparent;
  border:0px none;
}

.emptynote {
  font-family:trebuchet ms,arial;
  font-weight:normal;
  color:#000;
  background:#fff;
  padding:0px;
}

.leftfloat {
  display:inline;
  float:left;
  margin-right:40px;
}

.clear {
  clear:both;
  font-size:1px;
}


input, select, textarea {
  /*
    malicky formularovy prvek v tabulce
  */
  font-size: 1em;
}

.transparentinput {
  border:0px none;
  background:none;
}

/*
  pridavne styly
*/
.right {
  text-align:right;
}

.center {
  text-align:center;
}

.highlight {
  color:#f26522;
}

.strong {
  font-weight:bold;
}

/*
  stranka
*/
#page {
	position:relative;
	left:0px;
	top:0px;
	width:1240px;
	text-align:center;
	margin:0px auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	background:#fff;
}

/*
  hlavni menu
*/
#menu {
	position:relative;
	left:0px;
	top:0px;
	width:1244px;
	margin:0px auto;
  margin-top:20px;
  margin-bottom:30px;
}

#menu a {
  text-align:center;
  color:#ee1c25;
  font-size:120%;
  font-weight:bold;
  border:2px solid #ee1c25;
  text-decoration:none;
  padding:10px 20px;
  margin-right:10px;
}

#menu a:hover, #menu .selected {
  color:#fff;  
  background: #ee1c24;
}

/*
  pravy floating panel
*/
#staticpanel {
  text-align:left;
  font-size:90%;
  background:#fff;
  padding:5px;
  color:#666;
  border-bottom:1px dotted #eaeaea;
}

/*
  panel uzivatele
*/
#user {
  padding:10px;
  text-align:right;
  float:right;
}

#pausediv {
  width:70px;
  text-align:left;
}

.userpaused {
  background:#ed1c24;
  line-height:50px;
  color:#fff;
}

.userpaused a {
  color:#fff;
  text-decoration:underline;
}

/*
  ukoly
*/
#tasks {
  padding:10px;
  text-align:left;
  float:left;
}


/*
  jump box na detail
*/
#jump {
  float:right;
  text-align:right;
  padding-top:8px;
  padding-right:10px;
}

/*
  obsah stranky
*/
#module {
  text-align:left;
  padding:5px 15px 15px 15px;
}

/*
  chybova hlaska
*/
#globalmsg {
  padding:5px;
  background:#ed1c24;
  color:#fff;
  display:block;  
}
#errmsg {
  padding:5px;
  background:#ed1c24;
  color:#fff;
  display:block;  
}
#okmsg {
  padding:5px;
  background:#37a600;
  color:#fff;
  display:block;  
}

/*
  pracovni nastroje
*/
.workarea {
  display:block;
  margin:10px 0px;
  border:1px solid #999;
  padding:10px;
  background:#f5f5f5;  
}

.columns {
  clear:both;
  display:block;
}

.simplecolumns {
  clear:both;
  display:block;
}

.simplecolumns .col {
  display: inline-block;
  vertical-align:top;
  padding-right:30px;
  font-size:120%;
}

.simpleinput {
  font-size:150%;
}

.buttonlink {
  display:inline-block;
  padding:12px;
  background:#37a600;
  font-size:150%;
  color:#fff;
}

.columns .col {
  display: inline-block;
  vertical-align:top;
  padding-right:20px;
}

.columns a {
  display:block;
  width:235px;
  float:left;
  line-height:25px;
  padding:0px 5px;
}

.columns a:hover {
  background:#ed1c24;
  color:#000;
  text-decoration:none;
}

.columns .col a {
  width:auto;
}

/*
  admin tlacitka pro export do systemu prepravcu
*/
#export_buttons {
  display:block;
  padding-top:10px;
}

/*
  seznam - tabulka
*/
.list {
  border-collapse:collapse;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: table;
}

.freewidth {
  width:auto;
}

.list td {
  border:1px solid #333;
  padding:4px;
}

.list .header td {
  background:#999;
  color:#000;
  font-weight:bold;
}

.list .dark td {
  background:#eee;
}

.list .light td {
  background:#fff;
}

.list .unprocesseddark td {
  background:#ffbdbd;
}

.list .unprocessedlight td {
  background:#ffdede;
}

.printtable {
  page-break-after:always;
}

.printtable td {
  vertical-align:top;
}

.trnoborder td {
  border:0px none;
}

/*
  vypis polozek ve vyhledavani
*/
.listitem {
  display:block;
  clear:both;
  /*width:534px;
  height:52px;*/
  margin-top:10px;
}

.darkbg {
  background-color:#ededed;
}

.lightbg {
  background-color:#f9f9f9;
}

.listitem {
  display:block;
  /*
  width:946px;
  height:48px;
  padding:2px;
  */
  text-decoration:none;
  color:#000;
}

.listitem img {
  width:48px;
  height:48px;
  float:left;
}

.listitem .name {
  display:inline;
  float:left;  
  width:800px;
  padding-left:2px;
  font-weight:bold;
}

.listitem .price {
  display:inline;
  float:right;  
  width:78px;
  padding-left:2px;
  text-align:right;
  font-weight:bold;
}

.listitem .description {
  display:inline;
  float:left;  
  width:800px;
  padding-left:2px;
}

.listitem .models {
  display:inline;
  float:left;  
  width:800px;
  padding-left:2px;
  font-size:100%;
}

/*  
  formular s popisky
*/
fieldset {
  display:inline;
  width:430px;
  float:left;
  margin-right:10px;
}

.halffs {
  width:566px;
  float:left;
}

.fullfs {
  width:1200px;
}

.floatcols {
  float:left;
  display:block;
  padding-right:10px;
}

.floatcols .line {
  display:block;
  font-size:110%;
}

.tr {
  display:block;
  clear:both;
  text-align:center;
  padding:5px 0px;
  width:430px;
}

/* fix pro tr */
.tr:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
} 
.tr {
  display:block;
} 
/* Don't show IE (Mac) \*/ 
* html .tr {height:1%;} 
.tr {display:block;} 

.tr .reglabel {
  float:left;
  text-align:left;
  width:190px;
  padding-top:4px;
  padding-left:20px;
}

.tr em {
  font-weight:bold;
  font-style:normal;
  color:#f00;
}

/* povinna pole */
.fill {
  color:#000; 
  font-weight:normal;
}

/* mensi font */
.small {
  font-size:85%;
}

.tr .reginput {
  float:left;
  text-align:left;
  width:200px;
}

/*
  textovy box v adminu - jen opticky oddeleny
*/
.commonbox {
  background:url("../img/horizontal-separator.jpg") repeat-x top left;
  padding:0px 3px 15px 3px;
}

.commonbox h1 {
  font-size:120%;
  font-weight:bold;
  padding:0px;
  padding-bottom:5px;
}

/*
  interni poznamky
*/
.internalnote {
  width:380px;
  border-bottom:1px solid #ddd;
}

.internalnote h4 {
  padding:0px;
  margin:0px;
  font-size:100%;
  font-weight:normal;
  font-style:oblique;
}


/*
  poznamky pro zpracovani - v detailu
*/
.warnings {
  color:#ed1c24;
  font-size:150%;
  font-weight:bold;
}

ul {
    margin:10px 0px;
    padding:0px;
    list-style:square;
}

ul li {
    margin-left:14px;
}

.styletable td {
  vertical-align:top;
}

/*
  kategorie!!!
*/

.cat-level-0 {
  font-weight:bold;
}

.cat-level-0 .invisibleinput {
  font-weight:bold;
  font-size:120%;
  width:300px;
}

.cat-level-1 {
  padding-left:30px;
}

.cat-level-1 .invisibleinput {
  font-weight:bold;
  width:270px;
}

.cat-level-2 {
  padding-left:60px;
}

.cat-level-2 .invisibleinput {
  width:240px;
}

.cat-level-3 {
  padding-left:90px;
}

.cat-level-3 .invisibleinput {
  font-weight:normal;
  font-size:90%;
  width:210px;
}

.cat-level-4 {
  padding-left:120px;
}
.cat-level-5 {
  padding-left:120px;
}

/*
  skryta kategorie
*/
.hidecategory {
  display:none;
}


/*
  kalendar servisu
*/
.serviceday {
  position:relative;
  border:1px solid Black;
  border-right:1px Black;
  clear:both;
  width:1200px;
}

.serviceday .hour {
  border-right:1px solid Black;
  width:71px; 
  float:left; 
}

.serviceday .hour span {
  font-size:85%;
  color:#999;
  padding-left:3px;
}

.serviceday .workshop_order {
  display:block;
  position:absolute;
  top:15px;
  height:40px;  
  overflow:hidden;
  font-size:90%;
  text-decoration:none;
  color:#000;
}

.weekend {
  background-color:LightGrey;
}

.weekend .hour {
  border:#eee;
}

.weekend .hour span {
  color:#eee;
}

.presentday {
  background-color:Wheat;
  color:Black;
}

.presentday .hour {
  border:Black;
}

.presentday .hour span {
  color:Black;
}

/* skryty prvek */
.hidden {
  display:none;
}