/* CSS Document */


/**  STANDARTNI BLOKY A STYLY  *********/
html, body {
  margin                                : 0;
  height                                : 100%;
  }
body {
  background-color                      : #0170a8;
	padding 															: 0 19px;
  color																	: #505050; /*white;*/
	}
body, form, p, table, td, th, input, select, textarea {
  font-size                             : 9pt;
  font-family                           : Verdana, Arial, Helvetica, sans-serif;
  }
#PAGE {
	/*position: absolute;*/
	_width																: 98%;
	min-width															: 800px;
	max-width 														: 1024px;
  background-color                      : #5dbbf8;
  background-color                      : white;
  color																	: #505050;
/*	margin  															: 0 19px;*/
  }

table.card {
  border-collapse												: collapse;
  border																: 1px solid #e5e5e5;
	width																	: 80%;
	margin																: 2px 6px 10px;
	/*table-layout													: fixed;*/  
	}

table.card .fn {
  padding																: 10px 15px;
  border-bottom													: 1px solid #e5e5e5;
  font-size															: 11pt;
  font-weight														: bold;
  background-color											: white;
	}

table.pension {
	width																	: 70%;  
  }
table.card caption {
  margin 																: 8px 0 3px;
  padding																: 2px 5px;
  text-align														: left;
  font-weight														: bold;
  font-size                             : 9.5pt;
  }
table.card td,
table.card th {
  vertical-align												: top;
  padding																: 2px 6px;
  }
table.card th {
  width																	: 144px;
  text-align														: right;
  background-color											: #e5e5e5;
  font-size															: 8.5pt;
  }

#HEAD {
  height																: 182px;
	border-top														: 19px solid #0170a8;
  background-color                      : #5dbbf8;
  position															: relative;
  }
  #HEAD div.title {
    font-size														: 16pt;
    font-weight													: bold;
    color																: white;
    padding															: 10px 30px;
/*  border: 1px solid red;*/
		}

  #TIP {
    float 															: right;
    margin															: 35px;
/*  border: 1px solid red;*/
    width																: 350px;
 	  font-size                           : 9pt;
		}
    #TIP img {
  	  float															: left;
  		border														: 6px solid #00a5f3;
      margin													  : 0 10px 10px 0;
  		}
    #TIP h3 {
  	  font-size                         : 9.5pt;
      margin													  : 0;
      padding  												  : 0;
      color															: #cd5e1b;
  		}
    #TIP p {
      margin													  : 0;
      padding  												  : 0;
  		}
    #TIP a {
		  color															: #cd5e1b;
  		}
    #TIP a:hover {
		  background-color									: #00a5f3;
  		}

  ul#LANG {
    position  													: absolute;
    margin															: 0;
    padding															: 0;
    list-style-type											: none;
    width																: 175px;
    bottom															: 10px;
    right																: 10px;
		}
    #LANG li {
      float 														: right;
      width															: 25px;
      text-align												: right;
		  }    
    
#SRC {
  background-color                      : white;
  margin         												: 0 10px 10px 180px;
  padding-bottom												: 10px;
  position															: relative;
  _height																: 310px;
  min-height														: 310px;
  
  /*border: 1px solid green;*/
  }
  #SRC p {
	  margin															: 4px 10px 10px 2px;
	  padding															: 3px;
	  text-indent													: 2em;
		}
  #SRC a {
	  color																: #d95400;
	  font-weight													: bold;
	  text-decoration											: none;
		}
  #SRC a:hover {
	  color																: #AB4200;
	  text-decoration											: underline;
		}
  #SRC a:visited {
	  color																: #AB4200;
		}


#MENU {
  width																	: 145px;
  /*height																: 402px;*/
  position															: absolute;
  top																		: 106px;
  left																	: 39px;
  border																: 3px #250f00 solid;
  background-color											: #e18b02;
  /* display : none; */ 
  }
  #MENU ul {
    margin															: 0 0 10px 0;
		padding															: 5px 0;
		width																: 100%;
		list-style-type											: none;
		text-align													: center;
/*		border:1px red solid;*/
    }
  #MENU ul li {
    margin															: 0;
		padding															: 0;
    border:1px #e18b02 solid;
    }
  #MENU ul a {
    display															: block;
		padding															: 2px;
    color																: #fefcff;
    text-decoration											: none;
    font-size														: 9pt;
    font-weight													: bold;
	  }
  #MENU ul a:hover {
	  background-color										: #11151d;
	  }



#FOOT {
  clear:both;
  background-color                      : #35b2f5;
  height																: 175px;
  border-top														: 40px solid #5dbbf8;
  border-bottom													: 52px solid #5dbbf8;
  padding-left													: 22px;
  }
	#FOOT div.card {
	  /*border : yellow 1px solid; */
	  width																: 24%;
		height															: 150px;
		margin															: 15px 0;
		float																: left;
		font-size														: 8.5pt;
		}
  	#FOOT div.card img {
		  float															: left;
		  margin 														: 0 2px 6px 0;
  		border														: 6px solid #00a5f3;
			}
  	#FOOT div.card ul {
		  list-style-type										: none;
		  margin														: 0 0 0 60px;
		  color															: white;
		  font-weight												: bold;
			}
  	#FOOT div.card p {
		  margin														: 0 5px 5px 0;
		  color															: white;
		  /*font-weight												: bold;*/
		  height														: 140px;
		  /*border:1px solid white;*/
			}
    #FOOT a {
		  color															: #cd5e1b;
  		}
    #FOOT a:hover {
		  background-color									: #00a5f3;
  		}

