body { 
    margin:0; 
    padding:0;
    font-family:Georgia,'Times New Roman', Arial, sans-serif;                             
    background:#071850 url(../images/bg.jpg) repeat left top;
}


a {text-decoration:underline;color:#d7863e;}
a:hover {text-decoration:none;}
a img {border:none;}


.clear {clear:both;}




#home {
	position:relative;
	margin:auto;
	padding:200px 0 0 300px;
	width:724px;
	height:680px;
	color:#fff;                                                       
    background:url(../images/homepage-bg.jpg) no-repeat left top;     
}
#home span#book {
	position:absolute;
	left:261px;
	top:72px;
	width:512px;
	height:609px;
	cursor:pointer;
    background:url(../images/book.jpg) no-repeat left top;
}
#page {        
	position:relative;
	width:100%;                                                     
    background:url(../images/page-bg.jpg) no-repeat center bottom;      
}
#page .content {
	margin:auto;
	position:relative;
	padding-top:117px;
	width:931px;                                           
    background:url(../images/top.jpg) no-repeat left -110px;
}
#bookcontent {
	position:relative;
    background:#fff url(../images/repeat.jpg) repeat-y left top;
}
#bctop {
	position:relative;
    background:url(../images/book-page.jpg) no-repeat left top;
}
#bctop.orange {
    background:url(../images/book-page-orange.jpg) no-repeat left top;
}
#bcbottom {
	position:relative;
	padding-bottom:40px;
	min-height:574px;
	_height:574px;
    background:url(../images/book-bottom.jpg) no-repeat 4px bottom;
}

#foot {
	margin:0;
    width:100%;
    height:303px;    
    background:url(../images/foot-bg.jpg) no-repeat center top;
}
#handl {
	position:absolute;
	left:0px;
	bottom:0px;
	width:98px;
	height:412px;
    background:url(../images/hand-left.png) no-repeat left top;
}
#handr {
	position:absolute;
	right:0px;
	bottom:0px;
	width:98px;
	height:412px;
    background:url(../images/hand-right.png) no-repeat left top;
}
#x {
	position:absolute;
	left:-91px;
	bottom:266px;
	width:91px;
	height:226px;
	background:red;
    background:url(../images/xxx.jpg) no-repeat left top;
	z-index:100;
}
#y {
	position:absolute;
	right:-74px;
	_right:-75px;
	bottom:266px;
	width:77px;
	height:137px;
	background:red;
    background:url(../images/xxx2.jpg) no-repeat left top;
	z-index:100;
}
   
#pagefoot {
	position:relative;
	width:931px;
	height:133px;
	z-index:100;
}   




#home h1 {
	margin:0;
	padding:0;
	color:#d67f32;	
}
#comein {
	display:block;
	position:absolute;
	left:594px;
	top:42px;
	width:90px;
	height:41px;
	line-height:41px;
	color:#fff;
	background:#c6752f;
	text-align:center;
}
#comein span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:90px;
	height:41px;
    background:url(../images/homepage-come-bg.jpg) no-repeat left top;
}



       
#home #menu {
    position:absolute;
    left:170px;
    top:715px;
    width:721px;   
}
#page #menu {
    position:absolute;
    left:120px;
    bottom:100px;
}
#menu {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
#menu li {float:left;color:#fff;}
#menu li a {
	display:block;
	float:left;
	margin:0 5px;
	color:#fff;                     
	text-decoration:none;
	font-size:0.8em;
}
#menu li a:hover,#menu li a.active {color:#64b199;}


#logos {
   
    background: url("../images/logos-separator.png") no-repeat scroll center top transparent;
    height: 90px;
    padding-left: 117px;
    width: 917px;
    
    
}
#home #logos {
    position:absolute;
    left:0;
    top:760px;
}    
#page #logos {
	position:absolute;
	left:0;
	top:45px;
	left:-30px;
	padding-left:82px;
	width:852px;
	height:auto;
	height:86px;
	background:none;
       
}       
#logos div {
    float:left;
    margin:10px 20px 0 20px;  
}
#logos a.item {
    position:relative;
    display:block;            
}
#logos a.item span {
    display:block;
    position:absolute;
    left:0;
    top:0;
}

