/**
    Styles
*/

* {
    margin:0;
    padding:0;
}

body {
    background-color:#fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    position:relative;
}

p {
    margin-bottom: 1.5em;
}

.foot {
    margin: 0 auto 0 auto;
    padding-top: 16px;
    width: 572px;
    text-align: center;
    position: relative;
}

.foot-wrapper {
    position: absolute;
    width: 100%;
}

#sponzor {
    width: 280px;
    position: absolute;
    right: 10px;
    top: 20px;
}

#sponzor img {
    height: 60px;
    position: absolute;
    top: -20px;
    right: 20px;
}

small {
    font-style:italic;
}

#wrapper {
    position:relative;
    margin: 0 auto;
    width:100%;
}

#content {
    width:100%;
    margin: 0px 10px 0 0;
}

#sidebar {
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    height: 90px;
    float: left;    
}

#portamento_container {
    position: absolute;
    top: 0;
}

#portamento_container #sidebar.fixed {
    position: fixed;
    right: auto;
    top: auto;
}

a:hover {
    color: white;
}

a.no-hover:hover {
    background-color: transparent;
}

a.redLink {
    color: red;
    text-decoration: none;
}

a.redLink:hover {
    text-decoration: underline;
}

.zooming {
    padding: 10px;
    line-height: 1;
    font-size: 5px;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.zooming_lg {
    padding: 10px;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;				
}

.menu_text {
    font-size: 12px;
    text-align: center;
    margin: -15px 0 0 0;
}

.section {
    text-align: justify;
    padding: 140px 10px 100px 10px;
    margin-top: -20px;
    position: relative;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat, repeat-y;
    clear: both;
}

.section-linker {
    display: block;
    height: 7px;
}

.section1 {
    background-image: url("../images/background/aktuality.png"), url("../images/background/aktuality_line.png");    
}
.section-linker1 {			
    background-color: rgb(44,42,121);
}

.section2 {
    background-image: url("../images/background/onas.png"), url("../images/background/onas_line.png");    
}
.section-linker2 {				
    background-color: rgb(211,97,74);
}

.section3 {
    background-image: url("../images/background/vedouci.png"), url("../images/background/vedouci_line.png");    
}
.section-linker3 {				
    background-color: rgb(2,145,77);
}

.section4 {
    background-image: url("../images/background/kronika.png"), url("../images/background/kronika_line.png");	
}
.section-linker4 {				
    background-color: rgb(112,76,45);
}

.section5 {
    background-image: url("../images/background/fotogalerie.png"), url("../images/background/fotogalerie_line.png");    
}
.section-linker5 {				
    background-color: rgb(188,72,86);
}

.section6 {
    background-image: url("../images/background/kontakt.png"), url("../images/background/kontakt_line.png");    
}
.section-linker6 {				
    background-color: rgb(183,73,138);
}

.section7 {
    background-image: url("../images/background/dokumenty.png"), url("../images/background/dokumenty_line.png");    
}
.section-linker7 {				
    background-color: rgb(220,207,89);
}

.section0 {
    background: url("../images/background/domu.jpg") no-repeat, url("../images/background/domu_line.png") repeat-y;
    background-size: 100%;
    text-align: justify;
    margin-top: -20px;
    padding-bottom: 20px;
}

.section-linker0 {				
    background-color: rgb(46,158,97);
}

.sectionKronika {
    text-align: justify;
    padding: 80px 10px 20px 10px;
    margin-top: -20px;					
    line-height: 2;
    position: relative;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat, repeat-y;
    clear: both;
    background-image: url("../images/background/kronika.png"), url("../images/background/kronika_line.png");	
}

.section-header {
    text-decoration: underline;
    border: 1px solid black;
    margin: 0 auto;
    text-align: center;
    width: 150px;
    border-radius: 0 0 15px 15px;
    background-color: rgb(80,80,80);
    color: white;
}

a.section-linker:hover {
    background-color: auto;
}

.section-text {
    max-width: 90%;
    margin: 40px auto 0 auto;
    font-size: 20px;
    line-height: 1.5;
    color: white;
}

.countDownTimer {
    margin: 0 auto;
    width: 525px;
}

.countDownTimer {
    color: black;
}

#defaultCountdown {
    width: 240px;
    height: 45px;
    margin: 0 auto;
}

#content h3, #sidebar h3 {
    font-size: 45px;
    text-align: center;
    padding: 0 0 0 0;
    margin: -45px auto 0 auto;
    color: white;    
}

#sidebar h3 {
    text-align: left;
    margin: 12px 0 0 80px;
    font-size: 50px;
    color: black;    
    width: 10%;
    white-space: nowrap;
}

#content h3#kronika {
    font-size: 60px;
}

#content .section3 h5 {
    text-align: left;
}

.gallery-image {
    margin: 0px 10px;
}
.gallery-bottom-text {
    padding: 60px 0 0 0;
}

.table_documents {
    width: 100%;
    margin: 0 0 30px 0;
}

.table_documents th {
    background-color: gray;
    color: white;
    font-size: 17px;
    padding: 2px 5px;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-bottom: 8px 8px 0 0;
    border: 1px solid gray;
}

.table_documents td {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    padding: 5px 0px 5px 10px;
    vertical-align: top;
    font-size: 17px;
}

.table_documents td:first-child {
    border-left: 1px solid gray;
}

.link_image {
    height: 0.5em;
    margin: 0 0 4px 5px;
}

.countdown_timer {
    text-align: center;
    display: block;
    margin: 0 auto 15px auto;      
}

.counter-digit {
    width: 0.8em;
    height: 1.5em;
    display: inline-block;
    font-size: 3.3em;   /* size of image */    
}

.counter-number {
    color: black;
    font-size: 1.2em;
    line-height: 1.2;
}

.counter_colon {
    width: 0.3em;
    color: black;
    font-size: 4em;
}

.counter_red {
    background: url("../images/counter/red.png");
    background-repeat: no-repeat;
}

.counter_pink {
    background: url("../images/counter/pink.png");
    background-repeat: no-repeat;
}

.counter_green {
    background: url("../images/counter/green.png");
    background-repeat: no-repeat;
}

.counter_yellow {
    background: url("../images/counter/yellow.png");
    background-repeat: no-repeat;
}

.centering {
    text-align: center;
}

/** width equal or less than 1100px */
@media (max-width: 1100px) {
    #sidebar h3 {
        margin-left: 10px;
    }
}