body {
    background:#fff url('../images/background-image.jpg') scroll 0 0;
    position:relative;
    list-style:none;
    margin: 0 auto;
    padding: 0;
}
html {
    min-height: 100%;
    height: auto;
}
a {
    text-decoration:none;
    cursor:pointer;
}
.clear {
    content:"";
    display:block;
    float:none;
    font-size:0;
    height:0;
    line-height:0.0;
    overflow:hidden;
    visibility:hidden;
    clear:both;
}
#siteContent{
    position:relative;
    z-index:1;
    width:999px;
    margin:10px auto;
}
/* START header */
#header{
    position:relative;
    width:892px;
    height:125px;
    background:transparent url('../images/header-image.png') no-repeat scroll center 0;
    margin:0 auto;
}
#headerNav{
    width:889px;
    height:38px;
    float:left;
    margin:0 auto;
    padding:15px 54px 0 55.5px;
    background:transparent url('../images/header-nav.png') no-repeat scroll 0 0;
}
#headerNav ul{
    float:left;
    padding:0;
    margin:0;
}
#headerNav li{
    display: block;
    float: left;
    font:normal 12px Tahoma;
    line-height: 15px;
    height: 23px;
    text-decoration: none;
    margin-left:43px;
    letter-spacing:0px;
    color:#ECBA63;
}
#headerNav li a{
    display: block;
    padding: 3px 0 4px 0;
    outline: none;
    color:#ECBA63;
}
#headerNav li:hover a{ 
    color:#B87B16;
    cursor:pointer;
}
#headerNav li a.current{ 
    color: #008000;
}
#flags{
    float:right;
    margin:7px -28px 0 0;
    padding:0;
}
#flagsNav{
    width:88px;
    height:11px;
    background:transparent url('../images/flagsf.png') no-repeat scroll 0 0;
}
#flagsNav ul{
    float:left;
    padding:0;
    margin:0;
}
#flagsNav li{
    display: block;
    float: left;
    height: 11px;
    margin:0 3px;
}
#flagsNav .ro{
    background:transparent url('../images/flags.png') no-repeat scroll 0 -11px;
    width:16px;
    height:11px;
}
#flagsNav .ro:hover{
    background:transparent url('../images/flags.png') no-repeat scroll 0 0;
    width:16px;
    height:11px;
}
#flagsNav .rocurrent{
    background:transparent url('../images/flags.png') no-repeat scroll 0 0;
    width:16px;
    height:11px;
}
#flagsNav .hu{
    background:transparent url('../images/flags.png') no-repeat scroll -16px -11px;
    width:16px;
    height:11px;
}
#flagsNav .hu:hover{
    background:transparent url('../images/flags.png') no-repeat scroll -16px 0;
    width:16px;
    height:11px;
}
#flagsNav .hucurrent{
    background:transparent url('../images/flags.png') no-repeat scroll -16px 0;
    width:16px;
    height:11px;
}
#flagsNav .de{
    background:transparent url('../images/flags.png') no-repeat scroll -32px -11px;
    width:16px;
    height:11px;
}
#flagsNav .de:hover{
    background:transparent url('../images/flags.png') no-repeat scroll -32px 0;
    width:16px;
    height:11px;
}
#flagsNav .decurrent{
    background:transparent url('../images/flags.png') no-repeat scroll -32px 0;
    width:16px;
    height:11px;
}
#flagsNav .en{
    background:transparent url('../images/flags.png') no-repeat scroll -48px -11px;
    width:16px;
    height:11px;
}
#flagsNav .encurrent{
    background:transparent url('../images/flags.png') no-repeat scroll -48px 0;
    width:16px;
    height:11px;
}
#flagsNav .en:hover{
    background:transparent url('../images/flags.png') no-repeat scroll -48px 0;
    width:16px;
    height:11px;
}
#flagsNav li a{
    display: block;
    outline: none;
    width:16px;
    height:11px;
}
/* START subMenu */
#subMenu{
    width:792px;
    height:30px;
    float:left;
    margin:0 50px 0 50px;
    background:transparent url('../images/subMenu.png') no-repeat;
}
#subMenu ul{
    float:left;
    padding:1px;
    margin:0 40px 0 20px;
}
#subMenu #subMenuul li {
    display:inline;
    margin:0 20px;
    width:400px;
}
#subMenu a {
    font:normal 11px Arial;
    color:#ECBA63;
}
#subMenu a:hover, #subMenu li .current {
    color:#B87B16;
    text-decoration:none;
}
/* END subMenu */

/* START flashContent */
#flashContent{
    float:left;
    width:895px;
    height:303px;
    margin:11px 15px 0 15px;
}

/* END flashContent */

