/* ********************************************************** */
/* **********************    LAYOUT    ********************** */
/* ********************************************************** */

/*body{
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(../images/bg.png) repeat scroll 0% 0%
}*/

body {
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.7em;
  color: #666666;
  line-height: 1.4em;
  background: #ffffff URL(../images/bg.png);
  /*background-color: silver;*/
  /*background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30px' width='150px'><text x='0' y='15' fill='gray' font-size='15' font-family=' sans-serif'>Testovacia verzia</text></svg>");*/
}

h1{
	font-size: 20px;
	text-align: left;
	margin-right: 10px;
}


.ico div{
	width: 50px;
	height: 50px;
	margin: 2px;

}

.clear{
	clear: both;
}

div.hr {
	height: 15px;
	/*border-bottom: 2px dashed #62ADDA;*/
	border-bottom: 1px dashed #62ADDA;
	width: 98%;
	margin-bottom: 20px;
	overflow: hidden;
}

div.hr hr {
	display: none;
}

#load{
	position:fixed;
	overflow: visible;
	z-index:-1;
	width:100%;
	height: 100%;
	text-align:center;
	filter:alpha(opacity=0);
	opacity: 0;
	background: url(../images/ajax-loader.gif) 50% center no-repeat;


}
#load div{
	z-index:100;
	top:50%;
	left: 0px;
	position : absolute;
	width: 100%;
	height: 19px;
}


#frame_main{
	position:relative;
	top:0px;
	left:0px;
	overflow: auto;
	height:100%;
}

#wrapper{
	width: 1000px;
	position:relative;
	z-index:50;
	overflow: hidden;
	margin: 10px auto;
	background: transparent url('../images/tab_down.png') no-repeat left bottom;
}


#head{
	width: 1000px;
	overflow: hidden;
	position :relative;
	/*background: transparent url('../images/tab_up_auto.png') no-repeat left bottom;*/
}

#middle{
	width: 1000px;
/*	height: 610px;*/
	overflow: hidden;
	background: #ffffff;
	padding: 10px 0px 10px 0px;
}

#middle #left {
	width: 240px;
	min-height:620px;
	height:auto !important;
	overflow: hidden;
	float: left;
	text-align: left

}

#middle #right{
	width: 750px;
	margin-left: 10px;
	overflow: hidden;
	float: left;
}

#middle #right.wide {
	width: 1000px;
	float: none;
	margin: 0px;
	min-height: 620px;
}

#middle #right.wide #content {
	width: 950px;
	/*height: 620px;*/
}

#middle #right #content {
	width: 700px;
	overflow: hidden;
	margin: 0px auto;
}

#bottom{
	background: transparent url(../images/row.png) top center no-repeat;
	_background: #fff url(../images/row.jpg) top center no-repeat;
	width: 100%;
	overflow: hidden;
	height: 40px;
	_margin-bottom:20px;
}

#bottom div{
	padding: 3px 30px 2px 0pt;
	text-align: right;
	width: 370px;
	_width: 350px;
	color: #ffffff;
	_position: relative;
	_margin-right: 30px;
	float: right;
}

/*#bottom div.user{
	padding: 3px 30px 2px 0pt;
	text-align: center;
	width: 970px;
	_width: 950px;
	color: #000000;
	_position: relative;
	_margin-right: 30px;
}*/

#bottom div.user{
	float: left;
	text-align: left;
	margin-left: 26px;
}

#bottom div a{
	_position: relative;
	_z-index: 100;

}

#float{
	z-index: 50;
}

/* ********************************************************** */
/* **************************  HEAD  ************************ */
/* ********************************************************** */

#head #top{
	width: 1000px;
	height: 150px;
	border-collapse: collapse;
	margin: 0px;
	/*position: relative;*/
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
}

/* rozdne varianty pre background */
#head .auto {
	background: url('../images/tab_up_auto.png') top left no-repeat;
	_background: url('../images/tab_up_auto.jpg') top left no-repeat;

}

#head .mini {
	background: url('../images/tab_up_mini.png') top left no-repeat;
	_background: url('../images/tab_up_mini.jpg') top left no-repeat;
}

#head .gec {
	background: url('../images/tab_up_gec.png') top left no-repeat;
	_background: url('../images/tab_up_gec.jpg') top left no-repeat;
}

#head .tra {
	background: url('../images/tab_up_tra.jpg') top left no-repeat;
	_background: url('../images/tab_up_tra.jpg') top left no-repeat;
}

#head .met {
	background: url('../images/tab_up_met.png') top left no-repeat;
	_background: url('../images/tab_up_met.jpg') top left no-repeat;
}

#head .ra {
	background: url('../images/tab_up_ra.png') top left no-repeat;
	_background: url('../images/tab_up_ra.jpg') top left no-repeat;
}

#head .home {
	background: url('../images/tab_up_home.png') top left no-repeat;
	_background: url('../images/tab_up_home.jpg') top left no-repeat;
}

#head #top td{
	padding: 0px;
	margin: 0px;
}

#head #top td.paticka2{
	padding : 0pt 0pt 0pt 40px;
}

#head #top td.paticka, #head #top td.hlavicka_1{
	padding: 0pt 65px 0pt 0pt;
}

#head #top a#logo{
	position: absolute;
	display:block;
	position: absolute;
	width: 188px;
	height: 88px;
	top: 20px;
	left: 37px;
	background: transparent url('../images/logo.png') no-repeat top left;
	_background: none;
}

#head #top a#logo img{
	width: 188px;
	height: 88px;
	border: 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/logo.png', sizingMethod='scale');
}

#head #top a#logo_ab{
	position: absolute;
	display:block;
	position: absolute;
	width: 147px;
	height: 93px;
	top: 14px;
	left: 260px;
	background: transparent url('../images/abfast.png') no-repeat top left;
	_background: none;
}

#head #top a#logo_ab img{
	width: 147px;
	height: 93px;
	border: 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/abfast.png', sizingMethod='scale');
}

/* languages */

#head #top #language{
	position: absolute;
	top: 11px;
	left: 0px;
	width: 945px;
	height: 31px;
	margin-right:65px;
	text-align: right;
}

#head #top #language  a{
	text-decoration: none;
}

#head #top #language span {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding-right: 10px;
}

#head #top #language a span{
  color: #414141;
  text-decoration: none;
  font-weight: bold;
}

#head #top #language a:hover{
  _text-decoration: underline;
}

#head #top #language a:hover span{
  text-decoration: underline;
}

#head #top #language img {
  position: relative;
  top: 6px;
  padding: 0 6px 0 2px;
  left: -3px;
  border: 0;
  width: 21px;
  height: 21px;
}

#head #top #language img.eng {
  background: url('../images/eng.png') top left no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/eng.png', sizingMethod='image');
}

#head #top #language img.sk {
  background: url('../images/sk.png') top left no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/sk.png', sizingMethod='image');
}

/* menu_top */

#head #top #menu_top{
	position: absolute;
	width: 960px;
	height: 30px;
	top: 97px;
	left: 0px;
	margin-right: 40px;
	z-index:100;
}

