html,body {
	margin: 0;
	padding: 0;
	height:100%;
	background: #828282;
	font-family: Arial, Helvetica, sans-serif;
}
div#whole {
	position:absolute;
	padding:0;
	margin:0;
	top:0px;
	left:0px;
	width:100%;
	min-width:1000px;
	height:100%;
}
div#banner {
	position:relative;
	width:100%;
	background: url(graphics/bcg-banner.jpg) repeat-x;
	height:230px;
	
}
div#banner1 {
	position:relative;
	width:100%;
	background:url(graphics/banner1.jpg) top right no-repeat;
	height:230px;
	
}
div#logo {
	position:absolute;
	width:470px;
	height:230px;
	z-index:3;
}
.flagBtn{
	width:70px;
	height:37px;
	position:absolute;
	top:12px;
	right:124px;
	z-index:101;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}
.flagBtn img{
	border:none;
}

div#topmenu {
	position:absolute;
	right:0px;
	width:1426px;
	height:230px;
	z-index:10;
}
div#middle {
	position:absolute;
	right:0;
	top:229px;
	margin-left:200px;
	width:100%;
	background: #FFF9D5 url(graphics/right-bcg.jpg) right repeat-y;
	font-size:11px;
	color:#000000;
	line-height:17px;
	z-index:5;
}
div#cont {
	float:left;
	padding-left:200px;
	background:url(graphics/left-bcg.jpg) top left repeat-y;
}

div.in{
	float:left;
	background:url(graphics/middletop1.jpg) right top no-repeat;

}
div#inblock{
	float:left;
}
div.inwide, div.inwide1{
	clear:both;
	display:block;
	text-align:justify;
}
div.inwide{
	background:url(graphics/hor-border1.jpg) top repeat-x;
}
div.inwide1{
	background:url(graphics/hor-border.jpg) top right repeat-x;
}
div.inwbor, div.inwbor1{
	position:relative;
	background:url(graphics/ver-border.jpg) top right repeat-y;
	text-align:justify;
}

div#right {
	position:relative;
	float:right;
	width:197px;
	right:0;
}

div#left {
	position:absolute;
	float:left;
	background:url(graphics/left-bcg.jpg) repeat-y;
	width:200px;
	left:0px;
	top:0;
	font-weight: bold;
	font-size:12px;
	text-decoration:none;
	padding:0px;
	margin-right:0px;
	z-index:6;
}
div#menu {
	position:relative;
	padding-top:170px;
	background:url(graphics/menu.jpg) no-repeat;
	width:200px;
}

ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a{
	padding:0;
	margin:0;
	display:block;
}
ul.slidingmenu{
	width:170px;
}
ul.slidingmenu li{
	background:none;
	text-align:left;
	position:relative;	
}
.slidingmenu li a{
	color:#111111;
	padding: 1px 0px 1px 20px;
	text-decoration:none;
	width:100%;
}
.slidingmenu li a:hover{
	padding: 1px 0px 1px 20px;
	background:#F7F09F;
	color: #660000;
}

.slidingmenu li.arr{
	background: url(images/menuarr.gif) right no-repeat;
}
li.arr a:hover{
	background: url(images/menuarr.gif) right no-repeat;
	background: #FFFF99;
}

ul.slidingmenu ul{
	display:none;
}
ul.subi {
	position:absolute;
	background:none;
	border-top:#000000 dotted 1px;
	border-right:#000000 dotted 1px;
	border-left:#000000 dotted 1px;
	font-size:9px;
	color: #000000;
	font-style:normal;
	left:112%;
	top:0px;
	width:100px;
	
}
ul.subi a{
	padding:0;
}
ul.subi a:hover{
	padding:0;
}
ul.subi li{
	padding:0 0 0 5px;
	background: #F6E59D;
	border-bottom:#000000 dotted 1px;
}

.midtitle{
	font-weight:bold;
	padding:9px 15px 0 0;
	text-align:right;
	height:20px;
}

