* {
	margin: 0;
	padding: 0;
}

html, body  {
	height: 100%;
}

body {
	font-family: "Trebuchet MS" , Tahoma, Arial;
	background: #fff;
	color: #000;
	font-size: 8pt;
	text-align: center;
	background-image: url("../img/borderRight.gif");
	background-repeat: repeat-y;
	background-position: right;
}

form.main {
	text-align: left;
	background-image: url("../img/borderLeft.gif");
	background-repeat: repeat-y;
	min-height: 100%;
	height: 100%;
	position: relative;
}

form.mainWithPanel {
	text-align: left;
	background-image: url("../img/borderLeftWithPanel.gif");
	background-repeat: repeat-y;
	min-height: 100%;
	height: 100%;
	position: relative;
}

body>form.main, body>form.mainWithPanel {
	height: auto;
}

/*zakladni prvky */
ul {
	list-style-image: url('../img/bullet.gif');
	margin-left: 28px;
}

li {
	padding: 0;
	margin: 0;
}

a {
	color: #bc4a0c;
	text-decoration: underline;
}

a:hover {
	color: #bc4a0c;
	text-decoration: underline;
}

p {
	padding: 0 0 15px 0;
}

h2 {
	font-weight: bold;
	color: #5d5337;
	font-size: 11pt;
	padding: 10px 0;
}

/* hlavicka */
#head {
	color: #fff;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0 30px;
	height: 88px; /*85px*/
}

#head a {
	color: #fff;
	font-size: 8pt;
	text-decoration: underline;
}

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

#head .headContainer {
	background-color: #726646;
	margin: 0 0 0 120px;
	padding-top: 5px;
	height: 80px;
}

#head .languageSelect {
	padding: 5px 0 0 15px;
	float: left;
	width: 82px;
	height: 75px;
}

#head .infoLabel {
	height: 25px;
	_height: 24px;
	padding: 5px 5px 0 0;
	text-align: right;
}


#head .headTools {
	height: 80px;
}

#head .menuContainer {
	margin-left: 100px;
	_margin-left: 0;
}

#menu .selected {
	font-weight: bold;
}

#head .menuContainerBorder {
	background-color: white;
	background-image: url('../img/menuBorder.gif');
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 47px;
	padding: 3px 0 0 3px;
}

#head .menuContainerBackground {
	width: 100%;
	background-color: #f4f2e5;
}

#head .menuContainerPadding {
	padding-left: 5px;
}

#menu {
	background-color: #f4f2e5;
	font-size: 9pt;
	color: #73431a;
	height: 47px;
	_height: 44px;
}

#menu .menuButton {
	border-left: solid 2px #b0b053;
	padding: 3px 10px 3px 5px;
}

#menu a {
	text-decoration: none;
	color: #73431a;
}

#menu a:hover {
	text-decoration: underline;
	color: #73431a;
}

#menu h1 {
	font-size: 20pt;
	font-weight: normal;
	color: #bc4a0c;
	padding: 5px 0 0 5px;
}

/* obsah */
#contentContainer {
	clear: both;
	padding: 0px 30px 63px 30px;
}

#content {
	font-size: 9pt;
}

#content h3 {
	font-weight: normal;
	color: #bc4a0c;
	font-size: 11pt;
	padding: 8px 5px 2px 5px;
}

#content .h3Unit {
	padding: 0 0 3px 0;
}

#content h3 a {
	font-weight: bold;
	text-decoration: underline;
	color: #bc4a0c;
}

#content h3 a:hover {
	text-decoration: underline;
	color: #bc4a0c;
}

#content table {
	font-size: 9pt;
}

#content h2 {
	font-weight: bold;
	color: #a0a045;
	font-size: 16pt;
	padding: 5px 5px;
}

#content h4 {
	font-weight: bold;
	font-size: 9pt;
	padding: 8px 5px 2px 5px;
}

#panelLeft {
	float: left;
	width: 210px;
	background-color: #f4f2e5;
	padding: 5px;
	_margin-right: -3px;
}

.whiteLine {
	width: 220px;
	height: 3px;
	background-color: #ffffff;
}

#panelLeftSmall {
	float: left;
	width: 210px;
	background: #ffffff url( '../img/panelLeftSmallBackground.gif' ) no-repeat;
	padding: 5px;
	_margin-right: -3px;
}

