img {border: 0;}
body {
	color: #06F;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	background-color: #e1f5fd;
	background-image: url('img/fon.jpg');	
	background-repeat:repeat-x;
	padding:0;
}
#bigbox {
	width:800px;
	margin:-8px auto 0 auto;
	padding:0;
	background-image: url('img/text.jpg');
	background-repeat: repeat-y;
}
#header {
	background-image: url('img/Head.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0px;
	height: 400px;
	text-align:left;
}
.cse-search-box { position: absolute; top: 17px; left: 50%; margin-left: 143px; }
.cse-search-box div {position:relative;}
.cse-search-box .cse-search-sa {position:absolute; right:0; }
.cse-overlay { margin-left: -400px;}
#menu {
	margin: 0 0 0 12px;
	padding:0;
	position: absolute;
	top: 86px;
	width: 180px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
}
#menu li {border-bottom: 1px solid #36C;	padding: 2px;	margin: 0 2px;}
#menu li a {
	font-size: 8pt;
	color: #09F;
	text-transform: uppercase;
	text-decoration: none; 
	font-weight:bold;
	display: block;
	padding-left: 15px;
	background: none no-repeat 0% 0%;
	line-height: 14px;
}
#menu li a:hover {background-image: url('img/menu.gif');}
#menu ul {
	width: 152px;
	margin: 0 2px;
	padding:3px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
/*	position:absolute;
	top: 295px;	*/
}
#menu ul.second {
/**
	top: 385px;
	position: fixed;
	left:50%;
	margin-left: -376px;
/**/
	top: 300px;
	position: absolute;
	left:10px;
	
}
#menu ul li {margin:0; padding:3px; border:none; }
#menu ul li a {background: url("img/shad.png") no-repeat 50% 50%; margin:0; padding:4px 7px 4px 10px; color:#06F;}
#menu ul li a.shad2 {background-image: url("img/shad2.png"); }
#menu ul li a:hover {border:none; background-image: url("img/shadH.png"); color:#FFF; }	
#menu ul li a.shad2:hover {background-image: url("img/shad2F.png"); }
#menu ul ul {margin-left: 0;position: absolute; top:0; left:155px; display:none;}
#menu ul ul li {background-color: #73CEFD;}

#text {
	padding: 0px 20px 5px 210px;
	color: #000;
	border-bottom: 10px solid #FFF;
	text-align:left;
	background: url("img/text_end.jpg") transparent no-repeat 0 100%;
	border: none;

}
.text_mid {margin-top:-100px;}
.textfield ul {list-style-position: outside; list-style-image: url(img/tick.gif);	list-style-type: none;}
.textfield ul.circles {list-style-type:circle; list-style-image: none; margin:0 60px;}
.textfield {padding-right: 10px; margin-bottom:10px; text-align:justify; min-height: 200px; }
h1, h2, h3, h4 {text-align:left; clear: both;}

#text p { text-indent: 0em; margin:8px 0; padding:0; }
p, li, dt, dd, a, h4 {font-size: 0.825em; }
dd li, li li, dd p, dd a, p a {font-size: 1em; }

