@charset "UTF-8";
/* CSS Document */

body {background:#FFF url(../images/bg.jpg) repeat-x top; font-family:Georgia, "Times New Roman", Times, serif; width:100%}
strong {font-weight:bold}

#page {margin: 0 auto; width: 913px}

.S {font-size:12px}
.M {font-size:13px}
.L {font-size:18px}
.XL {font-size:20px}

.arial {font-family:Arial, Helvetica, sans-serif}
.trebuchet {font-family: 'Trebuchet MS', Arial}
.normal {font-weight:normal}

.blue {color:#002e6c}
.white {color:#FFF}

#wrap {background:url(../images/bg-left.jpg) no-repeat left top; width:100%}

#header {height:122px; position:relative; width:100%}
#header #title {font-weight:normal; position:absolute; top:10px; right:15px; text-align:right; width:400px}
#header #title span {font-size:26px}
#header #lang {position:absolute; top:10px; left:0px}
#header #lang li {float:left; padding: 0 30px 0 0}
#header #lang li a {text-align:center; text-decoration:none}
#header #logo {float:left; height:99px; top:10px; left:320px; position:relative; width:246px}
#header #logo span {display:block; cursor:pointer; background:url(../images/logo.jpg) no-repeat; position:absolute; width:100%; height:100%}

#nav {background:url(../images/bg-nav.jpg) no-repeat left top; height:44px; line-height:1em; width:918px}

#bg {position:absolute;left:4px;bottom:-12px;width:910px;height:104px;z-index:2000}

/*--- footer ---*/
#foot {height:55px; padding:0 10px; width:902px}
#copy, #work, #nslogo {color:#OOO; float:left; font-size:9px; padding:15px 0 0 0; text-decoration:none}
#work {display:block;padding-top:17px;}
#nslogo {padding: 15px 10px 0 10px}
#copy {color:#FFF; font-size:11px; padding:15px 0 0 10px;font-weight:bold;}


/*--- subcontent ---*/
#content, #contentl {background:#e9f2f7; border-left:solid 4px #FFF; border-right:solid 4px #FFF; border-bottom:solid 4px #FFF; padding:20px 55px 0px 55px; width:800px }

#1content {background:#d8ebf21; margin:0 12px; padding:20px 45px; min-height:380px; height:auto !important; height:380px;}
.ctitle {display:block; font-weight:normal; padding:10px 0 37px 0; text-align:center}
.ltitle {display:block; font-weight:normal; padding:10px 0 20px 0}

#submenu {height:95px; position:relative; width:910px; border-left:solid 4px #FFF; border-right:solid 4px #FFF; border-bottom:solid 4px #FFF;}
#calendar, #foto {display:block; font-style:italic; line-height:1.2em; position:absolute; height:51px; text-decoration:none; top:15px; width:325px}
#calendar {background:url(../images/bg-calendar.jpg) no-repeat left top; color:#FFF; right:50px; padding:13px 60px 0 0; text-align:right}
#foto {background:url(../images/bg-gallery.jpg) no-repeat left top; left:50px; padding:13px 0 0 60px; text-align:left}

/*appartma*/
#app {background: url(../images/bg-app.jpg) no-repeat top left; height:282px; width:820px}
#yellow, #orange, #red, #blue {display:block; float:left; height:282px; position:relative; width:200px}

a#yellow:hover {background: url(../images/bg-app-y.jpg) no-repeat bottom left; left:12px}
a#orange:hover {background: url(../images/bg-app-o.jpg) no-repeat bottom left; left:12px}
a#red:hover {background: url(../images/bg-app-r.jpg) no-repeat bottom left; left:12px}
a#blue:hover {background: url(../images/bg-app-b.jpg) no-repeat bottom left; left:12px}

#contentl ul {padding: 5px 0}
#contentl ul li {background: url(../images/bull-sub.gif) no-repeat bottom left; padding:3px 15px 3px 15px}
#contentl a {color:#006d97}
#contentl a:hover {text-decoration:none}

#pricelist {background:#d3e7f8; border-top: solid 2px #9cc9e6; border-right: solid 2px #9cc9e6; color:#006d97; font-family:Georgia, "Times New Roman"; font-size:14px; margin: 20px auto}
#pricelist tr td {background: url(../images/bg-table.jpg) no-repeat center 70px; border-bottom: solid 2px #9cc9e6; border-left: solid 2px #9cc9e6; font-style:italic; padding:15px; text-align: center}

/*fck*/
.slika-zgoraj {float:right; position:relative; top:-50px; right:-20px}
.table-top tr td {vertical-align:top}