*{
	margin: 0;
	padding: 0;
}

body, html{
  font-family: "Verdana", "Arial", 'sans serif';
  font-size: 12px;
	color: #000000;
	text-align: justify;
	background-color: #d2d2d2;
	background-repeat: repeat;
	font-weight: normal;	
}

body{
	width: 1024px;
	margin: 0 auto;
	/* Nadpisy
------------------------------------------------------------------------- */
}

h1{
	font-size: 20pt;
	font-family: "Verdana", "Arial", sans-serif;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;	
}

h2{
	font-size: 10pt;
	font-family: "Verdana", "Arial", sans-serif;
	color: #000000;
	text-align: center;	
   padding-top: 5px;		
	
	
/* Top
------------------------------------------------------------------------- */
}

div#top1{
	background-image: url(images/top1.jpg);
	width: 1024px;
	height: 3px;
	background-repeat: no-repeat;
}	


div#top2{
	float: left;
}

div#top3{
	background-image: url(images/top_logo1.jpg);
	width: 338px;
	height: 245px;
	float: right;
	background-repeat: no-repeat;
	
	
	/* BG
------------------------------------------------------------------------- */
}


div#hack{
   float: left;
	text-align: left;
	display: block;
	background-image: url(images/text1.jpg);
	width: 1024px;
	background-repeat: repeat-y;
	
	}
	
div#hlavny{
   background-image: url(images/text1.jpg);
	text-align: left;
	margin: 0 auto;
	width: 1024px;
	
	
	/* Menu
------------------------------------------------------------------------- */
}

div#menu_h{
	background-image: url(images/menu2.bmp);
	width: 1024px;
	height: 20px;
	float: right;
	background-repeat: no-repeat;
}

div.padmenu_h{
	padding-top:2px;
	_padding-top:0px; /* pre IE 6 */
	padding-left: 10px;
}

div#menu_s{
	background-image: url(images/menu3.bmp);
	width: 1024px;
	height: 17px;
	float: right;
	background-repeat: no-repeat;
}

div.padmenu_s{
	padding-top:2px;
  _padding-top:0px;  /* pre IE 6 */
	padding-left: 10px;
}


ul#menu_h{
  list-style-type: none;
  width: 1024px;

}

ul#menu_h li{
    list-style-type: none;
    font-family: "Verdana", "Arial", 'sans serif';
    font-size: 12px;
	  color: #ffffff;
/*	  width: 100px; */
	  height: 20px;
    float: left;
    text-align: center;
    text-decoration: none; 
	  text-transform: uppercase; 
}

ul#menu_h li a{
	  color: #ffffff;
    font-weight:normal;
	  text-decoration: none;	
}

  ul#menu_h li a:hover{
	  color: #ffffff;
    font-weight: normal;
	  text-decoration: underline;
}	  
	  
ul#menu_s{
  list-style-type: none;
  width: 1024px;

}

ul#menu_s li{
    list-style-type: none;
    font-family: "Verdana", "Arial", 'sans serif';
    font-size: 12px;
	  color: #ffffff;
/*    	 width: 100px;*/
	  height: 20px;
    float: left;
    text-align: center;
    text-decoration: none; 
	  text-transform: uppercase;
	 
   
}

ul#menu_s li a{
	  color: #ffffff;
    font-weight:normal;
	  text-decoration: none;	
}

  ul#menu_s li a:hover{
	  color: #ffffff;
    font-weight: normal;
	  text-decoration: underline;
	  
	  
	  	/* Obsah
------------------------------------------------------------------------- */
}

div#text{
	font-family: "Verdana", "Arial", 'sans serif';
   font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 1024px;
	text-align: justify;
	float: left; 
   margin: 0 auto;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.padtext{
	padding-left: 10px;
	
	
	
}

div#left{
	background-image: url(images/photos_bg1.jpg);
	font-family: "Verdana", "Arial", 'sans serif';
   font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	width: 241px;
	text-align: center;
	float: left;
	background-repeat: repeat-y;
}

div#stred{
	font-family: "Verdana", "Arial", 'sans serif';
   font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 625px;
	text-align: justify;
	float: left; 
  padding-left: 10px;
}

div.padtext1{ 
	padding-left: 260px;
	padding-right: 10px;
	
	
}

div#right{
	background-image: url(images/banner_bg1.jpg);
	font-family: "Verdana", "Arial", 'sans serif';
   font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	width: 120px;
	text-align: center;
	float: right;
	background-repeat: repeat-y;
}

div.padtext2{ 
	padding-left: 895px;
	padding-right: 10px;
		    
		  	/* Project one
------------------------------------------------------------------------- */
}


div#bottom1{
	background-image: url(images/project_one1.jpg);
	font-family: "Verdana", "Arial", 'sans serif';
   font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	float: left;
	width: 1024px;
	height: 100px;
	background-repeat: no-repeat;
}

div.padbottom1{
	padding-top: 0px;  
	padding-left: 3px;
	padding-right: 10px;
	
	
	  	/* Loga
------------------------------------------------------------------------- */
}

div#bottom2{
	background-image: url(images/bottom1.jpg);
	width: 1024px;
	height: 47px;
	float: left;
	background-repeat: no-repeat;
}

div.padbottom2{
	padding-top: 0px;  
	padding-left: 0px;
	padding-right: 10px;
}

.clear {
  clear:both;
}

div#bottom3{
	background-image: url(images/bottom1.jpg);
	width: 1024px;
	height: 50px;
	float: left;
	background-repeat: no-repeat;
}

div.padbottom3{
	padding-top: 0px;  
	padding-left: 0px;
	padding-right: 10px;

}