@charset "utf-8";
/* Albert CSS */
body {
    background-color:#cf9360;
    background-image:url(../images/background_repeat.jpg);
    background-repeat:repeat-x;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    margin:0;
}
#container {
    width:959px;
    margin:0px auto;
}
img {border:none;}
/* --------------- HEADER --------------- */
#header {
    width:959px;
    height:306px;
    margin:0 auto;
    background-image:url(../images/header.jpg);
    background-repeat:no-repeat;
}
#imagineHeader{
    width:649px;
    height:217px;
    float:right;
    margin:26px 31px 0 0!important;
    margin:26px 16px 0 0;
}
#logo {
    width:166px;
    height:81px;
    float:right;
    margin:0;
    padding: 0;
    margin-bottom:10px;
}
#slogan {
    width:173px;
    float:left;
    margin:59px 0 0 44px!important;
    margin:59px 0 0 24px;
    text-align:center;
    font-style:italic;
    font-weight:bold;
    color:#763f34;
}
#slogan span {color:#bb8a65;}
#slogan h2 {
    font-size:13px;
    margin:0;
    padding:0;
}
#steaguriBox {
    width:180px;
    height:36px;
    float:right;
    margin:20px 40px 0 0!important;
    margin:20px 20px 0 0;
}
#steaguriBox span{
    display:none;
}
#ro {
    width:45px;
    height:36px;
    float:left;
    margin-left:34px!important;
    margin-left:17px;
    background-image:url(../images/ro.jpg);
    background-position:bottom left;
}
#ro a {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/ro.jpg);
    background-position:bottom left;
}
#ro a:hover, #ro a.activeLg {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/ro.jpg);
    background-position:top left;
}
#en {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/en.jpg);
    background-position:bottom left;
}
#en a {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/en.jpg);
    background-position:bottom left;
}
#en a:hover, #en a.activeLg {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/en.jpg);
    background-position:top left;
}
#de {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/de.jpg);
    background-position:top left;
}
#de a {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/de.jpg);
    background-position:top left;
}
#de a:hover, #de a.activeLg {
    width:45px;
    height:36px;
    float:left;
    background-image:url(../images/de.jpg);
    background-position:bottom left;
}
/* --------------- MENIU --------------- */
#meniutopbox {
    width:709px;
    height:30px;
    float:left;
    margin-top:19px;
}
#meniutopbox h2{
    margin:0;
    padding:0;
}
#meniutopbox h2 span {display:none;}
/* --------------- CONTINUT --------------- */
#content {
    width:959px;
    float:left;
    background-image:url(../images/conteiner_background.jpg);
    background-repeat:repeat-y;
}
#contenttop {
    width:959px;
    height:41px;
    float:left;
    background-image:url(../images/top_content.jpg);
    background-repeat:no-repeat;
}
#contenttop span {
    width:auto;
    float:right;
    text-align:right;
    padding-right:308px;
    margin-top:6px;
    color:#666666;
}
.titluprim {
    width:auto;
    float:left;
    margin:6px 0 0 66px!important;
    margin:6px 0 0 33px;
    color:#9b170b;
    font-weight:bold;
}
.titluprim h1, .titluprim h2 {
    font-size:13px;
    margin:0;
    padding:0;
    text-transform: uppercase;
}
/* --------------- STANGA --------------- */
#stanga{
    width:708px;
    min-height:200px;
    float:left;
}
.infoStanga{
    width:682px;
    float:left;
    color:#68322e;
    line-height:20px;
    margin-left:24px!important;
    margin-left:12px;
}
.infoStanga ul{
    color:#68322e;
}
.infoStanga li{
    color:#68322e;
}
.infoStanga ul a{
    color:#68322e;
    text-decoration:none;
}
.infoStanga ul a:hover{
    color:#666666;
    text-decoration:underline;
}
.infoStanga span{font-weight:bold;}
.titlu {
    width:633px;
    height:21px;
    float:left;
    margin:24px 0 0 2px!important;
    margin:24px 0 0 1px;
    background-image:url(../images/titlu.jpg);
    background-repeat:no-repeat;
}
.titluspecial {
    width:675px;
    height:38px;
    float:left;
    margin:24px 0 0 2px!important;
    margin:24px 0 0 1px;
    background-image:url(../images/titlu_special.jpg);
    background-repeat:no-repeat;
}
.titlunewsspecial {
    width:160px;
    float:right;
    margin:9px 20px 0 0!important;
    margin:9px 10px 0 0;
    font-weight:bold;
}
.specialstanga {
    width:234px;
    min-height:98px;
    float:left;
    margin:5px 0 0 2px!important;
    margin:5px 0 0 1px;
    background-image:url(../images/special.jpg);
    background-repeat:no-repeat;
    background-position:top;
}
.ramaspecial {
    width:116px;
    height:87px;
    float:left;
    margin:10px 0 0 45px!important;
    margin:10px 0 0 23px;
    background-image:url(../images/rama.jpg);
    background-repeat:no-repeat;
}
.imagespecial {
    width:99px;
    height:66px;
    float:left;
    border:1px solid #c8caa8;
    margin:9px 0 0 8px!important;
    margin:9px 0 0 4px;
}
.specialstangacontent {
    width:202px;
    min-height:75px;
    margin:10px 12px 0 0!important;
    margin:10px 6px 0 0;
    float:right;
    color: #7f403c;
}
.specialinfo {
    width:170px;
    float:left;
    font-size:12px;
    margin:10px 0 0 20px!important;
    margin:10px 0 0 10px;
}
/* --------------- DREAPTA --------------- */
#dreapta{
    width:200px;
    min-height:200px;
    float:left;
    margin-left:18px;
}
.dreaptaBox{
    width:200px;
    float:left;
    margin-bottom:2px;
}
.dreaptainfoBox{
    width:163px;
    float:right;
    color:#FFFFFF;
}
.dreaptainfoBox a {
    color:#cccccc;
    text-decoration:none;
}
.dreaptainfoBox a:hover {
    color:#ffffff;
    text-decoration:underline;
}
.dreaptaTitlu {
    width:163px;
    float:right;
    margin:10px 0 8px 0;
    font-weight:bold;
}
.dreaptaTitlu h1{
    font-size:13px;
    text-transform: uppercase;
    margin:0;
    padding:0;
}
.imagetitludreapta {
    width:27px;
    height:43px;
    float:left;
}
.liniedreapta {
    width:167px;
    height:2px;
    float:right;
    margin: 38px 3px 0 0!important;
    margin: 38px 2px 0 0;
    background-image:url(../images/linie_dreapta.jpg);
    background-repeat:no-repeat;
}
/* --------------- BOTTOM --------------- */
#bottom {
    width:959px;
    height:97px;
    float:left;
    background-image:url(../images/bottom.jpg);
    background-repeat:no-repeat;
}
#copyright {
    width:600px;
    float:left;
    margin:4px 0 0 36px!important;
    margin:4px 0 0 18px;
    color:#bdb6b6;
    font-size:10px;
}
#telbottom {
    width:300px;
    float:left;
    padding-left:90px;
    margin-top:16px;
    color:#666666;
}
#meniuBottombox {
    width:700px;
    float:left;
    margin:12px 0 0 36px!important;
    margin:12px 0 0 18px;
    color:#e2c99a;
}
#meniuBottombox h1 {
    font-size:11px;
    margin:0;
    padding:0;
    display: inline;
    font-weight:normal;
}
#meniuBottombox a {
    color:#a39d9d;
    text-decoration:none;
}
#meniuBottombox a:hover {
    color:#9d8842;
    text-decoration:underline;
}
#meniuBottombox ul {
    list-style:none;
    padding:0;
    margin:0;
    font-size:11px;
}
#meniuBottombox li {display:inline;}
/*pentru caption la th-uri*/
a.captioned{
    float:left;
    display:block;
    width:102px;
    height:75px;
}
.imgcontainer {
    position:relative;
    overflow:hidden;
}
.caption {
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    background:#000;
    width:100%;
    opacity:.75;
    filter:alpha(opacity=85);
    color:#fff;
}
.imgcontainer img {display:block;}
/* CAMERE */
.camere {
    float:left;
    width:300px;
    height:170px;
    margin:0 3px 3px 0;
    background-image:url(../images/camere_back.jpg);
    background-repeat:no-repeat;
}
.imagCamere {
    width:200px;
    height:132px;
    float:left;
    margin-left:40px!important;
    margin-left:20px;
}
.camere h3 {
    font-size:13px;
    font-weight:bolder;
    color:#9b170b;
    margin:8px 0 4px 4px!important;
    margin:8px 0 4px 2px;
    text-decoration:none;
}
.imagCameremare {
    width:232px;
    min-height:154px;
    background-image:url(../images/camere_mare.jpg);
    background-repeat:no-repeat;
    float:left;
}
.imagCameremare img{
    float:left;
    margin:20px 0 0 16px;
}
.infoCamere {
    width:410px;
    min-height:200px;
    float:left;
    margin-left:22px!important;
    margin-left:11px;
}
.galerie {
    width:232px;
    margin:82px 0 0 5px!important;
    margin:4px 0 0 2px;
    float:left;
}
.galerie div {
    width:110px;
    height:77px;
    float:left;
    background-image:url(../images/rama_camere.jpg);
    background-repeat:repeat-x;
    margin-right:3px;
}
.galerie div img{
    float:left;
    margin:5px 0 0 5px;
}
.inapoi {
    width:200px;
    height:17px;
    float:left;
    color:#999999;
}
.inapoi a{
    color: #a22626;
    text-decoration:none;
}
.inapoi a:hover{
    color:#333333;
    text-decoration:underline;
}
#oferteSpeciale {
    width:670px;
    float:left;
}
.oferte {
    width:650px;
    float:left;
    border-bottom:1px solid #f0f0f0;
}
.oferte h4{
    width:650px;
    float:left;
    padding:0;
    margin:10px 0 3px 2px!important;
    margin:10px 0 3px 1px;
    color:#9b170b;
}
.oferteimagine {
    width:110px;
    height:77px;
    float:left;
    background-image:url(../images/rama_camere.jpg);
    background-repeat:repeat-x;
    margin-right:10px!important;
    margin-right:5px;
    padding-bottom:7px;
}
.oferteimagine img{
    float:left;
    margin:5px 0 0 5px!important;
    margin:5px 0 0 2px;
}
#flashcontent{
    float:left;
    margin-right: 30px;
}
ul #vrLinks{
    float:left;
    width:200px;
    margin:0;
    padding:0;
    list-style:none inside;
}
.reserve {
    width:200px;
    height:26px;
    float:left;
    margin-top:8px;
    margin-bottom:8px;
}
.reserve a {
    width:200px;
    height:26px;
    float:left;
    background-image:url(../images/reserve.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    color:#ffffff;
}
.reserve a:hover {
    width:200px;
    height:26px;
    float:left;
    background-image:url(../images/reserve.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    color:#FFFFCC;
}
.reserve span {
    width:175px;
    float:right;
    text-align:center;
    font-size:1.3em;
    font-weight:bold;
    margin-top:3px;
}