@charset "utf-8";
/* CSS Document */


/* Page styling and positioning */
.pageContener{
	padding: 0px 0px 0px 0px;
}

.pageContener #contenerToLeft{
	background-image: url(../images/kristal-web_02.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

.pageContener #contenerToRight{
	background-image: url(../images/kristal-web_03.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

.pageContener #centerContener{
	width: 980px;
	min-height: 768px;
	padding: 2px 2px 2px 2px;
}

.pageContener #logoContener{
	width: 980px;
	height: 146px;
	background-image:url(../images/kristal-web_01.jpg);
}

.pageContener #flagPosition{
	padding: 7px 7px 0px 0px;
}

.pageContener #menuContener{
	width: 199px;
	height: 571px !important;
	height /**/ : 571px; /*Internet Explorer hack. Only IE understands this*/
/*	background-image: url(../images/kristal-web_02.jpg);*/
/*	background-repeat: repeat-y;*/
	float: left;
}

.pageContener #contentContener{
	clear : right;
	width: 781px;
/*	background-image: url(../images/kristal-web_03.jpg);*/
/*	background-repeat: repeat-y;*/
	float: right;
}

.pageContener #footerContener{
	clear: both;
	width: 980px;
	height: 51px;
	background-image: url(../images/kristal-web_04.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.pageContener #footNoteNavigationLine{
	padding: 0px 0px 0px 195px;
}

#footNoteNavigationLine a:link, #footNoteNavigationLine a:visited, #footNoteNavigationLine a:active{
	color: #000000;
	text-decoration: none;
}

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

.pageContener #footNotePosition{
	padding: 10px 10px 0px 120px;
}

#footNotePosition a:link, #footNotePosition a:visited, #footNotePosition a:active{
	color: #000000;
	text-decoration: none;
}

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

h1{
	font-family: Helvetica, sans-serif;
	color: #0033FF;
	text-align: center;
}
h3{
	font-family: Helvetica, sans-serif;
	color: #0033FF;
}

/* MENU Contener */
.contenerMenu{
	padding: 0px 0px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.menuButton{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 10px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 141px !important;
	width /**/ : 148px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #000066 solid 1px;
	filter:alpha(opacity=50); /* Transparent for IE */
	-moz-opacity: 0.5; /* Transparent for Mozilla */
	opacity:.50; /* Transparent for Opera */
}

.menuButtonHower{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 10px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 141px !important;
	width /**/ : 148px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #000066;
	border: #000066 solid 1px;
	filter:alpha(opacity=90); /* Transparent for IE */
	-moz-opacity: 0.9; /* Transparent for Mozilla */
	opacity:.90; /* Transparent for Opera */
}

.selectedMenuButton{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 10px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 163px !important;
	width /**/ : 170px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #413dfe solid 1px;
}

.subMenuButton{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 43px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 108px !important;
	width /**/ : 115px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #000066 solid 1px;
	filter:alpha(opacity=50); /* Transparent for IE */
	-moz-opacity: 0.5; /* Transparent for Mozilla */
	opacity:.50; /* Transparent for Opera */
}

.subMenuButtonHower{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 43px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 108px !important;
	width /**/ : 115px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #000066;
	border: #000066 solid 1px;
	filter:alpha(opacity=70); /* Transparent for IE */
	-moz-opacity: 0.7; /* Transparent for Mozilla */
	opacity:.70; /* Transparent for Opera */
}

.selectedsubMenuButton{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 20px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 154px !important;
	width /**/ : 162px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #413dfe solid 1px;
}

.subMenu1Button{
	padding: 3px 0px 0px 5px;
	margin: 3px 0px 3px 70px;
	height: 15px !important;
	height /**/ : 20px; /*Internet Explorer hack. Only IE understands this*/
	width: 81px !important;
	width /**/ : 88px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #000066 solid 1px;
	filter:alpha(opacity=50); /* Transparent for IE */
	-moz-opacity: 0.5; /* Transparent for Mozilla */
	opacity:.50; /* Transparent for Opera */
}

.subMenu1ButtonHower{
	padding: 3px 0px 0px 5px;
	margin: 3px 0px 3px 70px;
	height: 15px !important;
	height /**/ : 20px; /*Internet Explorer hack. Only IE understands this*/
	width: 81px !important;
	width /**/ : 88px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #000066;
	border: #000066 solid 1px;
	filter:alpha(opacity=70); /* Transparent for IE */
	-moz-opacity: 0.7; /* Transparent for Mozilla */
	opacity:.70; /* Transparent for Opera */
}

.selectedsubMenu1Button{
	padding: 4px 0px 0px 5px;
	margin: 3px 0px 3px 30px;
	height: 18px !important;
	height /**/ : 24px; /*Internet Explorer hack. Only IE understands this*/
	width: 145px !important;
	width /**/ : 152px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #413dfe;
	border: #413dfe solid 1px;
}

.spaceMenuButton{
	padding: 0px 0px 0px 5px;
	margin: 3px 0px 3px 66px;
	height: 12px !important;
	height /**/ : 16px; /*Internet Explorer hack. Only IE understands this*/
	width: 85px !important;
	width /**/ : 91px; /*Internet Explorer hack. Only IE understands this*/
	background-color: #666666;
	border: #000000 solid 1px;
	filter:alpha(opacity=70); /* Transparent for IE */
	-moz-opacity: 0.7; /* Transparent for Mozilla */
	opacity:.70; /* Transparent for Opera */
}

.contenerMenu a:link, .contenerMenu a:visited, .contenerMenu a:hover, .contenerMenu a:active{
	color: #FFFFFF;
	text-decoration: none;
}

/*PAGE*/

.kontaktContener{
 	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 571px !important;
	min-height /**/ : 571px; /*Internet Explorer hack. Only IE understands this*/
}

.kontaktContener #title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
	font-size: 24px;
	color: #000066;
}

