body {
color : #fff;
background-color : #2c9bb1;
font-family : "Trebuchet MS", Arial, sans-serif;
text-align : center;
margin : 0;
padding : 0;
}
.wrapper {
width : 900px;
margin : 0 auto;
text-align : left;
}
#header {
background : #fff url("../images/bg.gif") repeat-x top left;
height : 165px;
border-top : 3px solid white;
}
#header div {
display : block;
background : url("../images/header.jpg") no-repeat top left;
width : 900px;
height : 164px;
}
#header h1, #header h2 {
color : #1b6484;
font-weight : normal;
margin : 0 0 0 110px;
}
#header h1 {
font-size : 72px;
padding-top : 10px;
}
#header h2 {
font-size : 41px;
margin-top : -7px;
}
.rule {
border-top : 1px solid #11546b;
border-bottom : 1px solid #1e7c97;
border-right : none;
margin : 0;
padding : 0;
}
#nav {
position : relative;
height : 30px;
font : 11px Arial, sans-serif;
text-transform : uppercase;
background-color : #87d4f2;
margin : 0;
}
#nav ul {
margin : 0;
padding : 0;
width : auto;
float : right;
}
#nav ul li {
position : relative;
display : inline;
float : left;
padding : 0 8px 0 8px;
list-style : none;
}
#nav ul li a {
display : block;
text-decoration : none;
line-height : 30px;
}
#nav a:link, #nav a:visited {
color : #1b6484;
}
#nav a:hover, #nav a.current {
background : url("../images/arrow.gif") no-repeat top center;
}
#nav a.current{color:#fff;}
#nav a:focus, #nav a:active {
color : white;
}
#content {
margin : 0;
background : #0490aa url("../images/bg3.jpg") repeat-x top left;
}
#main h2 {
padding-left : 10px;
margin : 0;
color : #1b6484;
font-weight : normal;
}
#lside p {
width : 430px;
font : 12.5px Arial, sans-serif;
padding : 5px 10px;
}
.box {
margin-top : 20px;
width : 440px;
}

.box,#data,#message{
background-color : #3a9ab7;
border-top : 1px solid #1b6484;
padding : 10px 5px;
}

p strong {
margin-left : 13px;
}
.box strong, .box ul {
font-size : 15px;
font-weight : normal;
}
.box ul {
font : 15px Arial, sans-serif;
list-style-type : none;
margin : 0;
padding : 0;
}
.box ul,#lside strong.usluge,#rside,#rside a,#rside a:visited,#folio,#folio li p a,input{color:#87d4f2;}

.taraba {
color : white;
text-decoration : none !important;
}
#bottom {
margin : 0;
background : #2c9bb1 url("../images/bg2.jpg") repeat-x top left;
overflow : auto;
}
#folio {
font : 13px Arial, sans-serif;
position : relative;
margin : 0 auto;
padding-top : 40px;
padding-bottom : 20px;
background : url("../images/bottomshadow.jpg") no-repeat top left;
}
#folio ul {
margin : 0 10px 0 10px;
padding : 0;
height: 300px;
clear:both;
}
#folio ul li {
position : relative;
display : inline;
float : left;
}
#folio li {
width : 210px;
padding : 10px;
margin : 0;
}

#folio li p a:hover, #foot a:hover {
color : #1b6484;
background-color : #87d4f2;
}
#folio img {
border : 1px solid white;
background : transparent;
padding : 2px;
}
#folio li a:hover img #footer {
overflow : visible;
}
#foot {
border-top : 1px solid #176c82;
font : 11px Arial, sans-serif;
color : #176c82;
padding-bottom : 15px;

}
#foot p {
text-align : center;
display : block;
width : 300px;
position : relative;
top : -10px;
left : 230px;
background-color : #2c9bb1;
padding : 0;
margin : 0;
}
#foot address {
font-style : normal;
float : right;
text-align : right;
padding-bottom : 10px;
}
#foot a {
color : #176c82;
text-decoration : none;
border-bottom : 1px solid #1b6484;
}

#lside strong.usluge {
margin-left: 0;
padding-left:0;
 }
#lside {
float : left;
}
#middle {
float : left;
}
#rside {
float : right;

}
#main #lside {
width : 465px;
}
#main #middle {
width : 171px;
}
#main #rside {
width : 200px;
}
#main {
overflow : auto;
margin : 0 auto;
padding-bottom : 20px;
}
#lside {
background : url("../images/bg1.jpg") repeat-x top left;
padding-left : 20px;
}
#middle,#middle.empty {
background : url("../images/box.jpg") no-repeat top right;
}

#middle,#middle.empty,#kontakt #middle{
width : 171px;
height : 452px;}

#kontakt #middle {
background : url("../images/mail.jpg") no-repeat top right;
}
#rside {
background : url("../images/sideshadow.jpg") no-repeat top right;
margin : 0;
font-size : 13px;
padding : 70px 8px 145px 0;
}
#rside .rule {
width : 170px;
margin : 0;
padding : 0 20px 0 0;
}
#rside p {
width : 180px;
margin : 0;
padding : 5px 0;
}
#rside a,#folio li p a,#rside a:visited {text-decoration: none;}
#rside a:hover,#folio li p a{border-bottom : 1px solid #1b6484;}
#rside span {
text-decoration : underline;
}

form{padding-top: 50px;} 
fieldset{border: none;}
legend{display: none;}
input{

background: transparent;
border: 1px solid #87d4f2;
text-indent: 5px;}
#data{
width: 230px;height: 80px;margin-bottom: 5px;}

#data input {
width: 130px;
float: right;
margin: 1px;
}
#data span {float: left}
label {display: block;}
#poruka{width: 449px;
height: 150px;
}
#posalji,#ponisti{
text-indent: 0;
background-color: #87d4f2;
color: #1b6484;
cursor: hand;
}