h1 {
  color                                 : #d95400;
  font-size                             : 12pt;
  font-weight														: bold;
  text-align                            : left;
  margin																: 12px 0;
	padding																: 5px;
  /*border: 1px solid red; */
  }
h2 {
  font-size                             : 10pt;
  color                                 : white;
  background-color											: #0170a8;
  padding																: 6px 10px;
  width																	: 50%;
  height																: 20px;
  line-height														: 20px;
  margin																: 3px 0;
	/*border: 1px solid yellow; */
  }
h3 {
  font-size                             : 9.5pt;
  margin																: 6px 6px 3px;
  }


.error,
.msg {                               /* textovy blok */
  margin                                : 20px 6px;
  padding                               : 10px;
  text-align                            : left;
  }
.error {
  border                                : 2px solid red;
  }
.msg {
  border                                : 2px solid #92d8fa;
  }






.unconfirmed,
.unconfirmed td {
  color : #a5a5a5;
  }
.dispproval,
.dispproval td {
  color : blue;				
  }
.approved,
.approved td {
  color : green;				
  }
.locked,
.locked td {
  color : red;				
  }


/** Formulare **/

form table {
  border-collapse												: collapse;
	}
form table tr {
  border-top 														: 1px solid #92d8fa;
	}
form td {
  vertical-align												: top;
	padding																: 2px 8px;
	}
form td.btns {
  vertical-align												: bottom;
	}
form td.label, 
form th {
  vertical-align												: top;
	background-color											: #92d8fa;
	}
form td.label {
  width																	: 140px;
	} 
td.label label,
form th label {
  display  															: block;
  text-align														: right;
	width																	: 140px;
	height																: 100%;
	padding																: 2px 4px;
	margin																: 0;
  font-weight														: bold;
  }

td textarea {
  width																	: 100%;
	}


div.btn {
  border : 1px solid black;
  padding : 2px 4px;
  margin  : 0 2px;
/*  min-width: 40px;*/
  width : 50px;
  float : left;
	}
input.del.ico {
  color 																: red;
  font-weight														: bold;
	}
input.close {
  width																	: 18px;
  height																: 18px;
  line-height														: 12px;
  margin																: 0;
  padding 															: 0;
	font-size															: 12pt;
	text-align														: center;
/*	border:1px solid red;*/
  }
textarea.TinyMCEEdit {
/*  width																	: 500px; */
  height																: 300px;
	}
fieldset {
  border																: 1px solid #92d8fa;
  margin          											: 3px 6px 8px 6px;
  padding																: 6px 6px 3px 6px;
  }
legend {
/*  background-color											: #92d8fa;
  padding																: 2px 6px;*/
  font-weight: bold;
  }
div.buttons {
  margin																: 2px 6px;
  padding-left													: 160px;
	}

/**  Okna a dialogove prvky  **/
table.window {
  border 																: 2px solid #11151d;
  width																	: 300px;
  background-color											: white;
  table-layout													: fixed;
	}
  table.window th {
    height															: 16px;
    vertical-align											: middle;
    color																: white;
	  background-color										: #00a5f3;
    border-top													: 1px solid #11151d;
    border-bottom  											: 2px solid #11151d;
    font-size														: 10pt;
		}
  table.window th.btns {
	  background-color										: white;
	  width																: 30px;
	  padding															: 0;
		}
	  table.window th.btns input {
			margin														: 0 2px;
  		height														: 18px;
			}
  table.window td {
    vertical-align											: top;
		}
  table.window td div.contents {
    height															: 300px;
    overflow														: auto;
    _overflow														: visible;
		}
  table.window td.path {
    border-bottom  											: 2px solid #11151d;
		}

  li {
    behavior                            : url("scripts/hover.htc");
    padding-left												: 10px;
    }

/**  Tabulky  **/
table.grid {
  border-collapse                       : collapse;
  margin																: 2px 0 5px;
  width																	: 100%;
  }
  table.grid tr {
    vertical-align                      : middle;
    line-height                         : 20px;
    }
  table.grid th {
    border                              : 2px outset white;
    background-color                    : #d4d0c8;
    text-align                          : left;
    vertical-align                      : middle;
    padding                             : 1px 4px;   
    }
  table.grid td {
    padding                             : 2px 4px;   
    vertical-align                      : top;
    }
  table.grid caption {
    background-color                    : white;
    padding                             : 4px 4px;   
    text-align                          : left;
    font-weight                         : bold;
    width																: 98%;
    }
  table td.preview {
		vertical-align											: middle;
		padding															: 4px 20px;
		padding-right 											: 0;
		}
  table td.preview img {
    border															: 1px solid #00a5f3;
		}


