/*******************************/
	/*******    default     ********/
	/**
 * Barvy
ff7d01  oranzova
c0cacc	seda tmava na logo
e2e7f4	seda svetla
88aaff	modra nadpis	 
 */ 
	/*******************************/	
body, input, button, textarea, select, option, table, tr, td {
	font-family: 		'Arial CE', 'Halvetica CE', Arial, halvetica, sans-serif;
	font-size: 		12px;
	color: #000000;
}
body {
	background-color: 		#E5E5E5;/*#ffffff;*/ 
	padding: 				0px; 
	margin: 				0px; 
}

table {
	border: 			0px none;
	width:			100%;
	padding: 			0px; 
	margin: 			0px; 	
	border-collapse: collapse;
}
thead{
	font-weight: 		bold;
	font-size:  		1.2em;
}
img {
	border: 			0px none;
}
a {
	/*color: 				    red;*/
	text-decoration: 	none;
}
a:hover{
	/*color: 				    red;*/
	text-decoration: none;
}
hr{
 /*width: 95%;*/
 padding: 0px;
 margin: 10px 5px 3px 5px; 
}
option{
 border-bottom: 1px #586173 dashed;
 background-color: rgb(255,250,235);
}
input[readonly], textarea[readonly]{
 background-color: transparent;
}

.defBody {
}
.nwBody {
  /*background-image: none;*/
	background-color: 	#d4d2d2;
	padding: 				0px; 
	margin: 				0px;
  border: 3px black solid; 
		 /* jako data v aplikaci */
	background-image: 		url('../img/bcgDataDiv.gif');
	background-repeat: 		repeat-y; 
  background-position: 		-75px top; /*220-145 sirka obr - sirka pruhu */
}
.buttonIcon img{
 width: 16px;
 height: 16px;
}

.divInfoBar{
 background-color: 	#efd2d2;
 /*text-align:   center;*/
 font-weight:  bold;
 font-size:  	 1.1em;
 padding: 2px 30px
}
/*.buttonIcon  {
 border: 1px transparent solid;
}
.buttonIcon:hover  {
 border: 1px rgb(192,192,192) outset;
}  */
	/*******************************/
	/*******       obal     ********/
	/*******************************/	
#divObal{
  background-color: 		#c0cacc;
  width:                100%;   
  padding:              0px; 
  margin:               3px 0px 0px 3px;
  height: 68px;
  text-align:           left;
  border-left:          8px #ff7d01 solid;
  border-top :          8px #ff7d01 solid;
  background-image: 		url('../img/logoComhal.gif');
	background-repeat: 		no-repeat; 
  background-position: 	left top; /*220-145 sirka obr - sirka pruhu */
}
  /*filter: progid:DXImageTransform.Microsoft.DropShadow(color=#1f1f1f,enabled=boolean,offx=4,offy=4,positive=boolean);*/

#divHead{
  height:               46px;
  clear:                both;
  padding:              3px;
  border-bottom:        2px #000000 solid;
  margin: 0px 5px 5px 3px;
  /*width:                780px;*/     

}
 
.logName, .infoBar{
 float:right;
 width:130px;
 height: 20px;
 text-align: center; 
 padding: 3px 3px 0 0; 
 background-color: #e2e7f4;
 margin: 10px 10px 0px 5px;
 border: 1px white solid;
}
.infoBar {
 text-align: left;
 vertical-align: middle;
}
.infoBarWap {
 float: none;
 width: 100%;
 padding: 0px; 
 background-color: #e2e7f4;
 margin: 0px;
}
.infoBar img{
 margin: 0px 5px 0px 5px;
}
	/*******************************/
	/*******   menu nahore   *******/
	/*******************************/	
#divMenu{
  background-color: 		#ffffff;
}
#divMenu a{
  /*height: 22px;*/
  width: 115px;
  height: 18px;
  text-align: center;
  font-size: 		12px;
  padding: 0px;
}
#divMenu .hlMactiv{
  background-image: url('../img/backModulSelect.gif');
  top: 2px;
  font-weight: bold;
}

	/*******************************/
	/*******     div data    *******/
	/*******************************/	
#divData{
  clear:                both;
  color: 		           #000000;
  background-color:    #fafafa;
  border-left:         200px #e2e7f4 solid;
  height: 700px;
  background-image: url('../img/backDivData.gif');
  background-position: left;
  background-repeat: repeat-y;
  padding-left: 6px;
  overflow: scroll;
}