#head #top #menu_top ul{
	height: 30px;
	float: right;
	padding: 0;
	margin: 0;
}

#head #top #menu_top ul li {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	_position: relative;
}

#right ul.l li{
	text-align: left;
}

/* left, first left, right, last right */
#head #top #menu_top ul li .l, #head #top #menu_top ul li .fl, #head #top #menu_top ul li .r, #head #top #menu_top ul li .lr{
	width: 16px;
	height: 30px;
	float: left;
}

#head #top #menu_top ul li .m{
	width: 80px;
	height: 30px;
	float: left;
	background: transparent url('../images/top_sla.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_sla.png', sizingMethod='scale');
}

#head #top #menu_top ul li.active .m{
	background: transparent url('../images/top_mas.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_mas.png', sizingMethod='scale');
}

#head #top #menu_top ul li .fl{
	background: transparent url('../images/top_sla_st.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_sla_st.png', sizingMethod='scale');
}

#head #top #menu_top ul li.active .fl{
	background: transparent url('../images/top_mas_st.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_mas_st.png', sizingMethod='scale');
}

#head #top #menu_top ul li .l{
	background: transparent url('../images/top_sla_sla.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_sla_sla.png', sizingMethod='scale');
}

#head #top #menu_top ul li.active .l{
	background: transparent url('../images/top_sla_mas.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_sla_mas.png', sizingMethod='scale');
}

#head #top #menu_top ul li .r{
	background: red; /* nemal by tento pripad logicky nastat, inak je to chyba php ;) */
}

#head #top #menu_top ul li.active .r{
	background: transparent url('../images/top_mas_sla.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_mas_sla.png', sizingMethod='scale');
}

#head #top #menu_top ul li .lr{
	background: transparent url('../images/top_sla_end.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_sla_end.png', sizingMethod='scale');
}

#head #top #menu_top ul li.active .lr{
	background: transparent url('../images/top_mas_end.png') no-repeat top center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/top_mas_end.png', sizingMethod='scale');
}



#head #top #menu_top ul li a {
	display: block;
	width: 80px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin-top: 8px;
	_position: relative;
	_z-index: 54;
}

#head #top #menu_top ul li a:hover {
	text-decoration: underline;
}

#head #top #menu_top ul li.active a {
	color: black;
}


/* lista_top */

#head #top #lista_top{
	position: absolute;
	top: 124px;
	left: 14px;
	width: 972px;
	height: 26px;
	background: transparent url('../images/lista.png') bottom left repeat-x;
	_background: none;
}

#head #top #lista_top .iewrapp{
	width: 972px;
	height: 26px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/zadako/images/lista.png', sizingMethod='scale');
}

#head #top #lista_top .l{
	text-align: left;
	margin-left: 20px;
	float:left;
}

#head #top #lista_top .r{
	text-align: right;
	float:right;
}



#head #top #lista_top ul {
	padding: 0;
	list-style: none;
	display: inline;
	margin: 0 56px 0 0;
	position: relative;
}
#head #top #lista_top ul li {
  margin: 0 2px;
  display: inline;
  color: #ffffff;
  position: relative;
  top: 8px;
  font-size:12px;
}
#head #top #lista_top ul li.un {
  color: #000000;
  text-decoration: underline;
}
#head #top #lista_top ul li a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  _position:relative;
  _z-index:251;
}
#head #top #lista_top li a:hover {
  /*color: black;*/
  text-decoration: underline;
}

/* ********************************************************** */
/* *************************  BOX_LEFT  ********************* */
/* ********************************************************** */

.box_left h4, .box_left a, .box_left li{
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.box_left{
	width:212px;
	margin: 10px 0px 20px 25px;

}

.box_left .head {
	/*position: relative;*/
	background: #78BCE2 url('../images/menu_left_head.gif') no-repeat scroll left top;
	width: 212px;
	height: 30px;
}

.box_left .head h4{
	position: relative;
	top: 10px;
	margin: 0px 0px 0px 15px;
	display: block;
	color: #ffffff;
	font-size: 13px;
	/*text-transform: uppercase;*/
}

.box_left ul, .box_left .body {
	margin: 0px;
	padding: 0px;
	width: 212px;
	background: #EBEBEB url('../images/menu_left_ul.gif') no-repeat scroll left bottom;
	padding-top: 5px;
	padding-bottom: 10px;
}

.box_left .body{
	overflow: hidden;
}

/* LEVEL 1 */

.box_left ul li{
	list-style: none;
	margin: 0px  0px 0px 13px;
	display: block;
}

.box_left ul li a {
  text-transform: uppercase;
	display: block;
/*	width: 186px;*/
	width: 199px;
	height: 25px;
	background: #e4e4e4 url('../images/menu_a_hover.gif') no-repeat scroll left top;
	/*position: relative;*/
	margin: 5px 0px;
}

.box_left ul li.active a {
	background: #c3c3c3 url('../images/menu_a.gif') no-repeat top left;
}

.box_left ul a:hover {
	background: #c3c3c3 url('../images/menu_a2.gif') no-repeat top left;
}

.box_left ul li a span{
	display:block;
	position: relative;
	top: 6px;
	left: 20px;
	color: #7a7a7a;
}

.box_left ul li.active a span{
	color: #000;
}

/* LEVEL 2 */

.box_left ul li ul {
	background: none;
	width: auto;
	margin: 8px 0px 8px 25px;
	#margin: 10px 0px 5px 25px;
	padding: 0px;

}

.box_left ul li ul li{
	list-style-type: circle;
	list-style-image: url('../images/menu_left_li.gif');
	display: list-item;
	padding: 3px 0;
}

.box_left ul li.active ul li.active  {
	list-style: disc;
	list-style-image: url('../images/menu_left_li_active.gif');
}

.box_left ul li.active ul li a {
	background: none;
	width: auto;
	color: #7a7a7a;
	display: inline;
	text-decoration: none;
	top: 0;
	left: 0;
	#top: -4px;
	text-transform: none;
}

.box_left ul li.active ul li a {
	color: #7a7a7a;
}
.box_left ul li.active ul li a:hover {
/*	color: #78BCE2;*/
	text-decoration: underline;
	background: none;
}

.box_left ul li.active ul li.active a{
	text-decoration: underline;
	color: #000;
}

.box_left ul li.active ul li.active a:hover {
}

.box_left .reklama{
	margin: 20px 0px;
}

.box_left .reklama img{
	width:212px;
	height:165px;
	border: 0px;
}

.box_left .body p{
	margin: 5px;
	padding: 0px;
	color: #000;
}

.box_left .body p a{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}


.box_left .body p a:hover {
	text-decoration: none;
}

/* ********************************************************** */
/* ************************** RIGHT ************************* */
/* ********************************************************** */


#right h2 {
  margin: 15px 5px 15px 0;
  color: #62ADDA;
  font-weight: bold;
  font-size: 17px;
  text-align: left;
}

#right h2.l{
	width: 60%;
	float: left;
}

#right .error{
	color: red;
	font-size: 16px;
	font-weight: bold;
}