#logos a.item span:hover {
    display:block;
    position:absolute;
    background-position:right;
}                          
              
#logos div.item1 {margin-left:280px;} 
#logos div.item1 {margin-left:0px;}                                                         
#logos div.item1,#logos div.item1 a.item,#logos div.item1 a.item span {width:119px;height:60px;}
#logos div.item1 a.item span {background-image:url(../images/sublogo1.png);}
#logos div.item2,#logos div.item2 a.item,#logos div.item2 a.item span {width:132px;height:80px;}
#logos div.item2 a.item span {background-image:url(../images/sublogo2.png);}
#logos div.item3,#logos div.item3 a.item,#logos div.item3 a.item span {width:138px;height:60px;}
#logos div.item3 a.item span {background-image:url(../images/sublogo3.png);}            
#logos div.item4,#logos div.item4 a.item,#logos div.item4 a.item span {width:132px;height:80px;}
#logos div.item4 a.item span {background-image:url(../images/sublogo4.png);}

#logos div.item5,#logos div.item5 a.item,#logos div.item5 a.item span {width:138px;height:60px;}
#logos div.item5 a.item span {background-image:url(../images/sublogo5.png);}
     
.popup {
    position:relative;
}
.popup div {
	display:none;
    position:absolute;
    left:-100px;
    top:-215px;
    margin:0;
    padding:0;
    width:280px;
    height:221px;                         
    background:url(../images/popup-bg.png) no-repeat left top;
}
.popup div p {
    margin:0;
    padding:40px 25px 0 40px;
    color:#4b4f54;
    font-size:0.75em; 
    line-height:20px;                        
}
.popup div a.button {
	display:block;
	position:absolute;
	left:60px;
	bottom:40px;
    width:162px; 
    height:37px;
    line-height:37px;
    text-align:center;
    color:#fff;
    background:#c26b1e;
}
.popup div a.button span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:162px; 
    height:37px;
    background:url(../images/button-login.png) no-repeat left top !important;
    cursor:pointer;
}


/*logo*/
#logo {
	position:absolute;
	top:51px;
	left:20px;
    margin:0; 
    padding:0;
    width:165px; 
    height:95px;
    overflow:hidden;
    z-index:100;
}
#logo a {
	display:block;
	padding:0px 0 0 0px;
    width:165px; 
    height:95px;
	text-decoration:none;
	color:#d67f32;
    font-size:1.2em;
}
#logo a:hover {color:#000;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:165px; 
    height:95px;
    cursor:pointer;
    background:url(../images/logo.jpg) no-repeat left top;
}
#htext {
	position:absolute;
	left:216px;
	top:72px;
	margin:0;
	padding:0;
	width:280px;
	height:59px;
	color:#a5c3ff; 
	font-size:2em;
}
#htext span {
	position:absolute;
	left:0;
	top:0;
	width:280px;
	height:59px;
    background:url(../images/head-text.jpg) no-repeat left top;
}

#foot .content {
    margin:auto;
    position:relative;
    width:1024px; 
}                     
#foot .content .box {
    float:left;
    padding:0 10px;
    width:312px;
    height:171px;
    background:url(../images/foot-box-separator.gif) no-repeat right 30px;
}
#foot .content .box.nosep {background:none;}                                     
#foot .content .box.item2 { 
    padding-left:35px;      
    width:287px;    
}                        
#foot .content .box.item3 { 
    padding:0 0 0 35px;      
    width:297px;    
}
#foot .content .box h2 {
    color:#d67f32;
    font-size:1.25em;                      
    font-style:italic;
    font-weight:normal;
}             
#foot .content .box.item1 table {
    font-size:0.8em;
    width:100%;                            
}      
#foot .content .box.item1 table a {
    display:block;
    float:left;   
    width:100%;             
    color:#fff;                                                
    background:url(../images/arrow1.gif) no-repeat right center;
}
#foot .content .box.item1 table a:hover {
    display:block;
    color:#c46c1f;                                                
    background:url(../images/arrow2.gif) no-repeat right center;
}
#foot .content .box.item1 table th {
    display:block;
    float:left;
    padding-right:0px;
    color:#5d84b2;
    text-decoration:none;
    text-align:left;
}

