@font-face {
font-family: SourceSans;
src: url("TeleGroEESem.otf");
}

@font-face {
font-family: SourceSansBold;
src: url("TeleGroEEUlt.otf");
}

body {
    font-family: SourceSans, Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    background-color: #2A2A34;
    color: white;
}

#comp-page-content {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background-color: #2A2A34;
}


.bgr-section {
    background-color: darkgreen;
    background-image: url("grass.jpg");
}

.comp-par {
    margin-top: 0em;
    margin-bottom: 0.5em;
    /*margin-bottom: 1em;*/
}

.comp-w-background-a, .comp-w-background-b {
    background-color: #2A2A34;
    color: white;
    padding-bottom: 1em;
    border-top: #221E1D 2px solid;
    border-bottom: #56575C 2px solid;
}

#label-img {
    display: block;
    position: relative;
    /*top: 0px;*/
    z-index: 10;
}

#img-sect {
    background-color: white;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-left: 6px;
    margin-right: 6px;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
}



h2 {
    font-family: SourceSans, Helvetica, Arial, sans-serif;
    font-weight: normal;
    /*text-transform: uppercase;*/
    font-size: 125%;
    margin-top: .125em;
    margin-bottom: 1em;
}

ul {
    margin: 0;
    margin-top: 1em;
    margin-bottom: .5em;
    padding: 0;
}

li {
    background: url("bullet.png") no-repeat scroll 0px 4px transparent;
    list-style: none outside none;
    padding-top: 0em;
    padding-left: 1.5em;
    padding-bottom: 1em;
    text-align: left;
    margin: 0;
}


.comp-section {
    padding-bottom: .5em;
}


a .comp-w-product {
    color: white;
    text-decoration: none;
}

.comp-w-product, .comp-w-background-b .comp-w-product {
    background-color: #0D9749;
    color: white;
    border: white thin solid;
    border-radius: .5em;
    /*border-bottom: 1px #CCCCCC solid;*/
    /*min-height: 60px;*/
    padding: 10px .5em;
    position: relative;
    font-size: 90%;
    
    -webkit-box-shadow:  inset 0px 0px 10px rgba(3, 80, 53, 1);
    -moz-box-shadow:     inset 0px 0px 10px rgba(3, 80, 53, 1);
    box-shadow:          inset 0px 0px 10px rgba(3, 80, 53, 1);
}

.comp-w-background-b .comp-w-product {
    color: black;
    background-color: #FFC51C;
    
    -webkit-box-shadow:  inset 0px 0px 10px rgba(3, 80, 53, 1);
    -moz-box-shadow:     inset 0px 0px 10px rgba(3, 80, 53, 1);
    box-shadow:          inset 0px 0px 10px rgba(0, 0, 0, 1);
}

._comp-w-product-content h2 {
    font-family: SourceSans, Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: white;
}

.comp-w-background-b ._comp-w-product-content h2 {
    color: black;
}

.comp-w-product .comp-link-button {
    background-image: url('cudlik-stahnout.png');
    display: inline-block;
    height: 29px;
    line-height: 30px;
    width: 100px;
    /*padding: 0px .125em;*/
    font-size: 90%;
}

.comp-w-links {
    text-align: center;
    margin: 1em 0em; 
    margin-bottom: 0em;
    padding: 0em 0em;
}


.comp-w-links a {
    color: #118F52;
    margin-bottom: .25em;
}

.link-big {
    text-decoration: none;
    color: white !important;
}

.comp-icon, ._comp-w-product-icon {
    border-radius: 5px 5px 5px 5px;
}

#comp-page-footer .comp-par-notice {
    margin: 1em 0em;
    color: #999999;
    text-align: center;
}

#dalnice-stahnout-app {
    margin-top: .75em;
    width: 10em;
    margin-left: 0;
    /*margin-right: auto;*/
}

.comp-caption-sub {
    margin-top: 0;
}

@media only screen and (min-width: 240px) {
    .comp-w-product, .comp-w-background-b .comp-w-product {
        border-width: medium;
    }
}

@media only screen and (min-width: 490px) {
    body {
        font-size: 1.5em;
    }
}