#right .big{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin: 5px;
}

#right .ok{
	background: url('../icons/ok.png') no-repeat 10px 10px #FFFF80;
	padding:10px 10px 10px 35px;
	color: #008000;
	border: 1px dashed #008000;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}

#right .no{
	background: url('../icons/no.png') no-repeat 10px 10px #F5DEB3;
	padding:10px 10px 10px 35px;
	color: #FF0000;
	border: 1px dashed #FF0000;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}

#right .warning{
	background: url('../icons/warning.png') no-repeat 10px 10px red;
	padding:10px 10px 10px 35px;
	color: yellow;
	border: 1px dashed yellow;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}

#right .inf{
	background: url('../icons/info.png') no-repeat 10px 10px #ebebeb;
	padding:10px 10px 10px 35px;
	color: #000000;
	border: 1px dashed #62ADDA;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
}

#right .big a{
	text-decoration :none;
	color: #6487ae;
}

#right .big a img{
	margin-right: 8px;
	top: 3px;
	position: relative;
	border: 0px;
}

#right .big a:hover{
	text-decoration :underline;

}

#right .errorinput, #right .errorformat,
#right table.kniha tr.edit input.errorinput,
#right table.kniha tr.edit input.errorformat{
	background-color: red;
	color: yellow;
	font-weight: bold;
	border: 1px solid yellow;
}

#right .change{
	background:#fff799;
	color: #000;
	border: 1px solid #000;
}

#right table a{
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

#right table a:hover{
	text-decoration:underline;
}

#right table.abcd{
	border-collapse: collapse;
	margin: 5px 0px 15px 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 2px solid #DCDCDC;
	width: 100%;
}

#right table.abcd td{
	width: 30px;
	text-align: center;
}

#right table.abcd td a{
	width: 19px;
	display: block;
	background: #ffffff;
	border: 1px solid #ffffff;
	padding: 0px 1px;
	white-space: no-wrap;
}

#right table.abcd td a:hover, #right table.abcd td a.sel {
	background: #FFF799;
	border: 1px solid #62ADDA;
	text-decoration: none;
}

#right table.abcd td a:hover {
	background: #fff;
}

#right table td.last, #right table th.last{
	border-right: 0px;
	width: 15px;
}

#right table td.mid{
	width: 575px;
	text-align: left;
}

#right table.details{
	border-collapse: collapse;
	width: 95%;
	margin: 10px;
	margin-bottom: 40px;
}

#right table.details tr td,#right table.details tr th {
	border-bottom: 2px solid #DCDCDC;
	border-top: 2px solid #DCDCDC;
}

#right table.details tr.nobott td,#right table.details tr.nobott th {
	border-bottom: 0;
}

#right table.details tr.notop td,#right table.details tr.notop th {
	border-top: 0;
}

#right table.details tr td{
	text-align: left;
	padding-left: 5px;
}

#right table.details tr th{
	text-align: right;
	padding-right: 5px;
	width: 78px;
	vertical-align: top;
}

#right table.details tr td h3{
	margin: 0px;
}

#right table.details input, #right table.details textarea{
	border: 1px solid #6487AE;
	background: #ffffff;
	color: #000;
	margin: 3px 3px 3px 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	float: left;
}

#right table.details tr td select{
	/*float: left;*/
}
#right table.details tr td img.help{
	width : 22px;
	height: 22px;
	margin: 0px 0px 0px 5px;
}

#right table.details input.errorinput, #right table.details input.errorformat{
	background-color: red;
	color: yellow;
	font-weight: bold;
	border: 1px solid yellow;
}

#right table.details div.note {
	width: 500px;
	overflow:hidden;
}

#right table.details div.note input{
	float: left;
}

#right table.details div.note label{
	float:left;
	width:40px;
}

#right table.details input.nazov{
	width: 560px;
}

#right table.details input.cal{
	width: 160px;
}

#right table.details input.num{
	width: 50px;
}

#right table.details textarea{
	width: 560px;
	height: 50px;
}

#right table.details input.disabled{
	background: #A8A8A8;
	color:#828282;
	border: 1px solid #828282;
}

#right table.details label{
	width: 20px;
}

#right table.details .file,#right table.details .file_last{
	width: 560px;
	position: relative;
}

#right table.details .file{
	border-bottom: 2px dashed #DCDCDC;
}

#right table.details .file .r, #right table.details .file_last .r{
	float: left;
	padding-top: 4px;
	position:relative;
	margin-bottom: 2px;
}

#right table.details .file input.name,#right table.details .file_last input.name{
	width: 175px;
}


#right table.details .file a.delete, #right table.details .file_last a.delete{
	position:absolute;
	top: 5px;
	right: 1px;
	font-size: 30px;
	display: block;
	color: red;
	width: 22px;
	height: 22px;
	background: transparent url('../icons/delete.png') no-repeat;
}

#right table.details .file a,#right table.details .file_last a{
	font-size: 12px;
}

#right table.details .file div.l ,#right table.details .file_last div.l{
	float: left;
	width: 48px;
	margin: 4px 4px 0 0;
}
#right table.details .file div.l a, #right table.details .file_last div.l a{
	display: block;
	width: 48px;
	height: 48px;
}

#right table.details .file div.l a img, #right table.details .file_last div.l a img{
	width: 48px;
	height: 48px;
	border: 0;
}
#right table.stav{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 40px;
	margin-top: 10px
}

#right table.stav h3{
	text-align: left;
	color: #62ADDA;
	margin: 15px 0px;
	font-size: 13px;
}

#right #point table.stav{
	margin-top: 25px;
	margin-bottom: 0px;
}

#right table.stav td,#right table.stav th{
	padding: 0px;
	margin: 0px;
	position: relative;
}

#right table.stav td .chyba{
	color: red;
	font-weight: bold;
}

#right table.stav td div.chyba{
	position: absolute;
	width :415px;
	z-index: 100;
	left: 0px;
	top: -16px;
}

#right table thead tr{
	background: #eeeeee;
}

#right table thead tr th{
	margin: 0px 10px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px;
	padding-top: 4px;
	border-left: 2px solid #dcdcdc;
}


#right table thead tr th span{
	font-size: 10px;
	font-weight: normal;
}

#right table thead tr th.td0, #right table tbody tr td.td0{
	width: 40px;
	#width:45px;
	border-left: 0;
}

#right table thead tr th .vykricnik{
	padding-right:10px;
	text-align:right;
}

#right table thead tr th.td1{
	border-left: 0;
}

#right table thead tr th.td1_ra, #right table tbody tr td.td1_ra{
	width: 150px;
}

#right table thead th.left{
	text-align: left;
	padding-left:10px;
}

#right table.stav tbody.strong{
	border-top: 4px solid #dcdcdc;
	border-bottom: 4px solid #dcdcdc;
}


#right table.stav tbody td.l{
	text-align: left;
	padding-left: 5px;
}

#right table.stav tbody td.r{
	text-align: right;
	padding-right: 5px;
}

#right table.stav tbody tr.act{
	background: #FFF799;
}

