@CHARSET "UTF-8";

* {
    margin: 0;
    padding: 0;
}
body {
    background: #F8E63A;
    font-family: "Arial", lucida, sans-serif;
    font-size: 100%;
    color: #000000;
    text-align: center;
}
a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
div#main {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 40px;
    position: relative;
    text-align: left;
}
div#header {
    height: 181px;
    padding: 0 10px;
}
div#header h1 {
    margin: 40px 0 0 40px;
    width: 105px;
    height: 105px;
    display: block;
    overflow: hidden;
    font-size: 150%;
    float: left;
}
div#header h1 a {
    position: relative;
    display: block;
}
div#header h1 a span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 105px;
    height: 105px;
    background: url('../images/logo_iks_stavebni.jpg') center top no-repeat;
    cursor: pointer;
}
div#header ul {
    float: right;
    margin: 60px 0 0 0;
    list-style-type: none;
    font-size: 120%;
}
div#header ul li {
    float: left;
    margin: 0 5px;
    padding: 14px 0;
    position: relative;
}
div#header ul li a {
    padding: 15px;
    padding-right: 19px;
    text-decoration: none;
}
div#header ul li.active {
	border-top: 1px solid #F2E037;
	border-left: 1px solid #F2E037;
    background: url('../images/border_right.jpg') right top repeat-y #FFFFFF;
}
div#header ul li.active a {
    background: url('../images/border_bottom.jpg') center bottom repeat-x;
}
div#header ul li.active span {
    display: block;
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 4px;
    height: 4px;
    background: url('../images/border_corner.jpg') right bottom no-repeat;
}
div#header ul li a:hover {
    text-decoration: underline;
}
div.hr {
    width: 960px;
    height: 40px;
    background: url('../images/hr.jpg') left top no-repeat;
}
div#content {
	padding-bottom: 40px;
}
div#homepage {
    width: 960px;
    height: 602px;
    background: url('../images/homepage.jpg') left top no-repeat;
    position: relative;
}
div#homepage p {
    width: 459px;
    position: absolute;
    left: 97px;
    top: 58px;
    font-size: 110%;
}
div#homepage span {
    position: absolute;
    font-size: 80%;
    display: block;
}
div#homepage span#sluzba-1 {
    left: 123px;
    top: 216px;
}
div#homepage span#sluzba-2 {
    left: 231px;
    top: 289px;
}
div#homepage span#sluzba-3 {
    left: 167px;
    top: 357px;
    width: 164px;
}
div#homepage span#sluzba-4 {
    left: 73px;
    top: 475px;
}
div#homepage span#sluzba-5 {
    left: 403px;
    top: 289px;
}
div#homepage span#sluzba-6 {
    left: 348px;
    top: 562px;
}
div#homepage span#sluzba-7 {
    left: 499px;
    top: 463px;
    width: 255px;
}
div#homepage span#sluzba-8 {
    left: 731px;
    top: 150px;
}
div#homepage span#sluzba-9 {
    left: 625px;
    top: 273px;
    width: 110px;
}
div#homepage span#sluzba-10 {
    left: 654px;
    top: 358px;
}
div#content {
    margin: 0 9px;
    padding: 10px 40px;
    border-top: 1px solid #F2E037;
	border-left: 1px solid #F2E037;
    background: url('../images/border_right.jpg') right top repeat-y #FFFFFF;
    position: relative;
    line-height: 150%;
}
div#content span#tack {
	display: block;
    position: absolute;
    left: 460px;
    top: -5px;
    width: 31px;
    height: 23px;
    background: url('../images/tack.jpg') right bottom no-repeat;
}
div#content a {
	color: #2D72CF;
	text-decoration: underline;
}
div#content a:hover {
	text-decoration: none;
}
div#content h1 {
    margin: 30px 0;
    font-size: 160%;
    color: #000000;
}
div#content a img {
    border: 0;
}
div#content img {
    margin: 10px;
}
div#content h2 {
    margin: 30px 0;
    font-size: 130%;
    color: #000000;
    font-family: "Arial", "Geneva", lucida, sans-serif;
}
div#content h3 {
    margin: 30px 0;
    font-size: 120%;
    font-weight: normal;
    color: #000000;
    font-family: "Arial", "Geneva", lucida, sans-serif;
}
div#content blockquote {
    margin: 20px 0;
    padding: 10px;
    background: #EFEFEF;
    border: 1px solid #CCCCCC;
}
div#content p {
    margin: 30px 0;
    text-align: justify;
    font-family: "Arial", "Geneva", lucida, sans-serif;
    font-size: 100%;
}
div#content .left {
    text-align: left;
    float: left; 
}
div#content .right {
    text-align: right;
    float: right;
}
div#content p.left {
    text-align: left;
    float: none; 
}
div#content p.center {
    text-align: center;
}
div#content p.right {
    text-align: right;
    float: none;
}
div#content blockquote p {
    padding: 10px;
    margin: 0;
}
div#content ol {
    margin: 30px 20px;
    font-family: "Arial", "Geneva", lucida, sans-serif;
}
div#content ul {
    margin: 30px 20px;
    list-style-type: square;
    font-family: "Arial", "Geneva", lucida, sans-serif;
}
div#content dl {
    margin: 30px 0;
    font-family: "Arial", "Geneva", lucida, sans-serif;
}
div#content dt {
    font-weight: bold;
    margin: 10px 0 5px 0;
}
div#content dd {
    margin: 0 15px 10px 15px;
}
div#content table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin: 30px 0;
    font-family: "Arial", "Geneva", lucida, sans-serif;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
