/* CSS Document */
BODY {background-color: #fff; font-family: 'Trebuchet MS', Sans; font-size: 10pt; color: #000; margin: 0px; padding: 0px; text-align : center}
h1, h2 {color: #333; font-family: 'Arial', Sans; font-size: 16pt; font-weight: normal; text-decoration: none; margin: 0; padding: 0; margin-bottom: 5px; text-transform : uppercase; }
textarea {font-family: 'Trebuchet MS', Sans; font-size: 10pt;}
a:link, a:visited {color: #fa880e; text-decoration: none; font-weight: normal}
a:active, a:hover {color: #5cc4ff; text-decoration: none; font-weight: normal}
p {font-size: 10pt;}
table {font-size: 10pt;}

/* definicia tela*/
#body {width: 760px; margin : 0 auto; text-align : left;}

#top {width: 760px; height: 133px; background: transparent url('/Templates/KeyStavby/img/bg_header.png') repeat-x left top;}

img { border : 0 }

#center {width: 760px; height: 370px;}
#center #menu {width: 243px; height: 370px; float: left; background: #333 url('/Templates/KeyStavby/img/bg_menu.jpg') left top;}
#center #menu ul {list-style: none; margin-left: -40px; margin-top: 60px;}
#center #menu li {width: 223px; color: #888; padding-top: 0px; font-size: 13pt;}
#center #menu li a {background: transparent url('/Templates/KeyStavby/img/menu_unactive.png') left center no-repeat; display: block; padding-top: 7px; padding-bottom: 3px;}
#center #menu li .span {padding-left: 40px; text-transform : uppercase;}
#center #menu li a, #center #menu li a:hover {color: #888; font-size: 13.1pt; text-decoration: none;}
#center #menu li a:hover {color: #fff; background: transparent url('/Templates/KeyStavby/img/menu_active.png') left center no-repeat;}
#center #menu li a:hover .span {padding-left: 60px;}
#center #menu li.active a {color: #fff; background: transparent url('/Templates/KeyStavby/img/menu_active.png') left center no-repeat;}
#center #menu li.active a .span {padding-left: 60px;}

#center #flash {width: 515px; height: 370px; background-color: #eee; float: right;}

#obsah {width: 760px; margin-top: 2px; background: transparent url('/Templates/KeyStavby/img/bg_obsah.png') repeat-y center top;}
#obsah .sluzby {width: 226px; padding: 10px;}
#obsah .content {width: 512px;}
#obsah .content #prolog {width: 495px; background-color: #efebf0; margin-top: -3px; margin-right: -3px; padding: 10px;}
#obsah .content #text {width: 490px; padding: 10px;}

#footer {width: 760px; height: 55px; background: transparent url('/Templates/KeyStavby/img/bg_footer.png') repeat-x left top;}
#footer p {width: 700px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 0; padding-top: 20px;}
#footer div {width: 700px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 0; padding-top: 15px;}

.logo2 {margin-left: 528px; margin-top: 13px;}

.logo {width: 187px; height: 187px; background: transparent url('/Templates/KeyStavby/img/logo.jpg') no-repeat center center; position: absolute; top: 0; z-index : 10; margin-left: 150px;}

.hidden {display: none;}

/*h1 a, h1 a:visited {color: #fff; display: block; position: relative; font-size: 8pt;}
h1 a span {display: block; width: 187px; height: 187px; position: absolute; top: -20px; left: 140px;	cursor: pointer; background: url('../img/logo.jpg') no-repeat left top;}
#des {font-size: 9px;	line-height: 9px;	clear: left; padding-left: 5px;	color: #666; width: 68px; visibility: hidden;}*/