#right table.stav tbody tr.alr{
	background: #FF6161;
}

#right table.stav tbody tr.alr td{
	color: #F5DEB3;
}

#right table.stav tbody tr.alr_act{
	background: red;
}

#right table.stav tbody tr.alr_act td{
	color: yellow;
}

#right table.stav tbody tr.work{
	background: #eccaa9;
}

#right table.stav tbody tr.work_par{
	background: #DFC0A0;
}

#right table.stav tbody tr.job{
	background: #c7ffc7;
}

#right table.stav tbody tr.endjob{
	background: #c4d6ff;
}

#right table.stav tbody tr.job td, #right table.stav tbody tr.endjob td, #right table.stav tbody tr.work td, #right table.stav tbody tr.work_par td{
	color: #000000;
}

#right table tbody tr.par{
	background: #f5f5f5;
}

#right table.stav tbody tr.err{
	border-bottom: 2px solid #F5DEB3;
	border-top: 2px solid #F5DEB3;
	background: #FF6161;
}

#right table.stav tbody tr.err td{
	color: #ffffff;
}

#right table.stav tbody tr.okk{
	border-bottom: 2px solid #F5DEB3;
	border-top: 2px solid #F5DEB3;
	background: #A8FF61;
}

#right table.stav tbody tr.okk td{
	color: #000000;
}

#right table.stav tbody tr.err td a{
	color: #F5DEB3;
}

#right table.stav tbody tr td{
	color: #666666;
	vertical-align: middle;
	border-top: 2px solid #dcdcdc;
	border-top: 2px solid #dcdcdc;
	#border-bottom: 1px solid #dcdcdc;
	#border-bottom: 1px solid #dcdcdc;
}

#right table.stav tbody td form{
	margin: 0px 2px;
	width: auto;
}

#right table.stav tbody td.left{
	text-align: left;
	padding-left:10px;
}

#right table.stav tbody tr td.cinnost{
	width: 100px;
	white-space: nowrap;
}

#right table.stav tbody tr td.ra_event{
	text-align:left;
	padding-left:10px;
	width:220px;
}

#right table.stav tbody tr td.ra_hladina{
	text-align:right;
	padding-right:10px;
	width:88px;
}

#right table.stav tbody tr td.stats{
	white-space: nowrap;
}

#right table.stav tbody td .alert_on, #right table.stav tbody td .alert_off{
}

#right table.stav tbody td .alert_off img, #right table.stav tbody td .alert_on img{
	width: 16px;
	height: 16px;
	display: block;
	background : transparent;
	border: 0;
}

#right table.stav tbody td .alert_on img{
	background: transparent url('../icons/warning.png');
}

#right table.stav tbody td.ico{
	width: 60px;
}

#right table.stav tbody td.td1{
	width: 65px !important;
	#width:60px !important;
	padding-left:5px;

}

#right table.stav tbody td.ico div{
	width: 50px;
	height: 50px;
	margin: 2px auto;
	text-align: center;
	position: relative;

}

#right table.stav tbody td.ico a:hover {
	text-decoration: none;
}

#right table.stav tbody td.ico div div{
	position: absolute;
	top: 23px;
	left: 0;
	height: auto;
	font-weight: bold;
	color: #666666;

}

#right table tbody td  p{
	margin: 0px 2px;
	padding: 0px;
}
#right table tbody td  p.b{
	font-weight: bold;
}

#right table.stav tbody td .square ,#right table.stav tbody td .square_sel {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

#right table.stav tbody td div.square img, #right table.stav tbody td a.square img,#right table.stav tbody td a.square_sel img{

	width: 10px;
	height: 10px;
	display: block;
	background : #FF9933;
	border: 1px solid #666666;
	margin-left: 3px;
}

#right table.stav tbody td a.square img{
	background: #FFFFFF;
}

#right table.stav tbody td a {
	font-size: 12px;
	display:block;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
#right table.stav tbody tr.alr_act td a {
	color: yellow;
}

#right table.stav tbody td a.slim {
	font-weight: normal;
	font-size: 1em;
	text-decoration: underline;
}

#right table.stav tbody td a:hover.slim {
	text-decoration: none;
}

#right table.stav tbody td p a {
	font-size: 11px;
	display: inline;
	float: none;
}

#right table.stav tbody td a:hover {
	text-decoration: underline;
}

#right table.stav .device_info{
	margin-top:8px;
	width: 100%;
	height: 16px;
	overflow: hidden;
	text-align: left;
}

#right table.stav .device_info a{
	font-size: 12px;
}

#right table.stav .device_info a.wrong{
	background: yellow;
	color: red;
	text-align: center;
	text-decoration: underline;
}

#right table.stav .device_info .spz{
	width: 80px;
	margin-right: 8px;
	float:left;
}

#right table.stav .device_info .name{
	float: left;
}

#right table.stav .opravnenie{
	overflow: hidden;
	width:100%;
	height: 16px;
	text-align: left;
}

#right table.stav .poloha{
	overflow: hidden;
	width:100%;
	height: 16px;
	text-align : right;
}

/* login_tab1 */

#right table.login_tab1 td{
	text-align: left;
}

/* days */

#right table.days{
	width: 100%;
}

#right table.days tr td{
	background: #eeeeee;
}

#right table.days tr td.l{
	width: 20%;
	text-align: left;
}

#right table.days tr td.r{
	width: 20%;
	text-align: right;
}

#right table.days tr td.m{
	width: 60%;
	text-align: middle;
	font-size: 20px;
}


#right table.days tr td{
	color: #666666;
	font-weight: bold;
	padding: 4px;
	border-top: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
}

#right table.days td a {
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}

#right table.days td a:hover img{
	text-decoration: none;
	border: 1px solid #666666;
}

#right table.days td img{
	border: 1px solid #eeeeee;
	padding: 2px;
	color: #70b7df;
	width: 22px;
	height: 22px;
}


/* ********************************************************** */
/* ************************** TACHO ************************* */
/* ********************************************************** */

.tacho{
	margin: 5px 0px 0px 0px;
	overflow: hidden;
	height: 50px;
	position: relative;
}

.tacho .ico {
	float: left;
	position: relative;
	top: -2px;
	left: 5px;
}

.tacho div{
	height: 50px;
	overflow: hidden;
	float: left;
}

.tacho input {
	width: 200px;
	height: 26px;
	border: 2px solid #666666;
	font-size: 22px;
	padding: 0px 5px;
	background: #ffffff;
}

.tacho input.changed{
	background: #fff799;
}

.tacho label{
	text-align: left;
	display: block;
}

/* ********************************************************** */
/* ************************** FLEET ************************* */
/* ********************************************************** */

.fleet{
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0;
}

.fleet td{
	padding: 2px 4px;
	text-align: left;
	border-bottom: 2px solid #DCDCDC;
	border-top: 2px solid #DCDCDC;
	border-left: 1px dotted #eeeeee;
	border-right: 1px dotted #eeeeee;
}

.fleet tr.act td {
	background: #fff799;
	border-left: 0px;
	border-right: 0px;
}

