html, body{
		margin: 0;
		padding: 0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #A87685;
		font-size: 8pt;
		background-color: Black;
		line-height: 11pt;
	}

	#stranka{
		width: 800px;
		height: 700px;
		display: table;
		text-align: left;
		background-color: White;
		position: relative;
		margin-left:auto;
		margin-right:auto;
    padding:0;
	}
	/* ....................index stranka............... */

	#inbox{
		width: 800px;
		height: 528px;
		position: relative;
  	margin-top: 50px;
  	margin-right: auto;
		margin-left: auto;		
  	background-color:#A7B6B5;
		text-align: center;
		color: #8C7567;
			}
	#inboxhorni{
		width: 800px;
		height: 328px;
		position: relative;
		
  		}
  #inboxlevy{
		width: 462px;
		height: 328px;
		position: relative;
		float:left;
  		}
  #inlevy{
		width: 337px;
		height: 328px;
		position: relative;
		float:left;		
	  background-image: url(../img/inlevy.jpg);
  		}
    #inpas{
  		width: 125px;
  		height: 328px;
  		position: relative;
  		float:right;
  		      		}
        		
      #inpas1{
    		width: 125px;
    		height: 211px;
    		position: relative;
    		background-image: url(../img/inpas1.jpg);    		
    			      		}
      #inpas2{
    		width: 125px;
    		height: 40px;
    		position: relative;
    			      		}	
        #inpas3{
    		width: 125px;
    		height: 77px;
    		position: relative;
    		background-image: url(../img/inpas3.jpg);
    	
    			      		}                		      		
     		
 #inpravy{
		width: 338px;
		height: 328px;
		position: relative;
		float:right;		
	  background-image: url(../img/inpravy.jpg);
  		}
  		
 #inboxtext{
		width: 559px;
		height: 200px;
		position: relative;
    background-image: url(../img/intext.jpg);    
		padding: 0px 0px 0px 0px;
		color:#0F2449;
		margin-left:auto;
		margin-right:auto;
	
  		}
    #inboxtext1{
  		float:left;  		
      width: 190px;
  		height: 188px;
  		position: relative;
  		text-align: right;  		
  		padding: 2px 30px 0px 60px;  		
    		}
    #inboxtext2{
      float:right;      
  		width: 189px;
  		height: 190px;
  		position: relative;
  		text-align: left;  		
  		padding: 0px 60px 0px 30px;
  		
    		}
 
 
  .pismeno{
      color: #2792C4;
      font-size: 12pt;
      font-weight: bold;
      margin-right: -4px;
      
  }
  
  #inpas2	a img {
	  border: none;
	}		

	#inboxtext a{
		text-decoration: none;
		color: #004353;
		font-weight: bold;
		
	}
  #inboxtext	a:hover {
		color: #2792C4;
	 	text-decoration: none;
	}
	
  #inboxtext h3{
    margin-bottom: 30px;
   }		


	/* ..............home stránka......................... */
	
  #boxlevy{
		width: 165px;
    position: relative;
    float: left;
	 }
	
  #levy{
		width: 40px;
    position: relative;
    float: left;    
	 }
	 
  #levyhorni{
		width: 40px;
		height: 670px;
    position: relative;
    float: left;
    background-image: url(../img/levyvolny.jpg);
	 }
	 
	#levydolni{
		width: 40px;
		max-height: 500px;
	  background-color: white;
    position: relative;
    float: left;
    
	 }
  
/* .................pás + menu.................... */
  
  #pas{
		width: 125px;
    position: relative;
    float: left;

	 }
  #pashorni{
		width: 125px;
		height: 260px;
    position: relative;
    background-image: url(../img/pashorni.jpg);
  	 }
 
  #pasnadpis{
		width: 125px;
		height: 45px;
    position: relative;
  	 }
	 
  #pasmenu{
		width: 125px;
		height: 310px;
    position: relative;
    background-color: black;
    text-align: center;
    padding: 10px 0px 0px 0px;
    color: #485766;
    font-size: 8pt;
     	 }
      #pasmenu ul {
      	list-style-type: none;
      	padding: 10px 0px 10px 0px;
      	font-weight: bold;
      	width: 125px;
      	margin: 0px 0px 0px 0px;
      	border-bottom: 0px;
       }
      #pasmenu ul li  {
        display: inline; 
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
}
#pasmenu ul li a {
	display: block;
	text-decoration: none;
	color: #E4D8CF;
}

