body {
margin:0;
padding:0;
background:url(bg.jpg);
font-family:Arial,Helvetica,sans-serif;
}
p, ul li {
font-size:15px;
line-height:21px;
list-style-type:square;
}
a {
color:#000;
text-decoration:none;
}
.center {
width:940px;
margin:0px auto;
height:173px;
position:relative;
}
#call {
position:absolute;
right:60px;
}
#top {
background:url(top.jpg);
display:table;
width:100%;
}
#content {
width:920px;
margin:0px auto;
background:url(back.jpg);
padding:20px 20px;
height:100%;
min-height:490px;
max-height:1254px;
}
.shadow {
background:url(shadow.jpg) no-repeat center top;
display:table;
width:100%;
height:40px;
}
.grey {
background:url(middle.png);
display:table;
width:100%;
}
.grey h2 {
font-family:Georgia;
font-style:italic;
font-size:17px;
font-weight:normal;
margin-left:10px;
margin-bottom:20px;
}
/* ---------- LOGO ---------- */
#logo {
font-family:Verdana,Geneva,sans-serif;
width:280px;
float:left;
margin-left:20px;
}
#logo img {
width:117px;
float:left;
margin:35px 20px 0px 0px; /* top and right, bottom and left */
}
#logo h1 {
font-size:15px;
color:#333333;
line-height:19px;
font-weight:normal;
}
#logo h2 {
font-size:25px;
margin-top:50px;
color:#333333;
}
/* ---------- MENU ---------- */

#menu {
float:right;
position:relative;
top:75px;
right:50px
}
#menu ul li {
float:left;
padding:0 0 0; /* free space between buttons: top, right and left, bottom */
list-style-type:none;
width:95px; /* button width */
}
#menu ul li a {
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
height:38px; /* specify a button height */
display:inline;
text-decoration:none;
background:url(active.png) no-repeat bottom;
font-size:13px;
font-weight:bold;
color:#333;
padding:40px 20px 40px 20px; /* padding top, right, bottom, left */
z-index:2;
position:relative;
}
#menu ul li a:hover {
text-shadow:1px 1px 1px #fff;
color:#3399ff;
}
#menu ul li.active a {
color:#fff;
text-shadow:none;
background-position:top;
}
#menu ul li.active a:hover {
text-shadow:none;
}
/* ---------- WELCOME ---------- */
#welcome {
margin-top:-10px;
padding-left:30px;
width:255px;
float:left;
}
#middle {
background:url(middle.png);
display:table;
width:100%;
height:370px;
}
#middle p span {
font-family:Georgia;
font-size:18px;
font-style:italic;
}
/* ---------- NIVO SLIDER ---------- */
#slider-wrapper {
width:600px;
height:300px; /* Push the actual slider into the centre */
position:relative;
float:left;
margin-left:20px;
border:10px solid #FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#slider {
position:relative;
width:600px;
height:300px;
float:left; /* Push the actual slider into the centre */
background:url(nivo-slider/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
width:630px;
height:235px;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
background:url(); /* Background for the bullets */
width:251px;
height:40px;
position:absolute;
left:-50px; /* position */
bottom:-65px;
padding:8px 0 0 82px;
z-index:20; /* Make sure it is visible above the slides */
}
.nivo-controlNav a {
display:block;
width:22px;
height:20px; /* height of one bullet */
background:url(nivo-slider/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -21px; /* Selected bullet */
}
.nivo-caption {
bottom:40%; /* Vertically centre the captions */
left:auto;
right:0px; /* Put them on the right */
width:auto;
max-width:630px;
overflow:hidden;
background:#fff;
text-shadow:none;
font-family:Arial,Helvetica,sans-serif; /* Using a Google Font (not required) */
color:#4c4b4b;
}
.nivo-caption p {
padding:5px 15px;
}
.nivo-caption a {
color:#333;
font-weight:bold;
font-size:27px;
text-transform:uppercase;
}
#featured {
background:url(nivo-slider/ns.png) no-repeat;
width:600px;
height:28px;
position:absolute;
bottom:0px; /* Bump up a bit to give the fold effect */
left:0px; /* Bump left a bit to give the fold effect */
z-index:20; /* Make sure it is visible above the slides */
}
/* ---------- BOXES ---------- */
#boxes {
background:url(back.jpg);
width:960px;
display:table;
margin:0px auto;
padding-top:20px;
padding-bottom:20px;
border-top:none;
}
#boxes ul li {
margin-left:-10px;
}
#boxes h2 {
font-size:15px;
color:#fff;
text-align:center;
font-weight:bold;
width:220px;
margin-bottom:20px;
background:#39B43B;
padding:7px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.section_1 {
float:left;
width:220px;
margin-left:50px;
margin-right:30px;
}
.section_2 {
float:left;
width:220px;
margin-right:20px;
}
.section_3 {
margin-top:-5px;
margin-left:10px;
margin-right:30px;
width:375px;
float:left;
}
.section_3 img {
float:right;
margin:15px;
border:none;
}
/* ---------- FOOTER ---------- */
#footer {
background:url(footer-bg.jpg);
display:table;
width:100%;
}
#copy {
width:940px;
margin:0px auto;
}
#copy p {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align:center;
color:#fff;
font-size:10px;
margin-top:15px;
}
/* ---------- PRICE LIST ---------- */
#left {
width:500px;
margin:20px;
float:left;
height:100%;
}
table {
width:500px;
border-collapse:collapse;
background-color:#fff;
margin-bottom: 40px;
}
table h2 {
font-size:15px;
}
table td, table th {
border:1px solid #d5ddd8;
padding:7px 0px 7px 0px;
font-size:14px;
height:20px;
text-align:center;
width:200px;
}
table th {
color:#fff;
text-align:left;
padding-top:7px;
padding-bottom:7px;
font-size:14px;
text-align:center;
background:#39B43B;
}
table tr.alt td {
color:#000000;
}
#right {
width:300px;
padding-left:20px;
float:right;
border-left:10px solid #fff;
margin:20px;
}
#right p span {
background:url(quote.png) no-repeat;
width:32px;
height:12px;
padding-right:40px;
}
#right p {
font-family:Georgia;
font-style:italic;
font-size:17px;
}
#right ul li {
list-style-type:square;
}
.upper {
vertical-align:super;
font-size:11px;
text-decoration:underline;
}
hr {
float:left;
margin:30px 0;
width:500px;
}
/* ---------- CONTACT ---------- */
#map {
width:500px;
height:430px;
border:10px solid #fff;
margin:20px;
float:left;
}
#phone {
margin-top:115px;
margin-left:40px;
padding-left:40px;
float:left;
border-left:10px solid #fff;
text-align:left;
}
#phone img {
margin-top:10px;
float:left;
}
#name {
font-family:Georgia;
font-size:17px;
width:220px;
margin-bottom:40px;
font-style:italic;
font-weight:normal;
}
#phone p {
line-height:12px;
}
.numb {
width:180px;
margin-top:40px;
padding:10px;
color:#fff;
font:14px Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
letter-spacing:1px;
text-align:center;
background:#6FC250;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
/* ---------- OKOLICE ----------*/
#text {
width:680px;
float:left;
margin:0px 20px 20px 20px;
}
#bar {
margin-top:50px;
width:162px;
float:left;
}
#content h2 {
font-family:Georgia;
font-style:italic;
font-size:17px;
font-weight:normal;
}
#content h3 {
width:660px;
margin:20px 20px;
padding:7px 0;
color:#fff;
font-size:15px;
font-weight:bold;
text-align:center;
background:#39B43B;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
clear:both;
}
#content img {
width:162px;
height:122px;
border:5px solid #fff;
margin-right:10px;
margin-bottom:5px;
}
#content img:hover {
border:5px solid #ff9933;
}
#gallery {
margin-left:10px;
padding-top:20px;
}
/* jQuery Nivo Slider v2.5.1 */