/* START header Content */
#headerContent {
    position:absolute;
    margin:100px 30px 0 32px;
    width:920px;
    height:188px;
    /*background:transparent url('images/headerContent.png') no-repeat scroll 0 0;*/
    border:5px solid #ccc;
}
/* END header Content */

/* START newsletter */
#newsletter {
    position:absolute;
    margin:213px 30px 0 734px;
    width:228px;
    height:32px;
    background:transparent url('images/newsletter-bgrd.png') no-repeat scroll 0 0;
    z-index:2;
}
#newsletter-form {
    margin:7px 0 0 0;
}
#newsletterok {
    float:left;
    width:28px;
    height:18px;
    cursor:pointer;
    background:transparent url('') no-repeat scroll 0 0;
    margin:0px 0 0 14px;
    color:#fff;
    border:0;
    font-weight:bold;
}
#newsletterInput{
    float:right;
    width:164px;
    height:14px;
    text-align:left;
    border:0;
    font:normal 12px Arial;
    color:#666;
    margin:0 5px 0 0;
    padding:2px;
    background:transparent url('images/input-bgrd.png') no-repeat scroll 0 0;
}
/* END newsletter */

/* START logo */
#logo {
    width:328px;
    height:79px;
    background:transparent;
    margin:0 auto;
    padding:22px 0 0 0;
}
#logo a, img{
    border:0;
}
/* END logo */

/* END header */

/* START mainContent */
#mainContent {
    background:transparent url('../images/body-bg.png') repeat-y;
    width:892px;
    min-height:900px;
    margin:0 54px 0 53.5px;
    padding:0;
    float:left;
}
#mainContent > .content {
    position:relative;
    z-index:1;
    float:left;
    width:932px;
    padding:10px;
    font-size:0.75em;
    margin:0 20px 30px 20px;
}
#mainContent #center{
    float:left;
    width:862px;
    margin:20px 15px 0 15px;
}
#mainContent #contentCenter{
    float:left;
    width:637px;
    min-height:680px;
    background:#f4d37d url('') no-repeat;
    border:3px solid #997c52;
}
#mainContent #contentCenter h1{
    font:bold 16px Arial;
    margin:0;
    height:24px;
    padding:9px 0 7px 25px;
    color:#e1c16e;
    background:#570301;
}
#mainContent #contentCenter h2{
    font:bold 12px Verdana;
    margin:15px 0 10px 30px;
    background:transparent;
}
#mainContent #contentCenter p{
    font:normal 12px Verdana;
    padding:9px 0 7px 25px;
    color:#1d0100;
    margin:0;
}
#mainContent #contentCenter ul li{
    font:normal 12px Verdana;
    list-style:circle;
}
#mainContent #text-content{
    padding:0 20px 20px 20px;
    font:normal 12px Verdana;
    text-align:justify;
}
/* END mainContent */

/* START contact-box */

#contact-box{
    width:205px;
    height:692px;
    background:transparent url('../images/contact_bgrd_logo_205x636.png') no-repeat scroll 0 0;
    float:right;
}
#contact-box .firstP{
    padding:0 7px 0 7px;
    margin:85px 0 0 0;
    font:bold 14px Arial;
    text-align:center;
    color:#5C0300;
}
#contact-box p{
    padding:0 7px 0 7px;
    margin:5px 0 0 0;
    font:normal 11px Arial;
    text-align:center;
}
#contact-box a:hover{
    text-decoration:underline;
}

/* END contact-box */

/* START map-location*/
#map{
    width:700px;
    height:420px;
    border:3px solid #ccc;
    padding:1px;

}
/* END map-location*/

/* START Contact Form*/	
#rezervareForm {
    margin-left:10px;
    margin-top:20px;
    width:600px;
    border:0px solid #929191;
    padding:0; 
    color:#666;
    background:transparent url('');
    float:left;
    outline: none;

}
#rezervareForm #rezervareForm-date{
    width:240px;
    height:400px;
    float:left;
    margin:20px 0 0 30px;
}
#rezervareForm #rezervareForm-info{
    width:260px;
    height:300px;
    float:left;
    margin:20px 0 0 70px;
}
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#rezervareForm textarea, #rezervareForm input, #rezervareForm select {
    background:#fff url('');
    width:140px;  
    color:#000; 
    border:0; 
    height:13px; 
    font-size:11px; 
    padding:4px;
    background:#fff url('');
}
#rezervareForm label {
    font:bold 12px Arial;
    color:#570301;
}