.middiv, .middiv1 {
	min-height:108px;
}
.pict{
	position:absolute;
	top:55px;
	width:100px;
	height:100px;
	margin:0;
	padding:0;
}
.bor {
	width:100px;
	height:100px;
	border:1px solid #111;
}
img.thmb{
	position:absolute;
	clip:rect(0px 100px 100px 0px);
	border:0;
}
div.photo{
	clear:both;
	position:relative;
	bottom:0px;
	height:180px;
	width:auto;
	overflow-y:hidden;
	overflow-x:auto;
	margin-right:10px;
	margin-left:5px;
	scrollbar-base-color:#828282 !important; 
}
div.ine{
	position:relative;
}
div.middiv p{ 
	padding:10px 20px 10px 5px;
	margin:0;
	text-align:justify;
}
div.middiv ul{
	padding:10px 20px 10px 20px;
	margin:0;
	text-align:justify;
	list-style: circle;
}
div.inwide p, div.invide1 p{
	padding:20px 20px 20px 5px;
	margin:0;
	text-align:justify;
}
div.inwide ul, div.inwide1 ul{ 
	padding:20px 20px 20px 20px;
	margin:0;
	text-align:justify;
	list-style: circle;
}
#right p{
	padding:40px 10px 0px 15px;
	text-align:left;
}
div.inner {
	float:left;
	position:relative;
	
}
div.inner2 {
	float:left;
	position:relative;
}
div.inner1 {
	float:right;
	position:relative;
	padding-left:8px;
	width:400px;
	background:url(graphics/ver-border.jpg) right top repeat-y;
}
div.innerimg {
	float:left;
	position:relative;
	padding-left:5px;
	padding-bottom:10px;
	width:210px;
}

div#feedback {
	position:relative;
	width:197px;
	background:url(graphics/feedback.jpg) right top no-repeat ;
}
div#kontakt {
	position:relative;
	width:197px;
	background:url(graphics/kontakt.jpg) right top no-repeat;
}
div#skoly {
	position:relative;
	width:197px;
	background:url(graphics/skoly.gif) right top no-repeat ;
}
div#right form{
	padding:5px 20px 10px 10px;
}
div#right input {
	background:#FFF5D9 url(graphics/form-bcg.jpg) right top no-repeat;
	margin-top:5px;
	border:#222 solid 1px;
	color:#222;
	font-weight:bold;
}
div.inwbor input {
	background:#FFFFFF;
	border: #333333 solid 1px;
}
div.inwbor select {
	background:#FFFFFF;
	border: #333333 solid 1px;
}

div#down {
	clear:both;
	width:100%;
	color: #FFF9D5;
	background:#000 url(graphics/bottom-bcg.gif) right repeat-y;
	padding:3px 0 3px 0;
	font-size:10px;
	text-align:center;
	vertical-align: middle;
}
.middiv a, #right a{
	display:block;
}
#right a:link, #right a:visited{
	text-decoration: none;
	color:#FF9900;
	font-weight: bold;
}
.middiv a:link, .middiv a:visited{
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}
.inwide a:link, .inwide a:visited {
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}

.middiv a:hover, .inwide a:hover{
	text-decoration: underline;
	color: #660000;
	font-weight: bold;
}
#right a:hover{
	text-decoration: none;
	color:#FFCC33;
	font-weight: bold;
}
#skoly a:link, #skoly a:visited{
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}
#skoly a:hover{
	text-decoration: underline;
	color: #660000;
	font-weight: bold;
}
#down a:link, #down a:visited {
	text-decoration: none;
	color: #FFF9D5;
}

#down a:hover{
	text-decoration: none;
	background:#828282;
	color: #660000;
}

div#down1 {
	clear:both;
	width:100%;
	color: #000;
	background:#828282;
	padding:3px 0 3px 0;
	font-size:10px;
	text-align:center;
	vertical-align: middle;
}
#down1 a:link, #down1 a:visited {
	text-decoration: none;
	color: #660000;
}

