/* CSS Document */
body {
	margin-top: 0px;
 	padding: 0;
	text-align: center;
	background-color: #E9E6DD;

}

.invizible {
	display: none !important;
}

#site{
	width: 848px;
	margin-left: auto;
	margin-right: auto;
}

#menu{
	width: 848px;
	background-color: #FFFFFF;
	padding-top: 15px;
}

#header{
	/*float: left;*/
	clear: both;
	width: 848px;
	height: 295px;
	background-color: #FFFFFF;
	padding-top: 10px;
}

#leftContent{
	float: left;
	width: 229px;
	height: 295px;
	background-image: url(https://static.carta.ro/photos/images/client.templates/images04/bg_name.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	*margin-left: 5px;
}

#rightContent{
	float: left;
	width: 592px;
	height: 295px;
	/*background-image:url(https://static.carta.ro/photos/images/client.templates/images04/header.jpg);*/
	margin-left: 8px;
}

#content{
	/*float:left;*/
	width: 848px;
	background-color: #ffffff;
	padding-bottom: 20px;
	position: relative;
	text-align: left;
}


.leftBox{
	/*float: left;*/
	width: 219px;
	/*height: 295px;*/
	margin-left: 10px;
	*margin-left: 5px;
	margin-top: 10px;
	padding-left: 5px; padding-right: 5px;
	display: inline-block;
	vertical-align: top;
}

.leftBoxMember {
	background-color: #F6F5F1;
	padding: 20px 0;
	margin-bottom: 15px;
}

.leftBoxMember div, .leftBoxMember li {
	margin-left: 20px;
	margin-bottom: 10px;
}

.leftBoxMember a {
	color: #3D3D3D;
	text-decoration: none;
}

.leftBoxMember a:hover {
	color: #7D7D9D;
}

.rezervari{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A101F;
	text-align: left;
}

#text{
	/*float: left;*/
	width: 360px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
	vertical-align: top;
}

#titlu{
	padding-top: 10px;
	padding-left: 10px;
	*padding-left: 5px;
	text-align:left;
}

#photos{
	/*float: left;*/
	margin-top: 10px;
	width: 210px;
	/*height: 600px;*/
	overflow: auto;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 10px;
	text-align: center;
}

#photos img {
	border: 1px solid silver;
	border-radius: 5px;
}


#bottom{
	float: left;
	width: 848px;
	height: 50px;
}

/*----------- texte si meniuri ----*/
.name{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #ffffff;
	width: 229px;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 20px;
	font-weight: bold;
}
.stars{
	width: 229px;
	text-align: center;
}


.menuLinkdiv{
	width: 140px;
	height: 40px;
	margin-top: 15px;
	border-right: 1px solid #D0D0D1;
	vertical-align: middle;
	display: table-cell;
}
#menuLink2{
	float: left;
	width: 141px;
	height: 20px;
	margin-top: 13px;

}
.menuLink{
	font-family: "trebuchet MS", "arial narrow", arial, sans-serif;
	font-size: 16px;
	color: #6A101F;
	text-decoration: none;
	text-transform: uppercase;
}
.menuLink:hover{
	color: #333333;
	text-decoration: none;
}

.titlu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	text-transform: uppercase;
	padding-top: 20px;
	padding-left: 20px;
	background-image: url(https://static.carta.ro/photos/images/client.templates/images04/orange_line.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 40px;
}

.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 20px;
	color: #333333;
}

#copyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4A4A5;
	text-align: center;
	padding-top: 20px;
}


#languages {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:1;
	width: 210px;
	text-align: center;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
}
.sdwt {
	width: 170px;
	margin: 15px 10px 30px 0;
	padding: 0 5px 5px;
	border: 1px solid silver;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	text-align: left;
}
.dt {
	font-weight: bold;
	position: relative;
	top: -7px;
	left: 20px;
	background-color: white;
	padding: 0 10px 0 10px;
	display: inline-block;
}
.sdwt img {
	vertical-align: middle;
	padding: 2px;
}
/* ---- fix pentru transparenta pt Internet Explorer 5.5 si 6 ---- */
img, div { behavior: url(css/iepngfix.htc) }

.stats{font-size:x-small;}
#lpl {
	FONT-SIZE:14px;FONT-WEIGHT:bold;color: #C00;margin: 0 0 15px 0;
}

/* enhance offer div wrapper in client */
.enhodwc {
	color: #c00;
	margin: 10px 0;
	font-size: 14px;
	text-align: left;
}

/* enhance offer div in location horizontal menu */
.enhod {
	display: inline;
}

/* enhance offer in client */
.enhoc {
	font-size: 14px;
	font-weight: bold;
	color: #c00;
}

.enhod a, a:hover {text-decoration: none;}

#middleContent A:link, #middleContent A:visited {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	color: #302822;
}


