@charset "UTF-8";

body {
	background: none repeat scroll 0% 0% #555452;
	font: 8pt sans-serif;
}
body#fck {
	background: none repeat scroll 0% 0% transparent;
}



#body {
	height: 100%;
	margin: 0px auto;
	position: relative;
	width: 980px;
	background: rgba(255,255,255,0.8 ) }
#head,
#menu,
#content,
#foot{
	clear: both;
	margin: 0;
	width: 100%;}
#head{
	z-index: 1;
	position: relative;
	background: url("../img/head.png") no-repeat;
	height: 195px;	}
#logo,
#motto{
	position: absolute;
	left: 60px;}
#logo{
	display: block;
	width: 150px;
	height: 88px;
	top: 28px;
	background: transparent url("../img/logo.png") no-repeat center center;
}
#motto{
	bottom: 40px;
	color: white;
	font-weight: 800;
	font-size: 15pt;}
#circle{
	display: block;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 174px;
	right: 74px;
	background: transparent url("../img/circle.png") no-repeat center center; }

#menu
{
	position: absolute;
    height: 34px;
    top: 149px;
    left: 60px;
    width: 850px;
}

#flags{
	position: absolute;
	top: 10px;
	right: 6px;
	margin: 0;
	padding: 0;
	width: 100px;
	list-style: none; }
#flags li{
	float: right;
	margin-left: 10px;}
#flags a{
	cursor: pointer;
	display: block;
	width: 29px;
	height: 18px;
	line-height: 50px;
	overflow: hidden;
	border: 2px solid white;
	background: transparent url("../img/flags.png") no-repeat top right; }
#flags a#flag_de{
	background-position: bottom right;}
#flags a#flag_en:hover{
	background-position: top left;}
#flags a#flag_de:hover{
	background-position: bottom left;}

#left, #right, #middle {
	float: left;
	margin-top: 0px;
	padding: 10px;
	width: 190px;	}
#left, #right {
	margin-top: 0px;	}
#right {
	float: right;	}
#middle {
	width: 535px;
	padding-top: 28px;	}
#foot {
	background: url("../img/foot.png") no-repeat center 0px;
	height: 135px;
	padding-top: 87px;	}
#foot p {
	font-size: 8pt;
	text-align: center;
    color: white;
    margin-top: 112px;
}
ul.menu li.active a {
	text-decoration: none;
	font-weight: bold;
}
input.input{
	border: 1px solid #c9c9c9;
	border-radius: 2px;	}

/*= Vyhledavaci policko ==============================================*/
#body #head .search_box { position: absolute;
	left: 715px;
	top: 85px;
}
#body #head .search_box input[type="text"] { background-color: #022C04;
	border: 0px solid black;
	height: 15px;
	width: 115px;
	color: rgb(125, 167, 0);
}
#body #head .search_box input[type="submit"] { background-color: #022C04;
	border: 0px solid black;
	height: 30px;
	width: 32px;
	left: 137px;
	position: absolute;
	top: -1px;
	background-image: url('../images/search_button.png');
}

#body #head .search_box a {
	color: rgb(125, 167, 0);
	position: absolute;
	top: 30px;
}
/*= \Vyhledavaci policko =============================================*/

/*= Certifikat =======================================================*/
.cert_green{
	text-align: center;

	font-size: 20px;
	color: #48703f;
}
.cert_red{
	text-align: center;

	font-size: 40px;
	color: #e31f25;
}





/*= \Certifikat =======================================================*/

#menu ul a{
	height: 30px;
	line-height: 30px;
    color: #99cc00; text-decoration: none; text-transform:uppercase;
    font-weight: bold;
}
#menu ul {
	display: block;
	left: 15px;
	overflow: hidden;
	position: relative;
	top: 5px;	}
#menu ul li {
	display: block;
	float: left;
	margin-left: -1px;
}
#menu ul li a{
    display: block;
	padding: 0 10px;	}
#menu ul li a:hover {
	color: white;
text-decoration: underline;}

.sideblock ul.menu a{
	display: block;
	width: 125px;
	padding: 0 10px 0 25px;
	color: black;
	background: transparent url("../img/menu-ico.png") no-repeat 0px 5px; }
