body, html
{
    margin:0;
    padding:0;
    /*width:100%;*/
    /*font-family:'Roboto', 'Open Sans', sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    font-kerning:normal;
    text-rendering:auto;
    background-color:#ffffff;
}

/* Links */
a           { outline:none !important; }
a:link      { text-decoration: none; color: #000; }
a:visited   { text-decoration: none; color: #000; }
a:hover     { background-color:#f74902 !important; color: #fff; text-decoration: none !important; cursor: pointer !important; }
a:active    { text-decoration: none !important; color: #fff !important; }

/* Text */
.font-main24 { font-family: 'Kaushan Script', cursive; font-size:24px !important; }
.font-main30 { font-family: 'Kaushan Script', cursive; font-size:30px !important; }
.font-main38 { font-family: 'Kaushan Script', cursive; font-size:38px !important; }
.font-main42 { font-family: 'Kaushan Script', cursive; font-size:42px !important; }
.font-text24 { font-family:'Roboto', 'Open Sans', sans-serif; font-size:23px !important; }
.font-text20 { font-family:'Roboto', 'Open Sans', sans-serif; font-size:20px !important; }
.font-text18 { font-family:'Roboto', 'Open Sans', sans-serif; font-size:18px !important; }
.text-center { text-align:center !important; }
.text-justify { text-align:justify !important; }
.text-normal { text-align:left; }
.lineh30     { line-height:30px !important; }
.lineh42     { line-height:42px !important; }

/* Div */
div, nav { box-sizing: border-box; }
.w-auto { width:auto !important; }
.h-auto { height:auto !important;}
.transparent { background-color: transparent !important; }
.gray { background-color:#f3f3f3 !important;}
.float-right { position: static !important; float: right !important; }
.float-left  { position: static !important; float: left !important; }
.mar-auto { position:relative !important; margin-left:auto !important; margin-right:auto !important; }

/* Padding */
.pad0 { padding:0;}
.pad8 { padding:8px; }
.pad-left8 { padding-left:8px; }
.pad-right8 { padding-right:8px; }
.pad-top8 { padding-top:8px !important; }
.pad-bottom8 { padding-bottom:8px; }
.pad-left4 { padding-left:4px; }
.pad-right4 { padding-right:4px; }
.pad-top4 { padding-top:4px; }
.pad-bottom4 { padding-bottom:4px; }

/* Margin */
.mar0 { margin:0 !important; }
.mar4 { margin:4px !important; }
.mar8 { margin:8px !important; }
.mar16 { margin:16px !important; }
.mar-left4 { margin-left:4px !important; }
.mar-right4 { margin-right:4px !important; }
.mar-top4 { margin-top:4px !important; }
.mar-bottom4 { margin-bottom:4px !important; }
.mar-left8 { margin-left:8px !important; }
.mar-right8 { margin-right:8px !important; }
.mar-top8 { margin-top:8px !important; }
.mar-bottom8 { margin-bottom:8px !important; }
.mar-left16 { margin-left:16px !important; }
.mar-right16 { margin-right:16px !important; }
.mar-top16 { margin-top:16px !important; }
.mar-bottom16 { margin-bottom:16px !important; }
.mar-top32 { margin-top:32px !important;}
.mar-left32 { margin-left:32px !important;}


/* Containers */
#main-container { position:relative; border: 0px solid #000; width: 85%; height: 100%; background-color:#fff; margin:0 auto 0 auto; min-width:1280px; max-width:1920px; }
#lang-container { position:relative; border: 0px solid #000; width: 100%; height: 40px; background-color:transparent;}
#star-container { position:relative; border: 0px solid #000; width: 100%; height: 35px; line-height:35px; text-align:center;}
#header-container { position:relative; border: 0px solid #000; width:100%; height:117px; }
#cover-container { position:relative; border: 0px solid #000; width:100%; background-color:transparent;}
#navigation-container { position:relative; width:100%; height:55px; border:0px solid #000; background-color:transparent; color:#fff; }
#features-container { position:relative; width:100%; height:350px; border:0px solid #000; background-color:#fff; }
/*#content-container { position:relative; width:85%; border:0px solid #000; background-color:transparent; margin:0 auto 0 auto; }*/
/*#footer-container { position:relative; width:85%; height:158px; background-color:#efefef; border:0px solid #000; color:#e1e1e1; margin:0 auto 0 auto; }*/
#footer-container { position:relative; width:100%; /*margin:0 auto 0 auto; min-width:1280px;*/ background-color:#efefef; height:158px; }

/* Container content */
body > div > div > div, nav { position:relative; width: 1180px; margin: 0 auto 0 auto; border: 0px solid #000; }
#header { position: absolute; height:100%; left:0px; top:10px; text-align:center; width:550px; }
#podaci { position: absolute; height:100%; left:575px; width:500px; border-left:1px; border-left-color:#000; border-left-style:solid; padding-left:32px; text-align:left;}
#stars { position:absolute; height:100%; text-align:center; width:60px;}
#logo { position:absolute; padding-top:12px; height:100%; left:60px; width:490px; line-height:107px; font-size: 107px; font-weight:500; color:#333333; font-family: 'Great Vibes', cursive; }
#cover { width: 100%; min-width:1180px; height: 650px; background-image: url('../../Resources/Images/cover5.jpg?v=2'); background-size:100% 100%; }
#cover2 { width: 100%; min-width:1280px; height: 550px; background-image: url('../../Resources/Images/cover5.jpg?v=2'); background-size:100% 100%; }
#rates { width: 100%; min-width:1180px; height: 650px; background-image: url('../../Resources/Images/cover4.jpg?v=2'); background-size:100% 100%; }
#rooms { width: 100%; min-width:1180px; height: 650px; background-image: url('../../Resources/Images/cover4.jpg?v=2'); background-size:100% 100%; }
#rooms2 { width: 100%; min-width:1280px; height: 550px; background-image: url('../../Resources/Images/cover41.jpg?v=2'); background-size:100% 100%; }
#rooms3 { width: 100%; min-width:1280px; height: 550px; background-image: url('../../Resources/Home/restoran.jpg?v=2'); background-size:100% 100%; }
#rooms4 {
    width: 100%;
    min-width: 1280px;
    height: 550px;
    background-image: url('../../Resources/Home/recepcija.jpg?v=2');
    background-size: 100% 100%;
}
#map { width: 100%; min-width:1180px; height: 650px; background-size:100% 100%; }
#map2 { width: 100%; min-width:1280px; height: 550px; background-size:100% 100%; }
#navigation { position: relative; width:1280px; padding-left: 0; height: 100%; line-height:55px; font-size: 20px; font-weight:400; text-transform:uppercase; }
#navigation a { display: inline-block; height: 100%; padding-left: 14px; padding-right: 14px; border:0px solid #fff; background-color:transparent; }
#navigation a:first-child { padding-left:14px; }
#navigation a:nth-child(7) { float:right; }
#navigation a:nth-child(8) { float:right; }
#lang-container > div.content-panel > .selectric-wrapper {float:right; position:relative;}

/* Form */
input { display:inline-block; width:350px; height:40px; border:1px solid #d3d3d3; padding:0; padding-left:12px; box-sizing:border-box; font-size:16px; }
textarea { display:inline-block; width:100%; height:350px; border:1px solid #d3d3d3; padding:12px; box-sizing:border-box; font-size:16px; }

/* Contact */
table { width:100%; border:0px solid #000; }
table td { border:0px solid #000; }
table tr > td:first-child { width:10%; }
table.table-input tr > td:nth-child(3) { padding-left:12px; font-size:16px; color:darkred;  }
table td.spacer { height:16px; max-height:16px; min-height:16px; }
table.table-message td { border-top:0px; }
table.table-message tr > td:first-child { vertical-align:top; }
table.table-message input { width:100px; margin-left:24px; float:right; }
.field-validation-error { font-size:16px; color:darkred;vertical-align:middle; }

/* Reservation */
table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(1) > .selectric { width:70px; }
table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(2) > .selectric { width:70px; }
table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(3) > .selectric { width:110px; }
table.table-input tr.datum-gm > td:nth-child(2) > .selectric-wrapper:nth-child(1) > .selectric { width:70px; }
table.table-input tr.datum-gm > td:nth-child(2) > .selectric-wrapper:nth-child(2) > .selectric { width:110px; }

/* Calendar */
table.table-input tr.sj > td:nth-child(2) > .selectric-wrapper:nth-child(1) > .selectric { width:380px; }
table.table-input tr.vu > td:nth-child(2) > .selectric-wrapper:nth-child(1) > .selectric { width:380px; }

/*table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(1) > .selectric { line-height:0; }
table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(2) > .selectric { line-height:0; }
table.table-input tr.datum > td:nth-child(2) > .selectric-wrapper:nth-child(3) > .selectric { line-height:0; }*/

/* Extra */
/*#star-container > .content-panel span { position:relative; margin-left:8px; display:inline-block; width:32px; height:32px; background-image: url('../../Resources/Images/star32.png'); background-size:100% 100%; background-repeat:no-repeat;}*/
#stars > span { position:relative; margin-left:8px; display:inline-block; width:32px; height:32px; background-image: url('../../Resources/Images/star32_ynb.png'); background-size:100% 100%; background-repeat:no-repeat;}
.htr-image-left { position:absolute; left:150px; top:-110px; }
.htr-image-right { position:absolute; right:150px; top:-110px; }

/* Limiter za main container */
@media (min-width: 1920px)
{
    #main-container {
        width: 1632px;
    }
}

@media (max-width: 1920)
{
    #main-container {
        width: 85%;
    }
}

#features
{
    position:relative;
    margin:0 auto 0 auto;
    width:1180px;
    border:0px solid #000;
    height:100%;
    /*line-height:400px;*/
    font-size: 25px;
    font-weight:700;
    color:#373b44;
    text-align:center;
    vertical-align:middle;
    background-color:#fff;
}

#footer
{
    position:relative;
    /*margin:0 auto 0 auto;*/
    width:100%;
    border:0px solid #000;
    height:100%;
    line-height:128px;
    font-size: 70px;
    border:0px solid #fff;
    background-color:#f3f3f3;
    font-weight:400;
    color:#fff;
}