body  {	color: silver; background: black; font-family: Tahoma, Georgia, "Times New Roman", Arial, Tahoma; font-size: 80%; margin: 0px; }

h1 { font-weight: bold; font-size: 125%; color: #0099CC; margin: 0; margin-bottom: 5px; }
h2 { font-weight: bold; font-size: 110%; color: #0099CC; }
h3 { font-weight: bold; font-size: 110%; color: #0099CC; margin: 0; padding-top: 3px;}

.datum { font-size: 70%; color: gray; }

a:link { text-decoration: underline; color: #0099CC; }
a:visited { text-decoration: underline; color: #0099CC; }
a:hover { text-decoration: none; color: white; }



/* hlavni div */
#main { position: relative; margin-left: auto; margin-right: auto; width: 980px; border: 1px solid #666666; margin-top: 5px;}
#main a[href^='http:']:hover, #main a[href^='https:']:hover{ url(../img/out/2.gif) 100% 2px no-repeat; }
#main a[href^='http:'], #main a[href^='https:']{ padding-right: 9px; background: url(../img/out/1.gif) 100% 2px no-repeat; }
#main a[href^='http:']:hover, #main a[href^='https:']:hover{ url(../img/out/2.gif) 100% 2px no-repeat; }

/* hlavicka */
#head { width: 980px; height: 185px; padding: 0; margin: 0 auto; background: black url(../img/layout/head.jpg) 0% 0% no-repeat; }
#head #ram { padding: 45px 0px 0px 51px}
#head #logo { margin:0; padding:0; position:relative; width:149px; height:149px; overflow: hidden;}
#head #logo span { display:block; margin:0; padding:0; position:absolute; left:0px; top:0px; z-index:1; width:149px; height:149px; background:url("../img/logo/horizont-prubezna.gif") 0 0 no-repeat}


/* body */
#body { background: #000000 url(../img/layout/body.gif) 0% 0% repeat-y; margin-left: auto; margin-right: auto; width: 980px; }
#kontejner { margin-left: auto; margin-right: auto; margin:0; padding: 0px 0px 0px 5px; }
#l-side { float: left; width: 158px; background: #333333; }
#content { float: left; padding: 10px 5px 10px 5px; width: 805px; text-align: justify; }
#ahoj { margin: 0; background: green;}


/* left menu */

/* background: url(../img/sipka-a.gif) 0% 50% no-repeat; */

#nav { padding-left: 10px; }

#nav ul{ list-style-image: url(../img/sipka-a.gif); padding: 0 0 0 10px; margin: 0; }
div#nav a:link { text-decoration: none; background: none; color: #999999;  }
div#nav a:visited { text-decoration: none; background: none; color: #999999; }
div#nav a:hover { text-decoration: none: background: none; color: #0099CC;}
div#nav a:link.active { color: white; }
div#nav a:visited.active { color: white; }
div#nav a:hover.active { color: white; }


/* menu horizont */

#menu {	position: absolute; left: 165px; top: 152px; font-size: 12px; }
#mline { width: 815px; }
#mline ul { padding:0; margin:0;}
#mline ul { display: block; float: left; background: #666666 url(../img/mline/bg-mline.gif) 0 0 repeat-x; border-top:1px solid #333333; xborder-bottom: 1px solid gray; }
#mline li { position: relative; top:0; left:0px; padding:0; display:inline; list-style-type: none; margin: 0; xmargin-right: 1px; }
#mline a { display: block; text-align: center; width: 161px; float: left; color: white; text-decoration:none; line-height:28px; padding:10px auto; xborder-left:1px solid silver; border-right: 2px solid #666666; margin: auto; }
#mline .on { display: block; float: left; width: 161px; line-height:25px text-align: center; background: #666666; color: white; }
#mline a:hover { display: block; float: left; width: 161px; color: white; background: #000098 url(../img/mline/bg-mline-on.gif) 0 0 repeat-x; }
#mline a.end { border-right: 0px solid #666666; }

/* copy */
#copy a[href^='http:']:hover, #copy a[href^='https:']:hover{
	background: url(../img/out/2.gif) 100% 2px no-repeat;
}
#copy a[href^='http:'], #copy a[href^='https:']{
	padding-right: 9px;
	background: url(../img/out/1.gif) 100% 2px no-repeat;
}
#copy a[href^='http:']:hover, #copy a[href^='https:']:hover{
	background: white url(../img/out/2.gif) 100% 2px no-repeat;
}

div#copy a:link { text-decoration: underline; color: gray; }
div#copy a:visited { text-decoration: underline; color: gray; }
div#copy a:hover { text-decoration: none; background: white; color: black;}

.item { float:left; width: 150px; height: 170px; margin-right:5px; text-align:center; xbackground: silver; }
img.projekt { border: 0; border: 1px solid #333333; margin: 0; }
.popis { clear: left; padding: 2px 0 0 0;}


.la { width: 120px }

#copy { font-size: 10px; color: gray; padding: 2px 0 0 160px; text-align: center; }


/* paticka */
#heel {	width: 980px; height: 20px; position: relative;	top: 0px; padding: 0; margin: 0 auto; background: url(../img/layout/heel3.gif) 0% 0% no-repeat; }

.msekce { padding: 10px 0 0 8px; color: #0099CC; font-weight: bold; }
.clvh {clear: left; visibility: hidden; }


#galerie table { font-size:100%; margin: 0.5em 0 1em 0; border: none; border-collapse: collapse; }
#galerie th, #galerie td { text-align: center; width: 160px; height: 160px; margin: 2px; xpadding: 4px 10px; border: 2px solid #333333;}
#galerie th { text-align: center; background: url(../img/bg/table-th.jpg) }

div#content ul { padding-bottom: 15px;  }
div#content ul li { padding: 0px 0px 8px 0px; margin: 0; list-style-image: url(../img/li/5x10.gif); }

img.detail { height: 150px; border: 0px; }
hr.delici {clear: left; border-top-style: none; padding-top: 0px; border-bottom: #666666 1px solid; border-right-style: none;	border-left-style: none; height: 0px }

hr.vh {clear: left; visibility: hidden; padding: 0; margin: 0; }

#top #ram { padding: 28px 0px 0px 8px}
#top #logo { margin:0; padding:0; position:relative; width:148px; height:150px; overflow: hidden;}
#top #logo span { xborder: 1px solid green; display:block; margin:0; padding:0; position:absolute; left:0px; top:0px; z-index:1; width:148px; height:150px; background:url("../img/logo/michal-rybacek-logo.jpg") 0 0 no-repeat}