/* ********* definice obecnych HTML znacek ********* */
body {
    margin: 16px 0px 15px 0px;
    padding: 0px;
    font-family: "Myriad Web", sans-serif;
    font-size: 0.8em;
    background-color: rgb(26,26,26);
    color: black;
}

img {
    border: none;
}

a {
    color: rgb(72,202,212);
    text-decoration: none;
}

a:hover {
    color: white;
}

h1 {

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

h1 a {

}

h1 a: hover {

}

h2 {
    font-weight: normal;
    margin: 0px;
}

h2 a: hover{
    color: white;
}

h3 {
    color: rgb(72,202,212);
    margin: 0px;
    display: inline;
    font-size: 100%;
}

h4 {
    font-size: 130%;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}

.back {
    margin: 10px 0px 0px 0px;
}
/********************* lists **********************/

ul {
}

ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

ul li .sub {
    margin: 0px;
    padding: 0px;
}


/********************* page **********************/

.page1, .page2, .page3, .page4 {
    position: relative;
    width: 990px;
    text-align: left;
    margin: auto;
    height: 700px;
    border: solid 1px rgb(73,74,76);
    background-repeat: no-repeat;
    background-position: top right;
}

.page1 {
    background-image: url('../images/rightColumn1.jpg');
}

.page2 {
    background-image: url('../images/rightColumn2.jpg');
}

.page3 {
    background-image: url('../images/rightColumn3.jpg');
}

.page4 {
    background-image: url('../images/rightColumn4.jpg');
}

#header {
    float: right;
    width: 180px;

}

.hrefHeader {
    position: absolute;
    display: block;
    height: 150px;
    width: 150px;
    z-index: 99;
    text-decoration: none;
}

#logo {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 1;
}

#avionTitle {
    position: relative;
    display: block;
    width: 990px;
    margin: 0px auto 5px auto;
}
#avionTitle a {
    position: relative;
    z-index: 1;
}

#webTitle {
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    font-size: 170%;
    color: rgb(72,202,212); 
    z-index: -2;   
}

#webTitle a {
    text-decoration: none;
    color: white;
}


/* ******************************************* */
/* ************ menu *********** */
/* ******************************************* */


#menu {
    padding: 0px;
    color: black;
    margin: 150px 0px 30px 20px;
}
#menu ul {
    margin: 0px;
    padding: 0px;
}

#menu ul li {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

#menu ul li a {
    font-weight: normal;
    text-decoration: none;
    color: white;
    padding: 0px;
    margin: 0px;
}

#menu ul li a:hover {
    color: black;
}


#menu ul .current a {
    color: black;
}


/********************* main content **********************/

#mainContent {
    background-color: rgb(198,199,201);
    background-image: url('../images/bgbottom.gif');
    background-repeat: repeat-y;
    margin: 0px 180px 0px 0px;
    padding: 0px;
    height: 700px;
}

#mainContentInside {
    background-color: rgb(72,72,74);
    background-image: url('../images/bgmain.gif');
    background-repeat: repeat-y;
    height: 560px;
    color: white;
    padding: 40px 0px 20px 100px;
    overflow: auto;
    scrollbar-track-color: rgb(88,94,92);
    scrollbar-face-color: rgb(128,134,134);
    scrollbar-3dlight-color: rgb(173,177,178);
    scrollbar-arrow-color: white;
}

.welcomeInside {
    padding: 25px 0px 0px 0px;
}

.welcomeTitle {
  display: block;
  text-align: left;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 69px;   
}

.welcomeInside p {
  text-align: left;
}
/* ******************************************* */
/* ************ article *********** */
/* ******************************************* */

.textLeft {
    text-align: left;
}

.textLeft img {
    float: right;
}

.textLeft p {
    margin: 0px;
}

.articleText {
    text-align: right;
    font-size: 97%;
}

.articleList {
    padding: 0px;
    margin: 0px;
    width: 676px;
    float: right;
}

.articleList td {
    text-align: right;
}

.sectionItem {
    padding: 0px 0px 30px 0px;
}

