/* =COLORS
 * ------------------------------------ *
 * 
 * BG1				#301209
 * HEADINGS: 		#e6d5b0
 * DIVIDERS:		#4c3a29
 * LINKS: 			#e6d5b0
 * CALLTOACTION		#17862a
 * ------------------------------------ */



/* =BODY
 * ------------------------------------ */
body {	
	height: 100%;
	background: #301209 url(../img/layout/wood.jpg);
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 75%; /*12px*/
	line-height:1.5em;
	text-align: center;
	color: #fff;
}


/* =GLOBAL ELEMENTS
 * ------------------------------------ */
h1{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 4em; /*48px*/
	line-height: 1.125em; /*54px*/
	color: #e6d5b0;
}
h2 {
	margin-bottom: 18px;font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 3em; /*36px*/
	line-height: 1em;
	color: #e6d5b0;
}
h3 {
	margin-bottom: 18px;font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 1.5em; /*18px*/
	line-height: 1em;
	color: #e6d5b0;
}
h4{
	margin-bottom: 18px;font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 1.33em; /*16px*/
	line-height: 1.125em;
	color: #e6d5b0;
}
h5{
	margin-bottom: 18px;font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 1.166em; /*14*/
	line-height: 1.286em;
	color: #e6d5b0;
}
h6{
	margin-bottom: 18px;font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;	
	font-size: 1em; /*14*/
	line-height: 1.5em;
	color: #e6d5b0;

}

p {
	margin: 0.69em 0; /*9px*/
	font-size: 1.08em; /* 13px*/
	line-height: 1.38em;	
}

a:link {
	color: #0af;
}
a:visited {
	color:  #0af;
}
a:hover {
	color: #0af;
}

sup, sub {font-size: 70%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

strong {
	font-weight: bold;
}


small {
	font-size: 0.75em;
}

dl{
	margin-left: 1em;
	margin-bottom: 18px;
}
dt{
	font-weight: bold;
}
dd {
	font-style: italic;
}

ol, ul{
	margin-bottom: 18px;
	color: #e6d5b0;
}

#content ol{
	list-style-type: decimal;
	margin-left: 2em;
}

#contentBody ul, #aside ul{
	list-style-type: disc;
	margin-left: 2em;
}

em, cite, q, blockquote{
	font-style: italic;
}

blockquote{
	margin-left: 4em;
}

blockquote span{
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

pre {
	overflow:auto;
	font-size: 12px;
	font-family: "Lucida Console","Courier New", Courier, monospace;
}

/* =FORMS
 * ------------------------------------ */
fieldset{
	margin-top: 18px;
}

legend {
	margin-bottom:18px;
}

label{
	display: block;
}

input.radio , input.checkbox {
	float:left;
	margin:0.2em 0.5em 0 0;
}

input.text, textarea, select {
	padding:5px;
	border: 1px solid #4c3a29;
	background: #301209;
	color: #fff;
}

#contentBody input.text {
	width:240px;
}

input.text:focus, textarea:focus{
	border: 1px solid #e6d5b0;
}

input.button {
	padding: 3px;		
	background:#4c3a29;
	border-top: 1px solid #4c3a29;
	border-bottom: 1px solid #000;
	color:#e6d5b0;
}



/* =TABLES
 * ------------------------------------ */


table{
	border-collapse: separate;
	border: 1px solid #4c3a29;
}
th {
	border-bottom: 1px solid #4c3a29;
	font-weight:bold;
}
td ,th{
	padding:1em;
}
tr:hover {
	background: #666;
}


/* =CONTAINER
 * ------------------------------------ */
#container {
	position: relative;
	width:930px;
	margin:3em auto;
	border: 10px solid #e6d5b0;
	overflow:visible;
	background: #432b14;
	text-align: left;
}



