/* ------ STYLURI GENERALE ------ */
html {background-color: #ebecec;}
body {margin: 0px; padding: 0px; font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #898c8f; background-color: #FFFFFF; background-image: url(../images/backgrounds/bg_top.png); background-repeat: repeat-x; background-position: center top;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

div.cleaner {clear: both; height: 0px; overflow: hidden;}

a {color: #5ba0e6; text-decoration: underline;}
a:hover {color: #1187ff; text-decoration: underline;}

a.vezi01 {margin: 0px; padding: 0px 0px 3px 21px; background: url(../images/icons/sageata_mica_rosie.gif) no-repeat 0px 0px;}

a.buton01 {margin: 0px; padding: 0px 20px 1px 19px; border: 1px solid #c5363c; font-size: 18px; color: #ffffff; text-decoration: none; background-image: url(../images/backgrounds/bg_buton.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.buton01:hover {color: #ffffff; text-decoration: none;}

a.buton02 {margin: 0px; padding: 0px 15px 1px 14px; border: 1px solid #c5363c; font-size: 13px; font-weight:bold; color: #ffffff; text-decoration: none; background-image: url(../images/backgrounds/bg_buton.gif); background-repeat: repeat-x; background-position: 0px -3px;}
a.buton02:hover {color: #ffffff; text-decoration: none;}

a.articleTitle {color: #3c3c3c; text-decoration: none;}
a.articleTitle:hover {color: #3c3c3c; text-decoration: underline;}

/* ------ HEADER ------ */
div#header {margin: 0px auto; padding-top: 4px; width: 960px; position: relative; clear: both;}

div#header h1 {margin: 0px; width: 235px; height: 451px; overflow: hidden; position: absolute; left: 7px; top: 14px; text-indent: -20000px; background: url(../images/hello_hotels.png) no-repeat 0px 0px;}
div#header h1 a {margin: 0px 0px 0px 24px; padding: 0px; width: 170px; height: 320px; overflow: hidden; display: block; cursor: pointer;}

div#header div.pozaSus01 {width: 205px; height: 257px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: url(../images/poze_sus/01.png) no-repeat 0px 0px;}
div#header div.pozaSus02 {width: 370px; height: 257px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: url(../images/poze_sus/02.png) no-repeat 0px 0px;}
div#header div.pozaSus03 {width: 441px; height: 257px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: url(../images/poze_sus/03.png) no-repeat 0px 0px;}

div#header p.selectorLimba {margin: 0px; padding: 41px 0px 134px 251px; font-size: 11px; color: #99a1a0;}
div#header p.selectorLimba img {margin: 0px 0px 0px 4px; width: 18px; height: 12px; border: 1px solid #e8e8e8; vertical-align: top;}
div#header p.selectorLimba a {color: #99a1a0; text-decoration: underline;}
div#header p.selectorLimba a:hover {color: #5ba0e6; text-decoration: underline;}
div#header p.selectorLimba span {padding: 0px 14px;}

div.meniuPrincipal {margin: 0px 0px 0px 240px; padding: 0px; position: relative;}
div.meniuPrincipal a.descopera {margin: 0px 0px 0px 1px; padding: 0px; width: 224px; height: 64px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/descopera.png) no-repeat 0px 0px;}
div.meniuPrincipal a.descopera:hover {background-position: 0px -64px;}
div.meniuPrincipal a.locatii {margin: 12px 0px 0px -6px; padding: 0px; width: 90px; height: 52px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/locatii.png) no-repeat 0px 0px;}
div.meniuPrincipal a.locatii:hover {background-position: 0px -52px;}
div.meniuPrincipal a.oferte {margin: 2px 0px 0px 7px; padding: 0px; width: 222px; height: 62px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/oferte_speciale.png) no-repeat 0px 0px;}
div.meniuPrincipal a.oferte:hover {background-position: 0px -62px;}

div.meniuPrincipal a.descoperaEn {margin: 0px 0px 0px 1px; padding: 0px; width: 224px; height: 64px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/descopera_en.png) no-repeat 0px 0px;}
div.meniuPrincipal a.descoperaEn:hover {background-position: 0px -64px;}
div.meniuPrincipal a.locatiiEn {margin: 12px 0px 0px -6px; padding: 0px; width: 90px; height: 52px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/locatii_en.png) no-repeat 0px 0px;}
div.meniuPrincipal a.locatiiEn:hover {background-position: 0px -52px;}
div.meniuPrincipal a.oferteEn {margin: 2px 0px 0px 7px; padding: 0px; width: 222px; height: 62px; overflow: hidden; display: block; position: relative; float: left; text-indent: -20000px; cursor: pointer; background: url(../images/butoane/oferte_speciale_en.png) no-repeat 0px 0px;}
div.meniuPrincipal a.oferteEn:hover {background-position: 0px -62px;}

p.caleSite {margin: 0px 0px 0px 251px; padding: 24px 0px 0px 15px; clear: both; font-size: 11px; color: #828e89; background: url(../images/icons/acasa_cale.gif) no-repeat 0px 27px;}
p.caleSite a {margin-right: 15px; color: #828e89; text-decoration: none;}
p.caleSite a:hover {color: #5ba0e6; text-decoration: underline;}
p.caleSite a.tipareste {padding: 0px 21px 0px 0px; background: url(../images/icons/tipareste.gif) no-repeat right 1px; float: right;}


/* ------ CONTINUT ------ */
div#continut {margin: 4px auto; padding: 0px 0px 35px 0px; width: 960px; overflow: hidden; position: relative; clear: both;}



/* ------ DREAPTA ------ */
div#dreapta {width: 710px; overflow: hidden; float: right; line-height: 18px;}
div#dreapta h2 {margin: 45px 0px 23px 0px; padding: 0px; clear: both; font-size: 21px; color: #3c3c3c; line-height: 21px;}
div#dreapta h3 {margin: 0px 0px 16px 0px; padding: 0px; font-size: 18px; line-height: 21px; color: #656565;}

div.galerieFoto {margin: 32px 0px 10px 0px; width: 733px; position: relative; clear: both;}
div.galerieFoto span {margin: 0px 33px 17px 0px; padding: 0px; width: 150px; height: 136px; position: relative; display: block; float: left; background: url(../images/backgrounds/bg_imagine.gif) no-repeat 0px 0px;}
div.galerieFoto span a {margin: 11px 0px 0px 2px; padding: 0px; width: 146px; height: 109px; display: block;}
div.galerieFoto span.pozaDetaliu01 {margin: 0px 19px 7px 0px; padding: 0px; width: 150px; position: relative; display: block; float: left; background: url(../images/backgrounds/bg_imagine01.gif) no-repeat 0px 0px;}
div.galerieFoto span.pozaDetaliu01 a {margin: 11px 0px 0px 2px; padding: 0px; width: 146px; height: 139px; display: block; text-align: center;}


div.listingInArticol {margin: 7px 0px; position: relative; clear: both;}
span.pozaDetaliu {margin: 0px 19px 7px 0px; padding: 0px; width: 150px; position: relative; display: block; float: left; background: url(../images/backgrounds/bg_imagine.gif) no-repeat 0px 0px;}
span.pozaDetaliu a {margin: 11px 0px 0px 2px; padding: 0px; width: 146px; height: 139px; display: block;}
span.pozaDetaliu01 {margin: 0px 19px 7px 0px; padding: 0px; width: 150px; position: relative; display: block; float: left; background: url(../images/backgrounds/bg_imagine01.gif) no-repeat 0px 0px;}
span.pozaDetaliu01 a {margin: 11px 0px 0px 2px; padding: 0px; width: 146px; height: 139px; display: block; text-align: center;}
span.pozaDetaliu01 em {margin: 0px; padding: 3px; width: 100%; display: block; position: relative; font-style: normal; font-size: 10px; text-align: justify;}

img.pozaSimpla {margin: 0px 12px 12px 0px; padding: 1px; border: 1px solid #e6e6e6; background-color: #FFFFFF; float: left;}

div.sysMessage {margin: 22px 0px 0px 0px; padding: 10px; clear: both; font-size: 1em; background-color: #ffffff; border: 1px solid #eeeeee;}
div.sysMessage ul {margin: 10px 0px 0px 0px; padding: 0px; font-size: 0.9em; color: #777777; list-style-type: none;}
div.sysMessage ul li {margin: 0px 0px 3px 0px; padding: 0px 0px 0px 21px; position: relative; background-image: url(../images/icons/sageata_gri.gif); background-repeat: no-repeat; background-position: 1px 2px;}




/* ------ STANGA ------ */
div#stanga {margin: 180px 25px 0px 0px; padding: 0px; width: 208px; overflow: hidden; float: right;}
div#stanga dl {margin: 45px 0px 0px 0px; padding: 0px;}
div#stanga dl dt {margin: 0px; padding: 0px; width: 208px; position: relative; font-size: 14px; background: url(../images/backgrounds/linie_puncte_oriz.gif) repeat-x left bottom; font-weight:bold;}
div#stanga dl dt.cover {margin: -1px 0px 0px 0px; overflow: hidden; background-color: #FFFFFF; background-image: none;}
div#stanga dl dt {margin: 0px; padding: 5px 0px 7px 29px; display: block; position: relative; color: #626366; text-decoration: none; background-image: url(../images/icons/sageata_meniu.gif); background-repeat: no-repeat; background-position: 0px 5px;}
div#stanga dl dd {margin: 0px; padding: 0px; width: 208px; position: relative; font-size: 11px; background: url(../images/backgrounds/linie_puncte_oriz.gif) repeat-x left bottom;}
div#stanga dl dd a {margin: 0px; padding: 5px 0px 7px 49px; display: block; position: relative; color: #898c8f; text-decoration: none; background-image: url(../images/icons/sageata_mica_gri.gif); background-repeat: no-repeat; background-position: 28px 5px;}
div#stanga dl dd a.activ {color: #5ba0e6;}
div#stanga dl a:hover {color: #3d93eb;}



/* ------ FOOTER ------ */
div#footer {margin: 0px; padding: 0px; clear: both; background-color: #ebecec; background-image: url(../images/backgrounds/bg_footer.gif); background-repeat: repeat-x; background-position: 0px 0px;}
div#footer div.container {margin: 0px auto; padding: 39px 0px 20px 0px; width: 940px; position: relative; clear: both; font-size: 11px; color: #838587; background: url(../images/backgrounds/bg_plama_footer.gif) no-repeat 373px 1px;}

div.adreseContact {margin: 0px; padding: 0px 0px 0px 26px; width: 460px; overflow: hidden; position: relative; float: right; background: url(../images/backgrounds/lines_date_contact.gif) no-repeat 0px 0px;}
div.adreseContact dl {margin: 0px; padding: 0px 0px 40px 89px; width: 176px; overflow: hidden; float: left; background: url(../images/icons/bottom_adrese.gif) no-repeat 0px 0px;}
div.adreseContact dl dt {margin: -5px 0px -3px 0px; font-size: 20px;}
div.adreseContact p {margin: 0px; padding: 16px 0px 0px 0px; color: #8a8e92;}
div.adreseContact p a {color: #8a8e92;}
div.adreseContact p a:hover {color: #2986e4; text-decoration: underline;}

div.meniuFooter {padding: 14px 25px 42px 129px; line-height: 18px; background: url(../images/icons/bottom_hello.gif) no-repeat 0px 0px;}
div.meniuFooter span {padding: 0px 6px;}
div.meniuFooter a {color: #838587; text-decoration: none;}
div.meniuFooter a:hover {color: #2986e4; text-decoration: underline;}




/* ------ ELEMENTE FORMULARE ------ */
select.adreseFooter {margin: 7px 0px 0px 0px; padding: 0px; width: 147px; border: 1px solid #b1b1b1; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #838587;}

input.formular01 {margin: 0px; padding: 0px 2px; width: 220px; border: 1px solid #cccccc; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; font-weight: normal;}
textarea.formular01 {margin: 0px; padding: 0px 2px; width: 330px; height: 80px; overflow: auto; border: 1px solid #cccccc; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; font-weight: normal;}
select.formular01 {margin: 0px; padding: 0px; width: 227px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; font-weight: normal; border: 1px solid #cccccc;}
input.formular01Box {vertical-align: -5px;}
input.formular01Radio {vertical-align: -3px;}


input.formularFB {margin: 0px; padding: 0px 2px; border: 1px solid #cccccc; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; font-weight: normal;}
select.formularFB {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; font-weight: normal; border: 1px solid #cccccc;}

div.reservationContainer {}
div.reservationContainer div.checkinout {margin-top:10px; margin-bottom:10px; clear:both;}



/* ------ TABELE ------ */
table.model01 {margin: 20px 0px 0px 0px; padding: 0px; width: 100%; border: none; clear: both; background-color: #FFFFFF; border: 1px solid #eeeeee;}
table.model01 td {padding: 3px 10px; color: #666666; font-size: 11px; background-color: #f5f5f5;}
table.model01 td.mic {padding: 0px; font-size: 1px; height: 7px; overflow: hidden;}

table.model02 {margin: 30px 0px 0px 0px; padding: 0px; border: none; width: 100%;}
table.model02 th {padding: 6px 10px; color: #ffffff; text-align: left; background-color: #f03e45; background-image: url(../images/backgrounds/bg_cap_tabel.gif); background-repeat: repeat-x; background-position: left bottom;}
table.model02 td {padding: 2px 10px 2px 32px; text-align: left; border-bottom: 1px solid #efefef; background-image: url(../images/icons/sageata_gri.gif); background-repeat: no-repeat; background-position: 10px 5px;}
table.model02 td.doua {border-left: 1px solid #efefef; background-image: none;}