* { margin:0px; padding:0px; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color:#f2f2f2; font-size: 11px; font-weight: normal; background-color:#000;
scrollbar-3dlight-color:#111;
scrollbar-arrow-color:#ccc;
           scrollbar-base-color:#000;
           scrollbar-track-color:#333;
           scrollbar-darkshadow-color:#333;
           scrollbar-face-color:#000;
           scrollbar-highlight-color:#333;
           scrollbar-shadow-color:#333;

 }
a:link, a:visited { color:#ff6600; text-decoration:none; }
a:hover, a:active { color:#ff6600; text-decoration:underline; }
img { border:0px; }

#page { margin:0px auto; margin-top: 10px; width: 780px; }
#header { width:780px; height: 100px; background-image: url("styl4/header.jpg"); }
#buttons { width: 780px; height: 30px; background-image:url(styl4/roundsame.gif); background-repeat:repeat-y; }
#main { width: 760px; height: 300px; padding: 10px; background-image: url("styl4/main.gif"); }

#footer p { width:136px; height:19px; margin: 0px auto; background-image:url("styl4/web4photo.gif"); }
#header p.jmeno { width: 780px; line-height: 100px; }

#about, #news { width: 353px; height: 280px; padding: 10px; background-image: url("styl4/news.gif"); float: left; }
#about {margin-right: 10px; }
.scrollbox { width: 353px; height: 280px; overflow: auto; text-align: left; }
#news ul.novinky { padding: 0px 10px 0px 10px; }
#about ul { list-style:inside; padding-top: 0px; }

#fotonew70, #fototop70 { width: 755px; height: 85px; padding-left: 25px; padding-top: 5px; margin-top: 5px; background-repeat: no-repeat; }
#fotonew70 { background-image: url("styl4/nejnovejsi70.gif");  }
#fototop70 { background-image: url("styl4/top70.gif"); margin-top:0px;  }
.fotoframe70 { width: 70px; height: 70px; float: left; margin-right:5px; }

#fotonew140, #fototop140 { width: 755px; height: 145px; padding-left: 25px; padding-top:5px; margin-top: 5px; }
#fotonew140 { background-image: url("styl4/nejnovejsi140.gif"); }
#fototop140 { background-image: url("styl4/top140.gif"); }
.fotoframe140 { width: 140px; height: 140px; float: left; margin-right:5px; }

#buttonbox { width:770px; margin:0px auto; }
.button a:link, .button a:visited { color:#f2f2f2; background-image: url("styl4/button.gif"); width:105px; line-height: 20px; margin-top:5px; margin-right:5px; display:block; float:left; text-decoration:none;  }
.button a:hover, .button a:active { background-position: -105px 0; color: #000; }

/* ROUND */
#roundtop, #roundbottom { width: 780px; height: 16px; }
#roundtop { background-image:url(styl4/roundtop.gif);  }
#roundbottom { background-image:url(styl4/roundbottom.gif); }


/* GALERIES */
#galeries, #onefoto, #kniha, #blogs { width: 780px; background-image:url(styl4/roundsame.gif); background-repeat:repeat-y;  }
#galeries .galeriebox140 { display: inline; width:200px; height:350px; float:left; margin-left:45px; margin-top: 20px; margin-bottom: 5px; background-image:url(styl4/galeriebox140.gif); }
#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:200px; height:250px; float:left; margin-left:45px; margin-top: 20px; margin-bottom: 5px; background-image:url(styl4/galeriebox70.gif); }
#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-image:url(styl4/roundsame.gif); background-repeat:repeat-y; }
#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-image:url(styl4/roundsame.gif); background-repeat:repeat-y; }
#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; }
#controls { width: 375px; height: 30px; background-image:url(styl4/fotoinfotop.gif);  }
#commenttop { width: 375px; height: 15px; background-image:url(styl4/commenttop.gif); }
#fotonadpis { line-height: 30px; width: 265px; text-indent: 10px; float: left; text-align: left; }
#fotopopis { width: 355px; padding: 10px; text-align: justify; background-image:url(styl4/fotoinfosame.gif); }
#extrabuttons { width: 375px; height: 30px; background-image:url(styl4/fotoinfobottom.gif); }
#commentbottom { width: 375px; height: 15px; background-image:url(styl4/commentbottom.gif); }
#commentbutton a:link, #commentbutton a:visited  { width: 180px; line-height: 20px; background-image:url(styl4/extrabutton.gif); margin-top: 5px; margin-left: 7px; display: inline; float:left; text-align:center;  }
#commentbutton a:hover, #commentbutton a:active { background-position: -180px 0; }
#ratingbutton p, #ratingbutton a:link, #ratingbutton a:visited  { width: 180px; line-height: 20px; background-image:url(styl4/extrabutton.gif); margin-top: 5px; margin-left: 2px; display: inline; float:left; text-align:center; }
#ratingbutton a:hover, #ratingbutton a:active { background-position: -180px 0; }
#rated { width: 180px; line-height: 20px; background-image:url(styl4/extrap.gif); background-repeat:no-repeat; margin-top: 5px; margin-left: 2px; display: inline; float:left; text-align:center; }
#rated img { margin-top:1px; }

#paging { width: 715px; height: 30px; padding: 5px; }

#rating { display: none; width: 355px; height: 100px; margin-top: 10px; background-image:url(styl4/starbox.gif); padding: 10px; }
#rating p { padding-top: 10px; }
#comments { display: none; width: 375px; margin-top: 10px; background-image:url(styl4/fotoinfosame.gif); background-repeat:repeat-y; }
#comments p { padding: 0px 10px 0px 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: 26px; height: 22px; float: left; margin-top: 4px; margin-right: 4px;  display: block; background-image: url("styl4/zoomin.gif"); }
#zoomin a:hover, #zoomin a:active { background-position:-26px 0;}

#zoomout a:link, #zoomout a:visited { width: 26px; height: 22px; float: left; margin-top: 4px; margin-right: 4px; display: block; background-image: url("styl4/zoomout.gif"); }
#zoomout a:hover, #zoomout a:active { background-position:-26px 0;}

#next a:link, #next a:visited { width: 31px; height: 22px; float: left; margin-top: 4px; margin-right: 4px; display: block; background-image: url("styl4/next.gif"); }
#next a:hover, #next a:active { background-position:-31px 0;}

#previous a:link, #previous a:visited { width: 31px; height: 22px; float: left; margin-top: 4px; margin-right: 4px; display: block; background-image: url("styl4/previous.gif"); }
#previous a:hover, #previous a:active { background-position:-31px 0;}

#guestbook { width: 600px; margin:0px auto;  }
#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; }
#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: 14px; }
#blogdatum { font-size: 9px; text-align: left; }
#blogfotos { width: 755px; height: 70px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; background-image:url(styl4/blogfotos.gif); background-repeat:no-repeat; }
#blogfotos .blogfotobox { float:left; width: 70px; height: 70px; display:inline; margin-left: 5px; border: 1px solid #333; background-color: #ccc; }