.fleet tfoot {
	border-bottom: 4px solid #DCDCDC;
}

.fleet tfoot th {
	text-align: left;
	padding: 2px 4px;
	background: #BFDEF0;
}

.fleet td.first, #right table.fleet thead tr th.first{
	border-left: 0px;
	width: 10px;
	text-align: center;
}

.fleet .center{
	text-align: center:
}

.fleet .num{
	text-align: right;
	width: 15px;
}

.fleet .cena{
	text-align: right;
	width: 50px;
}

.fleet .datum{
	width: 50px;
}

.fleet .resize{
	width: 100%;
}

.fleet div.attachment{
	background: url('../icons/attachment.gif') no-repeat top left;
	width: 14px;
	height: 14px;
}

.fleet tr.par td{
	background: #F5F5F5;
}

.fleet_ul{
	display:block;
	margin:  5px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	position: relative;
	background: url('../images/border.gif') repeat-x left bottom;
}

.fleet_ul li {
	position:relative;
	display: block;
	top: 2px;
	float: left;
	border-left: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
	background: #eeeeee;
	font-size: 11px;
	padding: 5px;
}

.fleet_ul li.act{
	top: 0px;
	background: #FFFFFF;
	border-top: 2px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #ffffff;
	font-size: 12px;
	font-weight: bold;

}

.fleet_ul li.f{
	border-left: 0;
}

.fleet_ul li a {
	text-decoration: none;
	color: #000;
	margin: 2px;
}

.fleet_ul li a:hover{
	text-decoration: underline;
}


.fleet_new{
	text-align: left;
	margin: 10px 0px;
}

/* ********************************************************** */
/* ************************** KNIHA ************************* */
/* ********************************************************** */

#right table.kniha{
	border-collapse: collapse;
	border-spacing: 0px 0px;
	width: 950px;
	margin: 5px auto;
}

#right table.kniha tr.par{
	/*background: #f5f5f5;*/
	background: #a4c6da;
}

#right table.kniha tr.mod{
	background: #fff799;
}

#right table.kniha tr.par_mod{
	background: #E1DA87;
}

#right table.kniha tbody{
	border-bottom: 2px solid #666666;
	border-top: 2px solid #666666;
}

#right table.kniha tr td{
/*	border-bottom: 1px solid #666666;*/
}

#right table.kniha tr.first td{
/*	border-top: 1px solid #666666;*/
}

#right table.kniha tr.t_mod_a td{
/*	border-top: 2px solid red;*/
}

#right table.kniha tr.t_mod_b td{
	border-top: 2px solid yellow;
}


#right table.kniha td img, #right table.kniha td input.edit, #right table.kniha td input.save, #right table.kniha td input.delete, #right table.kniha td input.add, #right table.kniha td input.cancel, a.edit{
	display: block;
	float: left;
	margin-right: 2px;
	width: 16px;
	border: 0px;
	margin:2px;
	padding:0px;
	background-repeat: no-repeat;
}


#right table.kniha td input.edit, #right table.kniha td input.save, #right table.kniha td input.delete, #right table.kniha td input.add, #right table.kniha td input.cancel, a.edit{
	height: 16px;
}
#right table.kniha tr td.cena_td{
	width: 90px;
}

#right table.kniha tr td.cena_td div{
	width: 75px;
	margin: 0px auto;
	overflow: hidden;
}

#right table.kniha tr td.cena_td input{
	float:left;
}

#right table.kniha tr td.cena_td label{
	display: block;
	float:left;
	padding-top:3px;
	color: #000;
	width: 10px;
}

#right table.kniha tr td input.edit, a.edit{
	/*margin: 0px auto;*/
	float: left;
	background: transparent url('../icons/kniha/edit.gif');
}

#right table.kniha tr td input.delete{
	background: transparent url('../icons/kniha/delete.gif');
	float: left;
}

#right table.kniha tr td input.add{
	background: transparent url('../icons/kniha/add.gif');
	float: left;
}

#right table.kniha tr.edit td input.edit{
	background: transparent url('../icons/kniha/save.gif');
}

#right table.kniha tr.edit td input.cancel{
	background: transparent url('../icons/kniha/cancel_red.gif');
}

#right table.kniha tr td input.cancel{
	background: transparent url('../icons/kniha/cancel.gif');
}

#right table.kniha input{
	width: 110px;
	/*width: auto;*/
}

#right table.kniha tr td div{
	margin: 0px auto;

}

#right table.kniha select{
	width: 75px;
}

#right table.kniha input, #right table.kniha select, #right table.kniha div.disabled{
	font-size: 11px;
	float: 0px 2px;
	border: 1px solid #666666;
	padding: 2px;
	margin: 2px auto;
	color: #000;
	background: #ffffff;
	overflow: none;
}

#right table.kniha div.resize{
	padding: 2px 4px;
}

#right table.kniha tr.edit input, #right table.kniha tr.edit select{
	background: #5ab6f0;
}


#right table.kniha div.disabled, .view td.text input.disabled{
	background: #eeeeee;
	color: #666666;
}

.view td.text input.disabled{
	border: 1px solid #666666;
}

#right table.kniha .date{
	width: 53px;
}

#right table.kniha div.time{
	width: 30px;
	text-align: center;
}

#right table.kniha input.time{
	width: 35px;
	text-align: center;
}

#right table.kniha div.datetime{
	width: 50px;
	text-align: right;
	margin: 0px auto;
}

#right table.kniha input.datetime{
	width: 55px;
	text-align: right;
}


#right table.kniha select.typ{
	width: 40px;
	text-align: center;
}

#right table.kniha .cena{
	width: 50px;
	text-align:right;
}

#right table.kniha div.speed{
	width: 20px;
	margin: 0px auto;
}

#right table.kniha div.skm{
	width: 50px;
	margin: 0px auto;
}


#right table.kniha .tank {
	width: 40px;
	text-align: right;
}

#right table.kniha .icons {
	width:50px;
	text-align: center;
}

form.date{
	/*width: 950px;*/
	overflow: hidden;
	margin: 10px 0;
	border-top: 2px solid #DCDCDC;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

form.date div{
	overflow: hidden;
	margin: 0px 0px 10px 0;
}

form.date label{
	display:block;
	float:left;
}

form.date label.fix{
	width: 75px;
	text-align: left;
}

form.date label.fixms{
	width: 85px;
	text-align: left;
}

form.date input{
	background: #fff;
	border: 1px solid #6487ae;
}

form.date .xxl input{
	height: 19px;
}
form.date input, form.date select, form.date a, form.date div.vsetko {
	display: block;
	float: left;
	width: 160px;
	margin: 1px 10px;
	padding-left: 2px;
	text-align: left;
}

form.date select{
	width: auto;
}

form.date input.button{
	width: 26px;
	text-align: center;

}

form.date .cancel{
	background: #ffffff url(../icons/kniha/cancel.gif) scroll no-repeat 0 0;
	border: 0px;
	width: 16px;
	height: 16px;
}

form.date a, form.date div.vsetko{
	padding: 0px;
	margin: 1px 2px;
	/*text-align: center;*/
	width: 100px;
	text-decoration: none;
}

form.date a#showcal{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	font-size: 13px;
	width:auto;
}

