body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	padding-top:5px;
	color:#000;
	background-color:#A7B2C4; 
	text-align:center;
}

img {border:0px;}

h1 {font-size:14px;text-align:left;margin-top:0px;width:auto;font-weight:normal;}

a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #ffffff;}


#main-wrapper {
width:983px;
background-image:url('/pics/shadow-right.jpg');
background-repeat:no-repeat;
background-position:right top;
border:0px solid #ff00f0;
margin-right:auto;
margin-left:auto;
text-align:left;
}

#footer {
width:983px;
background-image:url('/pics/shadow-bottom.jpg');
background-repeat:no-repeat;
background-position:left bottom;
border:0px solid #ff00f0;
height:23px;
}

#main {
width:960px;
height:580px;
/*height:99%;*/
margin-top:0px;
padding:0px;
text-align:left;
padding-bottom:0px;
border:0px solid #ff00f0;
background-color:#a7b2c4;
padding-top:0px;
position:relative;
margin-right:auto;
margin-left:auto;
}

#main #header{
height:154px;
background-image:url('/pics/header.gif');
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#main #header2{
height:36px;
background-image:url('/pics/header3.jpg');
background-repeat:no-repeat;
background-position:top;
position:relative;
border:0px solid #ff0000;
}

#main #header2 h1 {
font-size:10px;
position:absolute;
top:20px;
right:120px;
text-align:right;
z-index:1;
color:#BEC5D5;
}

#main #header2 .toplink{
position:absolute;
display:block;
width:400px;
height:50px;
top:0px;
left:100px;
border:0px solid #ff0000;
}

#main #header #main_pic {
position:absolute;
top:0px;
right:130px;
color:#616360;
}

#main #header #main_pic p {margin:0px;padding:0px;font-size:90%;text-align:center;margin-top:0px;}
#main #header #main_pic h1 {margin:0px;padding:0px;font-size:90%;text-align:center;margin-top:0px;color:#A7B2C4;}

#main #content {
margin-left:112px;margin-right:112px;
}

#main #content2 {
margin-left:70px;margin-right:70px;
}

#main #content2 #paperbook-wrapper {
margin-top:20px;
border:0px solid #00ff00;
}

#main #content2 #paperbook-wrapper #pagenumber {
width:99%;
color:#5C605F;
text-align:center;
margin-top:5px;
}

#main #content2 #paperbook-wrapper a:hover {
color:#fe2a9e;
}

#main #content2 #paperbook-wrapper #left-page {
border:0px solid #ff0f00;
width:370px;
/*width:45%;*/
height:450px;
/*height:100%;*/
float:left;
margin-right:5px;
background-color:#ffffff;
position:relative;
}

#extra-page {
border:0px solid #ff0f00;
width:320px;
/*width:45%;*/
height:400px;
/*height:100%;*/
margin-right:5px;
background-color:#ffffff;
position:relative;
padding:25px;
}

#main #content2 #paperbook-wrapper #right-page {
border:0px solid #ff000f;
width:370px;
/*width:45%;*/
height:450px;
/*height:100%;*/
float:left;
margin-left:5px;
background-color:#ffffff;
position:relative;
}

#main #content2 #paperbook-wrapper #left-button {
border:0px solid #fff00f;
width:20px;display:block;
height:20px;
/*height:100%;*/
float:left;
margin-right:10px;
font-size:larger;
vertical-align:bottom;
padding-top:430px;
text-align:center;
font-weight:bold;
color:#5c605f;
}

#main #content2 #paperbook-wrapper #right-button {
border:0px solid #ff0f0f;
width:20px;display:block;
height:20px;
/*height:100%;*/
float:left;
margin-left:10px;
font-size:larger;
vertical-align:bottom;
padding-top:430px;
text-align:center;
font-weight:bold;
color:#5c605f;
}

.inside-header {
position:absolute;
width:100%;
top:8px;
text-align:center;
color:#5c605f;
letter-spacing:3px;
}

.inside-footer {
position:absolute;
width:100%;
bottom:8px;
text-align:center;
color:#5c605f;
letter-spacing:2px;
text-transform:uppercase;
font-size:12px;

padding:0;margin:0;font-weight:normal;
}

.sedivy-s-rozpalem {
color:#6453aa;
letter-spacing:3px;
font-size:120%;
font-weight:normal;margin-bottom:18px;
}

.sedivy-s-rozpalem-header {
color:#5c605f;
letter-spacing:3px;
font-size:120%;
margin-top:-25px;
_margin-top:-20px;
display:block;
font-weight:normal;margin-bottom:18px;
}

.inside-footer a {
color:#5c605f;
}

.inside-content {
padding:20px;
padding-right:28px;
padding-left:28px;
padding-bottom:0px;
padding-top:30px;
font-size:80%;
text-align:left;
height:390px;
border:0px solid #ff0000;
overflow:hidden;
color:#6a6a6a;
}