.articlePerex {
    display: block;
    color: white;
    font-size: 100%;
    width: 303px;
    margin: 0px 340px 0px 0px;
    padding: 0px 25px 0px 0px;
}

.articlePerex p {
    margin: 0px;
    padding: 0px;
}

.articlePerex .articleTitle {
    font-size: 150%;
}

.subtitle {
    display: none;
    font-size: 1px;
}

.articlePerex .articlePerexDetail {
    font-size: 90%;
    margin: 10px 0px 0px 0px;
}

.perexImage {
    margin: 0px;
}

.perexImage img {
    float: right;
    padding: 0px;
}

.articleTitle {
    font-size: 150%;
    color: rgb(72,202,212);
    font-weight: normal;
    margin: 0px;
}

.articleTitle a {
    color: rgb(72,202,212);
}

.articleTitle a:hover {
    color: white;
}

.sectionTitle {
    color: rgb(198,199,201);
    font-size: 130%;
    font-weight: normal;
    margin: 0px 0px 35px 0px;
}

.sectionTitle a {
    color: rgb(198,199,201);
}

.sectionTitle a: hover {
    color: rgb(72,202,212);
}

.newsTitle {
    display: table;
    color: rgb(72,202,212);
    font-size: 130%;
    font-weight: normal;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 54px;
}

.news {
    display: table;
    color: white;
    font-size: 90%;
    font-weight: normal;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 55px;
}

.login {
    font-weight: bold;
    padding: 0px 0px 0px 8px;
}
.mainPic {
    padding: 0px;
}

li {
    list-style-type: square;
    margin-bottom: 10px;
}

.downloadList {
    margin-top: 20px;
    display: block;
}

/* ******************************************* */
/* ************ member edit *********** */
/* ******************************************* */


.loginUser {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 99;
    text-align: right;
    font-size: 80%;
}

form {
    margin: 0px;
    padding: 0px;
}

label {
    cursor: pointer;
}

form .labelNoMargin {
    display: block;
    font-size: 80%;
}

form .label {
    display: block;
    font-size: 80%;
    margin-top: 5px;
}

form .submit {
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.hrefButton {
    width: 90px;
    font-size: 85%;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    text-align: center;
    border: solid 1px #336666;
    background-color: #336666;
    color: White;
    font-weight: bold;
    margin: 2px;
}

.btnSave {
    padding-top: 5px;
    text-align: center;
}

.btnSave input {
    width: 150px;
}

.hrefButton:hover {
    color: black;
    background-color: white;
}

.label {
    display: block;
    font-size: 80%;
}

.textRight {
    text-align: right;
}

.inputItem {
    font-family: Verdana, 'Geneva CE' , lucida, sans-serif;
    font-size: 100%;
    margin-bottom: 5px;
}



/********************* footer ****************************/

.rotatorItem {
    margin-left: 60px;
    width: 730px;
    padding-top: 20px;
    font-size: 24pt;
    color: White;
    white-space: nowrap;
}

#footer {
    width: 999px;
    margin: auto;
}


#footer .copy {
    text-align: right;
    margin: 40px 186px 5px 38px;
    padding: 0px;
    display: block;
}

#footer .copy .copyright {
    color: rgb(169,169,169);
}

#footer .copy .developer {
    font-size: 88%;
}

#footer .copy .developer a {
    text-decoration: none;
    color: rgb(169,169,169);
}

#footer .copy .developer a:hover {
    text-decoration: underline;
}

/********************* multimedia ****************************/

.multimedia {
    width: 430px;
    float: right;
    text-align: right;
    margin-left: 10px;
    min-height: 250px;
    _height: 250px;
}

.gallery {
    width: 430px;
    height: 290px;
    font-size: 1px;
}

.flashPlayer {
    width: 430px;
    height: 290px;

}

.detailBox {
    width: 430px;
    height: 250px;

}

#multimediaList {
    margin: 10px 0px 0px 0px;
}

.multimediaList {
    width: 430px;
}

.itemMultimedia {
    text-align: right;
}

.multimediaBox {
    width: 130px;
    height: 76px;
    margin: 0px 0px 10px 0px;
    background-color: red;
}