#dataRight{
 /*float:               right;*/
 
 /*margin:              2px 2px 0px 0px;*/
 text-align:          left;
 overflow: scroll;
 background-color: transparent;
 /*border: 1px red solid;*/
}
	/*******************************/
	/*******     menu left   *******/
	/*******************************/	
.cinnBody{
  border-top: 1px black solid;
  background-color: #e2e7f4;
  margin-left: 11px;
  background-image: url('../img/backCinnBody.GIF');
  background-position: left;
  background-repeat: repeat-y;
}	
.divNadpis{
 background-color: #88aaff;
 font-size: 1.2em;
 padding: 2px 10px ;
 font-weight: bold;
}
	/*******************************/
	/*******        pata     *******/
	/*******************************/	
#divPata{
  clear:                both;
  color: 		           #91252c;
  text-align:          center;
  font-size: 		       .8em;
  padding:             3px;
}
	/*******************************/
	/*******form prihlaseni ********/
	/*******************************/	
.formlog {
	background-image: 	url('../img/pozLoggin.jpg'); 
	background-repeat: 	no-repeat; 
	background-position: center top;
	text-align:			left;
	width: 			310px;
	height: 			180px; 
	position: 			relative; 
	top: 				100px;
	padding: 			10px; 
	padding-top: 		80px;
}
.formlog div {
	clear: both;
}	 
.formlog div input {
	float: 				right; 
	width: 				210px;
}
.div_formbutt {
	text-align: 		right; 
	padding-top: 		10px;
}
.div_formbutt button {
	text-align: 		center; 
	width: 				60px;
}
.Wclose{
  padding: 5px;
	float: 				right; 
}
  /* stromy */
.trNadpis {
 text-align: left;
 font-weight: bold;
 padding: 2px;
 font-size: 	1.2em;
 background-color: #cfcfcf;
}
li span{
 cursor: pointer;/* cursor: hand;*/
}
.menuStrom, .stromPol{
  display: none;
  margin: 0px;
  padding: 0px;
}
.menuStrom li, .stromPol li  {
 list-style: none;padding: 0 0 1px 0; margin-left: 15px; }