#rezervareForm div {
    float:left;
    width:220px;
    height:40px;
}
#rezervareForm #rezervareForm-date label{
    position:absolute;

}
#rezervareForm #rezervareForm-date input{
    position:absolute;
    margin-left:60px;	
}
#rezervareForm #rezervareForm-info label{
    position:absolute;

}
#rezervareForm #rezervareForm-info input{
    position:absolute;
    margin-left:80px;
    width:85px;	
}
#rezervareForm #rezervareForm-info select{
    height:21px;
    width:130px;
    position:absolute;
    margin-left:110px;

}
#rezervareForm #rezervareForm-info .date{
    height:21px;
    width:60px;
    position:absolute;
    margin-left:180px;	
}
#rezervareForm #rezervareForm-info .date:hover{
    background:#333; 
    color:#fff;
}
#rezervareForm .textarea{
    height:110px;
    width:240px;
}
#rezervareForm .textarea label{
    height:10px;
    width:80px;
    position:absolute;
}
#rezervareForm textarea {
    height:74px;
    width:240px;
    font:normal 11px Verdana, Geneva, sans-serif;
    overflow-y:scroll;
    position:absolute;
    margin:15px 0 0 0;
}
#rezervareForm .submit{
    float:right;
    margin:0 12px 10px 0;
}
/* This hides the form validation alert messages until needed */
#rezervareForm  span {
    position:absolute;
    font:normal 10px Tahoma; 
    line-height:9px; 
    color:#ff0000;
    margin-top:-11px;
    text-align:right;
    margin-left:0px;
    height:10px;
    width:208px;
    text-align:right;
}
#rezervareForm #rezervareForm-info img {
    height: 40px;
    width: 140px;
    position: absolute;
    margin-left:60px;
}
#rezervareForm .securityImage{
    height:74px;
    width:240px;
}
#rezervareForm .securityImage label, .securityImage input {
    height:10px;
    width:80px;
    position:absolute;
    margin-top:50px;
}
#rezervareForm securityImage {
    height:74px;
    width:240px;
    font:normal 11px Verdana, Geneva, sans-serif;
    /* overflow-y:scroll; */
    position:absolute;
    margin:15px 0 0 0;
}
#rezervareForm .submit input,#rezervareForm .submit {
    border:0px solid;   
    color:#333; 
    font:bold 11px Tahoma, Arial;
    padding:2px; 
    height:20px; 
    width:110px; 
    cursor:pointer; 
    background:#fff url('');
}
#rezervareForm .submit input:hover {
    background:#333; 
    color:#fff;
}

#rezervareForm .submit{
    float:right;
    margin:0 12px 10px 0;
    margin-top:50px;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* Hides the confirmation message until needed */	
#messageSent {
    display:none;
}
#mail_response{
    text-align:center;
    width:520px;
    margin:0;
}
#mail_response h3{
    color:#720808;
    font:bold 14px Tahoma, Arial;
    display:block;
    clear:both;
}
#mail_response h5{
    color:#720808;
    font:bold 10px Verdana, Arial;
    display:block;
    clear:both;
}
#mail_response p{
    color:#333;
    font:bold 10px Verdana, Arial;
    width:520px;	
}
/* END Contact Form*/

/* START footer */
#footer {
    float:left;
    font:normal 11px Arial;
    color:#fff;
    background:transparent url('../images/footer.png') no-repeat bottom left;
    width:892px;
    height:41px;
    margin:0 54px 10px 53px;
}
#footer > div {
    padding:10px 0 0 20px;
}
#footer ul {
    float:left;
    padding:1px;
    margin:0 40px 0 20px;
}
#footer li {
    display:inline;
    margin:0 10px;
    width:400px;
}
#footer p {
    padding:1px;
    margin:0 50px 0 0;
    float:right;
    color:#1d0100;
}
#footer a {
    font:normal 11px Arial;
    color:#1d0100;
}
#footer a:hover, #footer li .current {
    color:#1d0200;
    text-decoration:underline;
}
/* END footer */
/* right */
a{
    text-decoration:none;
    color:#000;
}
.contact-box{
    height:447px;
    width:205px;
    float:left;
}
.reservation-right{
    float:left;
    top:31px;
    width:205px;
    height:190px;
    border:0;
}
.reservation-right a{
    width:205px;
    height:190px;
    display:block;
}
.reservation-right:hover{
    background:transparent url('../images/reservation_bgrd.png') no-repeat scroll 0 0;
    width:205px;
    height:190px;
    display:block;
}
/* right */
/*gallery*/
#photo-gallery .gallery{
    padding:0;
    margin:25px 0 0 0;
}
#text-content #photo-gallery .gallery li{
    list-style:none;
    padding:0;
    float:left;
    width:199px;
    text-align:center;
}
#text-content #photo-gallery img{
    border:1px solid #997C52;
}
/*end gallery*/
td{text-align:center;color:#000;font:normal 11px arial}