﻿
body
{
    background-position: top;
    padding: 0px;
    margin: 0px;
    background-image: url(   'slike/zaglavljeBkg.jpg' );
    background-repeat: repeat-x;
    text-align: center;
}
#pageWrap
{
    width: 1012px;
    text-align: center;
}
#zaglavlje
{
    background-position: top;
    height: 140px;
    background-image: url(  'slike/zaglavlje.jpg' );
    background-repeat: no-repeat;
}
#contentWrap
{
    background-position: center;
    width: 1012px;
    background-image: url(   'slike/contentBkg.jpg' );
    background-repeat: repeat-y;
    display: block;
    text-align: center;
}
#podnozje
{
    padding: 15px 0px 10px 0px;
    background-position: center top;
    width: 1012px;
    background-image: url(           'slike/footerBkg.jpg' );
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    color: #7C868B;
}
#ljeviStupac
{
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    width: 155px;
    float: left;
    padding: 5px;
    margin: 10px 0px 10px 10px;
    background-image: url(      'slike/izbornikBkg.jpg' );
    background-repeat: no-repeat;
    display: block;
}
#ljeviStupac3
{
   float: left;
}
/*
Ljevi stupac sadržaja
*/
#ljeviStupac ul
{
    padding: 0px;
    margin: 28px 16px 0px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#ljeviStupac li
{
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
    border-color: #637BA9;
    text-align: left;
    list-style-type: none;
    cursor: pointer;
}
#ljeviStupac li:hover
{
    border-style: solid;
}
#content
{
    padding: 10px;
    width: 790px; /*border-style: solid;     border-width: 1px;     border-color: Black;     float: left;*/
    margin-left: 175px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #4F5475;
}

#brojac
{
    width: 90%;
    border: 1px solid #C9CAD6;
}
#brojac table
{
    width: 100%;
}
#brojac th
{
    font-family: Arial, Helvetica, sans-serif;
    color: #454958;
    font-size: 14px;
    background-color: #D3D6DE;
}
#brojac td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #323647;
    font-weight: normal;
}
/*************
LJEVI IZBORNIK
**************/
li a
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #4B536D;
    font-size: 12px;
}
li:link, li:visited
{
    text-decoration: none;
}
li a:link, li a:visited
{
    text-decoration: none;
}
li a:hover, li a:active
{
    text-decoration: none;
    background-color: #C0C0C0;
}

li.oznaci
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #637BA9;
}
.info
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px;
    margin: 0px;
    width: 120px;
}
.info td.ljevo
{
    text-align: left;
    font-weight: bold;
    font-size: 11px;
}
.info td.desno
{
    text-align: right;
}
/**********************************************************
Izbornik za odabir smještajne jedinice u području smještaja
***********************************************************/
.smjJedinice
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-right: 25px;
    margin-top: 20px;
}
.smjJedinice li
{
    padding: 5px;
    background-position: bottom;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('slike/listSmjBkg.jpg');
    background-repeat: repeat-x;
    width: 100%;
}
.smjJedinice li a
{
    display: block;
    background-image: url('slike/listSmjBkg.jpg');
    background-repeat: repeat-x;
}
.smjJedinice li a:hover
{
    display: block;
    background-image: url('slike/listSmjBkgOver.jpg');
    background-repeat: repeat-x;
}
/***************
Content elementi
****************/
hr
{
    border: 1px solid #FFFFFF;
    background-image: url( 'slike/hrBkg.jpg' );
    background-repeat: no-repeat;
    background-position: left top;
    height: 15px;
    width: 750px;
}
h1
{
    margin: 0px;
    font-family: 'Book Antiqua';
    font-size: 32px;
    color: #3F4158;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    text-indent: 1em;
}
h3
{
    margin: 0px;
    font-family: 'Book Antiqua';
    font-size: 16px;
    color: #3F4158;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    text-indent: 1em;
}
.naslov3
{
    padding: 5px 5px 10px 5px;
    display: block;
    margin: 0px;
    background-image: url('slike/header3Bkg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #D8D8E0;
    font-family: 'Book Antiqua';
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    text-align: left;
}
.istakni1
{
    font-family: 'Book Antiqua';
    font-size: 16px;
    font-weight: bold;
    color: #C82C15;
}
#content img.ljevo
{
    border: 1px solid #393E48;
    padding: 3px;
    margin: 10px;
    float: left;
}
#content img.desno
{
    border: 1px solid #393E48;
    padding: 3px;
    margin: 10px;
    float: right;
}
#content img.bezOkvira
{
    padding: 3px;
    margin: 10px;
    float: none;
}
p.centriraj
{
    text-align: center;
}
.contLista
{
    background-color: #CFD0E0;
    float: right;
}
ul.contLista li:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    width: 100%;
    background-color: #C0C0C0;
}