#foot .content .box.item1 table tr td a {
    width:220px;
    height:16px;
    
    overflow:hidden;
}                        
                                                   
#foot .content .box.item2 a {text-decoration:none;}                                                   
#foot .content .box.item3 p {
    margin:0;
    padding:0;
    width:100%;
    color:#5e85b3;
    font-size:0.75em;                        
    font-style:italic;  
}
#foot .content .box.item3 ul {
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
#foot .content .box.item3 ul a {             
    font-style:italic;       
    font-weight:bold;
    font-size:0.75em;
    color:#fff;
    text-decoration:none;
}          
#foot .content .box.item3 ul a:hover {text-decoration:underline;}                                             
#ftext {
    padding-top:15px;
    text-align:center;
    font-size:0.8em;
    color:#5d84b2;                                                                            
    background:url(../images/ftext-separator.png) no-repeat center top;
}                         
#ftext a {color:#5d84b2;text-decoration:none;}
#ftext a:hover {text-decoration:underline;}


#box1 {               
    float:left;
    margin-top:100px;
    padding-left:60px;
    width:370px;
}
#box2 {
    float:left;
    margin-top:100px;
    padding-left:90px;
    width:355px; 
} 

#bookcontent .barva1 h2,#bookcontent .barva1 h3 {
  color:#ff0300;
}

#bookcontent .barva2 h2,#bookcontent .barva2 h3 {
  color:#fe20a2;
}

#bookcontent .barva3 h2 ,#bookcontent .barva3 h3{
  color:#700fca;
}

#bookcontent .barva4 h2 ,#bookcontent .barva4 h3{
  color:#301fcd;
}

#bookcontent .barva5 h2 ,#bookcontent .barva5 h3{
  color:#0c88c9;
}

#bookcontent .barva6 h2 ,#bookcontent .barva6 h3{
  color:#64b199;
}

#bookcontent .barva7 h2 ,#bookcontent .barva7 h3{
  color:#6e912f;
}

#bookcontent .barva8 h2 ,#bookcontent .barva8 h3{
  color:#fcbc32;
}

#navigation {
    height:140px;    
}
#navigation ul {
    float:left;
    margin:0 20px 0 0;
    padding:0;
    _width:120px;
    height:160px;
    list-style:none;  
}
#navigation ul li {   
    padding-left:11px;  
    height:24px;
    color:#fff;                           
    font-size:0.7em; 
    background:url(../images/navigation-arrow.gif) no-repeat left 3px;
}
#navigation ul li a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#navigation ul li a:hover {text-decoration:underline;}
#box1 h2, #box2 h2 {
    color:#700fca;
    font-size:1.85em;                      
    font-style:italic;
    font-weight:normal;
}         
#box1 p,#box2 p {
    font-size:0.75em;
    color:#4b4f54;
    line-height:20px;                     
}
#box2 p {width:352px;}
#box1 p strong,#box2 p strong {color:#000;}


#box2 table tr td {
  font-size:12px;
  vertical-align:top;
}

#box1 table tr td.nadpis {
  font-size:11px;
  background-color:#e16505;
  color:#fff;
  font-weight:bold;
  padding:3px;
}

#box2 table tr td.nadpis2 {
  
  font-weight:bold;
  
}

#box1 table tr td {
  font-size:12px;
}

#box1 table tr td h3, #box2 table tr td h3 {
  font-size:1.0em;
}

#box1 table.kurzy tr td {
  padding-bottom:4px;
  padding-top:4px;
  border-bottom:1px solid #ddd;
  width:400px;
}

#box1 input, #box2 input {
  border:1px solid #ddd;
}

#box1 textarea, #box2 textarea {
  border:1px solid #ddd;
}