#panelLeft h2 {
	font-weight: bold;
	color: #5d5337;
	font-size: 11pt;
	padding: 10px 0;
}

#panelLeftSmall h2 {
	font-weight: bold;
	color: #5d5337;
	font-size: 11pt;
	padding: 5px 0;
}

.itemTable .colPreview {
	width: 126px;
	padding: 5px 5px;
}

.itemTable .colPreviewContainer {
	padding: 2px;
	border: 1px solid #b2ab7a;
	background-color: #FFFFFF;
	width: 120px;
	height: 90px;
}

.itemTable .colPreviewContainer img {
	vertical-align: middle;
}


.itemTable .editCellContainer {
	width: 200px;
	padding: 5px 5px;
}

.itemTable .editCell {
	width: 200px;
	padding: 5px 5px;
}

.itemTable .colDescription {
	width: 100%;
	padding: 5px 5px;
}

/*prolinacka static*/
.morphTableItem {
	width: 100%;
}

.morphTableItem .colPreview {
	width: 654px;
	height: 494px;
	padding: 5px 5px;
	text-align: right;
}

.morphTableItem .colPreviewContainer {
	padding: 2px;
	border: 1px solid #b2ab7a;
	background-color: #FFFFFF;
}

.morphTableItem .colPreviewContainer img {
	vertical-align: middle;
}


.morphTableItem .colDescription {
	text-align: center;
	width: 100%;
	padding: 5px 5px;
}

.morphTableItem .pictureDescription {
	font-weight: bold;
	font-size: 10pt;
	padding: 0 10px 20px 10px;
}

.unitProlinackaView td {
	text-align: justify;
	padding: 2px;
}
/*end prolinacka static*/

/* text unit */
img.textUnitImage {
	padding: 2px;
	border: 1px solid #b2ab7a;
	background-color: #FFFFFF;
	width: 120px;
	height: 90px;
	margin: 3px;
}

/* text unit - end */


.list .normal table {
	background-color: #f4f3e8;
}

.list .alternating table {
	background-color: #ffffff;
}

.normal .itemTitle {
	background-color: #f4f3e8;
}

.alternating .itemTitle {
	background-color: #ffffff;
}

.pictureListTable {
	padding: 5px;
	width: 100%;
}

.pictureListTable .colPreview {
	width: 126px;
	padding: 5px 5px;
}

.pictureListTable .colPreviewContainer {
	padding: 2px;
	border: 1px solid #b2ab7a;
	background-color: #FFFFFF;
	width: 120px;
	height: 90px;
}

.pictureListTable .colPreviewContainer img {
	vertical-align: middle;
}


.pictureListTable .editCellContainer {
	width: 200px;
	padding: 5px 5px;
}

.pictureListTable .editCell {
	width: 200px;
	padding: 5px 5px;
}

.pictureListTable .colDescription {
	width: 100%;
	padding: 5px 5px;
}

.pictureListTable .pictureActions {
	text-align: left;
}

.paging {
	text-align: right;
	padding: 5px 5px;
	border-bottom: solid 2px #f4f3e8;
	margin: 0px 0px 2px 0px;
}

.pagingBottom {
	text-align: right;
	padding: 5px 5px;
	border-top: solid 2px #f4f3e8;
	margin: 2px 0px 0px 0px;
}

.pagingLink {
	color: #B4480D;
}

.pagingLinkActive {
	color: #B4480D;
	font-weight: bold;
}

.langMenu /* radek s menu */ {
	background: #ffffff url( '../img/langMenu/background.gif' ) repeat-x;
	height: 20px;
	line-height: 20px;
	color: #bc4a0c;
	clear: both;
}

.langMenu .on /*aktivni karta */ {
	background: #ffffff url( '../img/langMenu/onCenter.gif' ) repeat-x;
	font-weight: bold;
}
.langMenu .off /*neaktivni karta*/ {
	background-color: #F4F3E8;
}
.langMenu .leftGap /* mezera vlevo pred prvni kartou */ {
	width: 100%;
}

.langMenu .rightGap /* mezera vlevo pred prvni kartou */ {
	width: 20px;
}