#down1 a:hover{
	text-decoration: none;
	color: #F8D517;
}

.red {
	color: #660000;
	font-weight:bold;
	
}
.boltn {
	font-weight:bold;
	color:#000000;
}
.bolt {
	font-weight:bold;
	color: #660000;
}
.boltv {
	position:relative;
	top:0;
	width:140px;
	padding-bottom:2px;
	padding-top:2px;
	background:url(images/top1.gif) no-repeat;
}
.bolttt {
	position:relative;
	top:0;
	margin-top:5px;
	margin-left:6px;
	width:169px;
	padding-bottom:2px;
	padding-top:2px;
	background:url(images/top3.gif) no-repeat;
}
#c2006 {
	position:absolute;
	left:0;
	vertical-align:middle;
	margin-left:5px;
	color: #660000;
	font-weight:bold;
}

#designby {
	position:absolute;
	right:0;
	vertical-align:middle;
	margin-right:5px;
	color: #660000;
	font-weight:bold;
}
div#h1{
	position:absolute;
	left:200px;
	top:0px;
	background: url(graphics/h1-bcg.jpg) right top no-repeat;
	height:30px;
	min-width:300px;
	z-index:10;
}
h1 {
	font-size:16px;
	color: #111;
	margin:0;
	padding:7px 20px 0 5px;
}
div#h2{
	position:relative;
	float:left;
	top:-17px;
	background: url(graphics/h2-bcg.jpg) right top no-repeat;
	height:30px;
	min-width:300px;
	z-index:3;
}
h2 {
	font-size:11px;
	color: #111;
	margin:0;
	padding:7px 20px 0 5px;
}
.midtitle1{
	position:absolute;
	right:0;
	text-align:right;
	background:url(graphics/widetitle.jpg) top right no-repeat;
	font-weight:bold;
	height:27px;
	max-width:300px;
}
h3{
	position:relative;
	top:3px;
	display:inline;
	border-left:1px solid #000;
	font-size:11px;
	margin-right:-2px;
	margin:0;
	height:33px;
	padding:5px 15px 3px 15px;
}

 
ul.skol {
	border:#666666 solid 1px;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	list-style:url(images/arrow.gif) inside;
	background: #FFFFCC;
	width:130px;
}

ul.skol li{
	width:auto;
	border-top: #CC9933 1px dashed;
}
ul.skol a{
	color: #000033;
	text-decoration:none;
}
#right ul.skol a:hover{
	color:#660000;
}
table {
	padding:0;
	margin:0px;
	width:439px;
	border: #000000 1px solid;
	text-align:center;
}

.orange{
	display: block;
	background: #FF9900;
	border:#000000 solid 1px;
	color: #000000;
	text-align:center;
	font-size:15px;
}
.black{
	display: block;
	background: #000000;
	color: #FFFFFF;
	text-align:center;
	font-size:12px;
}
.gray{
	display: block;
	background: #999999;
	color: #000000;
	text-align:center;
	font-size:12px;
}
.blackin {
	background: #000000;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.grayin {
	background: #999999;
	color: #000000;
}

.orangein{
	background: #FFFF99;
	color: #000000;
}
.orangein1{
	background: #E2E59D;
	color: #000000;
}
.blackin{
	background: #000000;
	color: #FFFFFF;
}
.personnels {
	color: #660000;
	font-weight: bolder;
	font-size:19px;
}
.picContainer{
	float:left;
	margin:15px 0 5px 0;
	height:100%;
	padding-right:10px;
}
.intextpict{
	background: #FFCC00;
	border:#000000 solid 1px;
	padding:4px;
}
/*navigator*/
.navigator{
	background:url(graphics/Navigator/bcg_navigator.jpg) top left no-repeat;
	background-position:-35px 0;
	height:185px;
	position:relative;
	top:5px;
}
.steps{
	position:absolute;
	top:115px;
	
}
.step{
	width:90px;
	float:left;
	margin-right:5px;
}
.step img{
	border:none;
}