body {



    background: url('../images/body-bg.png') repeat-x #65a4d9;

    margin: 0;

    padding: 0;

    font-family: Calibri, Arial, sans-serif;

    

}



#content a {

    

    color: #2F74B9;

    

}



#content a:hover {

    

    color: #68A0D9;

    

}



#main-box-wrapper {

    

    background: url('../images/header-bg.png') no-repeat 50% 0;

    width: 100%;

    height: 100%;

    text-align: center;

    

}



#main-box {

    

    margin: 0 auto;

    text-align: left;

    width: 1000px;

    padding-top: 140px;

    

}



#menu-wrapper {

    

    width: 998px;

    height: 50px;

    margin: 0;

    padding: 0 1px;

    _height: 49px;

    background: url('../images/menu-bg-separator.png') repeat-x;

    

}



#menu {

    

    width: 998px;

    height: 50px;

    _height: 49px;

    background: url('../images/menu-bg.png') repeat-x;

    margin: 0;

    padding: 0;

    

}



#menu li {

    

    background: url('../images/menu-bg-separator.png') repeat-x 100% 0;

    list-style-type: none;

    float: left;

    margin: 0;

    padding: 0 1px 0 0;

    

}





#menu a {

    

    display: block;

    display: compact;

    background: url('../images/menu-bg.png') repeat-x;

    height: 20px;

    padding: 15px 0.8em;

    text-decoration: none;

    color: white;

    text-transform: uppercase;;

    font-family: sans-serif;

    

}



#menu a:hover {

    

    background: url('../images/menu-bg-hover.png') repeat-x;

    

}



#submenu-wrapper {

    

    text-align: center;

    height: 30px;

    margin: 0;

    padding: 0 1px;

    _height: 29px;

    background: none;

    

}



#submenu {

    

    height: 30px;

    _height: 29px;

    margin: 0 auto;

    padding: 0 0 1px 1px;

    background: none;

    width: 655px;

    _width: 656px;

    background: url('../images/menu-bg.png') repeat-x 100% 0;

    

}



#submenu li {

    

    background: url('../images/menu-bg.png') repeat-x 100% 0;

    list-style-type: none;

    float: left;

    margin: 0;

    padding: 0 1px 0 0;

    

}





#submenu a {

    

    display: block;

    display: compact;

    background: url('../images/menu-bg-hover.png') repeat-x;

    height: 20px;

    padding: 5px 0;

    text-decoration: none;

    color: white;

    font-family: sans-serif;

    width: 130px;

    

}



#submenu a:hover {

    

    background: url('../images/menu-bg-separator.png') repeat-x;

    color: white;

    

}





#propagace {

    

    width: 1000px;

    height: 300px;

    margin: 0 0 0 0;    

    padding: 0;

    

}



.download-button {

    

    float:right;

    margin: 0 0 0.5em 2em;

    

    border: 1px solid #acdc28;

    padding: 1px;

    

}



.prihlaska-button {

    

    float:right;

    margin: 0 0 0.5em 0.5em;

    

    border: 1px solid #dc6add;

    padding: 1px;

    

}  



.board-new-button {

    

    /*float:right;*/

    margin: 0 auto;

    

    border: 1px solid #5e9400;

    padding: 1px;

    

}



.board-rules-button {

    

    /*float:right;*/

    margin: 0 auto;

    

    border: 1px solid #924f00;

    padding: 1px;

    

}

/*#prop {

    

    width: 296px;

    height: 270px;

    margin-left: 20px;

    float: left;

    background-color: #ddf;

    border: 1px solid #333;

    padding: 15px;

    

}



#prop h2 {

    

    margin: 0;

    padding: 0;

    

}*/



#imageContainer {

    width:998px;

    height:300px;

    overflow:hidden;

    position:relative;

    border-left: 1px solid #b0cfea;

    border-right: 1px solid #b0cfea;

    float: left;

}



#imageContainer img {

    width: 998px;

    height: 300px;

    display:none;

    position:absolute;

    top:0; left:0;

    

}







#content {

    

    border-left: 1px solid #b0cfea;

    border-right: 1px solid #b0cfea;

    width: 998px;

    background: white url('../images/content-bg.png') repeat-x 0 0;

    text-align: justify;

    

}



#content-rev {

    

    background: url('../images/content-bg-rev.png') repeat-x 0 100%;

    padding: 20px;

    width: 958px;

    _width: 990px;

    

}



#content p {

    

    margin: 1em 0;

    padding: 0;

    

}





#footer {

    

    background: #333333 url('../images/footer-bg.png');

    height: 20px;

    width: 958px;

    _width: 998px;

    border-left: 1px solid #b0cfea;

    border-right: 1px solid #b0cfea;

    border-bottom: 1px solid #b0cfea;

    padding: 15px 20px;

    color: #999999;

    

}



#footer a {

    

    color: #bbbbbb;   

    

}



#footer img {

    

    float: right;

    margin-left: 5px;

    

}



.orgove {

    

    border-bottom: 1px solid #ddd;

    height: 170px;

    

}



.orgove img {

    

    float: left; margin: 0 40px 0 20px;

    

}



.orgove-nadpis {

     

     text-transform: uppercase;

     text-align: center;

     font-size: 1em;

     

}