#text h1{font-size: 1.25em; color: #06F; border-bottom:#06F 2px solid; padding:0;}
#text #twister h1 { color: #070;border-bottom-color: #070;}
#text h2, #text p.attention{
	font-size: 1em;
	color: #FFF; 
	background: url("img/h2_fon.png") 50% 100% no-repeat #06F ;
	padding: 5px 10px 10px 10px; 
	font-weight:bold;
}
#text #twister h2, #text h2.twistter {background-image: url("img/h2_fonT.png")}
#footer, #footer a {font-size: x-small; text-align:center; background-color:#FFF; color: #09F; text-transform:lowercase;}
#footer {background:url(img/footer.jpg) 50% 100% no-repeat #FFF; padding:5px;}
#footer a {color:#090;}
#footer a:hover, .textfield a:hover { color: #06F; text-decoration: none;}
.emph, .imgColumn {font-style:italic; text-align:center;}
.textfield dd,.tms, strong, b, .sudur span, h4 {color: #06F; font-weight: bold;}
#twister .textfield dd, #twister .tms, #twister strong {color: #070;}
.imgColumn {position:absolute;  margin:10px 0 0 -178px; width:150px; color:#FFF;}
.imgColumn a, .imgColumn a:hover {
	display: block;
	margin:4px 0;
	padding:0;
	border:none;
	color:#FFF;
	font-weight:normal;
	background-color:transparent;
	background-repeat: no-repeat;
	width: 150px;
}
.textfield dl {
	text-align:left;
	width: 560px;
	padding-bottom: 15px;
	background-image:url('img/dl_bgd.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;	
}
.textfield a {text-transform:none; text-decoration:underline; color: #090;}
.imgRow {height: 126px;}
.imgRow a {display: block; float: left; height: 126px; margin:1px 4px;}
.textfield dt {
	text-align: center;
	background-image:url('img/dl_bgd.png');
/* 	background-color:#09F; 	*/	
	color:#06F; 
	padding:3px 10px; 
	font-weight:bold; 
	margin-bottom:10px; 
	text-transform: uppercase;
}
.textfield dd {margin-right: 20px; margin-left:20px;}
#magazin dd { margin-left:240px;}
#magazin dd.catImg{float:left; width:200px; margin:-7px 0 8px 5px;}
.bgBooks dd {color: #000;font-weight: normal; text-indent:0; margin-left:7px;}
.bgBooks .catImg{float:left; width:120px; margin:-5px 0 2px 7px;}
.bgBooks div img {background-color: #fff; }
/*	.bgBooks dd strong {width: 110px; display:block; float: left; text-align: right; margin-right: 7px;}	*/
.clear {clear:left;}
#magazin .textfield dl dd.clear { height:1px; margin:-25px 0 -15px 0;}
#kursove table {
	width: 100%;
	font-size: 12px;
	text-align: left;
	color: #D00;
	font-weight: normal;
}
#kursove table .secRow {color: #800;}
#kursove table td {padding:1px 3px; vertical-align: top;}
#kursove label {width: 200px; font-size:14px; float:left; text-align: right; margin: 8px 10px 0 0; }
#kursove input {float: left; margin-top: 5px; width: 320px;}
#kursove br {clear: left;}
.books a {width:120px; height:195px; float:left; background-image: url("img/book.jpg"); margin:5px;text-align:center; padding:0 5px; }
.books a:hover {background-image: url("img/bookH.jpg");}
.books a img {display: block; margin:0 auto;}
.books a.BnoImg {padding-top:140px; height:55px;}
.sudur img {float:left; margin-right:10px; margin-bottom:10px;}
.sudur ul {padding-left:15px; list-style-image: none;	list-style-type:disc; text-indent:0; margin:0;}
.sudur ul ul {list-style-type:circle; display:block;}
.sudur ul ul ul {list-style-type:square; display:none;}
.sudur span {display:none;}
.bgBooks #cSud, #cIzb, #cBuy {display:none;}
.sudur .clear {text-transform:capitalize; font-weight: bold;}
.sudur .clear, .clear{margin-bottom: 10px; margin-top: 10px; font-weight: normal;}
.sudur b {color: #000;}

.newsBox {width: 220px; float:right; margin: 0 -15px 0 0 ; padding:0 0 20px 20px; clear: right; background-color:#fff; background:url(img/newsBox.jpg) no-repeat 100% 100%;}
.newsBox h3 { margin:0 0 0 -20px; padding:20px 0 0 20px; font-size:0.80em; background:url(img/newsBox.jpg) no-repeat 100% 0%; color: #d00; }
.newsBox p {text-align:left;}
#Blink.yesBlink h3 span {visibility:visible;}
#Blink.noBlink h3 span {visibility:hidden; }

#magazin a, #magazin a:hover  {margin:0; padding:0; border: none; background-color:transparent;}
.textfield dd ul, .textfield dd p {padding:0; margin:0; font-weight:normal; color:#000; text-align:justify;}
ol {text-align:justify}
#IMGP1409 {background-image: url("img/IMGP1409.png"); height: 116px;}
#IMGP1403 {background-image: url("img/IMGP1403.png"); height: 98px;}
#IMGP1393 {background-image: url("img/IMGP1393.png"); height: 116px;}
#IMGP1473 {background-image: url("img/IMGP1473.png"); height: 116px;}
#IMGP1383 {display: block; background-image: url("img/IMGP1383.png"); width: 165px;}
#IMG0005 {display: block; background-image: url("img/0005.png"); width: 193px;}
#HPIM0770 {display: block; background-image: url("img/HPIM0770.png"); width: 168px;}
#seminar {background-image: url("img/seminar.png"); height: 104px;}
#PAK {background-image: url("img/PAK.png"); height: 193px;}

#lightbox{ background-color:#FCEDBB; padding: 10px 10px 0 10px; border: solid 2px #fed; border-bottom-color: #eaca00; border-right-color: #eaca00;}
#lightbox a {text-transform: uppercase; font-size: 1.5em;}
#lightboxDetails{font-size: 0.8em; padding-top: 0.4em; color: #000;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(img/overlay.png); }

p.floatCol {overflow: hidden;}
p.floatCol strong, p.floatCol span {float: left; display: block;  }
p.floatCol span {margin-left: 6px;}