#pasmenu ul li a:hover {
	color: #706866;
	font-weight: normal;
	text-decoration: none;}

  #pasdolni{
		width: 125px;
		min-height: 75px;
		position: relative;
    background-color: white;
    
  	 }
  
 	/*......................texty, galerie...........*/
 
 	#pravy{
		width: 635px;
		position: relative;
    float:right;

     	 }
 
   	#pravyhorni{
		width: 635px;
		height: 350px;
    position: relative;
    background-image: url(../img/pravyhorni.jpg);
    color: black;
  	 }
  		#pravyhorni a{
	    color: black;
  	 } 
    #pravytext{
  	width: 482px;
  	min-height: 230px;
  	position: relative;
  	padding: 10px 60px 60px 80px;
  	color: #132124;
  	text-align: left;


  	
   }
   /* stranka ODKAZY */
    	#pravyhorniodkazy{
  		width: 635px;
  		height: 100px;
      position: relative;
      background-image: url(../img/pravyhorniodkazy.jpg);
    	 }
        #pravytextodkazy{
      	width: 492px;
      	min-height: 330px;
      	position: relative;
      	padding: 10px 70px 60px 70px;
      	color: #132124;
      	text-align: left;
      	float:right;
        }
    #pravytextodkazy a img{
  		border: 2px solid black;
		margin: 0px 2px 2px 0px;
 
   }
 	#pravytextodkazy a:hover img {
		border: 2px solid Silver;
		}      
      
	/*texty, galerie Zaklinac ad.*/ 	
  
	#pravytextsloup1{
		width: 210px;
		min-height: 20px;
		position: relative;
		padding: 0px 30px 0px 0px;
		float:left;	
	
	}
	#pravytextsloup2{
		width: 240px;
		min-height: 90px;
		position: relative;
		padding: 5px 0px 0px 0px;
		float:right;	
	}
	
	#pravytextbox{
      	width: 492px;      
      	position: relative;
        margin-top:10px;
        display:table;
      	text-align: left;
        }

	/* propagacni grafika */
	#podsekce{
		width: 440px;
		min-height: 20px;
		position: relative;
		padding: 25px 0px 0px 10px;}
	   


	
	
	
	
	
	
	
	
	
	
	/*  HOME......HOME:::::::HOME */
	   #pravytexthome1{
		  width: 395px;
		  min-height: 210px;
		  position: relative;
		  padding: 10px 20px 30px 80px;
		  float:left;
		  color: #132124;
		  
      	}
      	
     	   #pravytexthome1_en{
		  width: 395px;
		  min-height: 210px;
		  position: relative;
		  padding: 10px 20px 10px 80px;
		  float:left;
		  color: #132124;
		  
      	} 	
      	
      	
	   #pravytexthome2{
		  width: 110px;
		  height: 260px;
		  position: relative;
		  padding: 10px 10px 0px 20px;
		  float:right;		 
      }
      
      


  #pata{
    width: 400px;
    height: 8px;
  	font-size: 7pt;
  	color: #BABDBC;
  	padding: 20px 0px 10px 70px;
  	}

    	#pata1{
    		float:left;
    			}
    	#pata2{
    		float:right;
    	}
    	#pata a{
    		color: Gray;
    	}

