/* CSS Document */

@font-face {
    font-family: "Scriptina";
    src: url(cz_scriptina_cz.otf);
 }   
 
@font-face {
    font-family: "Gunny";
    src: url(scrgunny.ttf);
 }   
  
/*
 help 
<div id="popis2"> <!-- popis2 -->
<p class="bile"> nebo <span class="bile"> v php <span class=\"bile\" >   
   */

#print {position:relative;
       text-align:right;
       mso-page-orientation: landscape;}   

#tisk {position:relative;
       text-align:right;
       mso-page-orientation: landscape;}
          
body { 
      background-image: url(img/bg2.jpg); 
      background-attachment: fixed;
     /* background-position: center center;   */
     /* background-position: center bottom;  /*    /*střed spodní */
      background-position: center top;   
      background-repeat: repeat-y;
      background-size: 100%, 100%;  
      font-family: Gunny;
      font-size: 24pt; 
      }  

#celek1 {
      background-size: 100%, 100%; 
      min-width:100%;
      max-width:100%;  
      height:auto;       
      display: block;
      top:0pt;
      left: 0 pt;
      float: left;         /* obtekani v divu   */
      position: absolute;
      color:black;
      margin: 0 ;
      padding: 0;
      overflow: visible;
      }       

#hlavicka {

      float: left;
      overflow: hidden;  /* není vidět**/
      display: block;
      top: 0pt;
      width: 100%;
      height:106pt;
      left:50%;
      margin-left: -50%;                 
      background-color: rgba(255,255,255,0.9);  
      position: fixed;
      z-index: 100;
      
      }
      

#logohlavicka {
      float:none; 
      display: block;
      position: absolute;
      top:5pt;
      left:7pt;
      }
      
#texthlavicka { 
      position: absolute;       
      top:70pt;
      left:7pt ;
      width:auto;
      height:auto;
      font-family: Gunny;
      font-size: 30pt;
      color:red;
      }
      
#menuhlavicka{
              float:right;
              right:7pt;
              position: absolute;       
              top:80pt;
              width:auto;
              height:auto;
                } 
#menumobilhlavicka{
              float:right;
              right:7pt;
              position: absolute;       
              top:0pt;
              width:auto;
              height:auto;
                }                 
#menu-deleni {
      width: auto;
     /* background: #ededed; overflow: hidden; */
     height:70pt; 
     float: left;
                               
      

    }
#menu-deleni a {
      float: left;
      margin-left: 5pt;
      width: 60pt;
      height:auto;
      text-align: center;
      text-decoration: none;
      background-size: 60pt;
      background-repeat: no-repeat;
     /* border: 3pt inset rgb(255,0,0);   */
      border-radius: 10pt;
      background-color: rgba(255,0,0,0.4);
      color: rgb(255,255,255);  
      font-size:15pt;
    } 
#menu-deleni a:hover {
      float: left;
      text-align: center;
      text-decoration: none;
      background-size: 60pt;
      background-repeat: no-repeat;
      background-color: rgba(255,0,0,0.4);

      height:auto;
      color: blue; 
    }    
#textmenu {  
    display: block;
    position: absolute;
    top: 220pt;
    font-size: 15pt;
    height:auto;
    width: 100%;
      float: left;
      text-align: center;
      text-decoration: none;
      background-color: rgb(255,0,0);
     /* z-index: 3;*/
      color: white;
    }      
    
                    

      
#prihlavicka {
      position: relative;  
      display: block;
      top:5pt;     
      right:95pt; 
      float:right;
      
      }
      
                                          

#textuvod
{

      left:5pt;    
      margin-left: 0pt;
      top: 0pt;
      float: left; 
      width:80%;
      height: auto;
      display: block;
      position: relative;
      background-color: rgb(255,255,255);      
      overflow: hidden;     
      font-size:25pt ;
      color: black;

}

#uvodnifotka { 
top:40%;
margin-left: 80%;
      float: right; 
      display: block;
      position: absolute;
      overflow: visible; /*hidden*/ 
          
}
     
#uvod { 
     /* left:50%;
      margin-left: -50%;*/
      left:0pt;    
      margin-left: 0pt; 
      top: 0pt;
      float: left; 
      width:100%;
      height: auto;
      display: block;
      position: relative;
      overflow: hidden;
      background-color: rgb(255,255,255);
      font-size:25pt ;        
} 

