@charset "utf-8";



/* 

doc principal css

prima data clasele generale

reseteaza stilurile css individual in locul selectorului universal

*/



html, body{

margin:0;

padding:0;	

font-weight:inherit;

font-style:inherit;

font-size:100%;

font-family:inherit;

vertical-align:baseline;

border-left:0;

line-height:1;

background:#000000;

font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

font-size: 13px;

color: #533C24;

}



div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, th{

margin:0;

padding:0;

border:0;

font-weight:inherit;

font-style:inherit;

font-size:100%;

font-family:inherit;

vertical-align:baseline;

}





ol, ul{list-style:none;}



table{

border-collapse:separate;

border-spacing:0;

}



caption, th, td {

text-align:left;

font-weight:normal;

}



/*opreste resetarea stilurilor

tehnica clearing */

.clearfix:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {display:inline-block;}



/*ascunde mac */

* html.clearfix {height:1%;}

.clearfix {display:block;}

/*sf optiunii hide */

/* nu schimba stilurile clearfix de mai sus */



p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom:.5em}





a{

text-decoration:none;

color:#000099;

}





a:hover{text-decoration:underline;}



h1, h2, h3, h4, h5, h6 {

font-weight:bold;

}



h1{font-size:197%;}/*26px*/

h3{

  margin: 5px 0px;

  text-indent: 10px;

}



h4{font-size:152%;}/*20px*/

h5{font-size:136%;}/*18px*/

h6{font-size:122%;}/*16px*/

body{

text-align:left; /*for ie5*/

}



.zarro_float{float: none;height: 0px;overflow: hidden;width: 100%;}

.float_left{float: left;}

.float_right{float: right;}

.align_right{text-align: right;}

.align_left{text-align: left;}

.align_center{text-align: center;}

.align_justify{text-align: justify;}

.bold{font-weight: bold;}

.italic{font-style: italic;}

.normal{font-style: normal; font-weight: normal}





#cuvCheie{

width:100%;

height:12px;

background-color:#282828;

z-index:0;

position:fixed;

bottom:0px;

left:0px;

}



#cuvCheieCenter{

width:450px;

height:12px;

margin-left:auto;

margin-right:auto;

}



#cuvCheieBig{

padding:1px 2px 0 2px;

font-family:Arial, Helvetica, sans-serif;

font-size:9px;

color:#575757;

}



#lang{

position:fixed;

top:20px;

left:0px;

}



#lang a{

color:#6f4e2b;

}



#lang a:hover,

#lang .current a{color:#999999;}



#ro{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:13px;

background:#f3dfbc;

color:#D6D6D6;

padding:2px 4px 4px 4px;

margin:0 0 1px 0;

border-bottom:1px #6f4e2b solid;

border-top:1px #6f4e2b solid;

border-right:1px #6f4e2b solid;

}



#en{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:13px;

background:#f3dfbc;

color:#D6D6D6;

padding:2px 4px 4px 4px;

margin:0 0 1px 0;

border-bottom:1px #6f4e2b solid;

border-top:1px #6f4e2b solid;

border-right:1px #6f4e2b solid;

}



#fr{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

font-size:13px;

background:#f3dfbc;

color:#D6D6D6;

padding:2px 4px 4px 4px;

margin:0 0 1px 0;

border-bottom:1px #6f4e2b solid;

border-top:1px #6f4e2b solid;

border-right:1px #6f4e2b solid;

}



#de{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

background:#f3dfbc;

font-size:13px;

color:#D6D6D6;

padding:2px 4px 4px 4px;

margin:0 0 0 0;

border-bottom:1px #6f4e2b solid;

border-top:1px #6f4e2b solid;

border-right:1px #6f4e2b solid;

}





#flashBook{

position:relative;

top:-35px;

}





#subsol{

width:900px;

padding:5px 0 0 0;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

margin-left:auto;

margin-right:auto;

margin-bottom:15px;

}



ul#meniu_subsol li{

display:inline;

text-transform:lowercase;

font-size:9px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#333333;

padding:0 0 0 0;

}



ul#meniu_subsol li a{

color:#333333;

}





/*****************clase specifice***********/

.absolute{

  position: absolute;

}





/*************end clase specifice***********/



/************^^^^general^^^^^***************/



#container{

  width: 920px;

  min-height:565px;

  margin: 6px auto auto auto;

  overflow: hidden;

  position: relative;

}





