/*--- definice telo+scroll ---*/
BODY {
  background-color: #000000;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*---stranka,pozadi,pozice---*/
 #left{
 float: left;
 width: 725px;
}
#hlavicka{
 width: 725px;
 height: 106px;
 background: url(hlavicka.gif);
}
#hlavicka h1{
 margin-left: 0px;
 margin-top: 0px;
 width: 255px;
 height: 98px;
 background: url(logo.gif);
}
#hlavicka h1 a{
display: block;
 width: 255px;
 height: 98px;
}
#hlavicka h1 a span{
display: none;
}
#left h2.hlavicka{
 margin-left: 0px;
 margin-top: 0px;
 width: 725px;
 height: 83px;
 background: url(h2.gif);
}
#left h2.hlavicka span{
display: none;
}
#left h3{
font: bold 18px verdana, Helvetica, sans-serif;
color:  #999999;
margin-left: 25px;
margin-top: 30px;
margin-right: 25px;
}
#left p{
margin-left: 25px;
margin-right: 25px;
margin-bottom: 20px;
font: normal 12px verdana, Helvetica, sans-serif;
color:  #999999;
}
#left p a{
font: normal 12px verdana, Helvetica, sans-serif;
color:  #999999;
}
#left p a:hover{
font: normal 12px verdana, Helvetica, sans-serif;
color:  #ffffff;
}
#left p.copy{
text-align: right;
clear: both;
padding-top: 15px;
margin-left: 25px;
margin-right: 0px;
font: normal 9px verdana, Helvetica, sans-serif;
color:  #666666;
}
 #right{
 float: right;
 width: 282px;
 margin-right: 10px;
 background: #0c0c0c;
 height: 660px;
}
#right #logo-bottom{
margin-top: 200px;
 width: 282px;
 height: 68px;
 background: url(logo-bottom.jpg);
}
#right #logo-bottom a{
float: left;
display: block;
 width: 141px;
 height: 68px;
}
#right #logo-bottom a span{
display: none;
}



.strankovani{
clear: both;
margin-top: 20px;
float: right;
}
.strankovani a.normal{
background: #202020;
text-align: center;
text-decoration: none;
width: 28px;
padding-top: 4px;
padding-bottom: 4px;
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color : #999999;
display: block;
float: left;
margin-right: 3px;
}
.strankovani a.normal:hover{
background: #363636;
text-decoration: none;
color : #ffffff;
}
.strankovani a.static{
background: #363636;
text-align: center;
text-decoration: none;
width: 28px;
padding-top: 4px;
padding-bottom: 4px;
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
display: block;
float: left;
margin-right: 3px;
}
#galerie{
width: 725px;
clear: both;
padding-top: 30px;
}
.foto{
float: left;
margin-left: 16px;
margin-bottom: 16px;
background: #363636;
width: 224px;
height: 167px;
text-align: center;
}
.fotka{
border-top: solid 8px #363636;
}

#menu{
 width: 282px;
 height: 106px;
 background: url(menu.gif) no-repeat left bottom;
}
#menu li.uvod, #menu li.sluzby, #menu li.kontakt{
float: left;
margin-top: 76px;
width: 94px;
height: 22px;
}
#menu li.uvod a:hover{
float: left;
 width: 94px;
 height: 22px;
 background: url(tl-uvod.gif);
}
#menu li.sluzby a:hover{
float: left;
 width: 94px;
 height: 22px;
 background: url(tl-sluzby.gif);
}
#menu li.kontakt a:hover{
float: left;
 width: 94px;
 height: 22px;
 background: url(tl-kontakt.gif);
}
#menu li.uvod a, #menu li.sluzby a, #menu li.kontakt a{
display: block;
width: 94px;
height: 22px;
}
#menu li.uvod a span, #menu li.sluzby a span, #menu li.kontakt a span{
display: none;
}
#submenu{
 width: 282px;
 height: 161px;
 background: url(submenu.gif) no-repeat;
 list-style: none;
}
#submenu li.deti{
margin-left: 26px;
float: left;
 width: 38px;
 height: 161px;
}
#submenu li.deti a{
position: absolute;
top: 106px;
display: block;
 width: 38px;
 height: 161px;
}
#submenu li.deti a:hover{
 background: url(sub-deti.gif);
}
#submenu li.sport, #submenu li.mesto, #submenu li.portrety, #submenu li.svatby, #submenu li.reportaze{
float: left;
margin-left: 5px;
 width: 38px;
 height: 161px;
}
#submenu li.sport a, #submenu li.mesto a, #submenu li.portrety a, #submenu li.svatby a, #submenu li.reportaze a{
top: 106px;
display: block;
 width: 38px;
 height: 161px;
}
#submenu li.sport a:hover{
 background: url(sub-sport.gif);
}
#submenu li.mesto a:hover{
 background: url(sub-mesto.gif);
}
#submenu li.portrety a:hover{
 background: url(sub-portrety.gif);
}
#submenu li.svatby a:hover{
 background: url(sub-svatby.gif);
}
#submenu li.reportaze a:hover{
 background: url(sub-reportaze.gif);
}
#submenu li.deti a span, #submenu li.sport a span, #submenu li.mesto a span, #submenu li.portrety a span, #submenu li.svatby a span, #submenu li.reportaze a span{
display: none;
}
#kontakt{
margin-top: 40px;
width: 282px;
 background: url(kontakt.gif) no-repeat top;
}
#kontakt .udaje{
padding-top: 60px;
margin-left: 100px;
}
#kontakt table{
font: normal 11px Verdana, Helvetica, sans-serif;
color:  #666666;
}
#kontakt table td{
text-align: right;
vertical-align: top;
}
#kontakt table td a{
font: normal 11px Verdana, Helvetica, sans-serif;
color:  #666666;
}