/* 

  Created by Ovidiu Sopa / webmaster@sibiul.ro  /  +40.743.060730
  SC SOPA CONSULTING SRL / office@sibiul.ro     /  +40.740.156039
  Tel/Fax: +40.269.223081

  Date   : 16.06.2010 

*/
* { margin: 0; }

html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -65px;}
.footer, .push { height: 65px; background:url('http://www.pensiuneahappyday.ro/images/bg_footer.jpg') repeat-x;}
 .footer p{ padding:30px 0 0 0;}
 .webdesign{ font-size:11px; color:#473D29;}
 .webdesign a{  font-size:11px; color:#473D29; text-decoration:underline}
 .webdesign a:hover{  font-size:11px; color:#F9F5EB; text-decoration:underline}
 
 .cars img{margin-top:-30px;float:left;}
 .cladire img{margin-top:-499px; margin-left:-100px; float:left;}
body{ top:0; padding:0; background:url('http://www.pensiuneahappyday.ro/images/bg_.jpg') no-repeat; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.main_left{ width:250px; /*border: 1px solid #333333;*/ float:left;}
	.language_links img{ margin-top:3px;}
	.virtual_tour{margin-top:60px;}
.main_right{width:700px; /*border: 1px solid #333333;*/ float:left;}
	.menu_container{ margin-top:40px; width:629px; height:46px; background:url('http://www.pensiuneahappyday.ro/images/css_sprites.png') no-repeat; }

.menu_container{}
	.main_menu{ list-style-type:none; padding-top:10px; }
	.main_menu li{ float:left; line-height:30px; padding:5px 0 0 20px; }
	.main_menu li a, .simulate_link{ color:#FFFFFF; font-size:17px; text-decoration:none;}
	.main_menu li a:hover{ color:#CEE233; }
	.menu_link { margin-top:10px; line-height:30px;}
	
	.social_icons{ text-indent:-9999px; background:url('http://www.pensiuneahappyday.ro/images/css_sprites.png') no-repeat; display:block; height:30px; margin-right:8px; float:left; margin-top:-10px }
		.yahoo{ background-position:-865px -15px; width:47px;}
		.youtube{ background-position:-917px -15px; width:47px;}
		.twitter{ background-position:-965px -15px; width:27px;}
		.facebook{ background-position:-994px -15px; width:20px}


.content{ width:717px; float:left; margin-top:30px;}
	.content_top	{ width:717px; background:url('http://www.pensiuneahappyday.ro/images/bg_content.jpg') no-repeat; height:15px;}
	.content_middle	{ width:717px; background:url('http://www.pensiuneahappyday.ro/images/bg_content.jpg') -717px 0 repeat-y; color:#856F59;}
		.content_middle a, .content_middle a:active, .content_middle a:visited { color:#856F59;}
		.content_middle a:hover{ color:#201B18;}
		.big_border{border:7px solid #E7D7B5;}
		a:hover .big_border{border:7px solid #856F59;}
	.content_bottom	{ width:717px; background:url('http://www.pensiuneahappyday.ro/images/bg_content.jpg') -1434px no-repeat; height:15px;}

	.alpha{ margin:20px 0 20px 0;}
	.alpha, .alpha_top, .alpha_bottom, .alpha_middle{ width:535px;}
		.alpha_top, .alpha_bottom, .alpha_middle{ width:535px; background:url('http://www.pensiuneahappyday.ro/images/css_sprites.png'); }
		.alpha_top{  height:5px; line-height:5px; background-position:-650px 0; }
		.alpha_bottom{ height:5px; line-height:5px; background-position:-650px -10px; }
		.alpha_middle{ background-position:-1192px 0; padding:10px 0 10px 0; }
	
	.white_block{ width:551px;}
		.white_block_top, .white_block_middle, .white_block_bottom{ width:551px; background:url('http://www.pensiuneahappyday.ro/images/css_sprites_white.png'); }
		.white_block_top{  height:12px; line-height:12px; background-position:0 0; }
		.white_block_bottom{ height:12px; line-height:12px; background-position:0 -12px; }
		.white_block_middle{ background-position:-551px 0; padding:10px 0 10px 0; }
		.white_block_middle div{ padding:0 15px 0 15px; text-align:justify;}

	.form_148{background:url('http://www.pensiuneahappyday.ro/images/bg_footer.jpg') repeat-x; background-position:0 -65px; border:1px solid #A8ACAD; height:20px; line-height:20px;}
	.form_100{background:url('http://www.pensiuneahappyday.ro/images/bg_footer.jpg') repeat-x; background-position:0 -65px; border:1px solid #A8ACAD; width:120px; height:20px; line-height:20px;}
	.form_max{background:url('http://www.pensiuneahappyday.ro/images/bg_footer.jpg') repeat-x; background-position:0 -65px; border:1px solid #A8ACAD; width:100%; height:20px; line-height:20px;}
	.submit_button{width:190px; height:23px; background:url('http://www.pensiuneahappyday.ro/images/css_sprites.png'); background-position:-665px -21px; border:0; color:#000000; text-shadow: #FFFFFF 0 0 3px; }
	
	h2{ color:#003399; font-family:Georgia, "Times New Roman", Times, serif; text-shadow: #FFFFFF 0 0 3px;}
	.article_text{ padding:5px 20px 20px 20px; text-align:left;}
	.slider{width:561px; height:170px;}
	
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('http://www.pensiuneahappyday.ro/images/msg_info.png');}
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://www.pensiuneahappyday.ro/images/msg_success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://www.pensiuneahappyday.ro/images/msg_warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('http://www.pensiuneahappyday.ro/images/msg_error.png'); }

.video_left{ margin-left:-30px;}

.picture_grid_middle_limited{ height:336px; width:677px; margin-left:-10px; overflow:scroll; scrollbar-track-color:#F9F5EB;}



/*  MAIN LAYOUT =END= */



/* START SLIDER */


*{outline: none;}
img {border: 0;}
.container {
	width: 551px;
	padding: 0;
	margin: 0 auto;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	
}
/*--Window/Masking Styles--*/
.window {
	height:155px;	width: 551px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {

	position: absolute;
	bottom: 20px; right: 0;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url('http://www.pensiuneahappyday.ro/images/paging_bg2.png') no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
/* END SLIDER */




/* START CALENDAR */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: right;
	width: 23px;
	height: 23px;
	padding: 0;
	margin: 0 0 0 3px ;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('http://www.pensiuneahappyday.ro/images/calendar.gif') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	/*background-position: 0 -20px;*/
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	/*width: 140px;
	float: left;*/
}

/* END CALENDAR */

.small_grey{ font-size:11px; color:#666666}

.picture_grid_big{ width:100%; padding-left:15px;}
.photo_box{float:left; width:122px; height:100px; margin:0 10px 10px 0;}

.ascunde{display:none;}

.admin_tr{ background:#EEF4FB;}

.bg_drag{ background:#F3F1E7 url(http://www.pensiuneahappyday.ro/images/move_32.gif) 50% 50% no-repeat; width:60px}
.tDnD_whileDrag{ background:#F3F1E7 }

#AjaxResultXWD{float:right; height:400px; width:400px; overflow:auto; position:fixed; top:0; right:0;}
#AjaxResult{ display:none;}



.infiniteCarousel {
  /*width: 395px;*/
  width: 570px;
  height:85px;

  position: relative;
}

.infiniteCarousel .wrapper {
  /*width: 315px;*/ /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  width: 507px;
  overflow: auto;
  min-height: 10em;
  margin: 0 20px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 3px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 3px;
  height: 80px;
  width: 120px;
  
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url('http://www.pensiuneahappyday.ro/images/arrow.png') no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 27px;
  /*cursor: pointer;*/
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: -20px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}