.someInfo {	
	position: absolute;
	top: -3em;
	right: 0;	
	font-family: Georgia, "Times New Roman", serif;
	font-size:1.08em; /*13px*/
	line-height:1.5em;
	font-weight: bold;
	color: #e6d5b0;
}

.someInfo a {
	padding-right: 10px;
	margin-right: 5px;
	border-right: 1px solid #e6d5b0;
	color: #e6d5b0;
}



/* =HEADER
 * ------------------------------------ */
#header { /* 130px */
	padding:0 60px;
	border-bottom:1px solid #4c3a29;
	background: url(../img/layout/header.png) repeat-x;	
	overflow: hidden;
}

#header h1 {
	float: left;
	height: 133px;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: both;
	width: 280px;
	background: -moz-linear-gradient(top,rgba(190,170,160,0.20) 0,rgba(190,170,130,0.7) 100%);
	background: -webkit-linear-gradient(top,rgba(190,170,160,0.20) 0,rgba(190,170,130,0.7) 100%);
	background: -ms-linear-gradient(top,rgba(190,170,160,0.20) 0,rgba(190,170,130,0.7) 100%);
	background: -o-linear-gradient(top,rgba(190,170,160,0.20) 0,rgba(190,170,130,0.7) 100%);
	background: linear-gradient(top,rgba(190,170,160,0.20) 0,rgba(190,170,130,0.7) 100%);
}
#header h1 a{
	background: url(../img/layout/logo.png) no-repeat center center;
	display: block;
	height: 107px;
	margin: 15px 0 0 20px;
	width: 240px;
	text-decoration: none;
	color: #fff;
}
#header h1 q{
	display:block;
	margin-bottom:13px;
	font-size: 0.25em; /*12px*/	
	line-height: 1.5em;
	font-style:italic;	
}


/* =navMain
 * ------------------------------------ */
#navMain , #navSub{
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
}
ul#navMain {
	float: right;
	margin:54px -20px 0 0;
}

ul#navMain li {
	float: left;	
}

ul#navMain li a{
	display:block;
	padding: 3px 0;
	text-decoration:none;
	text-transform:uppercase;
	color:#e6d5b0;	
}

ul#navMain li span{	
	padding: 1px 9px;
}

ul#navMain li a:hover, 
#home ul#navMain li.home a,
#info ul#navMain li.info a,
#evenimente ul#navMain li.evenimente a,
#fotografii ul#navMain li.fotografii a,
#rezervari ul#navMain li.rezervari a,
#contact ul#navMain li.contact a

{
	background:#980000;
}

ul#navMain li a:hover span, 
#home ul#navMain li.home span,
#info ul#navMain li.info span,
#evenimente ul#navMain li.evenimente span,
#fotografii ul#navMain li.fotografii span,
#rezervari ul#navMain li.rezervari span,
#contact ul#navMain li.contact span
{
	border-right: 2px solid #980000;
	border-left: 2px solid #980000;
	margin-left:-2px;
	margin-right:-2px;
}



/* =CONTENT
 * ------------------------------------ */
#content {	
	padding:0 60px;
}


/* =SLIDERCONTAINER
 * ------------------------------------ */
#sliderContainer { /*930px*/
	padding:18px 60px;
	margin: 0 -60px;
	clear:both;	
	overflow:hidden;
	border-bottom:1px solid #4c3a29;
	background: #301209;
}

.slideshow {
	position:relative;
	float:left;
	width:510px;
	height:250px;
	overflow:hidden;
	border: 10px solid #4c3a29;
}	

.slideshow .prevSlide, .slideshow .nextSlide {
	position: absolute;
	width:50%;
	height:100%;	
	top:0px;
	z-index:10;	
	text-indent:-9999px;
}
.slideshow .nextSlide {
	right:10px;
}	
.slideshow a.nextSlide:hover {
	background:url(../img/layout/nextslide.png) right no-repeat;
}	
.slideshow .prevSlide {
	left: 10px;
}
.slideshow a.prevSlide:hover {
	background:url(../img/layout/prevslide.png) left no-repeat;
}	

