/*barvy:
rgba(28, 166, 181, 0.9); modrý bg
#fff; bílá
#45454b šedá bg
#1ca6b5; modrá písmo*/


#ousko1, #ousko2, #ousko3, #nahoru, ul li ul li.seznam, ul, li, a { 
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

clearfix:after { clear: both; display: block; content: "";  }
img { max-width: 100%; height: auto; vertical-align: top; }

body { background: #45454b url("../images/dekovacka.jpg") center 0 no-repeat; 
         width: 100%; background-attachment: fixed; color: #fff; 
         font-family: 'Raleway', sans-serif; margin: 0;    }


h1, h2, h3 {font-family: 'Raleway'}

.wrapper { width: 80%; margin: 20px auto 90px auto; }



/*zahlavi*/
#zahlavi { margin: 0; display: block;  }
#zahlavi h1, #zahlaviuvod h1 { margin: 0; padding: 0; overflow: hidden; text-indent: -5000px;}
#zahlavi h2, #zahlaviuvod h2 {margin: 0px auto 60px; text-align: center; }
#zahlavi a, #zahlaviuvod a { color: #fff; text-decoration: none;  }
#zahlavi ul, #zahlaviuvod ul { list-style: none; margin: 0;}
.logo { width: 200px; height: auto; margin-left: 20px; text-align: left; }

#zahlaviuvod { margin: 0; display: block; text-align: center; }
.logouvod { max-width: 70%; margin: 0 auto ; padding-top: 300px; padding-left: 25%; height: auto; text-align: center; }

/*navigace*/
nav .uvod { margin-top: 210px; margin-bottom: 40px; }
nav { margin-top: 6px; margin-bottom: 56px; }
nav ul { list-style: none; text-align: center; 
         background: rgba(28, 166, 181, 0.9);  
         margin: 0; padding: 0; border-radius: 10px;}
nav ul li { position: relative; display: inline-block; 
              }
/*herci*/nav ul li.herci { position: relative; display: inline-block; 
              }


nav ul li:hover ul { display: block; }
/*herci*/nav ul li.herci:hover ul { display: block/*inline*/; }
nav ul li a { display: block; height: 42px; line-height: 42px; width: 120px; 
            color: #fff; text-transform: uppercase; text-decoration: none;
            padding: 0px; margin: 0;}
/*herci*/nav ul li.herci a { display: block; height: 42px; line-height: 42px; width: 120px; 
            color: #fff; text-transform: uppercase; text-decoration: none;
            padding: 0px; margin: 0;}