#middleContent A:ACTIVE, #middleContent A:HOVER, #middleContent A:FOCUS {
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	color: #302822;
}

/*A.button:link, A.button:visited, A.button:ACTIVE, A.button:HOVER, A.button:FOCUS  {
	color: #663300;
	font-weight: bold;
	font-size: 12px;
	background-image: url('https://static.carta.ro/photos/images/button_bkg.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 120px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	margin-top: 8px;
	text-decoration: none;
}*/


A.button/*:link, A.button:visited*/ {
	color: #663300;
	font-weight: bold;
	display: inline-table;
	width: 120px;
	text-align: center;
	line-height: 28px;
	margin-top: 8px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #95b7dd;
	background-color: #e0edfd;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0edfd), to(#b5d7fd));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #e0edfd, #b5d7fd);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #e0edfd, #b5d7fd);
	/* IE 10 */
	background: -ms-linear-gradient(top, #e0edfd, #b5d7fd);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #e0edfd, #b5d7fd);
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

A.button:ACTIVE, A.button:HOVER, A.button:FOCUS  {
	background: #b5d7fd;
	text-decoration: none;
}

A.button * {
	top: 0; left: 0;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
}

/* send button in contact form */
A.send_b {
	width: auto;
	padding-left: 50px;
	padding-right: 10px;
	background-image: url('https://static.carta.ro/photos/images/carta_bars.png'), linear-gradient(#e0edfd, #b5d7fd); /* left center no-repeat;*/
	background-position: left center;
	background-repeat: no-repeat;
	display: block; /* fill the whole width of the form */
}

A.send_b:ACTIVE, A.send_b:HOVER, A.send_b:FOCUS  {
	background-image: url('https://static.carta.ro/photos/images/carta_bars.png'), linear-gradient(#b5d7fd, #b5d7fd); /* left center no-repeat;*/
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}

#email_form {text-align: left;}

#email_form input[type="text"] {
width: 100%;
box-sizing: border-box;
}

#email_form input:focus {
}

#ef_d1 {
float: left;
width: 66%;
padding-top: 20px;
}

#ef_d2, #ef_d3 {
float: left;
width: 50%;
}

#ef_d4 {
float: right;
width: 34%;
text-align: center;
}

#ef_d5 {
overflow: hidden;
min-width: 300px;
padding-top: 10px;
}

#ef_d6, #ef_d7, #ef_d8 {
float: left;
width: 33%;
}

/* needed for the popul info window */
.display_flex {
	display: flex;
}

.p_w {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none; /* in order for this to work as a wrapper, this will be made by js 'flex' - this is the whole secret of wrapping */
	align-items: center;
	z-index: 1;
}

/* close button for p_w - inserted in d_p() function in functions.js */
.p_w #x {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
}

/* popup content */
.p_c {
	display: none; /* this will be made visible in js with show() - nice effect */
	border-radius: 20px;
	padding: 40px 16px;
	font-size: 32px;
	font-weight: bold;
	/*width: 75%;
	margin-left: 12.5%;*/
	margin: 0 auto;
	background-color: floralwhite;
	border: 3px solid cadetblue;
	text-align: center;
	position: relative; /* so that #x would position relative to this */
	max-height: 70vh; /* for when in landscape mode on mobiles */
	overflow: auto; /* for when in landscape mode on mobiles */
}

/* next code makes that the phones is scrolled while the x buttons stays */
.p_c #phones {
	position: absolute;
	top: 36px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

/* client vertical navigation phones - disable click on phone number - enabled in medium.css */
.c_f #phones a[href^=tel] {
	pointer-events: none;
	cursor: default;
	color: maroon;
	/*color: #565555;*/
	line-height: 48px;
}

/* insert a new line after each link */
.c_f #phones a:after {
    content:"\a";
    white-space: pre;
}




#email_form input:not([type=checkbox]), #email_form textarea {
	/*-webkit-appearance:none;
	border: 1px solid silver;*/
	border-radius: 5px;
	border: 3px solid lightgray;
	/*color: cadetblue;*/
	color: #244e70;
	-webkit-appearance: none; -moz-appearance: none;
	display: block;
	margin-bottom: 20px;
	width: 100%;
	height: 50px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	width: 100%;
	box-sizing: border-box;
}

#email_form input:focus {
	background-color: lightblue;
}

#email_form label {
	color: gray;
}

/* centered text above the calendar */
.cal_c {
	text-align: center;
	padding: 10px;
	color: #244e70;
	font-weight: bold;
}

#email_form #d1_w {
	font-size: 18px;
	text-align: center;
}

#email_form #d2 {
	font-size: 18px;
	text-align: left;
}

#email_form #d1>div, #email_form #d2>div {
	margin: 30px 0;
}

#email_form #d1>div>div:first-child, #email_form #d2>div>div:first-child {
	width: 100px;
	text-align: left;
}

#email_form #d1>div>div, #email_form #d2>div>div {
	display: inline-block;
}