.menuStrom li a, .stromPol li a {
 display: inline;margin: 0px; padding: 0px; color: #000000 }
.menuStrom{
  display: block;
}
   /**
    * ciselnik strom
    */
.cisStrom, .cisStromPol {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  display: block;
}
.cisStrom {
  padding: 2px;
}
.cisStrom li, .cisStromPol li  {
 list-style: none;
 padding: 0 0 1px 0;
 margin: 0px;
}
.cisStrom li a, .cisStromPol li a {
 display: inline;
 margin: 0px; 
 padding: 0px; 
 color: #000000;
}
.spanRed{
 color: red;
}
.spanGreen{
 color: green;
}

	/*******************************/
	/******   form s daty   ********/
	/*******************************/	
.formdata {
	/*display: inline-block;*/
  border:  2px outset #999999;
  clear: both;
  /*margin:15px 60px; */
  /*overflow: auto;*/
}
.tabForm tbody tr td, .tabForm2 tbody tr td{
 vertical-align: top;
 padding: 3px 2px;
}
.tabForm tbody tr{
 border-bottom: 1px dotted #fafafa;
}
.tabForm tbody tr .popis, .tabForm2 tbody tr th{
 /*background-color: #e2e7f4;*/
 width:110px;
 text-align: left;
 font-weight: normal;
}
.tabForm tbody tr td input, .tabForm tbody tr td select, .tabForm tbody tr td textarea,
.tabForm2 tbody tr td input, .tabForm2 tbody tr td select, .tabForm2 tbody tr td textarea {
 width: 98%;
}
.tabForm tbody tr td .filtrData {
 width: 80%;
}

fieldset{
 padding: 0px;
 margin: 5px; 
}
.formdata, .tabForm tbody tr td {
 background-color:#c0cacc;
}

.tabForm tbody tr td input:focus, .tabForm tbody tr td select:focus, .tabForm tbody tr td textarea:focus,
.tabForm2 tbody tr td input:focus, .tabForm2 tbody tr td select:focus, .tabForm2 tbody tr td textarea:focus {
 border-color: #ff7d01;
}
.tabForm2 tbody tr {
 border-bottom: 1px dashed #454545;
}
.tabForm2 tbody tr .tdHelpRow {
 color: #444444;
}

.tabForm tbody tr td .selZnamFilt,.tabForm2 tbody tr td .selZnamFilt{
 background-color: transparent;
 border: 1px #c0cacc solid;
 padding: 0px;
 margin: 0px 1px;
 width: 40px;  /*15%*/
}
tr td .selZnamFilt option{
 background-color: transparent;
 border: 0px none;
} 
.dataReadonly{
 background-color: transparent;
 color: rgb(153,0,0);
} 
	/*******************************/
	/******   Table seznam  ********
	ff7d01  oranzova
c0cacc	seda tmava na logo
e2e7f4	seda svetla
88aaff	modra nadpis	
	*******************************/	
.ciselnik, .detail {border: 2px solid #FAFAFA;border-collapse: collapse;width: 99%;}

.ciselnik thead {font-weight: bold; background-color: #c0cacc;}
.ciselnik thead th { padding: 3px; border: 1px outset #eaeaea;white-space: nowrap;}
.ciselnik tr {border-left: 1px dotted #000000; vertical-align: top;}
.ciselnik tr td {border-bottom: 1px dotted #000000;border-right: 1px dotted #000000; padding: 1px;}
/*.ciselnik, .ciselnik tr td  { white-space: nowrap;}*/
tr td button {
	font-size: 		12px;
	/*font-weight: bold;*/
  height: 			20px;
  padding: 			0px 5px;
  margin: 			0px;
  line-height:	1.1em;
  }
.trSuda{ background-color: #e4e9f6;}
.trLicha{ background-color: #ffffff;}
#trOnSel{background-color: #f9f6ac;}
.divdatanad, .divdatanad {
 background-color: 	 #88aaff;
 color: 				#000000;
 font-weight: 		bold;
 font-size: 1.2em;
 padding: 	3px;
}	
tr th a, tr td a{
 /*color: rgb(153,0,0);*/
 color: rgb(3 23 169);
}
tr td .colOdbSel{
 color: #fafafa;
}
.trSuda td b, .trLicha td b{
 background-color: rgb(255,250,235);
}
.noView{
 background-color: #ffffff;
 display:none;
}
.detail tr .tdPopis{
 color: #ffffff;
 background-color: #586173;
 font-weight: bold;
 width: 100px;
}
.detail tr td{
 border-bottom: 1px solid #ffffff;
 padding: 1px;
}
          /*modal*/
#divNwObal #divNwMenuLeft{
  position: absolute;
  top: 26px;
  left: 0px;
  width: 160px;
  height: 600px;
  border-top: 1px black solid;
  border-right: 1px black solid;
  background-color: #ffffff;
}

#divNwObal #divNwData{
  clear:                both;
  color: 		           #000000;
  background-color:    #fafafa;
  border-left:         165px #fe8200 solid;
  height: 600px;
  background-image: none;
  border-top: 1px grey solid;
  padding-left: 0px;
  overflow: scroll;
}
#divNwObal #divNwMenuLeft a{
  display: block;
  border-bottom: 1px black solid;
  padding: 4px;
  vertical-align: middle;
  position: relative;
  top: 0px;
  left:0px
}
#divNwObal #divNwMenuLeft .hlMactiv{
  left:1px;
  font-weight: bold;
  background-color: #fe8200;
}
#divNwObal #divNwData #divDetSubNadpis {
 background-color: #fcf0d6;
 border-bottom: 1px black solid;
 background-image: url('../img/backDetSubNadpis'); 
 background-repeat: repeat-y;
 background-position: left top;
 padding: 2px 2px 2px 10px;
}
#divNwObal #divNwData .InfoBar {
 background-color: #fcf0d6;
 border: 1px grey solid;
 padding: 2px;
 margin: 2px 15px;
}
 .iconSep {
 font-size: 18px;
 position: relative;
 top:-2px;
}
 /*modalW*/
.W_modal{
 position: absolute;
 border: 2px solid #000000;
 background: menu;
}
.divDisable{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);opacity: 0.4;
 background-color: #FFFFFF
}
.titlModal {
 background-color: Highlight;
 color: HighlightText; 
 font-weight: bold;
 padding: 3px;
}
.titlModal div img {
 float: right;
}

#loader {
    text-align: center;
}
#loader img {
    border: 2px solid #C0C0C0;
    margin: 50px;
    padding: 5px;
}
#divNwMenuLeft{
 border-bottom: 1px black solid;
 border-left: 1px black solid;
 background-color: #F5F5F5; 
}
#divNwMenuLeft a{
 border-top: 1px black solid;
 border-right: 1px black solid;
 padding: 2px 10px;
 position: relative;
 top: 2px;
}
#divNwMenuLeft .hlMactiv{
 background-color: #c0cacc;
 top: 3px;
}