form.date a#showcal:hover{
	text-decoration: none;
}
form.date a:hover{
	text-decoration: none;
}

form.date .vsetko{
	background: #6487ae;
	border: 1px solid #62adda;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
}

.float{
	margin-top: 5px;
}

.none {
	display: none;
}

.float thead tr th{
	background: #FF9933;
}

/* kalendar */

#fc {
	margin:0px;
	position:absolute;
	border-collapse:collapse;
	background:#FFFFFF;
	border:1px solid #6487AE;
	z-index: 1000;
}

#fc thead tr.head td {
	background: #ffffff;
	border:1px solid #6487AE;
	font-weight: bold;
}

#fc thead td{
	font:13px Arial;
	background:#ABABAB;
}

#fc td {
	font:12px Arial;
	text-align:center;
	border: 1px solid #6487AE;
}

#fc td.cps{
	background:#C4D3EA;
	font:10px Arial;
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}

#fc td.dds{
	background:#ffffff;
	font:10px Arial;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

#fc td.hover{
	background:#FFCC66;
}

#fc td.cpps{
	background:#C4D3EA;
	color:#ABABAB;
	cursor:default;
}

#fc td.hds{
	background:#FFD04D;
	font-weight:bold;
	color:#333333;
	cursor:pointer;

}

#fc td.yellow{
	background:#FFF799;
	font-weight:bold;
	color:#333333;
	cursor:pointer;

}

#fc td.hds:hover, #fc td.yellow:hover{
	background:#FFCC66;
}

#fc form{
	margin:0px;
}

#fc form input{
	text-align:center;
}

#fc a,#fc a:link,#fc a:visited {
	text-decoration:none;
}

/* ********************************************************** */
/* *************************  INFO  ************************* */
/* ********************************************************** */

#right table.info {
	border: 1px solid #6487AE;
	margin: 5px auto;
	width: 100%;
}

#right table.info td, #right table.info tr{
	margin: 0px;
	padding: 0px;
}

#right table.info th.td0{
	border-left: 0;
	width: auto;
}

#right table.info thead tr th.td0{
	width: auto;
}

#right table.info thead th {
	text-align: center;
	font-weight: bold;
}

#right table.info tbody th {
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	border-left: 1px solid #6487AE;
}

#right table.info tbody td {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

#right #content p.l{
	text-align: left;
}

#right #content p.pod_ciarou{
	text-align: left;
	border-top: 1px dashed #62ADDA;
	padding-top: 2px;
}

#right #content p.pod_ciarou_r{
	text-align: right;
	border-top: 1px dashed #62ADDA;
	padding-top: 10px;
	margin: 20px;
}

/* ********************************************************** */
/* ****************** PSPL_MULTISELECT  ********************* */
/* ********************************************************** */

 .msel{ /* don't change*/
position:static;
}

/***************** box style 6 *********************/
form.date input.optionTextBox{
padding:0px;
margin:0px;
overflow:hidden;
vertical-align:middle;
/* you can change the properties below */
height: 18px;
font-size:13px;
color:#000000;
background-color:#ffffff;
border:1px solid #77C0D2;
border-right:1px solid #ffffff;

}

form.date .xxl input.optionTextBox{
	width : 309px;
	height: 18px;
}


 .arrow_off, .arrow_on{
padding:0px;
margin:0px;
vertical-align:middle;
/* you can change the properties below */
width:20px;
height:20px;
float: left;
}

.arrow_on{
	background: url('../icons/arrow_on.gif');
}

.arrow_off{
	background: url('../icons/arrow_off.gif');
}

 .optionDiv{
position:absolute;
left:-2000px;
top:-2000px;
display:none;
width:180px;
/* you can change the properties below */
border:1px solid #77C0D2;
border-top: 0px;
background-color:#FFFFFF;
z-index:3000;
}
 .selBox{
position:static;
overflow:hidden;
float:left;
white-space:nowrap;
margin-left:5px;
/* you can change the properties below */
height:20px;
width:auto;
}

.selBox td{
	cursor: pointer;
}

 .cell{
font-size:13px;
color: #000;
text-align:left;
padding-left: 18px;
background-color:#ffffff;
}

.cell a, .cellSelected a, .cellHover a{
color: #000;
text-decoration: none;
}

 .cellHover{
color: #000;
font-size:13px;
background-color:#D2F0F4;
text-align:left;
padding-left: 18px;
}
 .cellSelected{
font-size:13px;
color: #000;
/*background-color:#CCE7F4;*/
text-align:left;
padding-left: 18px;
background:#A4C6DA url(../icons/cancel.gif) no-repeat scroll 0 0;
}

.timezone{
	text-align:left;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
}

.timezone .label {
	float:left;
	width: 100px;
}

.timezone .input{
	float:left;
	width: 120px;
}

/* tabulka v notifikacii */

.notifikacia{
	padding: 15px 0;
	width: 100%;
	overflow: auto;
	background: #A8A8A8;
}

.notifikacia .b{
	margin: 0px 15px;
	text-align: right;
	padding: 15px;
}

.notifikacia h3, .notifikacia h4, .notifikacia p{
	padding: 0;
	margin: 1px 0;
}
.notifikacia .t{
	background: #ffffff;
	height: 444px;
	display:block;
	margin: 0px 15px;
	overflow: auto;
}
.notifikacia table{
	color: #000;
	width: 100%;
	border-collapse: collapse;
	margin: 0px auto;
}

.notifikacia td{
	padding: 15px 15px 15px 0px;
	background: url('../images/notifikacia_bg.gif') top repeat-x #bacee2;
	border-bottom: 2px dotted #c0c0c0;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
}

.notifikacia table td.ico{
	width: 60px;
	padding-left: 15px;
}

.notifikacia p,h4 {
	font-size: 12px;
}

.notifikacia td.r{
	text-align:right;
}

.notifikacia td select, .notifikacia td input{
	margin: 3px 0px;
	width: 110px;
	font-size: 12px;
}

.management{
	overflow: hidden;
}


.management div.box, .management div.box_last{
	text-align: left;
	overflow:hidden;
	float: left;
	margin: 10px 27px 10px 0px;
}

.management div.long{
	float: none;
}

.management div.box_last{
	margin: 10px 0px 10px 0px;
}

.management .head,.management .body,.management ul{
	width: 212px;
}

.management .long .head,.management .long .body,.management .long ul{
	width: 600px;
}
.management .long .head{
	background: #78BCE2 url('../images/menu_left_head_long.gif') no-repeat scroll left top;
}
.management .long ul{
	background: #EBEBEB url('../images/menu_left_ul_long.gif') no-repeat scroll left bottom;
}

.management .head{
	position: relative;
	background: #78BCE2 url('../images/menu_left_head.gif') no-repeat scroll left top;
	height: 30px;
}

.management .head h4{
	position: relative;
	top: 10px;
	margin: 0px 0px 0px 15px;
	display: block;
	color: #ffffff;
	font-size: 13px;
	/*text-transform: uppercase;*/
}

