body {
 background-color: #000000;
 color: #000000;
 margin: 0;
 padding: 0;
    } 
a { 
 color: #6699FF;
    } 
a:hover { 
	color: #003366;
    }

.hr { 
	color: #66CCCC;
	height: 1px; 
    }
    
#pozadi {
	background-color: #ffffff;
	width: 800px; 
	height: auto;
 	padding: 0px 0px 0px 0px;
	margin: 40px auto 0px auto;
    } 

#logo   { 
	position: relative;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
   }
   

#nav
{
  width: 100%;
  float: left;
  background-image: url("../images/button_back.png"); 
	border-left: none;
	border-right: none;
	border-color: #996600;	
    }

#nav ul   {
  padding: 0;
    }

#nav ul li    {
  display: inline;
    }

#nav ul   {


  color: #ffffff;
  font-family: Verdana, Arial, Courier, sans-serif;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: bold;
  margin: 0px 0px 0px 27px;
  padding: 0px 0px 0px 0px;  
}

#nav ul li a    {
  background-image: url("../images/button_up.png"); 
  width: 100px;	
  height: 15px;
  padding: 8px 0px 5px 0px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  float: left;

    }

#nav ul li a:hover    {
  background-image: url("../images/button_down.png");  
  color: #ffffff;
    }

#nav li#active a    {
  background-color: #45b4fa;
  color: #ffffff;
    } 
--------------------------------------------------------------------------------
#nav2
{
  width: 100%;
  float: left;
	border-left: none;
	border-right: none;
	  }

#nav2 ul   {
  padding: 0;
    }

#nav2 ul li    {
  display: inline;
    }

#nav2 ul   {

  color: #ffffff;
  font-family: Verdana, Arial, Courier, sans-serif;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0px;
  margin: -65px 0px 0px 630px;
  padding: 0px 0px 0px 0px;  
}

#nav2 ul li a    {
  background-image: url("../images/footer_button_up.png"); 
  background-repeat: no-repeat;
  width: 50px;	
  height: 50px;
  padding: 12px 0px 5px 0px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  float: left;

    }

#nav2 ul li a:hover    {
  background-image: url("../images/footer_button_down.png");  
  background-repeat: no-repeat;
  color: #ffffff;
    }

#nav2 li#active a    {
  background-color: #45b4fa;
  color: #ffffff;
    } 

--------------------------------------------------------------------------------
#nadpis1 {
 color: #FFFF66;
 font-size: medium;
 font-weight: bold;
 text-align: center;
  }
    
#nadpis2 {
	font: menu;
	text-decoration: none;
	color: #FFFF66;
	text-align: right;
	font-size: medium;
	word-spacing: 4px;
  }
    
h1 {
 color: #3366CC;
 font-size: small;
 font-weight: bold;
 text-align: left;
    }

h2 {
	color: #99CCCC;
 	font-size: x-small;
	text-decoration: none;
 	font-weight: bold;
	text-align: center;
    }

h3 {
	color: #99CCCC;
  font-size: xx-small;
	text-align: left;
    }

#line01 {
	margin: 0px 0px 30px -10px; 
    } 
    
#obsah   { 
	position: relative;
	line-height: normal;
  font-family: Verdana, Arial, Courier, sans-serif;
	font-size: small; 
	text-align: left;
	margin: 20px 20px 20px 40px; 
	padding: 10px 0px 0px 0px; 
}

.left   { 
	text-align: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}


.obtekani_rb {
  float: right;
	position: relative; 
	margin: 20px 20px 20px 20px; 
	padding: 0px 0px 0px 0px; 
}

.obtekani_lb {
  float: left;
	position: relative; 
	margin: 20px 20px 20px 20px; 
	padding: 0px 0px 0px 0px; 
}

.obtekani_r {
  float: right;
	position: relative; 
	margin: 2px 2px 2px 2px; 
	padding: 0px 0px 0px 0px; 
}

.obtekani_l {
  float: left;
	position: relative; 
	margin: 2px 2px 2px 2px; 
	padding: 0px 0px 0px 0px; 
}

.novinky   { 
	text-align: left;
	margin: 0px 0px 40px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 500px; 
}

.sloupecek { 
	position: absolute;
       	float: right;
	margin: 0px 0px 0px 530px; 
	padding: 0px 0px 0px 0px; 
}


.datum { 
       	color: #99CCCC;
        	font-size: xx-small;
	text-align: right;
}
.tucne { 
       	color: #99CCCC;
        	font-size: small;
	font-weight: bold;
	text-align: left;
}

.titulek { 
	background-image: url("../images/titulek.png");
	background-repeat: repeat;
	color: #99CCCC;
  font-size: x-small;
  font-weight: bold;
	text-align: center;
  border-color: #006666;	
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	margin: 20px 0px 0px 0px; 
	padding: 8px 0px 8px 0px; 
}
.titulek-vlevo { 
	background-image: url("../images/titulek.png");
	background-repeat: repeat;
	color: #66CCCC; 
  font-size: x-small;
	text-align: left;
	text-decoration: none;
  border-color: #66CCCC;	
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	margin: 0px 0px 0px 0px; 
	padding: 8px 0px 2px 8px; 
}
.titulek-vpravo { 
	color: #66CCCC; 
  font-size: xx-small;
	text-align: right;
	text-decoration: none;
	margin: -20px 0px 0px 0px; 
	padding: 8px 8px 2px 0px; 
}
.fotogalerie { 
	text-align: center;
  border-color: #006666;	
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 0px 0px; 
	padding: 16px 16px 16px 16px; 
}

.input { 
	margin: 0px 0px 0px 0px; 
	padding: 4px 0px 4px 0px; 
}

img.ramecek { 
  border-color: #006666;	
	border-width: 1px;
	border-style: solid;
	margin: 4px 4px 4px 4px; 
	padding: 2px 2px 2px 2px; 
    
}

img.fotacek { 
  float: right;	
}

.ramecek { 
  border-color: #006666;		
	border-width: 1px;
	border-style: solid;
	margin: 4px 4px 4px 4px; 
	padding: 2px 2px 2px 2px; 
}

.portfolio_window {
  float: left;
	position: relative; 
	background-image: url("../images/titulek.png");
	background-repeat: repeat;
  border-color: #6699FF;		
	border-width: 1px;
	border-style: dotted;
	width: 250px;
	height: 500px;
	margin: 10px 10px 10px 10px; 
	padding: 10px 10px 10px 10px; 
}

.ramecek_full_long {
	position: relative; 
	background-image: url("../images/titulek.png");
	background-repeat: repeat;
  border-color: #006666;		
	border-width: 1px;
	border-style: solid;
	margin: 20px 0px 10px 0px; 
	padding: 10px 8px 10px 8px; 
}


.footer {
  background-image: url("../images/footer.png"); 
	background-repeat: no-repeat;  

	font: menu;
  font-size: x-small;  
	text-align: center;
	margin: 0px 0px 0px 0px;
  padding: 25px 0px 10px 0px; 

    }
    
.footer a {
	color: #000000;
    }    
    
.footer a:hover {
	color: #ffffff;
    }