.pageSeparator {
	background: #ffffff url( '../img/pageSeparatorBackground.gif' ) repeat-y;
	width: 8px;
	height: 100%;
}

.textView /* kde se prohlizi text projektu */ {
	padding: 2px 5px;
	background-color: #ffffff;
	text-align: justify;
}

/* konec */

#footer {
	width: 100%;
	height: 60px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #726646;
	text-align: center;
	font-size: 9pt;
}

#footer .footerMargin {
	margin: 0 30px;
	background-color: #FFFFFF;
	height: 60px;
}

#footer .text {
	margin: 6px 0px;
	background-color: #FFFFFF;
}

/* specialni prvky */
.cara {
	background-color: #73431a;
	color: #ffffff;
	height: 2px;
	line-height: 2px;
}

.caraObalka {
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
	height: 4px;
	padding: 2px 0 0 0;
	line-height: 2px;
}

.morphStaticLine {
	background:#ffffff url('../img/lineBottom.gif') repeat-x bottom;
	margin-bottom:3px;
	height:6px;
}

/* input style */
/* text */
.txt {
	font-family: "Trebuchet MS" , Tahoma, Arial;
	border: #999999 1px solid;
	width: 200px;
	font-size: 9pt;
	padding: 0 2px;
}

.txt.readonly {
	color: #808080;
	background-color: #D4D0C8;
}
/* radio */
.rdo {
	vertical-align: middle;
}

.rdo input {
	vertical-align: middle;
	margin: 0 4px;
}
/* select */
.slt {
	font-family: "Trebuchet MS" , Tahoma, Arial;
	width: 205px;
	font-size: 9pt;
}
/* end input style */

.button {
	height: 19px;
	background-image: url('../img/buttonLeft.gif');
	background-repeat: no-repeat;
	padding-left: 8px;
}

.button2Cast {
	height: 19px;
	background-image: url('../img/buttonRight.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
}

.buttonVnitrek {
	height: 19px;
	background-color: #b0b053;
	line-height: 19px;
	text-align: center;
}

.button a {
	color: #FFFFFF;
	height: 19px;
	line-height: 19px;
	background-color: #b0b053;
	text-decoration: none;
}

.button a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/*cursor hand */
.cursorHand {
	cursor: pointer;
	cursor: hand;
}

/* projectEditMenu */
.projectEditMenu {
	background-color: #BC4A0C;
	color: #ffffff;
	_height: 23px;
	font-size: 9pt; /*	background-image: url(../img/peMenu/rightBorder.gif); 	background-position: right bottom; 	background-repeat: no-repeat;*/
	line-height: 23px;
	padding-left: 15px;
}

.projectEditMenuItem {
	padding: 0px 10px 0px 10px;
}

.projectEditMenuItem a {
	color: #ffffff;
	text-decoration: underline;
}

.projectEditMenuItem a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.projectEditMenu .link {
	/*	float: left;*/
	text-decoration: none;
}

.projectEditMenu .enabled {
	color: #ffffff;
}

.projectEditMenu .disabled {
	color: #CCCCCC;
}

.projectEditMenu .active {
	font-weight: bold;
}

.fieldDescription {
	display: inline-block;
}

/*tlacitko zobrazit projekt nebo unitu v menu */
.showItem {
	font-size: 9pt; /*	float: right;*/
}
/* checklickbox border - studenti*/

.wrapperBorder {
	padding: 10px;
	border: 1px solid #b2ab7a;
	background-color: #FFFFFF;
}

.countChar {
	float: right;
	padding-right: 10px;
}

.courseList {
	width: 45%; 
	float: left; 

	margin: 5px; 
	padding: 5px;
}

.courseList img {
	border: none;
}

/* google maps */

.infoContentTitle {
	font-size: 11pt;
}

.infoContent {
	width: 350px;
	text-align: justify;
	padding-bottom: 30px;
}

.mapContent {
	padding-left: 230px; 
	padding-top: 9px; 
	padding-bottom: 10px;
}

#map {
   border: 1px solid #573C0C;
}

.gpsCoordinates {
	border: 1px solid black;
	width: 1px;
	height: 370px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.fakeReference {
	color: #bc4a0c;
	text-decoration: underline;
	cursor: pointer;
}

.pageModifiedWarning {}

.pageTitle {}