.velikaSlika
{
    border: 1px solid #000066;
    padding: 5px;
    margin: 0px;
    width: 480px;
    height: 360px;
    float: left;
}
#plan3d
{
    width: 275px;
    height: 250px;
    float: right;
    text-align: center;
}
.slika3d
{
    padding: 3px;
    margin: 10px;
    float: right;
    border: 1px solid #C1C1D2;
}
#listaSlika
{
    padding: 5px;
    border: 1px solid #C1C1D2;
    display: block;
    height: 130px;
    width: 770px;
    overflow: scroll;
    clear: inherit;
}
#karakteristike
{
    width: 450px;
    float: left;
    border: 1px solid #CBD0DE;
    display: block;
}
#karakteristike table
{
    border-style: none;
    margin-right: 15px;
}
#karakteristike td
{
    border-style: none;
    vertical-align: top;
    padding-right: 5px;
    padding-left: 5px;
}
#karakteristike .redakPozadina
{
    background-color: #D8D9E2;
}
#karakteristikeHead
{
    width: 100%;
    display: block;
}
#karakteristikeContent
{
    width: 100%;
    padding: 10px;
    display: block;
}
#formular
{
    border: 1px solid #C7CBD6;
    width: 300px;
    float: right;
    margin-right: 10px;
    display: block;
    margin-bottom: 10px;
}

.opisSmjestaja
{
    background-color: #E9E9EF;
    color: #43485C;
    width: 770px;
    border: 1px solid #777B95;
    padding: 5px;
    display: block;
    margin: 10px 10px 0px 0px;
    clear: both;
    display: block;
}

/******************************************
Kontakt podaci na stranici kontakt.aspx
*******************************************/
#kontaktWrap
{
    float: left;
    display: block;
    width: 790px;
}
.kontakWrapFix:after /*Ovo je da mi u FireFoxu i Operi ne pobjegne DIV iz Contenta preko i ispod Footera */
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#kontaktAdresa
{
    margin: 10px;
    padding: 10px;
    width: 350px;
    float: left;
    border: 1px solid #CBD0DE;
    display: block;
}

#kontaktFormular
{
    margin: 10px 10px 10px 390px;
    padding: 10px;
    width: 350px;
    border: 1px solid #CBD0DE;
    display: block;
   
}
.cijena
{
    padding: 0px;
    margin: 5px;
    border-style: none;
    float: left;
}
.cijena th
{
    padding: 3px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #4F4F6C;
    text-align: center;
    vertical-align: middle;
    background-color: #CBCBDA;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #484B5E;
}
.cijena td
{
    padding: 3px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4F4F6C;
    text-align: center;
    vertical-align: middle;
    background-color: #E4E4E9;
    border-style: none;
    font-weight: normal;
}
.cijenaWrap
{
    border: 1px solid #CBD0DE;
    width: 450px;
    text-align: center;
    margin-top: 10px;
    display: block;
    float: left;
    margin-bottom: 10px;
}
.cijenaWrap ul
{
    text-align: left;
}
/*******************************
Podešavanja područja u galeriji
********************************/
#galWrap
{
    float: left;
    padding: 10px;
    border: 1px solid #CCCCCC;
    width: 750px;
    
}
#galWrap img
{
    width: 120px;
    height: 80px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #C0C0C0;
}