.even {
  background-color                      : #f7f7f7;
  }
.odd {
  background-color                      : #ffffff;
  }
.path {
  background-color                      : white;
  padding                               : 3px 8px;
  }


/***  Seznamy   ***/
ul.list {
  list-style-type												: none;
  margin																: 2px;
  padding																: 0;
  }
	ul.list input {
	  cursor															: pointer;
	  text-align													: left;
	  background-color										: transparent;
	  padding															: 0 4px;
	  border															: 0 none;
	  }
  ul.select li.hover,
  ul.select li:hover {
    /*color																: white; */
    background-color										: #d5d5d5; 
    background-image										: url(imgs/arrow-to-left.gif);
    background-repeat										: no-repeat;
    background-position									: 0 center;
    }
	ul.selected li.hover,
	ul.selected li:hover {
	  border															: 1px solid #575757;
	  }
	ul.selected li {
	  border															: 1px solid white;
	  }
  ul.selected input.del {
    width																: 16px;
		font-size														: 12pt;
		display															: inline;
		color																: red;
	  margin 															: 0 4px;
		}
	ul.tree li {
	  position														: relative;
	  padding-left  											: 35px;
		}	
	ul.tree li a.expand {
	  position														: absolute;
	  top																	: 3px;
	  left																: 20px;
	  _left																: -20px;
		}






.control-ico {
  display																: block; 
	/*background-color:red;*/
	width																	: 20px;
	height																: 20px;
	text-align														: center;
  }

ul.panned {
  list-style-type												: none;
  /*border: 1px solid green;*/
  margin : 0;
  padding: 0;
	}
	ul.panned li {
    float																: left;
    line-height													: 20px;
  	padding															: 0 3px;
    /*border: 1px solid red;*/
	  }


ul.tools {
  /*border : 1px solid #464646;*/
  width																	: 40%;
  list-style-type												: none;
  margin 																: 0;
  padding																: 0;
  float																	: right;
	}
  ul.tools li {
    float																: right;
		padding															: 0;
		margin															: 0; 
		}
	  ul.tools li a {
	    display														: block;
			margin														: 0 4px; 
			padding														: 2px 4px;
			overflow													: hidden;
			border														: 1px solid white;
			/*background-color									: #e5e5e5;*/
			color															: #464646;
			font-weight												: bold;
			text-decoration										: none;
			}
	  ul.tools li input {
			border														: 0 none;
			background-color									: transparent;
			color															: #464646;
			font-weight												: bold;
			cursor														: pointer;
			}
	  ul.tools li a:hover {
	    /*background-color									: #464646;*/
	    /*color															: white;*/
			border														: 1px solid #464646;
			}


ul.double-col {
  /* border: 1px solid blue; */
  margin																: 5px 10px;
  padding																: 0;
  list-style-type												: none;
	}
  ul.double-col li {
    /*border: 1px solid red;*/
    width 															: 45%;
    float																: left;
		}


ul.col-200 {
   /*border: 1px solid blue;*/ 
  margin																: 5px 10px;
  padding																: 0;
  list-style-type												: none;
	}
  ul.col-200 li {
    /*border: 1px solid red;*/
    width 															: 180px;
    float																: left;
    margin															: 2px 5px;
		}




a.ico {
  display																: block;
  width																	: 16px;
  }
  
ul.season,
ul.gallery {
  /*border:1px solid red;*/
  list-style-type												: none;
  margin																: 6px 0;
  padding																: 0;
	}
	ul.gallery li {
	  height															: 120px;
	  /*line-height													: 120px;*/
	  width																: 20%;
	  float																: left;
	  text-align													: center;
	  overflow														: hidden;
	  /*border:1px solid red;*/
 	  position  													: relative;
		}
	  ul.gallery li img {
  	  margin														: 10px 6px 6px;
	    }
	  ul.gallery li a.ico {
  	  width															: 30px;
  	  position  												: absolute;
  	  top																: 0;
	    }

div.pension {
	width																	: 25%;
	float																	: right;
	clear																	: right;
  }
  div.pension ul.gallery li {
	  width																: 100%;
    }
  div.pension .tools {
	  width																: 90%;
    }

.box {
  /*border : 2px solid blue;*/
  width																	: 100%;
  height																: 200px;
  overflow															: auto;
  }



table.cenik {
  width																	: 98%;
  border-collapse												: collapse;
  border																: 1px solid #e5e5e5;
	}
	table.cenik th {
	  background-color										: #e5e5e5;
	  width																: 144px;
	  text-align													: right;
	  vertical-align											: top;
	  padding															: 2px 6px 10px 6px;
  	font-size														: 8.5pt;
		}
	table.cenik td {
	  vertical-align											: top;
	  padding															: 2px 6px 10px 6px;
    border-bottom												: 1px solid #e5e5e5;
	  }
	table.cenik td.pay {
	  text-align													: right;
	  color																: #0170a8;
	  }

	  
/* CSS Document */
div.log {
  height: 250px;
  border: 1px solid #e8e8e8;
  padding : 5px;
  overflow: auto;
  display :none;
	}