.sideblock ul.menu a:hover{
	color: #34b0b6;
	background-position: 0px -20px; }
.sideblock ul.menu ul a,
.sideblock ul.menu ul a:hover{
	height: 24px;
	line-height: 24px;
	background: none;	}
.sideblock {
	margin-top: 18px;}
.sideblock .title {
	background: #87cedb url("../img/bg-block.png") no-repeat right 11px;
	height: 30px;
	line-height: 26px;
	padding: 0 71px 0 9px;
	width: 110px;
	font-weight: 700;
	font-size: 9pt;
	color: #fff; }
.sideblock .middle {
	padding: 9px; }

html body div#body div#main div#content div#left div#sb-menu.sideblock div.middle {
	margin-top: -13px;
	padding-left: 5px;	}
#loginform1 label,
#loginform1 input{
	float: left;
	margin: 2px 0; }
#loginform1 label{
	display: block;
	width: 37px;
	padding: 0 5px;
	height: 21px;
	line-height: 19px;}
#loginform1 input.input{
	padding: 2px;
	line-height: 15px;
	width: 114px; }

.btn,button, input[type=button], input[type=submit], .button, .btnx, .btn2 {
	display: inline-block;
	background: #009aa6;
	border-radius: 2px;
	border: 1px solid #2b6c74;
	padding: 0px 10px;
	line-height: 26px;
	height: 26px;
	color: white;
	font-size: 8pt;
	font-weight: normal;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	margin: 2px 5px 2px 0;
	text-align: center; }

 .btn:hover,
.btn2:hover {
	color: #fff; }
.btn2,  input[type=button].btn2, input[type=submit].btn2{
	line-height: 24px;
	height: 24px;
	background-color: #555452;
	border-color: #424140;	}
.btnx {
	background-color: #cfcfcf;
	border-color: #7f7f7f;	}
input[type=button]:hover, input[type=submit]:hover, .button:hover,.btn:hover {
	background-color: #21af1a;}
.btn2:hover {
	background-color: #7e7d7c;}

#sb-contact .middle a, #middle p a {
	color: #E87B47;
	text-decoration: underline;
}
h1, h1 a, h1 a:hover {
	color: #0F4C0C;
	display: block;
	font-size: 14pt;
	padding: 3px 0px;
	text-decoration: none;
}
h1 a {
	border-bottom: 1px solid #7FBF55;
}
h2, h3, h4 {
	color: #0F4C0C;
	font-weight: normal;
}
h2 {
	font-size: 12pt;
}
h3 {
	font-size: 11pt;
}
h4 {
	font-size: 10pt;
}
h5 {
	font-size: 9pt;
	font-weight: bold;
}
h6 {
	font-size: 8pt;
	font-weight: bold;
}
#middle ul {
	list-style-image: url("../img/ul.png");
	padding: 0px 40px;
}
#sb-actuality .name {
	clear: both;
	color: #E87B47;
	display: block;
	padding: 5px 0px 2px;
	text-decoration: underline;
}
.pollName {
	padding-bottom: 7px;
}
.pollGraph {
	background: none repeat scroll 0% 0% #4a4948;
	border: medium none;
	height: 9px;
	margin-top: 3px;
}
#adminBar {
	margin-top: 50px; }
div#elMctl{
	margin-left: -5px; }
div#elMctl table.entEditor {
	width: 190px; }
div#elMctl table.entEditor th{
	width: 50px; }