/* sekce animace..nove okno */
  #video{
  		width: 300px;
  	  height: 200px;
  		position: relative;
      margin: 80px 0px 0px 100px;
      text-align: center;
  	}
  	
  	  #video2{
  		width: 500px;
  	  height: 400px;
  		position: relative;
      margin: 80px 0px 0px 160px;
      text-align: center;
  	}
  		  #video3{
  		width: 450px;
  	  height: 400px;
  		position: relative;
      margin: 80px 0px 0px 175px;
      text-align: center;
  	}
  
  		  #video4{
  		width: 450px;
  	  height: 300px;
  		position: relative;
      margin: 140px 0px 0px 175px;
      text-align: center;
  	}
  	  #video5vimeo{
  		position: relative;
      margin: 100px 0px 0px 0px;
      text-align: center;
  	}
  
  
  	  #videotext{
  		width: 520px;
  	  height: 150px;
  		position: relative;
      margin: 20px 0px 0px 160px;
      text-align: left;
		color: #7A8998;		
		line-height: 13pt;	
  	}
  	
  	  	  #videotext3{
  		width: 520px;
  	  height: 150px;
  		position: relative;
      margin: 40px 0px 0px 200px;
      text-align: left;
		color: #7A8998;		
		line-height: 13pt;	
  	}
  	
  	
  	 	  	  #videotext4{
  		width: 520px;
  	  height: 150px;
  		position: relative;
      margin: 40px 0px 0px 220px;
      
      text-align: left;
		color: #7A8998;		
		line-height: 13pt;	
  	}
  		  #videotext5vimeo{
  		width: 520px;
  	  height: 20px;
  		position: relative;
      margin: 60px 0px 0px 200px;      
      text-align: left;
		color: #7A8998;		
		line-height: 13pt;	
  	}
  	
  	
  	 

 
  #titulky{
  		width: 260px;
  	  height: 300px;
  		position: relative;
  		padding: 50px 20px 0px 20px;
      margin: 0px 0px 0px 100px;
      color: #132124;
      background-color: white;
      text-align: left;
  	}
  	
  #zivotopis{
  		width: 320px;
  	  height: 700px;
  		position: relative;
  		padding: 50px 30px 30px 30px;
      margin: 0px 60px 0px 60px;
      color: #132124;
      background-color: white;
      text-align: left;
       	}
  	
  #odkazyanime{
  		width: 500px;
  	  position: relative;
  		padding: 50px 30px 30px 100px;
      margin-left:auto;
		  margin-right:auto;
      color: #132124;
      background-color: white;
      text-align: left;
      line-height: 15pt;
           
  	}
 
   #odkazyanime a {  	
		  margin-right:5px;
		 
      
  	}	
  .vitae{
      	margin: 0px 0px 0px 0px;
      	border-bottom: 0px;
      	vertical-align: top;
       }

 /* tabulka v odkazech a pro miniatury.......................*/
 
  table {
  	margin-left: 5px;  	
    }     
    table td{
  	  padding-right: 10px;
  	  vertical-align: top;
  	  padding-left:8px;	  	  
      }
  
    .odkazy {
  	margin-left: 5px;  
    margin-bottom: 20px;	
    }     
    .odkazy td{
  	  padding-right: 10px;
  	  vertical-align: top;
  	  padding-left:8px;	
  	  padding-bottom: 3px;
      }
  
 
  .animace {
  	margin-left: 10px;
  	margin-top:20px;
    width: 480px; 

     	padding-right: 0px;
    }   
    
    .animace td{
  	  padding-right: 10px; 
      padding-left:0px;	
    	vertical-align: middle; 
      padding-bottom:25px;

      }

   
   .videospustit{	
    color: #FF401C;
		text-decoration: none;
		padding-left: 20px;
    padding-right: 20px;
   }   
    .videospustit:hover{	
    color: #FF401C;
		text-decoration: underline;	
   }  
 
  
  
  .aktuality {
  	margin-left: -8px;  	
    }    
    .aktuality td{
  	 padding-right: 10px;
  	  vertical-align: top;
  	  padding-left:8px;
  	  padding-bottom: 5px;	   
      }
    
    
 .deviant {
	   margin-bottom: 20px;
	  
    }    
 .deviant td{
	  padding-right: 40px;
	  vertical-align: top;
	  padding-bottom: 3px;
    }    
    
 
  .miniatury{ 
    text-align: center;
   } 
    .miniatury  td {
      width: 80px;
      vertical-align: top;
      color: #8F9597;
      padding-bottom: 15px;
    }
   
   .novinky{
   
   margin-top: 20px;
   
   }
   /* home_en    miniatury k nejnovejsim */
   .novinky a img{
  		border: 2px solid black;
		margin: 0px 6px 2px 0px;
 
   }
 	.novinky a:hover img {
		border: 2px solid #76D4DF;
		}
  
   
    
  /* sekce odkazy - zvyrazneni */
  .vystavy {	  
	  background-color: #F2F2F2;	  
    }
   	  .vystavy img {
 	  	margin-top: 15px;
 	  	margin-bottom: 10px;
 	  }

     .vystavy td {	  
  	 	  padding-top:5px;
  	  padding-bottom:5px;
      } 
  
  
    .podtrzeni{    	  
    	text-decoration: underline;
    }


	/*pismo, linky............................*/
 	a{
		color: #074CDB;
		text-decoration: none;
	}
	a:hover {
		color: #22AAE2;
		text-decoration: none;
	}
	
	.dulezity{
		color: #F5505F;
		text-decoration: none;
		font-weight: bold;
		}  
  .dulezity:hover {
		color: #FF4D02;
		text-decoration: none;
	}
	
	.datum{
	    padding-left: 180px;
      font-size: 7pt;
      color: #BABABC;
     
      
  }
	
 
/* odkaz zpet*/

  .zpatky{
	  margin-left: 70px;
  	margin-right: 0px;
    position: relative;
	  font-weight: normal;
	  color: #8293A3;
  }
	h3 {
		font-size: 8pt;
	}

	h4 {
		font-size: 8pt;
	  margin-bottom: 5px;
    margin: 1.33em 0;
    font-weight: bold;
  
  	}
  

  
  
  	
  .jazyky{
  font-size: 8pt;
  color:#5F96C7;
  
  }
  	
  strong{
    font-size: 8pt;   
    font-weight: bold;
   }

  #pravytext p{
    margin-bottom: 20px;
  }

/*obrazky....................................*/
	
  #pasnadpis	a img {
	   border: none;
	}
	
	#pravytext a img {
		border: 2px solid black;
		margin: 0px 2px 2px 0px;
		}

	#pravytext a:hover img {
		border: 2px solid Silver;
		}
		
	#pravytext img {
		border: 2px solid black;
			
		}
  #pravytexthome2 a img {
		border: 2px solid black;
}

 #pravytexthome2 a:hover img {
		border: 2px solid Silver;
}