/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*! FANCYBOX v2.0.3 */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align:top;
padding:0;
margin:0;
}
.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:1002;
}
.fancybox-outer {
padding:0;
margin:0;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.fancybox-opened {
z-index:1003;
}
.fancybox-opened .fancybox-outer {
-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-inner {
width:100%;
height:100%;
padding:0;
margin:0;
position:relative;
outline:none;
overflow:hidden;
}
.fancybox-error {
color:#444;
font:14px                              /20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:10px;
}
.fancybox-image, .fancybox-iframe {
display:block;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
vertical-align:top;
}
.fancybox-image {
max-width:100%;
max-height:100%;
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-21px;
margin-left:-21px;
width:42px;
height:42px;
background:url('fancybox/fancybox_loading.gif');
opacity:0.8;
cursor:pointer;
z-index:1010;
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image:url('fancybox/fancybox_sprite.png');
}
.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:1004;
}
.fancybox-prev, .fancybox-next {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
background:transparent url('fancybox/blank.gif'); /* helps IE */
z-index:1003;
}
.fancybox-prev {
left:0;
}
.fancybox-next {
right:0;
}
.fancybox-prev span, .fancybox-next span {
position:absolute;
top:50%;
left:-9999px;
width:36px;
height:36px;
margin-top:-18px;
cursor:pointer;
z-index:1003;
}
.fancybox-prev span {
background-position:0 -36px;
}
.fancybox-next span {
background-position:0 -72px;
}
.fancybox-prev:hover, .fancybox-next:hover {
visibility:visible;
}
.fancybox-prev:hover span {
left:20px;
}
.fancybox-next:hover span {
left:auto;
right:20px;
}
.fancybox-tmp {
position:absolute;
top:-9999px;
left:-9999px;
padding:0;
overflow:visible;
visibility:hidden;
}
/* Overlay helper */

#fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:1001;
background:#000;
}
/* Title helper */

.fancybox-title {
visibility:hidden;
font:normal 14px           /20px Arial,Helvetica,sans-serif;
position:relative;
text-shadow:none;
z-index:1005;
}
.fancybox-opened .fancybox-title {
visibility:visible;
}
.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:1003;
text-align:center;
}
.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:#000;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
color:#fff;
line-height:24px;
white-space:nowrap;
}
.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff;
}
.fancybox-title-inside-wrap {
margin-top:10px;
}
.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0, 0, 0, .8);
}