/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */

html, body {height: 100%;}
#page {min-height: 100%; font-size: 1.1em; min-width: 1000px; position: relative; top: 0; left: 0;}
#content {padding: 73px 0 143px 77px; width: 923px; margin: 0 auto; position: relative; top: 0; left: 0;}
#footer {height: 143px; margin: -143px auto 0;  width: 1000px; position: relative; top: 0; left: 0; }

marquee { position: absolute;z-index: 10000; }

body {background:#F4F4ED; font-family: Verdana; font-size: 62.5%; color: #5F6062; min-width: 1000px;}
#header { background:url(../images/bg.gif) ; height: 194px; background-position: -30px 0;}
a:link, a:visited, a:active {color: #E31836; text-decoration: underline;}
a:hover {text-decoration: none;}

input.text, textarea, select, option {font-family: Verdana; color: #5F6062; font-size: 1em;}
select, option { background-color: #F4F4ED;}
/* start header */
#header {position: relative; top: 0; left: 0;}
#lang {position: absolute; left: 50%; bottom: 0; width: 107px; height: 22px; background-color:#E31836; overflow: hidden; margin-left: 373px; }
#lang:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#lang li {float: left; width: 53px; height: 100%;}

#lang li a:link, #lang li a:visited, #lang li a:active, #lang li span {display: block; text-indent: -3000px; overflow: hidden; height: 100%; background-position: 12px -22px; width: 100%; float: left;  }
#lang li a:hover, #lang li span { background-position: 12px 0; }
#lang li .ro { background-image:url(../images/romana.gif);}
#lang li .en { background-image:url(../images/english.gif);}


#foto {position: absolute;  top: 33px; right: 50%; margin-right: -277px; z-index: 100;  height: 236px; width: 175px; display: block; background-image:url(../images/flower_bg.png);}
#foto img {width: 127px; height: 190px; display: block; padding: 10px; background-color: #fff; border: 5px solid #070808; position: absolute; top: 5px; left: 9px;}
/* end header */

/* start content */
h1.logo {float: left;}
h1.logo a:link, h1.logo a:visited, h1.logo a:hover, h1.logo a:active {display: block; margin-left:-150px; width: 263px; height: 328px; background:url(../images/logo.png); overflow: hidden; text-indent: -3000px;}
#info {width: 365px; float: left; padding-left: 28px;}
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#info h2 {text-indent: -3000px; overflow: hidden;}
#info h2.despre-noi {height: 34px; background-image:url(../images/despre-noi.gif);}
#info h2.about-us {height: 34px; background-image:url(../images/about-us.gif);}
#info h2.camere {height: 34px; background-image:url(../images/camere.gif);}
#info h2.servicii { height: 27px; background-image:url(../images/servicii.gif);}
#info h2.rezervari { height: 36px; background-image:url(../images/rezervari_h2.gif);}
#info h2.colaboratori { height: 36px; background-image:url(../images/colaboratori_h2.gif);  }
#info h2.contact { height: 36px; background-image:url(../images/contact_h2.gif);  }
#info h2.galerie_foto {height: 36px; background-image:url(../images/galerie_foto.gif); margin-left: 53px; }

span.date {color: #ADADAD; display: block; margin-top: 11px;}
#info p {line-height: 20px;  margin-top: 20px;}
#info p.first {margin-top: 4px;}
ul.list {padding-top: 4px; line-height: 20px; padding-left: 18px;}
ul.list li {padding-left: 12px; background-image:url(../images/bullet.gif); background-position: left center;}
#rezervari {position: absolute; top: 13px; right: 20px; width: 157px; height: 41px; background:url(../images/rezervari.gif); overflow: hidden; }
#rezervari * {text-indent: -3000px; display: block;}

#camere {width: 353px; float: right; padding-top: 11px; }
p.dejun { padding: 13px 0 13px 0px; line-height: 14px; min-height: 27px; font-size: 0.91em; clear: both; width: 250px;}
#camere dl {float: left;  padding: 0 15px 12px 0; }
#camere dl dt {height: 42px; text-indent: -3000px; overflow: hidden;}
dl.single dt { background-image:url(../images/single.gif); width: 54px;}
dl.double dt { background-image:url(../images/double.gif); width: 71px;}
dl.apartament dt { background-image:url(../images/apartament.gif); width: 122px;}
#camere dl dd {color: #5F6062; line-height: 1.82em;}
#camere dl em {display: block; font-size: 1.64em; font-weight: bold; }
#camere dl a { display: block; line-height: 1.50em; }

dl.single em {color: #B2BB1C;}
dl.double em {color: #676300;}
dl.apartament em {color: #5A471B;}

.rezervari_info {width: 750px !important;}
.rezervari_camere {width: 392px !important;}
.colaboratori_info {width: 750px !important;}
.contact_info {width: 750px !important;}
.formular {margin-top: -25px;}
.formular, .formular fieldset, .formular label {width: 100%; float: left; display: block;}

.contact_info .formular {width: 361px; margin: 0;}
.contact_info .formular fieldset.mesaj {width: 100%; padding: 0;}
.formular fieldset.mesaj {width: 332px; padding-top: 25px;}
.formular fieldset.single {width: 115px; padding-right: 15px; padding-left: 25px; padding-top: 54px; background-image:url(../images/single.gif); background-position: 25px 1px;} 
.formular fieldset.double {width: 115px; padding-right: 15px; padding-top: 54px; background-image:url(../images/double.gif); background-position: 0 1px; }
.formular fieldset.apartament {width: 126px; padding-top: 54px; background-image:url(../images/apartament.gif);  background-position: 0 1px;  }
 fieldset.single label, fieldset.double label, fieldset.apartament label {padding-bottom: 8px;}
.formular .mesaj label {padding: 0 0 4px;}
.formular  label.error, .formular label.error input.text, .formular label.error textarea {color: #E31836;}
.formular .mesaj label em {float: left; display: block; white-space:nowrap;}
.formular .mesaj label span {display: block; float: right; width: 269px; background-image:url(../images/input_left.gif); background-repeat:repeat-y; background-color: #E7E7E0; }
.formular .mesaj input.text, .formular textarea { width: 261px; display: block; float: right; background-image:url(../images/input_top.gif); background-color: transparent; background-repeat: no-repeat; padding: 4px;}

.formular .mesaj label span.on {background-color: #E8EABA; background-image:url(../images/input_left.gif); background-position: -297px 0; background-repeat:repeat-y;}
.formular .mesaj label span.on input.text, .formular label span.on textarea { background-position: -297px 0;}
.contact_info .formular .mesaj input.text, .contact_info .formular .mesaj textarea {width: 289px;}
.contact_info .formular .mesaj label span  {width: 297px;}
.formular .mesaj textarea {height: 71px; overflow: auto;}
.contact_info .formular .mesaj textarea {height: 46px;}
div.total_price {padding-left: 25px; padding-top: 10px; float: left; width: 369px;}
#info div.total_price p {color: #9A9A9A; font-size: 0.91em; line-height: 1.40em; width: 190px; float: left; margin: 0;}
#info div.total_price p em {font-weight: bold;}
#info div.total_price p strong {display: block; color: #5F6062; font-size: 1.40em; font-weight: normal; padding-bottom: 5px;  float: left; padding-right: 20px; }
#info div.total_price p strong.loading {background-image:url(../images/ajax-loader.gif); background-position: right center;}
#info div.total_price p span.note {width: 100%; float: left;}
 fieldset legend {display: none;}
 #info div.total_price input {display: block; float: right; position: relative; right: 11px; top: 0;}
 

.colaboratori_info dl {width: 134px; padding-right: 15px; float: left; padding-top: 8px; }
.colaboratori_info dt {height: 48px;}
.colaboratori_info dd {padding-bottom: 5px; width: 100%;}
.colaboratori_info dt, .colaboratori_info dd {float: left; clear: left;}
.colaboratori_info dt a:link, .colaboratori_info dt a:visited, .colaboratori_info dt a:hover, .colaboratori_info dt a:active, .colaboratori_info dt img {display: block; float: left;}

.contact_info address {float: left; width: 230px; padding-left: 30px;}
.contact_info address strong, .contact_info address span {font-weight: normal; display: block; line-height: 20px;}
.contact_info address a:link, .contact_info address a:visited, .contact_info address a:hover, .contact_info address a:active {text-decoration: none; color: #5F6062;}
.contact_info .button {float: right;}
/* end content */

/* start footer */
#main_menu {float: right; padding-right: 25px; height: 143px;  }
#main_menu li {float: left; position: relative; top: 0; left: 0; height: 100%;}
#main_menu li a, #main_menu li span {display: block;    position: absolute;  }
#main_menu li a.selected {padding-top: 10px !important;}
#main_menu li a {left: 0; bottom: 0; width: 100%;}
#main_menu li a:hover {padding-top: 10px;}
#main_menu li span {text-indent: -3000px; height: 100%; overflow: hidden; cursor: pointer; top: 0; width: 17px;}
#main_menu li.camere {width: 42px;}
#main_menu li.servicii {width: 22px;}
#main_menu li.rezervari {width: 32px;}
#main_menu li.colaboratori {width: 17px;}
#main_menu li.galerie {width: 52px;}
#main_menu li.contact {width: 42px;}
#main_menu li.camere a {height: 123px; background-position: 0 bottom; background-color: #B2BB1D;  }
#main_menu li.servicii a {height: 93px; background-position: -42px bottom; background-color:#5A471C;}
#main_menu li.rezervari a {height: 121px; background-position: -64px bottom; background-color:#676200;}
#main_menu li.colaboratori a {height: 101px; background-position: -96px bottom; background-color:#E7D2AD;}
#main_menu li.galerie a {height: 131px; background-position: -113px bottom; background-color:#E31836;}
#main_menu li.contact a {height: 118px; background-position: -165px bottom; background-color:#5F6062;}
#main_menu li a { background-image:url(../images/menu_bg.gif);}

#main_menu li.camere span {background: url(../images/camere_lk.png) center top no-repeat; height: 110px; left: 12px;}
#main_menu li.servicii span {background: url(../images/servicii_lk.png) center top no-repeat;  height: 52px; left: 2px;}
#main_menu li.rezervari span {background: url(../images/rezervari_lk.png) center top no-repeat;  height: 65px; left: 7px;}
#main_menu li.colaboratori span {background: url(../images/colaboratori_lk.png) center top no-repeat;  height: 80px;}
#main_menu li.galerie span {background: url(../images/galerie_lk.png) center top no-repeat;  height: 83px; left: 17px;}
#main_menu li.contact span {background: url(../images/contact_lk.png) center top no-repeat; height: 56px; left: 12px;}

#footer p {font-size: 1em; position: absolute; left: 27px; bottom: 19px; color: #717171; clear: both;}
a#desero {margin: 4px 0 0; display: block; position: relative; top: 0; left: 0; width: 73px; height: 10px; overflow: hidden;}
a#desero:link span, a#desero:visited span, a#desero:active span {display: block; width: 73px; height: 20px; overflow: hidden; text-indent: -3000px; background-image:url(../images/desero.png);  position: absolute; top: 0; left: 0; cursor: pointer; }
a#desero:hover span {top: -10px;}

/* end footer */

/* start gallery */
body.gallery {background:url(../images/bg.gif) ; background-position: -30px 0; background-color: #74783A; }
.gallery a#desero:link span, .gallery a#desero:visited span, .gallery a#desero:hover span, .gallery a#desero:active span  {background-image:url(../images/desero2.png);}

.gallery #header {background: none;}
body.gallery #footer p {color: #fff; white-space:nowrap; position: absolute; bottom: 17px;  left: -740px; }
body.gallery #footer {  width: 232px;  left: 384px;}
body.gallery #footer * {}
body.gallery a.desero {background:url(../images/desero.png);}
body.gallery #page { position: relative; top: 0; left: 0; overflow: hidden; min-height: 600px; height: 100%;}
body.gallery #content { background-color: #F4F4ED; position: absolute; top: 194px; left: 50%; width: 100%; padding: 0; height: 100%; margin-left: 243px;}
body.gallery #content #rezervari {left: 80px;}
#extra5 {top: 189px;  width: 100%; left: 0; display: block; height: 5px; position: absolute; background:url(../images/header_bg.png); }
body.gallery #extra5 {top: -5px;  width: 100%; left: 0; display: block; height: 5px; position: absolute; background:url(../images/header_bg.png); }
body.gallery #extra6 {width: 4px; height: 100%; background:url(../images/header_bg2.png); position: absolute; top: 0; left: -4px; display: block; overflow: hidden;}
body.gallery h2.galerie_foto {height: 36px;  background-image:url(../images/galerie_foto.gif); text-indent: -3000px; overflow: hidden; margin-top: 75px; margin-left: 23px; }
#gallery_menu { padding-top: 17px; padding-left: 23px; width: 218px; float: left;}
#gallery_menu dt {width: 100%; float: left; padding-bottom: 12px;}
#gallery_menu dt a:link, #gallery_menu dt a:visited, #gallery_menu dt a:active, #gallery_menu dt span { display: block; width: 53px; height: 71px; text-indent: -3000px; overflow: hidden; background-image:url(../images/galerie_dt.gif);}
#gallery_menu dt a:hover, #gallery_menu dt span { background-position: -53px 0;}
#gallery_menu dd {float: left;}
#gallery_menu dd a:link, #gallery_menu dd a:visited, #gallery_menu dd a:active, #gallery_menu dd span {display: block; text-indent: -3000px; overflow: hidden; height: 28px; background-position: 0 0;  }
#gallery_menu dd a:hover, #gallery_menu dd span { background-position: 0 -28px;}
#gallery_menu .single { background-image:url(../images/single_dd.gif); width: 35px; margin-right: 25px;}
#gallery_menu .double { background-image:url(../images/double_dd.gif); width: 47px; margin-right: 19px;}
#gallery_menu .apartament { background-image:url(../images/apartament_dd.gif); width: 81px;}

#thumbs {position: absolute; left: -694px; top: -155px; /* background:url(../images/test.gif); */  width: 630px; height: 480px;    }

#thumbs a, #thumbs img  {display: block;}
#thumbs img {padding: 9px; background:#F4F4ED; border: solid 4px #000; margin: 0 5px 10px;}
span.small { background-image:url(../images/thumb_small.png);  width: 70px; height: 80px; display: block;  }
span.med { background-image:url(../images/thumb_med.png); width: 140px; height: 80px; display: block;}
span.big { background-image:url(../images/thumb_big.png); width: 140px; height: 160px; display: block;}
#thumbs a {position: absolute;  cursor: default; z-index: 1; }

.handle {position: absolute; top: 0; left: 5px; display: block;  cursor: move; background:url(../images/pix.gif);}
.fake_lk {position: absolute; top: 13px; left: 18px; display: block;  cursor: pointer; background:url(../images/pix.gif); }

.thumb1 {left: 140px; top: 80px; width: 70px; height: 80px;}
.thumb2 {left: 210px; top: 0; width: 140px; height: 160px;}
.thumb3 {left: 350px; top: 80px; width: 70px; height: 80px;}
.thumb4 {left: 420px; top: 80px; width: 70px; height: 80px;}
.thumb5 {left: 140px; top: 160px; width: 140px; height: 80px;}
.thumb6 {left: 280px; top: 160px; width: 70px; height: 80px;}
.thumb7 {left: 350px; top: 160px; width: 140px; height: 80px;}
.thumb8 {left: 490px; top: 160px; width: 70px; height: 80px;}
.thumb9 {left: 280px; top: 240px; width: 70px; height: 80px;}
.thumb10 {left: 350px; top: 240px; width: 140px; height: 160px;}
.thumb11 {left: 490px; top: 240px; width: 140px; height: 80px;}
.thumb12 {left: 210px; top: 320px; width: 140px; height: 80px;}
.thumb13 {left: 350px; top: 400px; width: 70px; height: 80px;}

.thumb14, .thumb19, .thumb24 {left: 140px; top: 240px; width: 140px; height: 80px;}
.thumb15, .thumb20, .thumb25 {left: 420px; top: 160px; width: 140px; height: 80px;}
.thumb16, .thumb21, .thumb26 {left: 280px; top: 160px; width: 140px; height: 160px;}
.thumb17, .thumb22, .thumb27  {left: 210px; top: 160px; width: 70px; height: 80px;}
.thumb18, .thumb23, .thumb28 {left: 420px; top: 240px; width: 70px; height: 80px;}

.width1 .handle {width: 60px;}
.width2 .handle {width: 130px;}
.width1 .fake_lk{width: 34px;}
.width2 .fake_lk {width: 104px;}


.height1 .handle {height: 70px;} 
.height2 .handle {height: 150px;}
.height1 .fake_lk{height: 44px;}
.height2 .fake_lk {height: 124px;}

#dragged {z-index: 1000 !important;}
 .droppable { width: 70px; height: 80px;  position: absolute;}
 #full { z-index: 20; position: absolute; top: 50%; left: 50%; margin-top: -209px; margin-left: -182px;  width: 364px; height: 418px; }
 #full img {display: block; padding: 9px; background:#F4F4ED; border: solid 4px #000; margin: 0 5px 10px; width: 328px;  height: 382px; background-image:url(../images/ajax-loader.gif); background-position: center center; background-repeat: no-repeat;}
 
 .landscape {width: 498px !important; height: 273px !important; margin-left: -249px !important; margin-top: -136px !important;}
 .landscape img {width: 462px !important; height: 237px !important;}
 .landscape #foto_wrapper  {background-image:url(../images/big_shadow2.png);}
 #foto_wrapper {width: 100%; height: 100%; position: relative; top: 0; left: 0; z-index: 5; background-image:url(../images/big_shadow.png); }
 
 
 #caption {display: block; width: 177px; padding: 4px 0; background:#F4F4ED; position: absolute; }
 #full #caption {top: 408px; left: 169px;}
 .landscape #caption {top: 263px !important; left: 303px !important;} 
 #caption strong, #caption em {display: block; padding-left: 7px; font-size: 10px; }
 #caption em {color: #888;}
 
 
 select {width: 36px;}
 fieldset.interval {width: 369px; padding-left: 25px; }
 fieldset.interval label {width: 184px; float: left;}
 fieldset.interval em {display: block; float: left; white-space: nowrap; line-height: 1.91em; min-width: 67px;}
 fieldset.interval span {display: block; float: left; margin-left: 3px; background-image:url(../images/input_left.gif); background-repeat:repeat-y; background-color: #E7E7E0; }
fieldset.interval label span.on {background-color: #E8EABA;  background-position: -297px 0; background-repeat:repeat-y;}
fieldset.interval label span.on input.text, fieldset.interval label span.on textarea { background-position: -297px 0;}

 fieldset.interval input.text {display: block; background-image:url(../images/input_top.gif); background-color: transparent; background-repeat: no-repeat; padding: 4px;}
 /* .droppable { width: 70px; height: 80px;  position: absolute; background-color: transparent !important;} */
/* end gallery */

#locatie:link, #locatie:visited, #locatie:active {display: block; background-image:url(../images/locatia.gif); line-height: 25px; padding-left: 33px;    margin-top: 4px; float: left; white-space: nowrap; background-position: 0 -25px;}
#locatie:hover { background-position: 0 0; color: #B2BB1C; text-decoration: underline;  }
#close { display: block; width: 22px; height: 21px; overflow: hidden; background-image:url(../images/close.png); position: absolute; top: 28px; left: 460px; cursor: pointer; }
#map_wrapper {
position: absolute;
left:50%;
top: 50%;
width: 468px;
height: 468px;
margin: -234px 0 0 -234px;
z-index: 200;
display: none;

}
#mapHolder {
background-image:url(../images/mapholder.png);
width: 438px;
height: 438px;
padding: 15px;

}
#mapHolder img {display: block; 
 width: 436px; height: 436px;}
 
span.error {
 color: #E31836; display: block; padding-bottom: 7px;
}

.message {
	display: block;
	clear: both;
	overflow: hidden;
}
.successMsg {
	margin: 0px !important;
	padding: 7px !important;
	line-height: 14px !important;
	color: #b5b90c;
	background-color: #e8e8c2;
	border: 1px solid #b5b90c;
}
.errorMsg {
	margin: 0px !important;
	padding: 7px !important;
	line-height: 14px !important;
	color: #ee2632;
	background-color: #f4cbca;
	border: 1px solid #ee2632;
}