nav ul li:hover { background: #45454b; }
nav ul li a:hover { color: #1ca6b5; }

nav ul li ul { position: absolute; left: 0; top: 100%; z-index: 5000; display: none;
            border-radius: 0 0 10px 10px;   
            margin: 0; padding: 0; width: 250px; }
/*herci*/nav ul li.herci ul { position: absolute; left: 0px; top: 21px/*100%*/; z-index: 5000; display: none /*none*/;
            /*border-radius: 0 0 10px 10px;*/   
            margin: 0; padding: 0; width: 220px /*220*/; }
nav ul li ul li { height: 40px; line-height: 40px;  }
/*herci*/nav ul li.herci ul li { height: 40px/*40px*/; line-height: 40px/*40px*/;  }

nav ul li ul li a { display: inline-block; width: 400px; text-align: left; text-transform: none;
            color: #fff; text-decoration: none;
            padding: 0 10px; margin: 0;
}

/*herci*/nav ul li.herci ul li a { display: inline-block; width: 200px/*200px*/; text-align: left; text-transform: none;
            color: #fff; text-decoration: none;
            padding: 0 10px; margin: 0;
}
nav ul li:hover { background: #45454b;}
/*herci*/nav ul li.herci:hover { background: #45454b;}
nav ul li:hover a { color: #1ca6b5; }
/*herci*/nav ul li.herci:hover a { color: #1ca6b5; }
nav ul li:hover ul a { color: #fff; width: 230px;  }
/*herci*/nav ul li.herci:hover ul a { color: #fff; width: 200px;  }
nav ul li ul li a:hover { color: #1ca6b5;  }
/*herci*/nav ul li.herci ul li a:hover { color: #1ca6b5;  }
nav ul li ul li:hover:last-child { background: #45454b; 
             border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

nav ul.list {
    top: 0px;
}

li.col1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

li.col2 {
    position: absolute;
    top: 0px;
    left: 220px;
}


/*section*/
section { background: rgba(28, 166, 181, 0.7); list-style: none; text-align: left; 
          margin: 0; padding: 10px 20px; border-bottom-right-radius: 10px;  }
section a { color: #fff; text-decoration: none; }
.arrow { height: 16px; float: none;}
.textuvod section { border-radius: 10px 10px 10px 0; margin-top: 130px; }

section ul { list-style: none; text-align: left; 
         margin: 0; padding: 0; position: relative }
section ul.box { list-style: none; text-align: left; 
         margin: 20px 0 0 0; padding: 0; position: relative }
section li { display: inline-block; width: 200px; }
section li.pravy { display: inline-block; width: 250px; }
section p { margin: 20px 0 10px;}
section img { float: left; margin-top: 0; padding-right: 20px; }
ul.ikony {display: block; list-style: none; position: relative; margin-right: 0; padding: 0 0 0 0px;}
/*profily*/
#profily {margin: 0px;}
.profil { float: left; background: rgba(28, 166, 181, 0.8); width: 200px; height: 350px; 
        margin: 2px; padding: 4px; text-align: center; color: #fff; 
        text-decoration: none; border-radius: 0 0 10px 10px;}
.profil:hover { background: #45454b ; color: #1ca6b5; }
.profilovky { width: 190px; height: 280px; padding: 5px;  }
.ramgalerie { float: left; background: rgba(28, 166, 181, 0.8); width: 347px; height: 350px; 
        margin: 2px; padding: 4px; text-align: center; color: #fff; 
        text-decoration: none; border-radius: 0 0 10px 10px;}
.ramgalerie:hover { background: #45454b ; color: #1ca6b5; }
.uvodgalerie { width: 338px; padding: 5px; }
.fotka { width: 240px; height: 340px; position: relative; float: right; margin: 0px 0px 30px 0px; padding: 0 0 0 0px }
.mapka { position: relative; float: right; z-index: 10; margin: 5px; padding: 0 0 0 0px}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/*copyright*/
.copyright a { position: absolute; background: rgba(28, 166, 181, 0.7); color: #fff; 
              text-decoration: none; text-align: left; padding: 10px 20px; margin: 0px;
              border-radius: 0 0 10px 10px;  }
.copyright a:hover { background: #45454b ; color: #1ca6b5; }


/*ousko1*/
#ousko1 { background: rgba(28, 166, 181, 0.8) url("../images/envelope.png") 10px center no-repeat;
          position: fixed; left: 0; top: 60px;
          height: 32px; width: 45px; padding: 5px;
          border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#ousko1:hover { width: 330px; background-position: -50px;  }
#ousko1 a { display: block; line-height: 32px; text-align: right; padding-right: 5px;
            color: #fff; text-decoration: none;
            float: right; width: 330px; opacity: 0;            
}
#ousko1 a:hover { opacity: 1; }

/*ousko2*/
#ousko2 { background: rgba(28, 166, 181, 0.8) url("../images/at.png") 10px center no-repeat;
         position: fixed; left: 0; top: 110px;
         height: 32px; width: 45px; padding: 5px;
         border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#ousko2:hover { width: 230px; background-position: -50px; }
#ousko2 a { display: block; line-height: 32px; text-align: right; padding-right: 5px;
            color: #fff; text-decoration: none;
            float: right; width: 230px; opacity: 0;
}
#ousko2 a:hover { opacity: 1; }

/*ousko3*/
#ousko3 { background: rgba(28, 166, 181, 0.8) url("../images/phone.png") 10px center no-repeat;
         position: fixed; left: 0; top: 160px;
         height: 32px; width: 45px; padding: 5px;
         border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#ousko3:hover { width: 140px; background-position: -50px;  }
#ousko3 a { display: block; line-height: 32px; text-align: right; padding-right: 5px; 
           color: #fff; text-decoration: none;
           float: right; width: 140px; opacity: 0; }
#ousko3 a:hover { opacity: 1; }


#ousko1 { background: rgba(28, 166, 181, 0.8) url("../images/envelope.png") 10px center no-repeat;
          position: fixed; left: 0; top: 60px;
          height: 32px; width: 45px; padding: 5px;
          border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#ousko1:hover { width: 330px; background-position: -50px;  }
#ousko1 a { display: block; line-height: 32px; text-align: right; padding-right: 5px;
            color: #fff; text-decoration: none;
            float: right; width: 330px; opacity: 0;            
}
#ousko1 a:hover { opacity: 1; }

.cocopyright a {background: rgba(28, 166, 181, 0.8); color: #fff; 
                position: fixed; left: 0; top: 401px;
                height: 35px; width: 150px;             
                text-decoration: none; text-align: center; padding: 10px 20px; 
                border-radius: 0 0 10px 10px; 
                transform: rotate(270deg); transform-origin: left top; 
}
.cocopyright a:hover { background: #45454b ; color: #1ca6b5; }

#nahoru {background: rgba(28, 166, 181, 0.8);
         position: fixed; right: 0; bottom: 0;
         height: 40px; width: 40px; padding: 5px;
         border-top-left-radius: 10px;
         }
#nahoru:hover { background: #45454b ; color: #1ca6b5; }
#nahoru a {display: block; text-align: center; padding-right: 5px;
           color: #fff; position: fixed; right: 0; bottom: 0;
            height: 40px; line-height: 40px; width: 45px;
            text-decoration: none;
}

.sipkavzhuru { background: none; display: block; margin-top: 6px; margin-left: 6px; float: none;}
.sipkavtextu { background: none; margin-top: -6px; float: none;}
iframe.mapka { float: right; max-width: 100%; margin-top: 0; margin-right: 20px; margin-left: 20px; margin-bottom: 20px;}



@media only screen and (max-width: 479px) {
      
         .odsazeni { margin-top: 20px; }
         
        #ousko1 { background: rgba(28, 166, 181, 0.8) url("../images/envelope.png") 10px center no-repeat;
          position: fixed; left: 0; top: 60px;
          height: 32px; width: 45px; padding: 5px;
          border-top-right-radius: 10px; border-bottom-right-radius: 10px;
        }
        #ousko1:hover { width: 240px; height: 64px; background-position: -50px;  }
        #ousko1 a { display: block; line-height: 32px; text-align: right; padding-right: 5px;
            color: #fff; text-decoration: none;
            float: right; width: 240px; opacity: 0;  word-wrap: break-word;          
        }
        #ousko1 a:hover { opacity: 1; }
        section img { float: left; margin-top: 0; margin-right: 20px; margin-bottom: 20px;}
        
        
        li.levy {padding-top: 10px;}
        li.prazdny {display: none;}
        
        
    }

    @media only screen and (min-width: 480px) {
         li.levy {padding-top: 10px;}
         li.prazdny {display: none;}
         section img { float: left; margin-top: 0; padding-right: 280px; margin-bottom: 20px;  }
          
    }

    /*kvota572*/
    @media only screen and (max-width: 572px) {
         li.levy {padding-top: 10px;}
         li.prazdny {display: none;}
         
          
    }
    /*kvota573*/
    @media only screen and (min-width: 573px) {
         li.levy {padding-top: 10px;}
         li.prazdny {display: inline-block;}
         
          
    }
    
    
    @media only screen and (max-width: 767px) {
    /*vysouvani v mobilu a tabletu*/
        nav ul li:hover ul { display: none; }
        /*herci*/nav ul li.herci:hover ul { display: none; }
    }
    
    @media only screen and (min-width: 768px) {
         li.levy {padding-top: 10px;}
         li.prazdny {display: none;}
         section img { float: left; margin-top: 0; padding-right: 20px; }
         .imgbezobradu {margin-bottom: 220px;}
         .imgtaxi {margin-bottom: 250px;}
         .imgapokryfy {margin-bottom: 470px;}
         .imgmusketyri {margin-bottom: 566px;}
         .imghamlet {margin-bottom: 530px;}
         .imgpes {margin-bottom: 220x;}
		 .imgsam {margin-bottom: 400px;}
		 .imgmasinka {margin-bottom: 180px;}
         /*soubor*/
         
		 ul.lastalena {margin-bottom: 240px; }
         ul.lasteliska {margin-bottom: 260px;}
         ul.lastjirka {margin-bottom: 60px;}
         ul.lastkajina {margin-bottom: 220px;}
         ul.lastkapisto {margin-bottom: 120px; }
         ul.lastkarolina {margin-bottom: 60px; }
         ul.lastkristyna {margin-bottom: 220px; }
         ul.lastlibor {margin-bottom: 40px; }
         ul.lastmarketa {margin-bottom: 60px; }
         ul.lastmartina {margin-bottom: 220px;}
         ul.lastmichal {margin-bottom: 40px;  }
         ul.lastpete {margin-bottom: 220px;  }
         ul.lastpetr {margin-bottom: 180px;  }
         ul.lastpetrs {margin-bottom: 180px; }
         ul.laststepan {margin-bottom: 260px;}
         ul.laststepanch {margin-bottom: 260px;}
         ul.lastsony {margin-bottom: 260px;}
         ul.lastsylva {margin-bottom: 20px; }
         ul.lastvlada {margin-bottom: 40px; }
         ul.lastzuzka {margin-bottom: 260px;  }
         ul.lastmapka {margin-bottom: 0px; }
         
         
         .byvaliclenove {margin-bottom: 10px; }
         .eliska {margin-bottom: 20px; }
		 .alena {margin-bottom: 20px; }
         .jirka {margin-bottom: 20px; }
         .kajina {margin-bottom: 20px;}
         .kapisto {margin-bottom: 80px; }
         .karolina {margin-bottom: 20px; }
         .kristyna {margin-bottom: 20px; }
         .libor {margin-bottom: 500px; }
         .marketa {margin-bottom: 240px; }
         .martina {margin-bottom: 20px;}
         .michal {margin-bottom: 420px;  }
         .pete {margin-bottom: 20px;  }
         .petr {margin-bottom: 20px;  }
         .petrs {margin-bottom: 20px; }
         .sony {margin-bottom: 20px;  }
         .stepan {margin-bottom: 20px; }
         .stepanch {margin-bottom: 20px; }
         .sylva {margin-bottom: 280px; }
         .vlada {margin-bottom: 1000px; }
         .zuzka {margin-bottom: 20px;  }
    }
    
    
    /*kvota897*/
    @media only screen and (max-width: 897px) {
         li.levy {padding-top: 10px;}
         
         
          
    }
    /*kvota898*/
    @media only screen and (min-width: 898px) {
         li.levy {padding-top: 10px;}
         li.prazdny {display: inline-block;}
         ul.last {margin-bottom: 60px;}
         .imgbezobradu {margin-bottom: 20px;}
         .imgtaxi {margin-bottom: 60px;}
         .imgapokryfy {margin-bottom: 180px;}
         .imgmusketyri {margin-bottom: 300px;}
         .imghamlet {margin-bottom: 180px;}
		 .imgpes {margin-bottom: 120px;}
		 .imgsam {margin-bottom: 150px;}
		 .imgmasinka {margin-bottom: 60px;}
         /*soubor*/
         .petrs {margin-bottom: 20px; width: 240px;}
         .jirka {margin-bottom: 20px; width: 240px;}
         .libor {margin-bottom: 240px; width: 240px;}
         .marketa {margin-bottom: 100px; width: 240px;}
         .michal {margin-bottom: 180px; width: 240px;}
         .sylva {margin-bottom: 140px; width: 240px;}
         .vlada {margin-bottom: 640px; width: 240px;}
		 .alena {margin-bottom: 20px; width: 240px;}
		 .zuzka {margin-bottom: 20px; width: 240px;}
         ul.lastmapka {margin-bottom: 140px; }
    }
    
    
    @media only screen and (max-width: 959px) {
        
        }
        
    @media only screen and (min-width: 960px) {
        li.levy {padding-top: 10px;}
        li.prazdny {display: inline-block;}
    }
    
    @media only screen and (min-width: 1220px) {
         
        .logo { max-width: 100%; height: auto; float: none; margin-top: 0px; margin-left: -0px; }
         }
         
.key { font-style: normal; }