html, body {
height: 100%;
margin:0;
padding:0;
}
.no { display: none; }
body {
margin: 0;
padding: 0;
color: #000000;
background: #cdcab3 url('bg.jpg') 0% 50% repeat-x;
font-family: Verdana, sans-serif;
font-size: 12px;
}
body * {
margin: 0;
padding: 0;
}
#main {
display: block;
width: 950px;
height: 590px;
position: absolute;
top: 50%;
left: 50%;
margin: -295px -475px;
}
#header {
width: 950px;
height: 94px;
position: relative;
}
#header #navigation {
display: block;
width: 749px;
height: 27px;
position: absolute;
top: 25px;
left: 10px;
}
#header #navigation a {
display: block;
height: 27px;
float: left;
margin: 0;
padding: 0 7px;
font-weight: bold;
line-height: 27px;
text-decoration: none;
color: #ffffff;
}
#header #navigation a:hover {
color: #00307e;
background: #ffffff;
border-bottom: 2px solid #e96e00;
}
#header h1 a {
display: block;
width: 201px;
height: 87px;
position: absolute;
top: 0;
right: 0;
}
#popups {
display: block;
width: 950px;
height: 464px;
position: relative;
}
#floor {
color: #e96e00;
margin: 0;
padding: 0;
position: absolute;
right: 60px;
bottom: 60px;
font-size: 13px;
z-index: 120;
}
#floor a {
color: #00307e;
z-index: 140;
margin: 0 0 0 5px;
}
#floor a:hover { text-decoration: none; }
div.tooltip {
position: absolute;
top: -20px;
left: 44px;
display: block;
width: 300px;
height: 160px;
visibility: hidden;
background: #ffffff;
border: 2px solid #01307e;
z-index: 10;
}
div.tooltip h3 {
font-size: 13px;
margin: 8px;
height:25px;
line-height: 25px;
padding: 0 0 0 30px;
background: transparent url('small_logo.jpg') 0 50% no-repeat;
color: #e96e00;
}
div.tooltip dl {
margin: 10px;
}
div.tooltip dl dt {
color: #e96e00;
margin: 0 0 3px 0;
}
div.tooltip dl dd {
margin: 0 0 0 20px;
}
#T-naem {
text-align:center;
margin:0;
padding:0px 0px 0px 15px;
}
#T-naem img {
margin-top:15px;
margin-bottom:8px;
padding-bottom:8px;
}
#T-naem tr td span a {
color: #3366FF;
}
#T-naem tr td span a:hover {
color: #3366FF;
}
.naTamno {
border:0px;
width:160px;
height:56px;
}
#texts div.window {
display: block;
visibility: hidden;
width: 670px;
height: 473px;
position: absolute;
top: 67px;
left: 35px;
z-index: 170;
margin: 0;
padding: 0;
}
#texts div.window h2 {
display: block;
width: 600px;
height: 25px;
font-size: 14px;
margin: 6px 0 0 20px;
text-align: center;
color: #ffffff;
float: left;
}
#texts div.window a.close {
display: block;
width: 20px;
height: 20px;
float: right;
margin: 4px 5px 0 0;
padding: 0;
}
#texts div.window div.info {
display: block;
width: 656px;
height: 430px;
margin: 0 auto;
padding: 0;
overflow: auto;
clear: both;
position: relative;
}
#texts div.window div.info p {
text-indent: 2em;
width: 616px;
margin: 5px auto;
text-align: justify;
}
#texts div.window div.info p img {
display: block;
margin: 10px auto;
padding: 5px;
background: #ffffff;
border: 5px solid #e96e00;
}
#texts div.window div.info h3 {
padding: 0 0 0 30px;
margin: 8px 0 0 8px;
background: transparent url('small_logo.jpg') 0 50% no-repeat;
line-height: 25px;
color:#e96e00;
}
#texts div.window div.info h4 {
font-size: 13px;
font-weight: normal;
text-align: center;
margin: 8px;
color:#e96e00;
}
#texts div.window div.info div.container {
display: block;
margin: 0 auto;
padding: 0;
overflow: auto;
clear: both;
position: relative;
vertical-align:bottom;
}
#texts div.window div.info div.container h5 {
width:160px;
font-size: 13px;
float:left;
font-weight: normal;
margin: 8px 40px 0px 25px;
color:#e96e00;
}
#texts div.window div.info div.container h5 span {
font-size: 13px;
float:left;
text-align:center;
width:160px;
font-weight: normal;
margin: 8px 0px 0px 0px;
color:#e96e00;
}
#texts div.window div.info div.container h6 {
text-align:right;
width:160px;
font-size: 13px;
float: left;
font-weight: normal;
margin: 8px 40px 0px 0px;
color:#e96e00;
}
#texts div.window div.info div.container h6 span {
font-size: 13px;
float: left;
text-align:center;
width:160px;
font-weight: normal;
margin: 8px 0px 0px 0px;
color:#e96e00;
}
#texts div.window div.info div.container h4 {
text-align: center;
width:160px;
font-size: 13px;
float: left;
font-weight: normal;
margin: 8px 40px 0px 0px;
}
#texts div.window div.info div.container h4 span {
font-size: 13px;
float: left;
text-align:center;
width:160px;
font-weight: normal;
margin: 8px 0px 0px 0px;
color:#e96e00;
}
#texts div.window div.info dl {
display: block;
width: 270px;
margin: 5px auto;
}
#texts div.window div.info dl dt {
color: #e96e00;
margin: 0 0 3px 10px;
}
#texts div.window div.info dl dd { margin: 0 0 0 20px; }
#texts div.window div.info ul {
display: block;
margin: 5px auto;
}
#texts div.window div.info li { margin: 0 0 0 40px; }
#texts div.window div.info a {
color: #007DEB;
}
#texts div.window div.info a:visited {
color: #000000;
}
#texts div.window div.info a:hover {
text-decoration: none;
}
#texts div.window div.info strong {
color: #e96e00;
}
#footer {
display: block;
width: 957px;
height: 39px;
color: #ffffff;
background: url('footer.png') 0 0 no-repeat;
}
#footer * {
color: #ffffff;
line-height: 30px;
}
#footer h4 { float: left; }
#footer h4 a {
display: block;
width: 60px;
height: 26px;
}
#footer p {
margin: 0 12px 0 0;
float: right;
}
#footer p a {
font-weight: bold;
text-decoration: none;
}
#footer p a:hover { text-decoration: underline;}
#map_image { z-index: 100; position: absolute; }
sup { font-size: 0.8em; }
.item_hilite {
display: block;
visibility: hidden;
position: absolute;
z-index: 10;
text-decoration: none;
}
.save {
position: absolute;
right: 10px;
bottom: 3px;
}
.style02 {
width: 255px;
text-align:center;
margin:0;
padding:0;
}
.style03 {
width: 215px;
font-size: 10px;
}
.style04 {
padding-top:8px;
padding-bottom:10px;
}
.alin {
text-align: center;
padding-bottom: 10px;
}
.alin a img {
border: 2px solid #00003C;
}
.heigh {
height: 10px;
padding-bottom: 10px;
}
.noliststyle {
list-style-type:none;
}
.unorderList {
list-style-type: none;
width: 638px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 50px;
}
.unorderList li {
width: 170px;
float:left;
margin: 0;
padding: 0;
}
.redIme {
color: maroon;
font-weight:bold;
padding: 7px 0px -7px 0px;
}
.redIme2 {
color: maroon;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:left;
}
.emtyP {
height: 10px;
}
#texts div.window div.infoto li { margin-left:30px;
margin-top: 10px;
}
#texts div.window div.infoto {
display: block;
width: 656px;
height: 430px;
margin: 0 auto;
padding: 0;
overflow: auto;
clear: both;
position: relative;
}
#texts div.window div.infoto p {
text-indent: 2em;
width: 616px;
margin: 5px auto;
text-align: justify;
}
#texts div.window div.infoto h3 {
padding: 0 0 0 30px;
margin: 8px 0 0 8px;
background: transparent url('small_logo.jpg') 0 50% no-repeat;
line-height: 25px;
color:#e96e00;
}
#texts div.window div.infoto h4 {
font-size: 13px;
font-weight: normal;
text-align: center;
margin: 8px;
color:#e96e00;
}
.p-stil {
width: 25px;
display:block;
height: 12px;
float: left;
margin-top: -15px;
}
/*//////// tova e za image preview /////////*/
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
/*//////// --------------------- /////////*/