.kontaktContener #othertext{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

.kontaktContener #othertextSmal{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 11px;
	color: #333333;
}

.submenu1 {display: none}
.submenu2 {display: none}
.submenu3 {display: none}

.ajaxRedBox{
	background-color:#FF0000;
	color:#FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
}



.keret{
	border: #413dfe solid 1px;
	width: 185px;
	height: 330px !important;
	height /**/ : 330px; /*Internet Explorer hack. Only IE understands this*/
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
}

.keret1{
	border: #413dfe solid 1px;
	width: 710px;
	height: 130px !important;
	height /**/ : 130px; /*Internet Explorer hack. Only IE understands this*/
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
}

.keret2{/*predtova*/
	border: #413dfe solid 1px;
	width: 185px;
	height: 280px !important;
	height /**/ : 280px; /*Internet Explorer hack. Only IE understands this*/
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
}

.keret3{/*hranilice*/
	border: #413dfe solid 1px;
	width: 240px;
	height: 270px !important;
	height /**/ : 270px; /*Internet Explorer hack. Only IE understands this*/
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
}

.keret4{/*clear*/
	clear: both;
}

.keretkep{
	background-color: #FFFFFF;
	height: 310px !important;
	height /**/ : 305px; /*Internet Explorer hack. Only IE understands this*/
	width: auto;
	text-align: center;
	position: relative;
}

.keretkep1{
	background-color: #FFFFFF;
	height: 110px !important;
	height /**/ : 110px; /*Internet Explorer hack. Only IE understands this*/
	width: auto;
	position: relative;
}

.keretkep2{/*predtova*/
	background-color: #FFFFFF;
	height: 260px !important;
	height /**/ : 260px; /*Internet Explorer hack. Only IE understands this*/
	width: auto;
	position: relative;
}

.keretkep3{/*hranilice*/
	background-color: #FFFFFF;
	height: 250px !important;
	height /**/ : 255px; /*Internet Explorer hack. Only IE understands this*/
	width: auto;
	position: relative;
}

.kepclass{
	position: absolute;
	bottom: 0px;
	left: 25%;
}

.kepclass1{
	position: absolute;
	bottom: 0px;
	left: 0%;
}

.kepclass2{/*hranilice*/
	position: absolute;
	bottom: 0px;
	left: 10%;
}

.keretnev{
	width: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #413dfe;
	height: 20px !important;
	height /**/ : 20px; /*Internet Explorer hack. Only IE understands this*/
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/*Image borders on detail pages*/
.kiskeret{
	border: #413dfe solid 1px;
	padding: 1px 1px 1px 1px;
	margin: 2px 1px 2px 2px;
	padding: 2px 1px 0px 2px;
}

/*Other image border - projekts page*/
.projkeret{
	border: #413dfe solid 1px;
	padding: 2px;
	margin: 2px 15px 2px 2px;
}

.projkerettitle{
	border: #999999 solid 1px;
	padding: 2px;
	margin: 2px 8px 2px 8px;
	font-size:14px;
	background-color:#CCCCCC;
	color: #0033FF;
}

.projpics{
	padding: 2px 2px 2px 2px;
}


/*CLASSESS for hints*/
.hintsClass {
	background-color: white;
	border: 1px solid #808080;
	padding: 5px 5px 15px 5px;
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	text-align: center;
}