.orgbox {

     

     float: left;

     margin: 0 20px 40px 20px;

     _margin-bottom: 15px;

     width: 150px;

     height: 170px;

     

}



.orgbox img {

    

    width: 150px;

    height: 150px;

    

}



.orgbox span {

    

    text-align: center;

    width: 149px;

    _width: 150px;

    height: 18px;

    _height: 18px;

    display: block;

    font-variant: small-caps;

    border-bottom: 1px solid #ddd;

    border-right: 1px solid #ddd;

    font-size: 0.85em;

    

    

}



.orgbox span .orgboxmail {

    

    width: 16px;

    height: 16px;

    margin: 2px 4px 0 0;

    float: right;

    background: url('../images/email.png') no-repeat;

    display: block;

    

}



.orgbox span .orgboxtip {

    

    width: 16px;

    height: 16px;

    margin: 2px 0 0 2px;

    float: left;

    background: url('../images/vcard.png') no-repeat;

    display: block;

    border: none;

    padding-top: 0;

    

}





#diskuze {

    

    text-align: center;

    

}



#diskuze-wrap {

    

    margin: 0 auto;

    width: 600px;

    text-align: justify;

    

}



#diskuze ul {

    

    text-align: justify;

    

}



.vzkaz {

    

    margin: 10px 0;

    border-top:    1px solid silver;

    border-bottom: 1px solid silver;

    padding: 0.5em;

    text-align: justify;

    background: url('../images/content-bg.png') repeat-x 0 0;

    

}



.vzkaz-header {

    

    background-color: #68A0D9;

    border: 1px solid #333;

    

}



.vzkaz-nadpis {

    

    display: inline;

    

}



.vzkaz-autor {

    

    display: inline;

    

}



.vzkaz-datum {

    

    margin: 0;

    

}



.vzkaz-reagovat {

    

    float: right;

    background: url('../images/board-reply.png') no-repeat left 50%;

    padding-left: 17px;

    

}



#vzkaz-odeslat {

    

    text-align: right;

    margin: 0 0 0 10px;

    

}



#vzkaz-odeslat input {

    

    width: 148px;

    height: 107px;

    background: #eee url('../images/message-send.png') 50% 30% no-repeat;

    border: 2px solid #68A0D9 !important;

    padding: 55px 0 0 0;

    margin: 0;

    text-transform:uppercase;

    letter-spacing: 3px;

    font-weight: bold;

    font-size: 1.2em;

    cursor: hand;

    color:#68A0D9;



    

}



/*#columns {

    

    margin-top: 20px;

    

}



#col1, #col2, #col3 {

    

    width:318px;

    height: 248px;

    border: 1px solid #b0cfea;

    padding: 0;

    margin: 0;

    color: white;

    

}





#col1 {

    

    background: url('../images/col1-bg.png') no-repeat;

    margin-right: 20px;

    float: left;

    

}



#col2 {

    

    background: url('../images/col2-bg.png') no-repeat;

    margin-right: 20px;

    float: left;

    

}



#col3 {

    

    background: url('../images/col3-bg.png') no-repeat;

    float: left;

    

}*/



.docs-link

{

  display: block;

  width: 68px; height: 74px;

  background: url('../images/icon/default.png') no-repeat 50% 50%;

  border: 1px solid transparent;

  float: right;

  margin: 0 0 0.5em 2em; 

}



.docs-link:hover

{

  border: 1px solid #567b92;

}



.docs-link span {

  display: none;

}



/* icons */



.icon-pdf { background-image: url('../images/icon/pdf.png'); }

.icon-html { background-image: url('../images/icon/html.png'); }

.icon-zip { background-image: url('../images/icon/zip.png'); }



form input {

    

    padding: 0.3em;

    margin: 0.2em;

    

}



form textarea {

    

    padding: 0.3em;

    margin: 0.2em;

    

} 



form fieldset {

    

    margin: 0 0 1em 0;

    padding: 1em;

    border: 1px solid #ccc;

    

}



form legend {

    

    color: #6ca1e1;

    font-weight: bold;

    font-size: 1.1em;

    margin: 0 0.6em;

    

}



p#status-message {

    

    margin: 0 0 10px 0;

    padding: 1em;

    border: 1px solid #f00;

    background-color: #fee;

    color: red;

    

}



 .recaptchatable .recaptcha_image_cell, #recaptcha_table {

   background-color:#eee !important;

 }

 

 #recaptcha_table {

     float: left;

     /*padding-top: 5px;*/

     /*border-color: #6ca1e1 !important; //reCaptcha widget border color*/

 }

 

 #recaptcha_response_field {

   /*border-color: #FF0000 !important; //Text input field border color

   background-color:#FF0000 !important; //Text input field background color*/

 }



#board-rules {

    

    margin: 0 0 10px 0;

    padding: 1em;

    border: 1px solid #924f00;

    background-color: #f5e8dd;

    color: #000000;

    

}



#board-rules h1 {

    

    margin-top: 0;

    font-size: 1.2em;

    text-transform: uppercase;

    letter-spacing: 0.2em;

    text-align: center;

    

}

#map {
	width: 400px;
	height: 400px;
	border: 1px #333 solid;
	float: right;
}

 

#nutnost {

    

    

    

}