@charset "utf-8";

hmtl, body {
	background: url('img/texture.gif') repeat;
	margin: 0px auto 0px auto;
	text-align: center;
}

#header {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	width : 100%;
	min-width: 987px;
	height : 174px;
	background-image : url("img/header.png");
	background-repeat: repeat-x;
	text-align: center;
}
#slideshow img{
	width: 950px;
}
.ss-controls a{
 font-size: 18px;
}

.nav-controls a{
 font-size: 18px;
}

#background_top {
	float: left;
	background: url('img/head_bg.gif') no-repeat;
	width: 100%;
	min-width: 987px;
	height: 434px;
}

#wrapper {
	margin : 240px auto 0px auto;
	width : 987px;
	text-align: left;
}

#content_header {
	float : left;
	width : 987px;
	height: 8px;
	padding: 0px;
	margin: 0px;
	background: url("img/content_top.png") no-repeat;
}

#content_wrapper {
	float : left;
	width : 987px;
	height: 100%;
	margin-top: 0px !important;
	margin-top: -10px;
	padding: 0px;
	background: url("img/content.png") repeat;
}

/* for Internet Explorer */
/*\*/
* html #content {
height: 600px;
}
/**/

#content_footer {
	float : left;
	width : 987px;
	height: 14px;
	margin-bottom: 10px;
	padding: 0px;
	background: url("img/content_bottom.png") no-repeat;
}

#footer {
	float : left;
	width: 100%;
	height : 205px;
	text-align:left;
	font-size: 0.9em;
	color: #000;
	background : url("img/footer.png") repeat-x;
}

#galery_bg{
	width: 615px;
	height: 310px;
	padding-top: 10px;
	margin-left: -15px;
	margin-top: -10px;
	background-color: #3f2b2c;
}

  
/*----------------------------- DECORATIONS ---------------------------------*/

a, ul, dl, ol, th, td, div {color: #FBF475; font-size: 15px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

h1, h2, h3 {color: #FBF475; margin: 15px 0px 15px 68px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}

h1 { font-size:28px;}

h2 { font-size:18px;}

p, li {color : #F8FCAB; font-size: 15px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal;}

#content_left li {margin-left: 40px;}

#content_left p {text-indent: 40px;  margin: 15px 15px 0px 30px;}

strong {color: #3f2b2c;}

p a{text-decoration: none; font-weight: 400;}

p.underline a{text-decoration: underline;}

#footer a       {color:#8b8a8a; text-decoration: none;}
#footer a:hover {font-weight: bold;}

a, ul, dl, ol, th, td, div :focus{
  -moz-outline-style: none;
} 

ul.list li {margin-bottom: 20px;}


div.fadehover {
	position: relative;
	float: left;
	}
img.logo {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
	cursor: pointer;
	}
img.logo2 {
	position: absolute;
	left: 0;
	top: 0;
}


/*----------------------------- HACKS ---------------------------------*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

a, ul, dl, ol, th, td, div{
   outline: none;  
}

/*------------------------------- Select Color -----------------------------------*/

::-moz-selection {
	color:#f28418;	
}

::selection {
	color: #f28418;
	background: none;
}

code::-moz-selection {
	color: #f28418;
}

code::selection {
	color: #f28418;
	background: none;
}

.rezervare {
background:url("img/rezervare.gif") no-repeat scroll center center transparent;
border:medium none;
color : #F8FCAB;
cursor:pointer;
font-size:0;
height:40px;
outline:medium none;
text-decoration:none;
width:142px;
float: left;
}

#wood_menu {
	width: 987px;
	margin: 0px auto;
}


#wood_menu_left {
	float: left;
	background:url(img/wood_menu/wood_menu_left.png) no-repeat;
	width: 394px;
	height: 59px;
	margin: 3px auto 0px auto;
}

#wood_menu_right {
	float: right;
	background: url(img/wood_menu/wood_menu_right.png) no-repeat;
	width: 394px;
	height: 59px;
	margin: 3px auto 0px auto;
}

#logo {
	position: relative;
	margin: 14px auto 0px auto;
	z-index: 1000;
	background-image: url(img/header_deco.png);
	width: 883px;
	height: 111px;
}

ul.list li {margin-bottom: 20px;}

#slideshow {
	margin: 0px 0px 0px 10px;
}

#slideshow-border {
	background: url(img/border.png) repeat;
	width: 970px;
	height: 270px;
	padding-top: 10px;
	margin-left:8px;
	margin-top: 6px;
}

#content_left {
	float: left;
	background: url(img/border.png) repeat;
	width: 640px;
	height: 600p;
	min-height: 600px !important;
	margin: 20px 0px 20px 23px !important;
	margin: 20px 0px 20px 13px;
}

#weather {
	float: left;
	background: url(img/border.png) repeat;
	width: 220px;
	height: 300px;
	text-align: center;
	margin: 30px 0px 20px 30px;
}

#content_right {
	float: left;
	background: url(img/border.png) repeat;
	width: 280px;
	min-height: 600px;
	margin: 20px 0px 0px 20px;
}

#content_left #oferte {
	background:  url(img/border.png) repeat;
	width: 500px;
	margin-left: 70px;
	min-height: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
}

#content_left #oferte p.oferte{
	text-indent: 0px;
	margin-left: 30px;
}

#content_left #oferte h2.oferte,h3.oferte{
	margin: 0px 0px 0px 30px;
}

#content_left h1.oferte{
	margin: 30px;
}

#sidebar_galery {
	margin: 17px;
}


/*------------------------------- MENIU JOS -----------------------------------*/
#mid_menu {
	position:absolute;
	top:160px !important;
	top:175px;
	margin-left: 50px;
}
#mid_menu ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	padding: 0px;
	min-width: 800px;
} 

#mid_menu li {
	display: inline; /* pentru IE5 si IE6 */
	float: left;
	list-style-type: none;
} 

/*------------------------------- BUTOANE -----------------------------------*/

#mid_menu ul li a#intro {
	display: block;
 	background: url('img/meniu/intro1.png') no-repeat center;
	width: 122px;
	height: 90px;
	float: left;
}

#mid_menu ul li a#hotel {
	float: left;
 	background: url('img/meniu/hotel1.png') no-repeat center;
	display: block;
	width: 180px;
	height: 90px;
}

#mid_menu ul li a#pensiune {
	display: block;
 	background: url('img/meniu/pensiune1.png') no-repeat center;
	width: 203px;
	height: 90px;
	float: left;
}

#mid_menu ul li a#vila {
	display: block;
 	background: url('img/meniu/vila1.png') no-repeat center;
	width: 147px;
	height: 90px;
	float: left;
}

#mid_menu ul li a#baza {
	display: block;
 	background: url('img/meniu/baza1.png') no-repeat center;
	width: 235px;
	height: 90px;
	float: left;
}

/*------------------------------- HOVER MENIU-----------------------------------*/

#mid_menu ul li a#intro:hover {
  	background-image: url('img/meniu/intro2.png');
  	float: left;
}

#mid_menu ul li a#hotel:hover {
  	background-image: url('img/meniu/hotel2.png');
  	float: left;
}

#mid_menu ul li a#pensiune:hover {
  	background-image: url('img/meniu/pensiune2.png');
	float: left;
}

#mid_menu ul li a#vila:hover {
  	background-image: url('img/meniu/vila2.png');
	float: left;
}

#mid_menu ul li a#baza:hover {
  	background-image: url('img/meniu/baza2.png');
	float: left;
}