menicko
{
top:0pt;
right:0pt;
display:block;
}

#menuuvod{
              float:left;
              left:50%;
              margin-left:-50%;
              position: absolute;       
              top:0pt;
              width:100%;
              height:360pt;
              overflow: hidden;
              background: rgb(255,255,255);
 
                } 

       
#menuuuvod{
              float:left;
              left:0pt;
              left:50%;
              margin-left:-50%;
              position: absolute;       
              top:110pt;
              width:100%;
              height:350pt;
              overflow: hidden;
              background: rgb(255,255,255);
 
                } 
#textmalemenu
{

      left:5pt;    
      margin-left: 0pt;
      top: 0pt;
      float: left; 
      width:99%;
      height: auto;
      display: block;
      position: relative;      
      overflow: hidden;     
      font-size:25pt ;
      color: black;

}

#textmenuuvod {  
    display: block;
    position: absolute;
    top: 0pt;
    left:0pt;
    font-size: 15pt;
    height:100%;
    max-width: 186pt;
     width:100%;
      float: left;
      text-align: center;
      text-decoration: none;
      background-color: rgba(40,25,21,0.6);  
      color: white;
    }       
    
#textmenuuvod2 {  
    display: block;
    position: absolute;
    top: 0pt;
    left:0pt;
    font-size: 15pt;
    height:100%;
     width:100%;
      float: left;
      text-align: center;
      text-decoration: none;
      background-color: rgba(255,255,255,0.1);
      
      color: white;
    }                                         
.jimgMenu {
    left:0pt;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:100%;
	height:350px;
	overflow: hidden;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 350px;
	position: relative;
    
	}
	
.jimgMenu ul li {
	width: 16.9%;
	float: left;
	display: block;
	overflow: hidden;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 350px;
}

.jimgMenu ul li#landscapes a {
	/*background: url(images/landscapes.jpg) repeat scroll 0%;*/
     background: rgb(255,255,255) repeat scroll 0%;
  
}

.jimgMenu ul li#people a {
	background: rgb(255,255,255) repeat scroll 0%;

}

.jimgMenu ul li#nature a {
	background: rgb(255,255,255) repeat scroll 0%;
  
}

.jimgMenu ul li#abstract a {
	background: rgb(255,255,255) repeat scroll 0%;

}

.jimgMenu ul li#urban a {
	background: rgb(255,255,255) repeat scroll 0%;
	border-right-style: none;
}

.clear {
	clear: both;
}

#text {

     position: absolute;   
     display: block;
     float: left;  
     width:100%; 
     top:360pt;
     height:auto;  
     left:0pt;  
     overflow: visible;   
     background-size: contain ;

     }  
#textobrazky {
    /* border: 10pt double rgb(0,102,255);    */
     position: relative;   
     display: block;
     float: left; /*right*/ 
     left:10pt;
     width:96%; 
     height:auto;  
    
    /* background-color: rgba(255,255,255,0.5);   */
     overflow: hidden;  /*visible*/  
     }  
    
#pata  {  
    text-decoration: none;
    font-size: 16pt;
    bottom: auto; 
    position: relative;   
    display: block;
    float: left;
    left:0pt;
    width:100%;
    background-color:rgba(0,0,0,0.5); 
    color: rgb(255,255,255);
    border-top-left-radius:0pt;  /*levy horní  */
    border-top-right-radius:0pt;   /*pravy horní  */
    border-bottom-right-radius:5pt;   /*pravy dolní*/
    border-bottom-left-radius:5pt;     /* levy dolní */
    border: 0px double rgb(255,255,255);
    }     

#pata a {  
     text-decoration: none; 
     color: white;
     font-size: 16pt;
     }

#patatext { 
     font-size: 16pt;
     top:7pt;
     position: relative;
     width: auto;
     height:auto; 
     float: left;
     overflow: visible; /*hidden;    */                           
     margin-left: 0pt; 
     margin-right: 3pt; 
     text-decoration: none; 
     color: white;
     }
#patatextpodpis {

     position: relative;
     top: -10pt;
      width: auto;
     height:auto; 
     float: right;
     overflow: visible; /*hidden;    */                           
     margin-left: 0pt; 
     margin-right: 3pt; 
     text-decoration: none; 
     color: white;
     }