#box {
	width: 554px;
	height: 391px;
}
#sbox1 {
	width: 269px;
	float: left;
	height: 189px;
	border: 1px solid #52bbc3;
	margin-bottom: 12px;
	background: transparent url(../img/box-content-bg.png);
}
#sbox2 {
	width: 269px;
	float: right;
	height: 189px;
	border: 1px solid #52bbc3;
	margin-bottom: 12px;
	background: transparent url(../img/box-2-bg.png);
}
#sbox3 {
	width: 269px;
	float: left;
	height: 189px;
	border: 1px solid #52bbc3;
	margin-bottom: 12px;
	background: transparent url(../img/box-content-bg.png);
}
#sbox4 {
	width: 269px;
	float: right;
	height: 189px;
	border: 1px solid #52bbc3;
	margin-bottom: 12px;
	background: transparent url(../img/box-content-bg.png);
}
.box-content {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 7.5pt;
	height: 190px;
}
div.box-content p a {
	color: #58bec3 !important;
}
.newest {
	color: black;
	text-decoration: none !important;
}
#sb-kalendar {
	background-image: url("../img/sb-kalendar-akci.png");
	background-repeat: no-repeat;
}
div.box-content h3.aHead {
	padding-bottom: 0;
}
.aHead a, aHead {
	font-size: 9pt;
	font-weight: bold;
}
input.btnSearch {
	background: url(../img/lupa.png) no-repeat scroll 0 0 transparent;
}
#sb-vyhledavani.sideblock div.middle {
	padding-left: 11px;
}
#plSearchS.content form#searchFormS input {
	width: 110px;
	border-color: #c3c3c3;
}
#plSearchS.content form#searchFormS {
	width: 173px;
}
#searchFormS input.btnSearch {
	border: none;
	height: 41px;
	width: 40px !important;
	margin-left: 4px;
}
input.btnSearch:hover {
	background: url(../img/lupa-h.png) no-repeat scroll 0 0 transparent;
}
div.middle form table.entEditor tbody tr td {
	width: 41px;
}
div#right div#sb-user.sideblock div.middle {
	padding-left: 5px;
	width: 172px;
}
div#right div#sb-user.sideblock div.middle form {
	height: 93px;
	width: 183px;
}
div#sb-odber.sideblock div.middle form p input {
	margin-left: -12px;
	width: 174px;
	height: 22px;
	margin-top: 3px;
}
#indexlinik {
	display: block;
	height: 166px;
	left: 50px;
	position: absolute;
	top: 18px;
	width: 350px;
}
#box2-link {
	display: block;
	height: 190px;
	width: 270px;
}
#sb-odber.sideblock div.middle form p input#btn-odber {
	background: url("../img/btn-odber.png") repeat-x scroll center center white;
	border: medium none;
	border-radius: 0 0 0 0;
	color: white;
	font-size: 8pt;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	padding: 1px 6px;
	height: 26px;
	width: 166px;
}
#sb-odber.sideblock div.middle form p input#btn-odber:hover {
	background: url("../img/btn-odber-a.png") repeat-x scroll center center white;
	border: medium none;
	border-radius: 0 0 0 0;
	color: white;
	font-size: 8pt;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	padding: 1px 6px;
	height: 26px;
	width: 166px;
}
#btn-archiv {
	background: url("../img/btn-archiv.png") repeat-x scroll center center white;
	border: medium none;
	border-radius: 0 0 0 0;
	color: white;
	font-size: 8pt;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	padding: 1px 6px;
	height: 27px;
	width: 106px;
	margin-left: -12px;
}
#btn-archiv:hover {
	background: url("../img/btn-archiv-a.png") repeat-x scroll center center white;
	border: medium none;
	border-radius: 0 0 0 0;
	color: white;
	font-size: 8pt;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	padding: 1px 6px;
	height: 27px;
	width: 106px;
	margin-left: -12px;
}
.box-text {
	height: 170px;
}
div.photoView img, div.photoView img:hover {
	border: 4px solid #cccccc;
	margin: 1px;
}
div.photoView img:hover {
	border: 4px solid #555452;
}
div.photoView {
	width: 145px;
	display: block;
	margin-right: 30px;
	float: left;
}

div#content div#middle a   {   text-decoration:underline;
}

div#content {
	padding: 15px;
	width: 950px;
    box-shadow: inset 0 0 5px  #121212;
}
.right {
	float:right;
}
input[type=text], input[type=password], select, textarea {
	margin:2px;
}

.extension {
	padding-left:20px;
	background-position:-4 1px;
	background-repeat:no-repeat;
}