div#content table caption {
    font-size: 100%;
    text-align: left;
    padding: 5px 0;
    font-weight: bold;
}
div#content table th {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #EFEFEF;
    vertical-align: top;
    padding: 5px 8px;
    text-align: left;
}
div#content table td {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #FFFFFF;
    vertical-align: top;
    padding: 5px 8px;
}
div#content hr {
    border: 0;
    border-top: 1px solid #2D72CF;
    width: 90%;
    margin: 30px auto;
    text-align: center;
}
div#sluzby {
	width: 941px;
	height: 616px;
	margin: 40px -40px 40px -41px;
	background: url('../images/sluzby.jpg') left top no-repeat;
	position: relative;
	font-size: 80%;
	line-height: 130%;
}
div#sluzby span {
	position: absolute;
}
div#sluzby span#sluzba-1 {
	left: 200px;
	top: 75px;
}
div#sluzby span#sluzba-2 {
	left: 200px;
	top: 183px;
}
div#sluzby span#sluzba-3 {
	left: 200px;
	top: 282px;
	width: 163px;
}
div#sluzby span#sluzba-4 {
	left: 200px;
	top: 400px;
}
div#sluzby span#sluzba-5 {
	left: 200px;
	top: 510px;
}
div#sluzby span#sluzba-6 {
	left: 621px;
	top: 66px;
	width: 258px;
}
div#sluzby span#sluzba-7 {
	left: 621px;
	top: 183px;
}
div#sluzby span#sluzba-8 {
	left: 621px;
	top: 292px;
	width: 163px;
}
div#sluzby span#sluzba-9 {
	left: 621px;
	top: 400px;
}
div#sluzby span#sluzba-10 {
	left: 621px;
	top: 510px;
}
div.content-line {
	height: 4px;
	margin: 0 10px;
	background: url('../images/border_bottom.jpg') left top repeat-x;
    position: relative;
}
div.content-line span {
    display: block;
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 4px;
    height: 4px;
    background: url('../images/border_corner.jpg') right bottom no-repeat;
}
div.photogallery {
	margin: 25px 0 0 39px;
	overflow: hidden;
}
div.photogallery div {
	float: left;
	padding: 0 3px 3px 0;
	margin: 0 16px 16px 0;
	border-top: 1px solid #F2E037;
	border-left: 1px solid #F2E037;
	background: url('../images/image.jpg') right bottom no-repeat;
}
div.photogallery div a img {
	border: 0;
	display: block;
}
div#content div.sitemap-tree ul {
    list-style-type: none;
}
div#content div.sitemap-tree ul li ul {
    border-left: 1px solid #2D72CF;
    padding-left: 20px;
}
div#footer {
    width: 960px;
    height: 133px;
    position: absolute;
    left: 0;
    bottom: -133px;
    font-size: 80%;
}
div#footer div#credits {
    float: left;
    width: 338px;
    text-align: left;
}
div#footer p {
    padding: 30px 20px;
}
div#bg-left-1 {
    width: 622px;
    height: 93px;
    background: url('../images/bg_1.jpg') right top repeat-x;
    float: left;
}
div#bg-left-1a {
    width: 50%;
    height: 93px;
    background: url('../images/bg_1a.jpg') right top repeat-x;
    float: left;
}
div#bg-left-2 {
    width: 622px;
    height: 93px;
    background: url('../images/bg_2.jpg') right top repeat-x;
    float: left;
}
div#bg-left-2a {
    width: 50%;
    height: 93px;
    background: url('../images/bg_2a.jpg') right top repeat-x;
    float: left;
}
.hidden {
    display: none;
}