#box1 h3 {
    margin-top:0;
    font-size:0.75em;
    color:#700fca;                        
}
#box2 h3 {
    margin-top:0;
    font-size:0.75em;
    color:#700fca;                        
}

#box1 h3
#box2 ul {
    margin-left:0;
    padding-left:0;
    list-style:none;   
}
#box2 ul li {  
    line-height:20px;
    font-size:0.75em;
}
#box2 a img {
  border:2px solid #ddd;
}

#box1 ul li {
    font-size:0.75em;
    line-height:1.5; 
}

#box1 ul li ul li{
    font-size:1em;
    line-height:1.5; 
}


#box1 h2{
	margin-top:0;
}



#mainmenu {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	list-style:none;
	z-index:500;
}
#mainmenu li {float:left;}
#mainmenu li a {
	display:block;
	position:absolute;
	z-index:400;
	text-align:center;
	text-decoration:none;
	font-size:13px;
}
#mainmenu li.item1 a {
	left:207px;
	top:150px;
	width:75px;
	height:28px;
	line-height:28px;
	color:#c7651a;
}
#mainmenu li.item1 a:hover,#mainmenu li.item1 a.active {
	background:url(../images/menu1a.png) no-repeat left top;
}
#mainmenu.orange li.item1 a:hover,#mainmenu.orange li.item1 a.active {
	background:url(../images/menu1.png) no-repeat left top;
}
#mainmenu li.item2 a {
	left:282px;
	top:143px;
	width:69px;
	height:35px;
	line-height:30px;
	color:#fe2621;
}
#mainmenu li.item2 a:hover,#mainmenu li.item2 a.active {background:url(../images/menu2.png) no-repeat left top;}
#mainmenu li.item3 a {
	left:351px;
	top:149px;
	width:84px;
	height:29px;
	line-height:29px;
	color:#fe20a2;
}
#mainmenu li.item3 a:hover,#mainmenu li.item3 a.active {
	background:url(../images/menu3a.png) no-repeat left top;
}
#mainmenu.orange li.item3 a:hover,#mainmenu.orange li.item3 a.active {
	background:url(../images/menu3.png) no-repeat left top;
}
#mainmenu li.item4 a {
	left:521px;
	top:123px;
	width:97px;
	height:25px;
	line-height:25px;
	color:#700fca;
}
#mainmenu li.item4 a:hover,#mainmenu li.item4 a.active {background:url(../images/menu4.png) no-repeat left top;}
#mainmenu li.item5 a {
	left:618px;
	top:117px;
	width:107px;
	height:33px;
	line-height:33px;
	color:#301fcd;
}
#mainmenu li.item5 a:hover,#mainmenu li.item5 a.active {background:url(../images/menu5.png) no-repeat left top;}
#mainmenu li.item6 a {
	left:724px;
	top:121px;
	width:111px;
	height:55px;
	line-height:26px;
	color:#0c88c9;
}
#mainmenu li.item6 a:hover,#mainmenu li.item6 a.active {background:url(../images/menu6.png) no-repeat left top;}
#mainmenu li.item7 a {
	left:507px;
	top:147px;
	width:128px;
	height:30px;
	line-height:28px;
	color:#64b199;
}
#mainmenu li.item7 a:hover,#mainmenu li.item7 a.active {background:url(../images/menu7.png) no-repeat left top;}
#mainmenu li.item8 a {
	left:635px;
	top:149px;
	width:106px;
	height:29px;
	line-height:29px;
	color:#6e912f;
}
#mainmenu li.item8 a:hover,#mainmenu li.item8 a.active {background:url(../images/menu8.png) no-repeat left top;}
#mainmenu li.item9 a {
	left:742px;
	top:150px;
	width:76px;
	height:27px;
	line-height:27px;
	color:#fcbc32;
}
#mainmenu li.item9 a:hover,#mainmenu li.item9 a.active {background:url(../images/menu9.png) no-repeat left top;}

#mainmenu li a:hover,#mainmenu li a.active {color:#fff;}

.error {
  color:#ff0000;
  font-weight:bold;
}

p span.dat {
display:block;
float:left;
width:69px;
}