body {
  background-color:#404040;
  background-image:url("pozadi.png");
  background-repeat:repeat-x;
  background-attachment:scroll;
  background-position:center 490px; 
  color:white;
  padding:0px;
  margin:0px;
  font-family:Arial, sans-serif;
  font-size:12px;
  line-height:150%;
}

#pozadicko{
  background-image:url("pozadicko.jpg");
  background-position:-10px -10px;
  background-repeat:no-repeat;
  padding:0px;
  margin:0px}

/*------------------------------------MENU---------------------------------------*/

#menu{
	width:780px;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 0px 0px;
	background-color:#1C1C1C;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-top:1px solid black;
  background-image:url("nadpis-foto.png");
  background-position:top center; 
  background-repeat:no-repeat;}
	
#menu-odkazy{
  width:650px;
  height:50px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  position:relative;
  top:300px;}
  
#menu-odkazy img{border:none;}  

#menu-odkazy a:link img{}
#menu-odkazy a:visited img{}
#menu-odkazy a:hover img{filter: alpha(opacity=50);opacity: 0.5;}
	
/*-----------------------------------OBSAH--------------------------------------*/



#obsah{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 30px 0px 30px;
	background-color:#1C1C1C;
	text-align:center;
	border-left:1px solid gray;
	border-right:1px solid gray;
  border-bottom:1px solid #1C1C1C;}

a:link{text-decoration:none;color:gray;font-weight:bold;}
a:visited{text-decoration:none;color:gray;font-weight:bold;}
a:hover{text-decoration:none;color:white;}


h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
p{font-size:12px;}
table td{font-size:12px;}
table th{font-size:12x;}

.border{border:1px solid gray;}
.margin{margin-left:auto;margin-right:auto;}
.float{float:left;	margin: 8px 8px 8px 0px;	border:1px solid gray;}

.floatik{float:right; margin: 8px 0px 8px 8px; border:1px solid gray;}

/*-----------------------------------patička--------------------------------------*/

#paticka{
	width:780px;
	height:40px;
	padding-top:30px;
	background-color:#1C1C1C;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:small;
	border-left:1px solid gray;
	border-right:1px solid gray;}



/*---PŘEHLED---*/
/*-------------------------------------Úvod-----------------------------------------*/
/*------------------------------------Fotky-----------------------------------------*/
/*------------------------------------Zápisník--------------------------------------*/
/*------------------------------------Knihy-----------------------------------------*/
/*------------------------------------MAFIA-----------------------------------------*/
/*------------------------------------Články----------------------------------------*/
/*------------------------------------Tvorba----------------------------------------*/




/*------------------------------------Úvod---------------------------------------*/

.clanek-index{  
  width:450px;
  border:1px solid gray;
  background-color:#404040;
  background-image:url("text/pozadi-clanek.jpg");
  background-position:center left;
  background-repeat:repeat-x;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:15px;
  padding:10px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:justify;
  }
  
   #index img{border:1px solid gray;margin-right:10px;margin-bottom:5px;}

  #uvodnislovo{
  width:580px; 
  margin-left:auto;
  margin-right:auto;
  text-align:center;}

/*----------------------------------Fotky-----------------------------------------*/


#foto{
	margin-left:auto;
	margin-right:auto;}

#foto th img{margin:10px;border:1px solid gray;}
#foto td img{margin:10px;border:3px double gray;}  

#foto th a:link img{border:1px solid gray;}
#foto th a:visited img{border:1px solid gray;}
#foto th a:hover img{border:1px solid white;}

#foto td a:link img{border:3px double gray;}
#foto td a:visited img{border:3px double gray;}
#foto td a:hover img{border:3px double white;}




  .flexcroll{
  width:660px;
	height:400px;
	overflow-x:scroll;
	border:none;
	background-color:#1C1C1C;
	margin-left:auto;
	margin-right:auto;
  border:none;}
	
	.flexcroll img{
  border:none;
  height:350px;
  }

  #horizontalwrap {
/* Following is the way to stack things dynamically */
display: inline; white-space: nowrap;
}

/*-------------------------------------Texty---------------------------------------*/


.zapis{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	background-image:url("text/filip.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-top:25px;
	padding-top:2px;
	padding-bottom:80px;
	text-align:justify;}

.clanek{
  width:700px;
  border:1px solid gray;
  background-color:#404040;
  background-image:url("text/pozadi-clanek.jpg");
  background-position:center left;
  background-repeat:repeat-x;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:15px;
  padding:10px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:justify;
  }
  
  .clanek h3{color:gray;}
  
  .perex-foto{
    float:left;
    margin-bottom:5px;
    margin-right:10px;
    margin-top:5px;
    margin-left:0px;
    border:1px solid gray;
    }
	

/*--------------------------------MAFIA--------------------------------------*/


.postavy{
	width:600px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;}

#strikacky{text-align:left;}

.pistole{
	width:400px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;}

.ramecek-mafia{
	border:4px inset silver;
	margin:8px;}
#vsuvkafotek{
	width:340px;
	height:136px;
	text-align:justify;}

/*--------------------------------ĆLÁNKY--------------------------------------*/

#vlaky{
	border-left:1px solid white;
	border-right:1px solid white;
	width:655px; 
	height:60px;
	margin-left:auto;
	margin-right:auto;
	}

.clanky-text{
	width:660px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;}

.cl-h{margin-top:40px;}


/*----------------------------------TVORBA---------------------------------------*/



.ranky{
	width:140px; 
	height:30px; 
	font-size:10px;
	text-align:center;}

.hist-webu{text-align:justify;width:630px;margin-left:auto;margin-right:auto;}

.hist-float{float:left;
	margin: 8px 8px 8px 40px;
	border:1px solid white;}


/*----------------------------------LIGHTBOX---------------------------------------*/

#rozvrh {width:600px;}
#rozvrh th{width:100px;}