body, html {
color: #2A2054;
font-size: 11pt;
font-weight: bold;
font-family: Futura, Tahoma, Arial, Verdana;
background-image : url('nebe.jpg');
background-repeat : no-repeat;
background-attachment : fixed;
background-position : top left;
}
.clenka{
float: left;
width: 720px;
margin-bottom: 30px;
margin-top: 10px;
}
.fotoclenka{
padding-top: 10px;
width: 200px;
float: left;
text-align: center;
}
.textclenka{
width: 500px;
float: right;
text-align: justify;
font-face: Arial, Tahoma;
}
#dark{
position: absolute;
top: 0px;
left: 0px;
width: 1600px;
height: 1200px;
background-color: black;
z-index: 2;
}
#obrazekfemi{
width: 200px;
float: left;
text-align: center;
}
#all {
width: 1050px;
color: #2A2054;
font-size: 10pt;
font-weight: bold;
font-family: Futura XBlk, Tahoma, Arial, Verdana;
}
#uvod{
text-align: center;
font-size: 20pt;
float: center;
}
#top {
width: 1030px;
height: 100px;
text-align: left;
font-size: 20pt;
font-weight: bold;
}
#logo{
margin-top: 10px;
width: 775px;
float: right;
text-align: center;
font-size: 22pt;
font-weight: bold;
position: relative;
}
#fotka{
position: fixed;
position: "absolute";
top: 10px;
left: 10px;
z-index: 3;
}
#vlajky{
position: absolute;
bottom: 10px;
right: 0px;
}
#projekty{
width: 700px;
float: left;
}
#projekt{
width: 500px;
float: left;
border: 1px solid #2A2054;
}
#menu {
float: left;
width: 200px;
color: #2A2054;
font-size: 10pt;
font-weight: bold;
font-family: Futura XBlk, Tahoma, Arial, Verdana;
text-decoration: none;
text-align: left;
padding: 20px;
}
#blok{
position: relative;
margin: 10px;
float: right;
width: 780px;
color: #2A2054;
font-size: 10pt;
font-weight: bold;
font-family: Futura XBlk, Tahoma, Arial, Verdana;
text-decoration: none;
text-align: left;
z-index: 1;
}
#inblok{
position: relative;
padding: 10px;
float: right;
width: 775px;
color: #2A2054;
opacity: 1;
filter: alpha(opacity=100);
border: 2px solid #2A2054;
font-size: 10pt;
font-weight: bold;
font-family: Futura XBlk, Tahoma, Arial, Verdana;
text-decoration: none;
text-align: justify;
z-index: 0;
}
#podpis{
position: absolute;
bottom: 0px;
}
#kopyrajt{
width: 775px;
height: 16px;
color: #2A2054;
}
#clanek_left{
float: left;
width: 150px;
}
#clanek_right{
float: left;
width: 450px;
}
#radekmenu{
width: 185px;
height: 20px;
background-color: blue;
opacity: 0.5;
filter: alpha(opacity=50);
}
.galery{
color: #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
width: 700px;
height: 40px;
position: relative;
}
.sprgalery{
float: left;
width: 80px;
height: 50px;
position: relative;
}
.textgalery{
float: left;
width: 600px;
height: 20px;
}
#radekpodmenu{
width: 200px;
float: left;
padding: 20px;
text-align: center;
}
#cislo{
margin: 5px;
background-color: #6699CC;
border: 2px solid #2A2054;
text-align: center;
width: 130px;
}

.info{
position: absolute;
left: 10px;
bottom: 10px;
}

.tucnost{
font-family: Arial Black, Arial;
font-weight: bold;
font-size: 13pt;
}

a.a_menu{
color: #2A2054;
display: block;
width: 180px;
height: 18px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.a_menu:hover{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 180px;
height: 18px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.newbar{
color: #2A2054;
display: block;
width: 178px;
height: 18px;
border: 3px solid red;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.newbar:hover{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 178px;
height: 18px;
border: 3px solid red;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.a_galerie{
color: #2A2054;
display: block;
width: 575px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Tahoma;
}
a.a_galerie:hover{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 575px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.a_menu_on{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 180px;
height: 18px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.newbar_on{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 178px;
height: 18px;
border: 3px solid red;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
a.pocitadlo{
color: #2A2054;
display: block;
background-color: #6699CC;
width: 180px;
height: 18px;
border: 2px solid #2A2054;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
a.simple{
text-decoration: none;
color: #2A2054;
}
a.simple:hover{
text-decoration: underline;
color: #2A2054;
}
a.under{
text-decoration: underline;
color: #2A2054;
}

.upfile{
border: 1px solid #cccccc;
font-size: 10pt;
font-weight: bolder;
font-family: Futura, Tahoma, Arial, Verdana;
color: #2A2054;
}
.upfile:hover{
border-color: #2A2054;
}
.clanek_short{
border: 1px solid #2A2054;
background: #000066;
font-size: 10pt;
font-weight: bolder;
font-family: Futura, Tahoma, Arial, Verdana;
color: #0066cc;
width: 400px;
height: 20px;
}
.clanek_short:hover{
border: 1px solid #0066cc;
}
.clanek{
border: 1px solid #2A2054;
background: #000066;
font-size: 10pt;
font-weight: bolder;
font-family: Futura, Tahoma, Arial, Verdana;
color: #0066cc;
width: 600px;
height: 300px;
}
.clanek:hover{
border: 1px solid #0066cc;
}

.buttton{
border: 1px solid #0066cc;
background: #2A2054;
font-size: 10pt;
font-weight: bolder;
font-family: Futura, Tahoma, Arial, Verdana;
color: #0066cc;
width: 100px;
height: 20px;
}
.buttton:hover{
color: #2A2054;
background: #0066cc;
border: 1px solid #2A2054;
}