.sliderInfo {
	float:right;
	width:240px;
	margin-left:10px;
	padding:10px;
}
.ad_girl {
	margin: -18px 0 0 -5px;
	position: relative;
	z-index: 2;
}
.sliderInfo h2{
	color: #e6d5b0;
	margin-top: 5px;
	text-align: center;
	line-height: 42px;
	width: 260px;
}

.sliderInfo a.rezervari{
	border-radius: 3px;
	border: 1px solid #197b30;
	font: normal normal 24px/52px "Lucida Sans Unicode",arial;
	color: #d0cbd1;
	display:block;
	width: 280px;
	height:55px;
	margin-top: -14px;
	text-decoration:none;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0,0,0,0.5);
	position: relative;
	background: #00902e-moz-linear-gradient(#00a547,#006a12);
	background: #00902e -webkit-linear-gradient(#00a547,#006a12);
	background: #00902e linear-gradient(#00a547,#006a12);
} 
.sliderInfo a.rezervari:hover {
	background: #00902e-moz-linear-gradient(#1abe39,#23841d);
	background: #00902e -webkit-linear-gradient(#1abe39,#23841d);
	background: #00902e linear-gradient(#1abe39,#23841d);
}
.sliderInfo a.rezervari:active {
	background: #00902e-moz-linear-gradient(#16a932,#1e7a19);
	background: #00902e -webkit-linear-gradient(#16a932,#1e7a19);
	background: #00902e linear-gradient(#16a932,#1e7a19);
	margin-top: -13px;
}



/* =CONTENTBODY
 * ------------------------------------ */
#contentBody { /*580px*/	
	float:left;
	overflow:hidden;
	width:530px;
	margin: 36px 0;
}



/* =ASIDE
 * ------------------------------------ */
#aside { /*350*/
	width:320px;
	float:right;
	padding-bottom: 36px;
	position: relative;
}
#aside:before {
	background: linear-gradient(#301209,#432b14);
	content: " ";
	display: block;
	height: 80px;
	position: absolute;
	left: 22px;
	top: 36px;
	width: 280px;
	z-index: 1;
}

#aside .section {	
	margin-top:36px;
	padding: 10px 0 0 35px;
	border-left: 1px solid #4c3a29;
	overflow:auto;
	position: relative;
	z-index: 2;
}

#aside .section h3 {
	padding-left :10px;
	color: #e6d5b0;
}


/* =FEATURES
 * ------------------------------------ */
#features {
	clear:both;	
}


#features h3{		
	text-align:center;	
	border-bottom: 1px solid #4c3a29;
}

#features h4 {
	font-weight:bold;
}

#features .subsection {
	float: left;
	width: 230px;	
	margin:18px 0;
	font-family: Arial, Helvetica, sans-serif;
}


#features .offers {
	width:530px;	
	float:left;
}

#features .offers .subsection{
	width:265px;	
}
	
#features .location {
	float:right;
}




/* =FOOTER
 * ------------------------------------ */
#footer {
	clear:both;
	padding:18px;
	border-top:1px solid #4c3a29;
	background: #301209 url(../img/layout/footer.jpg) repeat-x;
	text-align:center;
}

#navSub {
	margin:0 auto;
}

#navSub li{
	display:inline;
	margin-right:20px;
}

#navSub li.contact{
	margin-right:0;
}

#navSub a {
	text-decoration:none;
	color: #e6d5b0;
}

#navSub a:hover{
	text-decoration:underline;
}

#footer p {
	margin-top:18px;
	color:#4c3a29;
}


/* =EXTENDED
 * ------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display:inline-block;}
.clearfix {display:block;}


	#main_image {
		position:relative;
		float:left;
		min-width:440px;
		min-height:250px;
		overflow:hidden;
		border: 10px solid #4c3a29;
		background:black;
	}
	
	.gallery_thumbs li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}	
	.caption{
		position: absolute;
		bottom:0;
		padding:3px;
		background: #000;
		font-style:italic;
		color:#fff;
	}

	
	
	
	/* Catalin */
	h2 em { font-style: normal }