#email_form #d1 input[type="button"], #email_form #d2 input[type="button"] {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 2em;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	display: inline;
}

#email_form #d1 input[type="text"], #email_form #d2 input[type="text"] {
	width: 80px;
	text-align: center;
	margin: 0 10px;
	vertical-align: middle;
	display: inline;
}

#email_form #d2 input[type="text"] {
	width: 300px;
	margin: 0;
	text-align: left;
}

#ef_d1 {
	float: left;
	width: 66%;
	padding-top: 20px;
	height: 80px; /* so that for a specific viewport width the #ef_d8 would not be split into two rows because d6 and d7 fit under d2 and d3 */
}

#ef_d2 {
	float: left;
	width: 50%;
}

#ef_d3 {
	float: left;
	width: calc(50% - 10px);
	margin-left: 10px;
}

#ef_d4 {
	float: right;
	width: 34%;
	text-align: center;
}

#ef_d5 {
	overflow: hidden;
	min-width: 300px;
	padding-top: 10px;
}

#ef_d6, #ef_d7, #ef_d8 {
	float: left;
	width: 33%;
}

li[itemprop="amenityFeature"] {
	list-style-type: none;
}

.rate {
	font-weight: bold;
}

.g_wrn {
	color: maroon;
}

#email_form textarea {
	height: 200px;
	font-weight: normal;
}


.rate {color:#073C68; font-weight:bold;}

td[itemprop="priceSpecification"] {
	padding-bottom: 40px;
}

td[itemprop="season"] {
	padding-top: 30px;
	padding-bottom: 20px;
}

td[itemprop="season"] span {
	color: #005E00;
}

#email_form input[type="text"]#s_c_s_b_e { display: none; }


/* jQuery UI Datepicker emphasis on selected dates */

.selected_date a {
	background: #007fff none !important;
	color: white !important;
}

div.ui-datepicker {
	font-size: 22px;
}

.ui-datepicker-next, .ui-datepicker-next-hover {
	background: url("https://static.carta.ro/photos/images/arrow.png") center center no-repeat !important;
}

.ui-datepicker-prev, .ui-datepicker-prev-hover {
	background: url("https://static.carta.ro/photos/images/arrow.png") center center no-repeat !important;
	transform: rotate(180deg);
}

.ui-widget-header .ui-icon {
    background-image: none !important; /* don't show anymore the small original arrows */
}

.ui-datepicker {
	width: auto !important; /* when only one month displayed, it fills the whole width of the mobile device */
}


/* used to display inputs as text in client.email.form.tpl */

.as_text {
    border: 0 !important;
    outline: none;
}




#wait {
	display: none;
	position: absolute;
	top: calc(50% - 16px);
	right: 5px;
	z-index: 100;
}








/* GUESTBOOK */


.review {
	margin-left: 6px;
	margin-top: 30px;
}

.review >:first-child {
	/*color: #006600;*/
}

.review.positive_1 [rel="title"] {
	color: #073C68;
}

.review.positive_0 [rel="title"] {
	color: #680707;
}

.review [rel="text"] {
	text-indent: 50px;
	font-size: smaller;
}

.review [rel="date"] {
	line-height: 20px;
	font-style: italic;
	font-size: smaller;
	text-align: right;
}

.r_tings {
	display: inline-block;
	margin: 16px 0;
}

.r_ting {
	line-height: 20px;
	text-align: right;
}

.review.positive_1 .r_ting {
	color: #073C68;
}

.review.positive_0 .r_ting {
	color: #680707;
}



.rating_row {
	margin-top: 10px;
	display: table-row;
}

.rating_label {
	display: table-cell;
	padding: 14px 16px 0 0;
}

.rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	/*background-image: linear-gradient(to right, #111513, #298037);*/
	border-radius: 5px;
	vertical-align: top;
	padding: 2px 8px 3px;
}

.rating > input {
	/*display:none; - we can't use this because then the field would not work as required anymore */
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.rating > label {
	position: relative;
	width: 1.1em;
	font-size: 28px;
	color: orange;
	cursor: pointer;
	top: 5px;
}

.rating > label::before {
	content: "\2605";
	position: absolute;
	opacity: 0;
}

.rating > label:hover:before,

.rating > label:hover ~ label:before {
	opacity: 1 !important;
}

.rating > input:checked ~ label:before {
	opacity:1;
}

.rating:hover > input:checked ~ label:before {
	opacity: 0.4;
}

.rating_value {
	display: table-cell;
	font-weight: bold;
}


.send_button {
	 position: relative;
	 margin: 20px 0;
}


.wait {
	display: none;
	position: absolute;
	top: calc(50% - 16px);
	right: 10px;
	z-index: 100;
}







/* block fb new comments */

.fb-comments-wrap {
	overflow: hidden;
}

.fb-comments {
	/*margin-top: -160px;*/
}