/*===============header=====================*/

/*logo-swap*/

#logo{

  width: 160px;

  height: 70px;

}



#logo a{

  background: transparent url('../images/logo.png') no-repeat;

  display: block;

  width: 160px;

  height: 70px;

  margin:0;

  padding:0;

  overflow:hidden;

  text-indent:400px;

  white-space:nowrap;

}

/*logo-swap*/



/*===========end header=====================*/







/*===============content=====================*/

#left_content{

  width: 380px;

  height: 380px;

  position: absolute;

  z-index: 2;

  top: 10px;

  left: 5px;

  overflow: auto;

  padding: 90px 0px 0px 50px;

}



#main_menu li{

  margin: 5px 0px;

}



#main_content{

  width: 370px;

  height: 420px;

  position: absolute;

  top: 10px;

  left: 5px;

  z-index: 1;

  overflow: auto;

  padding: 10px 0px 20px 20px;

}



#main_content p{

  text-align: justify;

  width: 340px;

}





/*===========end content=====================*/



/*===============footer======================*/

/*===========end footer======================*/



/*SPECIAL PAGE FLIP STYlE*/



#container div{

  float: left;

}





#left_page{

 width: 450px;

 height: 565px;

 background: transparent url(../images/left_page.png) no-repeat;

}



#right_page{

 width: 450px;

 height: 565px;

 background: transparent url(../images/right_book.png) no-repeat;

 position: relative;

 z-index: 2;

}





#left_page_mobile{

  top: 0px;

  left: 0px;

  z-index: 1;

  width: 450px;

  height: 565px;

}



#left_page_mobile img{

  width: 450px;

  height: 565px;

}



#right_page_mobile{

  top: 0px;

  left: 450px;

  z-index: 3;

  width: 450px;

  height: 565px;

}


#right_page_mobile img{
width:300px;
}



#pagina_dreapta{

  width: 0px;

  height: 565px;

  display: block;

  z-index: 2;

  position: absolute;

}



/*SPECIAL PAGE FLIP STYlE*/







/* jqscrollpane */



.jScrollPaneContainer {

    margin-top: 30px;

	height: 440px !important;

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.jScrollPaneTrack {

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 0;

	height: 100%;

	background: url('../images/scroll_pattern.png');

');

}

.jScrollPaneDrag {

	position: absolute;

	background: #B18B5E;

	cursor: pointer;

	overflow: hidden;

}

.jScrollPaneDragTop {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

.jScrollPaneDragBottom {

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

}

a.jScrollArrowUp {

	display: block;

	position: absolute;

	z-index: 1;

	top: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	/*background-color: #666;*/

	height: 9px;

}

a.jScrollArrowUp:hover {

	/*background-color: #f60;*/

}



a.jScrollArrowDown {

	display: block;

	position: absolute;

	z-index: 1;

	bottom: 0;

	right: 0;

	text-indent: -2000px;

	overflow: hidden;

	/*background-color: #666;*/

	height: 9px;

}

a.jScrollArrowDown:hover {

	/*background-color: #f60;*/

}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	/*background-color: #f00;*/

}





/* end of jqscrollpane */







#main_menu a{

  font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

  color: #000;

  text-decoration: none;

  font-size: 13px;

  font-weight: bold;

  color: #705131;

}



#main_menu a:hover{

  text-decoration: underline;

}

#galerieFotoCont img{
	width:140px;
}



.form{

border:#705131 1px solid;

margin:2px 3px 2px auto;

}





.formContact{

margin:10px 5px 0 40px;

padding:10px 20px 5px 20px;

border:#705131 1px solid;

}

#formCarte{
	padding:15px 10px 15px 10px;
	border:#705131 1px solid;
}

.inputCarte{
	border:#705131 1px solid;
	margin-top:3px;
}


.blocMesaj{
	width:350px;
	min-height:30px;
	border-top:#705131 1px solid;
	padding:10px 0 10px 0;
}

.mesajCarteOaspeti{
	width:350px;
	padding:0 0 10px 0;
}

.numeCarteOaspeti{
	width:350px;
	text-align:right;
	font-weight:bold;
	font-size:10px;
}

.emailCarteOaspeti{
	width:350px;
	text-align:right;
	font-weight:bold;
	font-size:10px;
}