.management .head h4 a {
	color : #ffffff;
	text-decoration: none;
	width: 100%;
	display: block;
}

.management .head h4 a:hover {
	text-decoration: underline;
}

.management ul, .management .body {
	margin: 0px;
	padding: 0px;
	background: #EBEBEB url('../images/menu_left_ul.gif') no-repeat scroll left bottom;
	padding-top: 5px;
	padding-bottom: 10px;
	overflow: hidden;
}

/*.management ul {
	background: none;
	width: auto;
	margin: 8px 0px 8px 25px;
	#margin: 10px 0px 5px 25px;
	padding: 0px;

}*/

.management ul li{
	list-style-type: circle;
	list-style-image: url('../images/menu_left_li.gif');
	display: list-item;
	padding: 3px 0;
	font-weight: bold;
	margin-left: 40px;
}

.management ul li.active  {
	list-style: disc;
	list-style-image: url('../images/menu_left_li_active.gif');
}

.management  ul li a {
	color: #7a7a7a;
	text-decoration: none;
}

.management ul li a:hover {
/*	color: #78BCE2;*/
	text-decoration: underline;
	background: none;
}

.management ul li.active a{
	text-decoration: underline;
	color: #000;
}

.management ul li.active a:hover {
}

/*edit mod boxu */

.management ul.disabled li .edit{
	display: none;
}

.management ul li .edit input{
	background: transparent url(../icons/kniha/edit.gif) no-repeat scroll 0 0;
	width: 16px;
	height: 16px;
	border: 0px;
	margin-right: 5px;

}

.management ul li .edit input.d{
	background: transparent url(../icons/kniha/cancel_red.gif) no-repeat scroll 0 0;
}

.management .buttons{
	text-align: right;
	width: 600px;
}

.management  input{
	border: 1px solid #6487AE;
	color: #000;
	background: #fff;
}

/* management formular */

.management #moj_form{
	text-align: left;
	overflow: hidden;
}

.management #moj_form.disabled{
	display: none;
}

.management #moj_form .row{
	overflow: hidden;
	width: 600px;
	margin: 0px 0px 5px 0px;
}

.management #moj_form .row label{
	width: 60px;
	display: block;
	float: left;

}

.management #moj_form .row input{
	float: left;
}

.management #moj_form .row input.url{
	width: 538px;
	#width: 536px;
}

.management #moj_form .row input.nazov{
	width: 450px;
}

.management #moj_form .row input.button{
	float: right;
}

.vzory {
	border: 1px solid #78BCE2;
	text-align: left;
}

.vzory ul li a {
	color: #000;
	font-size: 13px;
}


/*  VIEW */

.view p {
	text-align: left;
	font-size:12px;
}

.view .krabica{
	border: 1px solid #6487AE;

}

.view p.error{
	text-align: center;
}

.view p strong{
	width: 88px;
	display: block;
	float: left;
}

.view table {
	width: 100%;
	border-collapse: collapse;
}

.view tbody.strong{
	border-top: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
}

.view h3{
	color: #62ADDA;
	text-align: left;
	margin: 20px 0px;
}

.view a{
	color: #62ADDA;
	text-decoration: underline;
}

.view a:hover {
	color: #62ADDA;
	text-decoration: none;
}

.view table tbody tr {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.view table td{
	padding: 0px 2px;
	height: 35px;
	vertical-align: middle;
}

.view table td.act{
	width: 88px;
}

.view table td.act input{
	float:right;
}

.view table tr.parsel td{
	background: #ACEDFF;
}

.view table tr.sel td{
	background: #C7F6FF;
}

.view table tr.par td{
	background: #f5f5f5;
}

.view input{
	border: 1px solid #6487AE;
	color: #000;
	background: #fff;
}

.view input.chb{
	border:0px;
}

.view .dev{
	width: 140px;
	text-align: left;
}

.view .dev2{
	width: 300px;
	text-align: left;
}

.view .usr{
	width: 78px;
}

.view .pop{
	text-align: left;
}

.view .sel{
	width: 150px;
}

.view .sel select{
	width: 130px;
}

.view .note {
	width: 150px;
}

.view .note input{
	width: 130px;
}

.view td.text {
	width: 200px;
}

.view #pop_add{
	text-align: left;
}

.view td.text input{
	width: 180px;
}

.view td.td0{
	width:20px;
}

.view .user_mine, .view .user_global, .view .action{
	width :16px;
	height: 16px;
	margin:0px 2px;
	padding:0px;
}


.view .action {
	float: left;
}
.view .user_edit{
	background: transparent url('../icons/user_edit.png');
}

.view .user_remove{
	background: transparent url('../icons/remove.png');
}

.view .attr_edit{
	background: transparent url('../icons/attr_edit.png');
}

.view .dev_show{
	background: transparent url('../icons/dev_show.png');
}

.view .user_mine{
	background: transparent url('../icons/user_mine.png');
}

.view .user_global{
	background: transparent url('../icons/user_global.png');
}

.view .user_edit_g{
	background: transparent url('../icons/user_edit_g.png');
}

.view .user_remove_g{
	background: transparent url('../icons/remove_g.png');
}

.view .attr_edit_g{
	background: transparent url('../icons/attr_edit_g.png');
}

.view .dev_show_g{
	background: transparent url('../icons/dev_show_g.png');
}

.view .user_mine_g{
	background: transparent url('../icons/user_mine_g.png');
}

.view .user_global_g{
	background: transparent url('../icons/user_global.png');
}

.view .buttons {
	width: 700px;
	margin: 30px 0px;
	overflow: hidden;
	height: 74px;
	position.relative
}

.view .buttons a{
	width: 220px;
	height: 72px;
	display:block;
	border: 1px solid gray;
	background-position: 4px 4px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.view .buttons a {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	background-color: #F5F5F5;
}

.view .buttons a:hover, .view .buttons a.act {
	background-color: #62ADDA;
	color: #ffffff;
	border: 1px dashed #ffffff;
}

.view .buttons a div{
	margin: 4px 4px 4px 72px;
}

.view .buttons a.view_create{
	background-image: url('../icons/view_create.png');
	float: left;
}

.view .buttons a.view_global{
	background-image: url('../icons/view_global.png');
	float: right;
}

.view .buttons a.view_mine{
	background-image: url('../icons/view_mine.png');
	float: left;
}

.view .buttons a.view_config{
	background-image: url('../icons/view_config.png');
	float: left;
}

.lokalita_bott{
	text-align: left;
	background: red;
}

.lokalita_bott input.button, .lokalita_bott a {
	width: 130px;
	color :#666666;
	font-weight: bold;
	background: #E8EDF3;
	border: 1px solid #666666;
	height: 20px;
	text-align: center;
	display: block;
	float: left;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration : none;
	padding: 0px;
}

.lokalita_bott a{
	padding-top: 2px;
	height: 16px;
	cursor: default;
	margin-left: 15px;
	#padding-top: 0px;
	#height: 18px;
}

.lokalita{
	text-align: left;
}

.lokalita ul {
	margin: 0px 15px 25px 15px;
	padding: 0px;
}

.lokalita ul li{
	margin: 5px 0px;
	font-size: 12px;
}

.lokalita ul li a{
	color: #666666;
}

.lokalita ul li a:hover{
	text-decoration: none;
}

#gmap {
	width: 100%;
	height: 100%;
	border: none;
}

