/*
 * Prodos s.r.o.
 * Kostelní 6
 * Dobruška
 *
 *  Created on : 16.7.2015
 *  Author     : Petr Potůček
*/

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.2em;

}
#hide {
  display: none;
}
html, body { overflow-x: hidden; }
ul li{
    list-style-type: none;
    font-size: 1.4em;
    color:#d8dbde;
    font-weight: 100 !important;
    line-height: 3em;
}
p{
    font-size: 1.3em !important;
}
#panel{
    z-index: 1;
}
a{
    cursor: pointer; 
    text-decoration: none;
}
a:hover{
    cursor: pointer; 
    text-decoration: none;
}

body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    text-decoration: none;
}
#loading{	/* hiding the rotating gif graphic by default */
    visibility:hidden;
}
.jumbotron {
    position: relative;
    background: #000 url("../../images/pozadiPraha2.jpg")  no-repeat center center fixed;
     
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
    width: 100%;
    height: auto;
   
    overflow: hidden;
    min-height:600px;
    margin-bottom:0 !important;
}

.jumbotronSub {
    position: relative;
    background: #000 url("../../images/pozadiPraha.jpg") center center;
    width: 100%;

    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    height:340px;
    margin-bottom:0 !important;
}
h3{
    font-size: 2em !important;
    font-weight: 700 !important;
}
h2{

    font-size: 2em !important;
    text-transform: uppercase; 
    font-weight: 300 !important;
}
h1{
    text-transform: uppercase;
    font-weight: 700 !important;
}
.darkBlueText{
    color:#343845 !important;
}
.whiteText{
    color:white;
}
.textCenter{
    text-align: center;
}
.textLightBlue{
    color:#aeb4bb;
}
.lightBlue{
    border-color: #495c6e !important;
}
.blueBackground{
    background:#34495e;
}
.whiteBanner{
    padding: 1.4em;
    background: white;
    width:100%;
}
.marginSubPage{
    margin-top: 200px;
}
.redBanner{
    padding: 3em;
    background: #91002b;
    width:100%;
    margin: 0px;
}
.offset2{
    margin-top: 2em;
    margin-left:5em;
    margin-right:5em;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none;
}
.textPaticka{
    font-size: 1.2em;
}
.bold{
    font-weight: 700 !important;
}
.marginBottom{
    margin-bottom: 1em;
}
.btn{
    border-radius: 0 !important;
    background: #91002b !important;
    font-weight: 300 !important;
    border:0 !important;
}
hr{
    margin-top:3em !important;
    margin-bottom: 3em !important;
}
hr.aktualityHr{
    margin-top:0em !important;
    margin-bottom: 0em !important;
    border-top: 1px solid #34495e;
    opacity: 0.2;
}
.small{
    font-size: 1.4em !important;
}
.absoluteLeft{
    position:absolute;
    top:20px;
    left:20px;
    z-index: 1000;
}

/*
 *
 *
 *Red banner texts format
 *
 *
 **/
.redBuilding{
    font-size: 2em;
    display:block;
    text-transform: uppercase;
}
.redDate{
    font-size: 2.5em;    
    display:block;
    text-transform: uppercase;
}
.redPlace{
    font-size: 7em;
    display:block;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 75%;
}


/*
 *
 *
 *4 Targets on main page
 *
 *
 **/
.frame{
    width: 260px;
    height:255px;
    position:relative;
    display: block;
    margin: 0 auto;
}
.marginTop{
    margin-top:3em;
}
.bold{
    font-weight: 700;
}
.paddingItem{
    padding:1em;
}
.button p{
    position: absolute; 
    top: 218px; 
    width:260px;
    text-align: center;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 100 !important;
}
.option{
    animation-play-state: paused;
    -vendor-animation-iteration-count: 1;
}
.option:hover{
    animation-play-state: running;
}



/*
 *
 *
 *News section
 *
 *
 **/
.news{
    margin-bottom: 2em;
}
.news span{
    font-weight: 700;
    font-size: 1.2em;
}
.news p{
    font-size: 1.2em;
    max-width: 800px;
}
.image { 
    display:inline-block;
    position: relative; 
    margin-right:20px;
   
    
}
.blueText{
   color:#00ade2;
   font-size: 1.2em !important;
}
.popis{
    display:inline-block;
    position: relative;
    text-align: justify;
   
   
    
}
.dateText { 
    position: absolute; 
    width:110px;
    top: 20px;  
    color:white;
    font-size: 3em !important;
    font-weight: 700 !important;
}
.monthText { 
    position: absolute; 
    width:110px;
    top: 75px;  
    color:white;
    font-size: 1.2em !important;
    font-weight: 100 !important;
}
.floatRight{
    display:block;
    float:right;
}
.jmeno{
    font-size: 1.6em !important;
}
.inactive{
    color:#738ba4 !important;
}

















/*spinner*/
.loader {
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 150px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
}
@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
    }
}

.absoluteRight{
    position:absolute;
    right:30px;
    top:30px;
}

@media (max-width:800px){

    .floatRight{
        float:none;
        display: table; margin: 0 auto; 
        position:relative;
    }
    .offset2{
        margin-top: 3em;
        margin-left: 2em;
    }
}

@media (max-width:500px){
    .whiteBanner{
        padding: 1.4em;
        background: white;
        width:100%;
        margin-top: 0px;
    }
    .offset2{
        margin-top: 3em;
        margin-left: 2em;
    }
    .redPlace{
        font-size: 5em;
    }

}