.acl{
	width: 100%;
}
.acl tr:hover, .acl td:hover, .acl td:hover::after {
	background-color: #ebebeb;
}
a {
    color: #254760;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.cleaner {clear: both;}
.top_margin {margin-top: 10px;}
.hidden {display: none;}
.blue {color: blue;}
.pink {color: purple;}
.green {color: green;}
.red {color: red;}
.black {color: black;}
.yellow {color: yellow;}
.orange {color: orange;}

.flashContainer {
	position: static;
	margin-right: 2px;

}
.flashContainer .flash {
	margin-bottom: 15px;
	height: 10px;
	border: 1px solid #d4d949;
	border-radius: 5px;
	color: gray;
	background: #f5f98d;
	padding: 10px;
	padding-left:38px;
	box-shadow: 0px 0px 5px #666666;
	background-position: 10px center;
	background-repeat: no-repeat;
	font-weight: bold;
}

.flash.warning {
	background-image: url('../img/warning.png');
}
.flash.tip {
	background-image: url('../img/tip.png');
}
.flash.error {
	background-image: url('../img/error.png');
}
.flash.info {
	background-image: url('../img/info.png');
}
.flash.success {
	background-image: url('../img/success.png');
}
.flash.denied {
	background-image: url('../img/denied.png');
}
.flash a {
	color: white;
}

table > tbody > tr > th {
	vertical-align: middle;
	text-align: left;
}

.dataTable th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-align: left;
}

.alertTable {
	border: 3px solid #ccc;
	width: 100%;
}

.alertTable td {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ccc;
}

.comment {
	background-color: #ddd;
	margin: 4px;
}
.comment > .author {
	background-color: #bbb;
	padding: 2px;
	float: left;
}
.comment > .time {
	background-color: #ccc;
	float: right;
	padding: 2px;
}
.comment > .text {
	clear: both;
	padding: 4px;
}
.discussion > form > textarea[name=comment] {
	width: 40em;
	height: 6em;
}

.form-error-message {

	padding-left: 20px;
	background-image: url('../img/icons/stop.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.chart {width: 400px;}

.discussion {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	clear: both;
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 33%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(33%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 33%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 33%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 33%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 33%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	border-width: 1px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px #CCC;
}

.chatMessages {
    overflow-x: hidden;
    overflow-y:scroll;
    overflow-wrap: hyphenate;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 0 5px #000;
    padding: 10px;

}
.chatUser {
    font-weight: bold;
}
.cuc1  {color: #821717;}
.cuc5  {color: #0066BB;}
.cuc6  {color: #007700;}
.cuc7  {color: #cd0a0a;}
.cuc8  {color: #7FBF55;}
.cuc9  {color: #FF8000;}
.cuc7  {color: #000000;}
.cuc8  {color: #666666;}
.cuc9  {color: #34b0b6;}
.cuc10 {color: #855247;}

.chatDate {
    color: #00008b;
}

.chart_error {margin: 0px auto; text-align: center; margin-top: 50px; color: red; font-weight: bold; font-size: 20px; margin-bottom: 50px;}

#ui-datepicker-div {z-index: 20 !important;}

.btn, button, input[type="button"], input[type="submit"], .button, .btnx, .btn2 {
    background: none repeat scroll 0 0 #11690c;
    border: 1px solid #0f4c0c;

}
.col_50{
    width: 48%;
    float: left;
    padding: 5px;
}
.onlyIconButton{
     border: none;
     background: transparent no-repeat no-repeat center;
 }

input[type="text"], input[type="password"], select, textarea {
    bodrer-radius: 3px;
    border-radius: 2px;
    margin: 1px solid #cecece;
    box-shadow: 0 0 3px #898989 inset;
    border: 1px solid #cecece;
    padding: 5px;

}

.chatMessage {
    padding: 2px;
}


.lineCell {
    border-bottom: 1px solid #ccc;
    padding:5px;
}
.question h3 {margin-bottom: 0}
.question {border-bottom: solid 1px #eee; padding-bottom: 10px;}
.question ul {list-style: none}

#frm-questionnaire-questionnaireForm legend {
	color: #0F4C0C;
	font-size: 12pt;
	margin-bottom: 10px;
}
#frm-questionnaire-questionnaireForm fieldset {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.question table th{
	text-align: left !important;
}

div#userInfo{
	position: absolute;
	top: 46px;
	left: 340px;
	padding: 5px;
	width: 500px;
	font-size: 1.2em;
	color: rgb(125, 167, 0);
	text-align: right;
}


.addUser{
	width: 50%;
	float: left;
}