body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        margin: 0px auto;
        background-image: url(../images/body.jpg);
        background-repeat: repeat;
}
.site {
        background-image: url(../images/raft_back.jpg);
        background-repeat: repeat-y;
        margin: auto;
        height: auto;
        width: 758px;
        clear: both;
        border: 1px solid #132857;
}
.home_left_col {
        height: auto;
        width: 288px;
        float: left;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}
.home_righ_col {
        float: left;
        width: 192px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        height: auto;
}
.top_nav_omotac {
        clear: both;
        height: 18px;
        width: 758px;
        margin: auto;
        font-weight: bold;
        background-image: url(../images/nav_raft.jpg);
        background-repeat: no-repeat;
}
.site .sredina {
        width: 756px;
   background-color:white;
        clear: both;
}
.site .sredina .sadrzaj {
        float: left;
        padding: 15px 30px 15px 20px;
        text-align: justify;
}
.galery {
   background-color: white;
        width: 696px;
        padding: 15px;
   margin:auto;
}
.site .sredina .left_nav {
        float: left;
        width: 170px;
}

.baner_omotac {
        background-image: url(../images/header_raft.jpg);
        background-repeat: no-repeat;
        clear: both;
        height: 84px;
        width: 386px;
        padding-left: 372px;
}
UL#top_nav {
        margin: 0px;
        list-style-type: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 170px;
}
UL#top_nav LI {
        padding-right: 1px;
        padding-left: 1px;
        display: block;
        float: left;
        margin: 0px;
        width: auto! important;
        line-height: 17px;
        white-space: nowrap;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #FFFFFF;
}
UL#top_nav LI A {
        display: block;
        padding-right: 21px;
        padding-left: 21px;
        color: #FFFFFF;
        text-decoration: none;
}
UL#top_nav LI A:hover {
        bacground-color: #333333;
        color:#13295A;
        background-color: #EAF7FF;
}

.site .content_header {
        background-image: url(../images/left_top_corner_raft_gal.jpg);
        background-repeat: no-repeat;
        clear: both;
        height: 18px;
        width: 758px;
}

.pom_link{
        font-weight: bold;
        margin:5px 0px 0px 5px;
        padding:5px 5px 5px 10px;
        background-color:#006157;
        color:#ffffff;
        width:140px;
         height:auto;
}
.pom_link a{
   background-color:#006157;
   color:#F0F1F3;
   text-decoration:none;
}
.pom_link a:link{
   color:#F0F1F3;
   text-decoration:none;
}
.pom_link a:visited{
   color:#F0F1F3;
   text-decoration:none;
}
.pom_link a:hover{
   background-color:#006157;
   color:#FF0033;
   text-decoration:none;
}

UL#left_nav {
        font-weight: bold;
        margin: 0px;
        list-style-type: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 30px;
}
UL#left_nav LI {
        display: block;
        margin: 0px;
        width: 120px;
        display: block;
        padding: 0px 0px 0px 0px;
        font-size: 12px;
        color: #132553;
        text-decoration: none;
        text-indent: 10px;
        height: 24px;
}
UL#left_nav LI A  {
        padding: 5px 10px 4px 0px;
        display:block;
        width: 120px;
        color: #132553;
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ADCFE9;
}
UL#left_nav LI A:hover {
        FONT-SIZE: 12px;
        TEXT-INDENT: 10px;
        BACKGROUND-COLOR: #ADCFE9;
        TEXT-DECORATION: none;
        color: #132553;
}
.site .sredina .sadrzaj .mapa {
        float: right;
        height: auto;
        width: auto;
        padding: 10px 0px 10px 10px;
}
.blue {
        color: #132857;
}
.blue a{
        font-weight: bold;
        color: #132857;
}
.blue a:link{
        color: #132857;
}
.blue a:visited{
        color: #132857;
}
.blue a:active{
        color: #132857;
}
.blue a:hover{
        color: #132857;
   text-decotation: underline;
}

.green {
        color: #436544;
}
.site .sredina .sadrzaj .red li {
        padding-top: 5px;
}
.site .sredina .sadrzaj .green li {
        padding-top: 5px;
}
.kontaktInput{
        width:400px;
        padding:1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.kontaktTextarea{
        width:398px;
        height:120px;
        padding:3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
a {
        color: #132857;
        font-weight: bold;
   text-decoration: none;
}
a:active {
        font-weight: bold;
        color: #132857;
}
a:hover {
        color: #132857;
   text-decoration: underline;
}

a:visited {
        color: #132857;
}
.slike_text{
        width:auto;
   height:auto;
   float:right;
   clear:both;
   padding:0px 10px 0px 10px;
}
.pom_link{

}
.slike_text_no_border{
        width:auto;
        text-align:center;
        height:auto;
        float:right;
        clear:right;
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}
.slike_text img {
        padding: 2px;
        border: 1px solid #666666;
}
.slike_text_center{
        width:288px;
        text-align:center;
        height:192px;
}
.book_omotac {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #142654;
        padding: 8px;
}
.book_omotac .label {
        color: #132555;
        float: left;
        width: 75px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
}
.book_omotac {
        float: left;
        width: auto;
        padding-top: 8px;
        padding-right: 0px;
        padding-bottom: 8px;
        padding-left: 0px;
        height: auto;
}
.book_data {
        float: left;
        width: 440px;
        padding-top: 2px;
        padding-bottom: 2px;
}
.book_poruka {
        clear: none;
        width: 430px;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 0px;
        float: left;
}
.formInput{
        width:513px;
        padding:1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin:2px 0px 5px 0px;
}
.formTextarea{
        width:513px;
        height:190px;
        padding:3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin:3px 0px 20px 0px;
}
.style1 {
        color: #132553;
        font-weight: bold;
        font-size: 14px;
}
.baner_omotac .flag {
        height: 21px;
        width: 32px;
        padding-right: 8px;
        float: right;
        clear: right;
        padding-top: 5px;
}