body {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
	font-size: 12px;
      line-height: 1.5;
}
/* layout */
#main {
      background-color: #CACACA;
	margin: 0 auto;
	width: 900px;
   padding: 0 40px 80px 40px; 
	text-align: left;
	}
#topbg {
	width: 920px;
      margin: 0px auto;
      padding: 0 30px 0px 30px; 
      background-image: url(../_img/top.gif);      
      }
#top {
	font-weight: bold;
	color: #fff;
	background-color: #000;
      }
#body {
	background-color: #fff;
      }
#left {
 	float: left;
	padding: 0em;
	margin: 0em;
	width: 523px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 523px;
  }
html>body #left {
	width: 523px;
	}
#right {
 	float: right;
	padding: 0em;
	margin: 0em;
	width: 400px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 400px;
	}
html>body #right {
	width: 400px;
	}
/* layout */

/* html css */
form {
	margin: 0px; 
	padding: 0px;
	}

a:link, a:visited {	
      //text-decoration: none;
      color: #1F397B;
	}
a:hover {
	//text-decoration: none;
	}
.space {
	height: 1px;
	clear: both;
	}
h1 {
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
	margin: 0px;
	}
h2 {
	font-weight: bold;
	font-size: 1.4em;
      margin: 0px;
	}
h3 {
	font-weight: bold;
	font-size: 1.1em;
      margin: 0px;
      }
p {
      font-size: 13px;
	margin: 5px 0;
	}

/* rucene volene */
.red  {
      font-weight: bold;
      color: red;
      }
.tab {
	font-weight: bold;
	background-color: #fff;
      padding: 10px 15px;
	}
/*\*/
html>body* h2 { margin: 0px 0 -3px 0; }
html>body* .entry_title { color: #000; padding: 4px 0px; }

html>body* .private { color: #fff;}
/**/

.box {
      color: #666;
	padding: 15px;
	background-color: #fff;
      margin: 0px;
      margin-bottom: 15px;
	}
.boxreplyform {
      color: #666;
	padding: 15px;
	background-color: #eaeaea;
      margin: 0px;
      margin-bottom: 15px;
	}

.box .item {
	padding: 4px 0;
	}
.bigtext {
      margin: 10px 0;
      font-size: 17px;   
      }
.todolist {
      background: #e6e6e6; padding: 6px 8px;
      }
.entry_header { font-weight: bold; margin: 4px 0; }
.entry_title { color: #000; }
.entry_date { margin-left: 20px; border: 0px solid; font-size: 11px;}

.graytext td {
      color: #333;
      }
.right {
      float: right;      
      }
.mess {
      font-weight: normal;
	background-color: #eee;
	color: #000;
	padding: 6px;
	}

/* linky */
a.bigBlack {
      color: #000;
	}
a.bigGray {
      color: #666;
	}
a.bigBlue {
      color: #1F397B;
	}

a.bigGray, a.bigBlue, a.bigBlack {
      font-weight: bold;
      font-size: 14px;	
      text-decoration: underline;
	}

a.bigGray:hover {
      color: #000;
      text-decoration: none;
	}
a.bigBlack:hover {
      color: #666;
      text-decoration: none;
	}
a.bigBlue:hover {
      color: #000;
      text-decoration: none;
	}



.borderleft {
      border-right: 1px solid #fff;       
      }

#top a {
      color: #aaa;
      font-weight: normal;
      }

.h1 {
      font-weight: bold;
      font-size: 22px;
      color: #000;
}

.me { /* datum a vyber ve formulari kde uzivatel */
	color: #fff;
	background-color: #00CC00;
	}
.completeList {
      padding: 0 0 0 15px;
	color: #666;
	font-size: 10px;
	text-decoration: line-through;
	}
.limg {
      float: left;
      border: 1px solid #aaa;
      padding: 5px;
      margin:  0 8px 0 0;
      }
.face {
      border: 1px solid #aaa;
      padding: 5px;
      }
/* seznam terminu v kalendari a prehled */
.prehled li {
	list-style-type: square;
	color: #aaa;
	font-size: 11px;
	padding: 1px;
	}
ul.prehled {
	margin: 0px;
	padding: 0px 0 0 18px;
	}

/* zvyrazneni odpovedi poctu podpovedi */
.replycount {
	float: left;
      height: 38px;
      margin: 0 15px 0 5px;
      padding: 1px;
      }
.replycount {
      background-color: #eee;
	}
.private {
	color: #fff;
	background-color: red;
	}
span.private {
      padding: 0.4em;      
      }

/* form na complete zaznamu */
.complete, .decomplete {
	float: left;  
	margin: 0 15px 0 0;
	}

/* login */
.login {
	background-color: #cacaca;
	position: absolute;
	width: 340px;
	left: 50%;
	top: 50%;
	margin-left: -220px;
	margin-top: -175px;
	padding: 40px 60px;
	}
.grFoot {
      font-weight: bold;
      font-size: 11px;
      color: #333;      
      }

/* linka pro ovladani text area*/
.textarea-handle {
      height: 5px;
	display: block;
	background: #666;
	}
/* upozorneni na zmenu stavu v projektu. */
#alert, #alerta {
	padding: 0.4em;
	font-size: 12px;
	}

/* status projektu */
.active {
	background-color: #E8E800;
	}
.hold {
	background-color: #99FF80;
	}
.close {
	background-color: #aaa;
	}

.green {
	color: green;
	}

.greenbg {
	color: green;
	background-color: #d5e7ca;
	padding: 6px;
	font-weight: normal;
	}


@media only screen and (max-width: 900px) {
	#main {width: 100%;  padding: 0 0px 80px 0px;  }
	#topbg {width: 100%; padding: 0;}
	#topbg table, #topbg table tbody, #topbg table td, #topbg table tr {display: block; width: 100%;}
	#stopbg table tr {overflow: auto; clear: both;}
	#topbg table td {position: relative; border:0; background-color: transparent; text-align: center;}
	#topbg table tr td:nth-of-type(3){display: none;}
	X.right {float: none;width: 100%;}
	h2{width: 100% !important; float: none; clear: both;}
}