body {text-align: center; font-family: Verdana; font-size: 75%;}

h1 {position: absolute; left: -1000px;}

#general {width: 571px; text-align: left; margin: 0 auto; margin-top: 50px;}

#top {background: url("../img/logo.jpg") no-repeat;
	width: 565px; height: 59px;
	background-position: left;
	margin-bottom: 5px; text-align: right; border: 1px solid white;}

#topbar {margin-top: 50px; margin-bottom: 5px; font-size: 80%;}
#topbar li {display: inline; margin-left: 20px; font-weight: bold;}

#topbar li a:link {text-decoration: none; color: darkblue;}
#topbar li a:visited {text-decoration: none; color: darkblue;}
#topbar li a:hover {text-decoration: underline; color: darkblue;}

#main {background: url("../img/main.jpg") no-repeat;
	height: 187px;
	width: 100%;
	padding-left: 61px;}

#main2 {background: url("../img/sluzby1.jpg"); background-repeat: no-repeat;
	width: 572px; height: 378px; color: darkblue; font-size: 90%; font-weight: bold;
	border: 1px solid white; position: relative; }

#main2-INNER { position: absolute; left: 2px; top: 2px; width: 566px; height: 372px; overflow: scroll;
       scrollbar-3dlight-color: white;
       scrollbar-face-color: darkblue;
       scrollbar-darkshadow-color: white;
       scrollbar-shadow-color: darkblue;
       scrollbar-arrow-color: white;
       scrollbar-track-color: darkblue;
       scrollbar-highlight-color: darkblue;
}
#main2-INNER-MARGIN { margin: 14px; }


#main2 h2 {color: white; font-size: 200%; margin-top: 20px; }
#main2 h3 {color: red; font-size: 120%; margin: 0px;}

#main2 ul {margin-top: 5px;}

#maincont {float: left; width: 320px; margin-top: -14px; }
#maincont-WIDE {float: left; width: 380px; margin-top: -14px; }

#column {float: right; margin-right: 5px; margin-left: 10px; margin-top: 70px;}

#column img { margin-bottom: 14px; border: 2px solid darkblue; text-align: center; display: block; }


#main a:link, #main2 a:link {color: darkblue;}

#services, #projects, #about {width: 131px; height: 41px; text-align: center; 
	float: left; margin-top: 65px; padding-top: 2px;}


.button {line-height: 32px;}

.button a:link {text-decoration: none; font-size: 150%; color: darkblue;}
.button a:visited {text-decoration: none; font-size: 150%; color: darkblue;}
.button a:hover {text-decoration: none; font-size: 150%; color: darkblue; background-color: white; width: 127px; height: 37px;}

#services {background: url("../img/sluzby_pruhled.jpg") no-repeat;}

#projects {background: url("../img/projekty_pruhled.jpg") no-repeat; margin-left: 26px;}

#about {background: url("../img/ofirme_pruhled.jpg") no-repeat; margin-left: 26px;}

#services:hover, #projects:hover, #about:hover {background: url("../img/bile-po-prejeti.jpg") no-repeat; text-decoration: underline;}


#address, #phone, #mail {float: left; font-size: 80%; padding: 5px; color: darkblue; font-weight: bold; margin: 0px; margin-right: 20px;}

#mail a:link {color: darkblue; text-decoration: none;}
#mail a:hover {color: darkblue; text-decoration: underline;}

Xdiv {border: 1px solid black;}