/* reset */
    html, body, div, p, table, tr, td, hr, img {margin: 0px; padding:0px; border:0px; }
    
    /* basic layout */
    html, body, #main { width: 748px; }
    html, body {  text-align: center; margin: 20px auto; background-color: white;}
    
    /* styling layout objects*/
    #top, #bottom { color: white; font-size: 11px;}
    #top div, #bottom  { background-color: rgb(0, 64, 111);}
    #top div.juhanakTitle { height: 30px; }
    #top div.juhanakTitle span {margin-left: 600px; margin-top: 50px;}
    #top div.juhanakTitle span a { color: white;}
    #top div.cornerLe ft { height: 23px; background: no-repeat top right; }
    #top div.cornerRi 	ght { height: 23px; width: 50%; float:left; no-repeat top left;}
    
    #bottom div { height: 23px; }
    #bottom span { padding-left: 30px; padding-right: 30px;}
    #bottom div.cornerLeft {text-align: right; no-repeat top right; }
    #bottom div.cornerRight {width: 50%; float:left;  no-repeat top left;}
    #bottom img { margin-left:2px;}
    
    #body { background: rgb(245,245,245)  repeat-y top right;}
    #bodyLeft { width:748px; background:  repeat-y top left; }
    #bodyLeftPad { padding: 10px 0px 0px 30px; }
    
    
   
    #foto  { margin-top: 1px; background-image: url(800px-Oracle_Towers.jpg); width: 748px; height: 149px;}
    #portret { width:70px; height:75; float:left; margin-right: 20px; border-color: #525050; border-width: 1px; border-style:solid;}
    
    #menu { height: 25px; background-color: rgb(0, 64, 111); repeat-x top left; color:white;}
    #menu div { padding-top: 4px; }
    #menu ul { margin: 0px; padding: 0px; margin: 0px; display: inline; list-style-type: none; white-space: nowrap;}
    #menu li {  padding-left: 30px;  margin: 0px; display: inline; list-style-typenone; /*background: transparent url(./pic/menu-separator.png) no-repeat top left; */}
    
    #menu li a { color:#E8E8E8;  font-weight: bold; text-decoration: none;}
    #menu li a:hover { color: #FFFFFF;}
   
    #navigator, #navigator a { font-size: 10px; color: gray; }
    #avail  { font-size: 10px; color: red; }
    
    ul.mapastranek { padding:0px; margin:0px;} 
    ul.mapastranek li { list-style-type:none; padding-top: 3px;}
    ul.mapastranek ul  { padding-top:3px; padding-bottom:3px;}
    ul.mapastranek ul li { list-style-type: square; margin-left:-10px; }
    
     
    #banerPrvni, #banerDruhy, #banerTreti  { width: 209px; height:300px; text-align: center; color: white; float: left; margin-left: 15px; margin-right: 15px;}
    #banerPrvni { margin-left:0px; background: #737373 url(baner-black.png) no-repeat top left;}
    #banerDruhy {  background: #CC5643 url(baner-blackred.png) no-repeat top left; }
    #banerTreti {  background: #ED5840 url(baner-red.png) no-repeat top left; }
    #banery p { padding: 10px 10px 10px 10px;}
    #banery img { float: left; }
    #banery a { color: white; text-decoration:none; }
    
    #pcontent  {  padding-right: 26px; }
    #pcontent p {  padding-bottom: 10px; }
     ul.mapastranek ul
    img.person { width:50px; height:50px; background-color:gray; margin:4px;}
     
    div.clear { clear:both; height: 0px;}
    div.more { text-align:right; text-decoration:underline;}
    div.boxik { width:auto; float:left; padding-right: 30px;}
        
    /* elementary styling */
    body { color: rgb(71,71,71); font-family: Arial; font-size: 12px;}
    p, div { text-align: left; }
    div.more { text-align: right; padding-right:20px; }
    h1, h2, h3, h4, h5 { color: rgb(0, 64, 111); }
    h1 { font-size: 16px;}
    h2 { font-size: 12px;}
    
    li { list-style-type: square; text-align:left;}
    a { color: rgb(0, 64, 111);}
    
    label { width: 100px; }
    
    
    .topPad { padding-top: 4px; }
    .center { text-align: center; }
    .baner { font-size:15px; font-weight: bold; margin-left:70px; }
    img.left { float:left; padding: 5px 30px 30px 0px;}