* { margin:0px; padding:0px; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
a:link, a:visited { color:#333333; text-decoration:none; }
a:hover, a:active { color:#E51A1B; text-decoration:underline; }
img { border:0px; }

#page { margin:0px auto; margin-top: 10px; width: 780px; border: 1px solid #333; }
#header { width:780px; height: 100px; background-image: url("styl1/header.jpg");  }
#buttons { width: 780px; height: 30px; background-color:#f2f2f2; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#main { width: 760px; height: 300px; padding: 10px; background-color: #ccc; }

#header p.jmeno { width: 780px; line-height: 100px; }

#about, #news { width: 353px; height: 280px; padding: 10px; border: 1px solid #333; float: left; }
#about {margin-right: 10px; }
#news {background-color:#f2f2f2; }
.scrollbox { width: 353px; height: 280px; overflow: auto; text-align: left; }



#news ul.novinky { padding: 10px; }

#fotonew70, #fototop70 { width: 755px; height: 85px; padding-left: 25px; padding-top:15px; border-top: 1px solid #333; }
#fotonew70 { background-image: url("styl1/nejnovejsi.jpg"); }
#fototop70 { background-image: url("styl1/top10.jpg"); }
.fotoframe70 { width: 70px; height: 70px; float: left; margin-right:5px; }

#fotonew140, #fototop140 { width: 755px; height: 145px; padding-left: 25px; padding-top:5px; border-top: 1px solid #333; }
#fotonew140 { background-image: url("styl1/nejnovejsi140.jpg"); }
#fototop140 { background-image: url("styl1/top10140.jpg"); }
.fotoframe140 { width: 140px; height: 140px; float: left; margin-right:5px; }

#buttonbox { width:735px; margin:0px auto; }
.button a:link, .button a:visited { background-color: #ccc; width:100px; line-height: 20px; margin-top:5px; margin-right:5px; display:block; float:left; text-decoration:none; color:#000; }
.button a:hover, .button a:active { background-color: #E51A1B; color: #f2f2f2; }

/* GALERIES */
#galeries, #onefoto, #kniha, #blogs { width: 780px; background-color:#ccc; padding-top: 20px; padding-bottom: 20px;   }
#galeries .galeriebox140 { display: inline; width:198px; height:350px; float:left; margin-left:45px; margin-top: 20px; margin-bottom: 5px; border: 1px solid #333; background-color:#f2f2f2; }
#galeries .galeriebox140 div.obr { margin: 0px auto;  margin-top:20px; width: 140px; height: 140px; }
#galeries .galeriebox140 p.g1, .galeriebox140 p.g2 {  width: 140px; margin: 0px auto; margin-top: 20px; }
#galeries .galeriebox140 p.g1 { font-weight:bold; }


#galeries .galeriebox70 { display: inline; width:198px; height:250px; float:left; margin-left:45px; margin-top: 20px; margin-bottom: 5px; border: 1px solid #333; background-color:#f2f2f2; }
#galeries .galeriebox70 div.obr {  margin: 0px auto; margin-top:20px; width: 70px; height: 70px; }
#galeries .galeriebox70 p.g1, .galeriebox70 p.g2 {  width: 140px; margin: 0px auto; margin-top: 20px; }
#galeries .galeriebox70 p.g1 { font-weight:bold; }


#bezalba, #fotografie140 { width: 725px; padding: 25px 27px 25px 28px; background-color:#ccc; }
#bezalba div.foto140, #fotografie140 div.foto140 { width: 140px; height: 140px; float: left; margin-right: 5px; margin-bottom: 5px;}
#bezalba70, #fotografie70 { width: 750px; padding: 25px 15px 25px 15px; background-color:#ccc; }
#bezalba70 div.foto70, #fotografie70 div.foto70 { width: 70px; height: 70px; float: left; margin-right: 5px; margin-bottom: 5px;}

#foto375, #slide375 { width: 375px; margin: 0px auto; padding-top: 20px;  text-align: center; }
#foto750 { width: 750px; margin: 0px auto; padding-top: 20px;  text-align: center; }
#fotoinfo { width: 375px; margin: 0px auto; margin-top: 20px; background-color:#f2f2f2; border: 1px solid #333; }
#controls { width: 375px; height: 30px; border-bottom: 1px solid #333;  }
#fotonadpis { line-height: 30px; width: 270px; padding-left: 10px; float: left; text-align: left; }
#fotopopis { width: 355px; padding: 10px; text-align: justify; border-bottom: 1px solid #333; }
#extrabuttons { width: 375px; height: 30px; border-bottom: 1px solid #333; }
#commentbutton a:link, #commentbutton a:visited, #rated  { width: 187px; line-height: 30px; display: block; float:left; text-align:center;  }
#commentbutton a:hover, #commentbutton a:active { }
#ratingbutton p, #ratingbutton a:link, #ratingbutton a:visited  { width: 187px; line-height: 30px; display: block; float:left; text-align:center; }
#ratingbutton a:hover, #ratingbutton a:active { }

#paging { width: 715px; height: 30px; padding: 5px; background-color:#ccc;}

#rating { display: none; border: 1px solid #FF6600; width: 353px; padding: 10px; }
#rating p { padding-top: 10px; }
#comments { display: none; border: 1px solid #FF6600; width: 375px; }
#comments p { padding: 10px; }
#comments .komentar { text-align:left; border-bottom:1px solid #333; }
#comments input { margin: 5px; }
#starbox { width: 200px; margin:0px auto; }
.star { width:40px; margin:0px; padding:0px; float: left; }

#zoomin a:link, #zoomin a:visited { width: 30px; height: 30px; float: left; display: block; background-image: url("styl1/zoomin.gif"); }
#zoomin a:hover, #zoomin a:active { background-position:-30px 0;}

#zoomout a:link, #zoomout a:visited { width: 30px; height: 30px; float: left; display: block; background-image: url("styl1/zoomout.gif"); }
#zoomout a:hover, #zoomout a:active { background-position:-30px 0;}

#next a:link, #next a:visited { width: 30px; height: 30px; float: left; display: block; background-image: url("styl1/next.gif"); }
#next a:hover, #next a:active { background-position:-30px 0;}

#previous a:link, #previous a:visited { width: 30px; height: 30px; float: left; display: block; background-image: url("styl1/previous.gif"); }
#previous a:hover, #previous a:active { background-position:-30px 0;}

#guestbook { width: 600px; margin:0px auto; background-color:#f2f2f2; }
#guestbook input { margin: 5px; }
#guestbook p.vzkaz { text-align:left; border-bottom:1px solid #333; }
#guestbook p { padding: 10px; border-bottom:1px solid #333; }

#slide375 { height: 375px; }

#oneblog, #blogfotos { margin: 0px auto; border: 1px solid #333; background-color:#f2f2f2; }
#oneblog { width: 735px; padding: 10px; }
#blognadpis { font-size: 24px; font-weight: bold; text-align: left; }
#blogtext { letter-spacing: 0.1em; text-align: justify; line-height: 12px; }
#blogdatum { font-size: 9px; text-align: left; }
#blogfotos { width: 755px; height: 70px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; }
#blogfotos .blogfotobox { float:left; width: 70px; height: 70px; display:inline; margin-left: 5px; border: 1px solid #333; background-color: #ccc; }