#podpis { 
      position: relative;
      display: block;
      float:right; 
      display: block;
      margin-right: 30pt;
      font-size: 25pt;
      }      

/* vloženo navíc */
#leva { 
      margin-top: 5pt;
      margin-left: 8pt;
      margin-right: 5pt;
     /* border: 1pt double rgb(204,0,0);    */
      float: left; 
      display: block;
      position: relative;
      min-width: 40.31%;
      max-width: 40.31%;
      min-height: 100%;
      max-height: 100%;
      overflow: hidden; 
      }  
#prava { 
      margin-top: 5pt;
      margin-right: 5pt;
      margin-left: 0pt;
      
    /*  margin-left: 2pt; 
      border: 1pt double rgb(204,0,0); */
      float: right; 
      display: block;
      position: relative;
      min-width: 40.31%;
      max-width: 40.31%;
      min-height: 100%;
      max-height: 100%;
      overflow: hidden;   
} 

#stred { 
      margin-left: 0pt;
      margin-top: 5pt;
      float: left; 
      display: block;
      position: relative;
      width: 16%;
      min-height: 16%;
      max-height: 16%;
      overflow: hidden;   
     /* border: 1pt double rgb(204,0,0);  */
      
}

#fotouvod
{
      top: 0pt;
      float: left; 
      width:auto;
      height: auto;
      display: block;
      position: relative;
      overflow: visible;
}       
/*konec vloženo navíc*/      
}
/* původní levá */
#lleva { 
      margin-top: 5pt;
      margin-left: 2pt;
      margin-right: 5pt;
      float: left; 
      display: block;
      position: relative;
      min-width: 550px;
      max-width: 49%;
      min-height: 100%;
      max-height: 100%;
      overflow: visible; /*hidden */  
      border-radius: 10pt;
      font-size: 22pt;
      color:black;     
      /*background-color: rgba(0,0,0,0.3); */
      
}   




  
        
 

#schovej{
position:absolute;
         display: none;
         max-height:0pt;
         min-height:0pt;
         max-width:0pt;
         min-width:0pt;
         overflow: hidden;}
           

                                                                                           
            

/*--------------------PISMA----------------------*/

h1 {
      font-family: Gunny;
      font-size: 25pt;
      font-weight: bold;
      text-align: center; 
      color: red;                  
     /*  text-shadow: 5px 5px 5px rgb(255,255,128);  text-shadow: 5px 5px 5px rgb(255,0,0)  (255,255,128);
     background-image: url(img/nadpis.jpg);
      background-repeat: repeat-x;  */   
} 
h2 {   
 
      font-family: Gunny;
      font-size: 28pt;
      font-weight: bold;
      color: White;
                   
    
}           
h4 {
      font-family: Gunny;
      font-size: 25pt;
      font-weight: bold; 
      color: red;                  
     /*  text-shadow: 5px 5px 5px rgb(255,255,128);  text-shadow: 5px 5px 5px rgb(255,0,0)  (255,255,128);
     background-image: url(img/nadpis.jpg);
      background-repeat: repeat-x;  */   
} 
      
.zlute {
      font-family: Gunny;  
      font-size: 8pt;
      color: yellow;}
      
.cervene {
      font-family: Gunny;
      font-size: 8pt;
      color: red;}
      
.modre {
      font-family: Gunny;
      font-size: 8pt;
      color: blue;}
      
.bile {
      font-family: Gunny;
      font-size: 8pt;
      color: white;}
.reset{
	clear:both;
	line-height:0px;
	font-size:0px;}    
  
  
  
  
  .container {
  margin: 50px auto;
  left: 50%;
  margin-left: -250px;  
  width: 100%;
  height: 300px;
  overflow: hidden;
 /* border: 1pt solid;
  border-top-color: #856036;
  border-left-color: #5d4426;
  border-bottom-color: #856036;
  border-right-color: #5d4426;   */
  position: relative;
}

.photo {
  position: absolute;
  animation: round 20s infinite;
  opacity: 0;
}

@keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
img:nth-child(1) {
  animation-delay: 0s;
}
img:nth-child(2) {
  animation-delay: 4s;
}

img:nth-child(3) {
  animation-delay: 8s;
}

img:nth-child(4) {
  animation-delay: 12s;
}

img:nth-child(5) {
  animation-delay: 16s;
}