.inside-content p {
margin-bottom:1.4em;
padding-bottom:0px;
}

.inside-content h1,.inside-content h2,.inside-content h3 {
color:#6453aa;
text-align:left;
}

.inside-content ul {
list-style-position:outside;
list-style-image:url('/pics/star2.gif');
padding:0px;
padding-left:10px;
margin-left:0px;
margin:5px;
}

.inside-content ul li {
padding:0px;
margin:5px;
margin-bottom:15px;
margin-left:0px;
}

#main #content #intro-section {
position:relative;
border:0px solid #ff0000;
}

#main #content #intro-section #intro-pic {
background-image:url('/pics/intro-background.jpg');
background-repeat:no-repeat;
margin-left:60px;
width:216px;
height:312px;
padding:0px;
border:0px solid #00ff00;
position:relative;
}

#main #content #intro-section #intro-motto {
position:absolute;

float:right;
bottom:-10px;
_bottom:245px;
_left:255px;
right:0px;
width:400px;
margin-right:18px;
font-size:18px;
color:#5c605f;
text-align:right;
vertical-align:bottom;
letter-spacing:1px;
border:0px solid #ff0000;
}

#main #content #intro-section #intro-motto p {margin:0px;margin-bottom:10px;padding:0px;}

#main #content #intro-pic img {
position:absolute;
top:0px;left:0px;
}

#main #content #intro-pic img.active {
    z-index:10;
}

#main #content #intro-pic img.last-active {
    z-index:9;
}

#main #content #mosaic {
border:0px solid #ff0000;
width:721px;
margin-left:auto;margin-right:auto;
font-size:85%;
}

#main #content #mosaic .tile {
float:left;
border:0px solid #00ff00;
width:120px;
height:170px;
}

#main #content #mosaic .tile2 {
float:left;
border:0px solid #00ff00;
width:120px;
height:40px;
}

#main #content #mosaic .tile img {
width:120px;
height:120px;
margin:0px;
opacity:0.5;
}

#main #content #mosaic .tile a {
display:block;
border:0px solid #ff0000;
}

#main #content #mosaic .tile a:hover img {
}

.cast_shadow {

-webkit-box-shadow:0 0 10px #000000; 
-moz-box-shadow: 0 0 10px #000000; 
box-shadow:0 0 10px #000000;
}

#main #content #mosaic .tile p {height:50px;margin:0px;border:0px solid #0000ff;padding-left:10px;padding-right:10px;}
#main #content #mosaic .tile .bottom {padding-top:20px;height:30px;}

#main #content #mosaic .tile2 p {height:40px;margin:0px;border:0px solid #0000ff;padding-left:10px;padding-right:10px;}
#main #content #mosaic .tile2 .bottom {padding-top:10px;height:20px;}

#main #menu {
border:0px solid #ff000f;
width:100%;
text-align:center;
bottom:15px;
position:absolute;
font-size:13px;
right:0px;
border:0px solid #ff0000;
color:#000;
letter-spacing:1px;
text-transform:uppercase;
color:#5c605f;
padding:0px;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
} 

#main #menu a 
{text-decoration: none;text-align:center;
color:#5c605f;
border:0px solid #ff0000;
}
#main #menu a:hover 
{color:#FFFFFF;text-align:center;
border:0px solid #ff0000;}

#main #menu .menu2 {
width:100%;
text-align:center;
border:0px solid #ff0000;
bottom:25px;
left:0px;
position:absolute;
font-size:13px;
color:#fff;
letter-spacing:1px;
text-transform:uppercase;
display:none;
} 

#main #menu .menu2 a 
{text-decoration: none;text-align:center;
color:#fff;
border:0px solid #ff0000;
}
#main #menu .menu2 a:hover 
{color:#fe2a9e;text-align:center;
border:0px solid #ff0000;}


#main #menu .lang {color:#fe2a9e;font-weight:bold;}

#menu ul {margin-top:0px;margin-bottom:0px;}

.clearer {clear:both;height:1px;font-size:1px;}
.alink1,.alink2,.alink3,.alink4,.alink5,.alink6,.alink7,.alink8 {display:inline;}
.popis p {font-size:10px;}

#credits {
position:absolute;
display:none;
width:265px;
border:0px solid #ff0000;
margin-right:auto;
margin-left:0px;
text-align:right;
font-size:smaller;
color:#ffffff;
border:0px solid #5c605f;
}

#credits a {
color:#ffffff;
}

.credits-visible {visibility:visible;}
.credits-invisible {visibility:hidden;}

#zakrokove-odkazy {margin:0;padding:0;color:#5C605F}
#zakrokove-odkazy a {color:#5C605F;font-size:0.9em;}
#zakrokove-odkazy a:hover {color:#FFF}