.activity_menu {
float: left; 
padding: 0 100px;
}
.contact-mail:after {
content: "contact@pensiuneasara.eu";
}
.modul_meteo {
display: block;
margin-left: 60px;
}
.modul_meteo table {
background: #fff;
color: #333;
}
.modul_meteo table tr:hover {
background: none;
}

.nota_rezervari {
color: #e6d5b0;
font-size: 14px;
font-style: oblique;
padding: 5px;
font-weight: bold;
border: 3px solid #E6D5A9;
width: 320px;
display: block;
}

.first_box {
	background: linear-gradient(#301209,#432b14);
	height: 80px;
	overflow: hidden;
}

.first_box h1 {
	background: url(../img/layout/bine_ati_venit.png) no-repeat 0 0;
	text-indent: -99999px;
	height: 65px;
	margin: 12px 0 0 17px;
	width: 308px;
}
.second_box {
	background: url(../img/layout/homepage_sections.png) no-repeat 0 0;
	height: 516px;
	position: relative;
	width: 530px;
}
.homepage_p {
	opacity: 0;
	position: absolute;
	font: normal normal 12px arial;
}

.homepage_p.paragraph_1 {
	opacity: 1;
	top: 155px;
	left: 16px;
	width: 233px;
}
.homepage_p.paragraph_2 {
	opacity: 1;
	top: 155px;
	left: 277px;
	width: 239px;
}
.homepage_p.paragraph_3 {
	opacity: 1;
	top: 400px;
	left: 16px;
	width: 233px;
}
.homepage_p.paragraph_4 {
	opacity: 1;
	top: 400px;
	left: 277px;
	width: 239px;
}
.bottom_section {
	margin-left: 16px;
}
.aside_list li {
	color: #fff;
	list-style-type: none;
}

.copyright_info {
    color: #e6d5b0 !important;
}

.link_extern, .link_extern:active, .link_extern:visited, .link_extern:hover {
    color: #e6d5b0 !important;
    text-decoration: none;
}

/************************************************************* RESPONSIVE *************************************************************/

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

@media (max-width : 1024px) {
	#contentBody { padding: 20px; }
	.someInfo { width: 100%; text-align: center; }
  	#container { width: 100%; }
  	#content { padding: 0; }
	.fb-like {  display: none !important; }
	#sliderContainer {
		margin: 0; 
		padding: 18px 0;
	}
	#sliderContainer .slideshow {
		float: none;
		margin: auto;
	}
	#sliderContainer .sliderInfo{
		float: none;
		margin: auto;
		width: 100%;
		text-align: center;
	}
	#sliderContainer .sliderInfo h2 {
		width: 100% !important; 
	}
	#sliderContainer .sliderInfo img {
		margin-left: auto;
		margin-right: auto;
	}
	#sliderContainer .sliderInfo .rezervari{
		margin-left: auto;
		margin-right: auto;
	}
	#contentBody {
		width: 100%;
	}
	#contentBody .second_box {
		margin: auto;
	}
	#contentBody .bottom_section {
		text-align: center;
	}
	#aside { display: none; }
}

@media only screen and (max-width : 824px) {
	#header {
		padding: 0;
	}
	#header h1 {
		float: none;
		width: 100%;
		margin-top: -15px;
	}
	#navMain {
		float: none !important;
		text-align: center;
		width: 100%;
		margin-top: 0 !important;
	}
	#navMain li {
		float: none !important;
	}
	#navMain li a {
		padding: 5px 0;
		font-size: 15px;
		line-height: 1.5;
	}
	#navMain li a:hover {
		border: none;
	}
}

@media only screen 
and (max-width : 560px) {
	#contentBody .second_box {
		display: none;
	}
}