.map_frame  {
	height: 600px;
	border: 1px solid #666666;
	background: url('../images/ajax-loader.gif') 50% 50% no-repeat;
}

.dis_frame {
	width: 598px;
	height: 416px;
	border: 1px solid #666666;
	background: #666666;
	position: relative;
	text-align: center;
}

.map_frame .close_full{
	display: none;
}

.dis_frame .close_full{
	text-decoration: underline;
	color: #ffffff;
	font-size: 35px;
	position: absolute;
	left: 0px;
	top: 180px;
	width: 100%;
	display: block;
	height: 42px;
	line-height: 42px;
	text-transform: uppercase;
}

.dis_frame .close_full:hover{
	text-decoration: none;
}

.map_frame .map_deco {
	width: 598px;
	height: 16px;
	background: #666666;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	display:block;
	text-transform: uppercase;
}

.dis_frame .map_deco{
	visibility: hidden;
}

.dis_frame iframe{
	display:none;
}

.showhide{
	float:right;
	font-size: 16px;
	margin: 12px 2px 12px 0;
	color: #62ADDA;
	border: 2px solid #62ADDA;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
}

.showhide:hover {
	background: #62ADDA;
	color: #ffffff;
}

.view_user{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.view_user select{
	width: 150px;
}

.search {
	margin: 14px 0;
	text-align: left;
}

.search .l{
	float:left;
	overflow: hidden;
}

.search .r{
	float:right;
	overflow: hidden;
}


.search input {
	width: 150px;
	border: 1px solid #6487AE;
}

.search input.nostyle{
	width: auto;
	border: 0px;
}

.search input.submit{
	width: 30px;
	height: 16px;
	background: url('../icons/ok.png') 50% 50% no-repeat #ffffff;
}

.search input.cancel{
	width: 30px;
	height: 16px;
	background: url('../icons/cancel.png') 50% 50% no-repeat #ffffff;
}

.search input.button{
	width: auto;
}

.filter_ico {
	display: block;
	float: left;
	width: 22px;
	height:22px;
	background: url('../icons/filter.png') no-repeat top left;
	margin: 10px 5px 10px 0;
}

#filter {
	border: 1px dotted #6487AE;
	background: #EEEEEE;
	overflow: hidden;
	width : 698px;
	margin: 10px 0;
}

#filter form{
	margin: 10px;
}




					/* PAGER */

/* ===================================*/

.pager{
  margin: 10px 0;
  padding: 5px 0;
  border-top: 1px dashed #DCDCDC;
  border-bottom: 1px dashed #DCDCDC;
  line-height: 1.5em;
  overflow: hidden;
  text-align:left;
}

.listing{
  text-align: right;
  display:table;
  /*margin:0 auto;*/
}

.listing-inner{
	float: left;
	text-align: center;
	letter-spacing: 0px;
	white-space:nowrap;
}

.listing-inner .center{
	float: left;
	overflow: hidden;
}

.listing-inner a{
	display: block;
	float: left;
	border: 0px;
	padding: 0px 6px;
	background: #62ADDA;
	color: #fff;
	margin-right: 3px;
	text-decoration: none;
	border: 1px solid #62ADDA;
}
.listing-inner a:hover {
	background: #ffffff;
	text-decoration: none;
	color: #62ADDA;
}
.listing-active{
	border: 1px solid #62ADDA;
	padding: 0px 6px;
	display: block;
	float: left;
	background: #FFF799;
	color: #62ADDA;
	margin-right:3px;
}
.listing-activeg{
	padding: 0.15em 0.5em;
	background:#252F3C none repeat scroll 0%;
	color:#FF6C00;
	margin-right:2px;
}

.bprev{
  display:block;
  float:left;
  height:9px;
  margin-left:16px;
  margin-top:0.4em;
  width:64px;
}
/* ===================================*/


#statik .statik_ra {
	position:relative;
	overflow:hidden;
}

#statik .statik_ra img{
	float:left;
	background: #ebebeb;
	border: 1px dashed #000000;
	margin-right:30px;
}

#statik .statik_ra .ol{
	position:relative;
	width: auto;
	overflow:hidden;
}

#statik .statik_ra .ol div{
	width: auto;
	display:block;
	background: #ebebeb;
	border: 1px dashed #62ADDA;
	padding: 5px 20px 0px 5px;
	margin-bottom: 30px;
}
#statik .statik_ra .ol div li{
	text-align: left;
}
.graf{
	width : 700px;
	height: 250px;
	display:block;
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%;
}

#device_selection{
	background: #EEEEEE;
	overflow: hidden;
	width : 698px;
	padding: 0;
	margin: 10px 0;
	display:block;
}

#device_selection #ds_all div, #device_selection .clear{
	position: relative;
	display: block;
	float: left;
	border: 1px solid #62ADDA;
	background: #ffffff;
	padding : 4px;
	padding-right: 16px;
	margin: 1px;
	white-space: nowrap;
}

#device_selection .clear{
	float:right;
	width: 32px;
	height: 24px;
	padding: 0px;
}
#device_selection .clear a{
	display:block;
	margin: 0px;
	background: url('../images/clear.png') 0px -4px no-repeat #ffffff;
	width: 32px;
	height: 24px;
}



#device_selection #ds_all div.selected{
	background:#FFF799;
}

#device_selection div a{
	color: #62ADDA;
	text-decoration: none;
	font-weight: bold;
}

#device_selection div a:hover{
	text-decoration: underline;
}

#device_selection a.rem {
	position : absolute;
	right: 0px;
	top: 0px;
	margin: 1px;
	border: 1px solid #62ADDA;
	background: #62ADDA;
	color: #ffffff;
	padding: 0 2px;
}

#device_selection a.rem:hover {
	color: #62ADDA;
	border-color: #62ADDA;
	background-color: #ffffff;
	text-decoration: none;
}

.search_stats {
	border: 1px dotted #6487AE;
	background: #EEEEEE;
	overflow: hidden;
	width : 698px;
	margin: 10px 0;
	text-align: left;
	font-weight: bold;
}

.search_stats p{
	margin: 5px;
	font-size: 11px;
}

.debug {
    background-color: #E1DA87;
    text-align: left;
    padding-left: 10px;
    padding-top: 1px;
    margin: 5px;
}
.debug .debug_trace {
    float: right;
    padding: 2px;
    padding-right: 5px;
}
.debug .debug_trace_all {
    background-color: #FF0000;
    display: none;
    float: right;
    margin-top: 40px;
    color: white;
}
/*
background:#fff;color:#333;font-size:15px;text-align:left;
*/

.plne_hod {
    width: 50px;
    text-align: right;
}

tr.footer_tr input {
    font-size: 9px;
}