/* start reset */
* {outline: none; background-repeat: no-repeat; border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */

body {background-color: #2D150A; background-image:url(../images/body_bg.jpg); background-repeat: repeat; font-family: Arial; font-size: 12px; color: #382014;}
#wrapper {width: 966px; height: 619px; position: absolute; top: 50%; left: 50%; margin-top: -311px; margin-left: -483px; background-image:url(../images/top.gif);   }
#container {width: 936px; height: 585px; background-color: #D8BDAA; background-image:url(../images/ct_bg.jpg); position: absolute; top: 15px; left: 15px;   }
#page {width: 919px; height: 556px; position: absolute; top: 19px; left:10px;  background-image: url(../images/page_bg.jpg); background-position: 269px 240px;  }
a:link, a:visited, a:active {color: #382014; text-decoration: none;}
a:hover {color: #6C6A35;}

#content {width: 545px;   float: left; position: relative; top: 0; left: 0; z-index: 100;}

#info {padding-top: 134px; padding-left: 69px;}
h1.logo {margin-bottom: 18px;}
h1.logo a {width: 126px; height: 83px; background-image:url(../images/la_rascruce.png); text-indent: -3000px; overflow: hidden; display: block;}
#info p , #info dl {padding-top: 14px;}
#info p.first, #info dl.first {padding: 0;}
#info dl em {font-weight: bold; color: #6C6A35;}

#scroller {position: relative; top: 0; left: 0;}
#masca {width: 445px; height: 130px; overflow: auto; position: relative; top: 0; left: 0;    }
#continut {width: 425px;   }


#up, #down, #track , #drag {display: none;}

	

#sec_menu {float: right; padding-top: 88px; position: absolute; top: 0; right: 0;}
#sec_menu li {padding-bottom: 4px; float: right; clear: right;}
#sec_menu li a:link, #sec_menu li a:visited, #sec_menu li a:active, #sec_menu li span {display: block; height: 13px; text-indent: -3000px; overflow: hidden;}
#sec_menu li a:hover, #sec_menu li span { background-position: 0 -13px;}
#sec_menu .pensiune { background-image:url(../images/pensiune_sec.gif); width: 56px;}
#sec_menu .restaurant { background-image:url(../images/restaurant.gif); width: 64px;}
#sec_menu .bar { background-image:url(../images/bar.gif); width: 20px;}
.an2001 { background-image:url(../images/2001.gif); width: 32px;}
.an2002 { background-image:url(../images/2002.gif); width: 32px;}
.an2003 { background-image:url(../images/2003.gif); width: 32px;}
.an2004 { background-image:url(../images/2004.gif); width: 32px;}
.an2005 { background-image:url(../images/2005.gif); width: 32px;}
.an2006 { background-image:url(../images/2006.gif); width: 32px;}
#sec_menu .mesaje {background-image:url(../images/mesaje.gif); width: 43px;}
#sec_menu .scrie_mesaje {background-image:url(../images/scrie_mesaje.gif); width: 76px;}



#galerie {position: absolute; top: 0;  left: 305px;   width: 163px; height: 194px; z-index: 100;  }
#galerie h2 a {width: 163px; height: 194px; background-image:url(../images/fotograf.gif); display: block;} 
#galerie h2 span {width: 153px; height: 87px; background-image:url(../images/poze.gif);  position: absolute; top: -16px; left: -130px; visibility: hidden; text-indent: -3000px;}

/*
#galerie ul {display: none; width: 340px; height: 192px; overflow: auto; padding: 5px; background-color: #382014; overflow: auto; position: absolute; top: 70px; left: -200px;}
#galerie:hover ul {display: block;}
#thumbs li {float: left; padding: 5px;}
#thumbs li a, #thumbs li img {display: block;}
#thumbs li a {border: 2px solid #6C6A35;}
#thumbs li a:hover {border-color: #fff;} */
ul#fotografii {width: 100%; float: left; padding-top: 20px;}
ul#fotografii li {float: left; padding: 3px 8px;}
ul#fotografii li img, ul#fotografii li a {display: block;}
ul#fotografii li a:link, ul#fotografii li a:visited, ul#fotografii li a:active {border: 2px solid #6C6A35;}
ul#fotografii li a:hover {border-color: #fff;}




#sidebar {width: 369px;  float: right;  background-image:url(../images/sidebar_bg.jpg); background-position: 164px 0;}
#main_menu { background-image:url(../images/main_menu_bg.gif); padding-left: 12px; padding-top: 160px; height: 230px; background-position: 0 10px; float: left;  }
#main_menu li {float: left; clear: left; padding-bottom: 5px;}
#main_menu li a:link, #main_menu li a:visited, #main_menu li a:active, #main_menu li span {display: block; height: 13px; text-indent: -3000px; overflow: hidden;}
#main_menu li a:hover, #main_menu li span {background-position: 0 -13px;}
#main_menu .pensiune  { background-image:url(../images/pensiune.gif); width: 73px;}
#main_menu .preturi { background-image:url(../images/preturi.gif); width: 62px;}
#main_menu .facilitati { background-image:url(../images/facilitati.gif); width: 82px;}
#main_menu .istoric { background-image:url(../images/istoric.gif); width: 132px; height: 16px !important; }
#main_menu .istoric:hover, #main_menu li span.istoric {background-position: 0 -16px !important;}
#main_menu .imprejurimi { background-image:url(../images/imprejurimi.gif); width: 93px; height: 15px !important; }
#main_menu .imprejurimi:hover, #main_menu li span.imprejurimi {background-position: 0 -15px !important;}
#main_menu .timp { background-image:url(../images/timp.gif); width: 83px; }
#main_menu .festival { background-image:url(../images/festival.gif); width: 155px; height: 15px !important; }
#main_menu .festival:hover, #main_menu li span.festival {background-position: 0 -15px !important;}
#main_menu .guestbook { background-image:url(../images/guestbook.gif); width: 94px;}
#main_menu .contact { background-image:url(../images/contact.gif); width: 78px;}

#footer {clear: both;  height: 122px; background-position: left bottom; margin-left: -3px; padding-right: 376px; position: absolute; top: 440px; left: 0; z-index: 200; width: 543px; }
.footer1 {background-image:url(../images/footer_01.jpg);}
.footer2 {background-image:url(../images/footer_02.jpg);}
.footer3 {background-image:url(../images/footer_03.jpg);}
.footer4 {background-image:url(../images/footer_04.jpg);}
.footer5 {background-image:url(../images/footer_05.jpg);}
.footer6 {background-image:url(../images/footer_06.jpg);}
.footer7 {background-image:url(../images/footer_07.jpg);}
.footer8 {background-image:url(../images/footer_08.jpg);}
.footer9 {background-image:url(../images/footer_09.jpg);}

#help_menu {float: right; padding-top: 1px; position: relative; top: -50px;}
#help_menu li {float: left; padding-left: 11px; padding-top: 31px;}
#help_menu li a:link, #help_menu li a:visited, #help_menu li a:active, #help_menu li span {display: block; height: 11px; background-position: 0 0; text-indent: -3000px; overflow: hidden;}
#help_menu li a:hover, #help_menu li span { background-position: 0 -11px;}
#help_menu li .ro {width: 20px; background-image:url(../images/ro.gif);} 
#help_menu li .en {width: 17px; background-image:url(../images/en.gif);}
#help_menu li .de {width: 19px; background-image:url(../images/de.gif);}

#help_menu li.last {padding-left: 6px; padding-top: 0;}
#help_menu li.last a.contact { width: 100px; height: 73px; background-image:url(../images/plic.png); }
#help_menu li.last a.contact:hover {background-position: 0 0;}
#footer address {width: 350px; height: 19px; position: absolute; top: -4px; right: 484px; text-align: right; color: #443224; font-size: 11px; line-height: 12px; }
#footer address a {font-weight: bold;}

/* extra */
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6 {display: block; position: absolute;}
#extra1 {width: 951px; height: 15px; background-image:url(../images/top.gif);  top: 0; left: 0; }
#extra2 {width: 15px; height: 585px; background-image:url(../images/left.gif); left: 0; top: 15px; }
#extra3, #extra5 {width: 15px; height: 600px; background-image:url(../images/right.gif); top: 0; left: 951px;}
#extra4, #extra6 {width: 966px; height: 19px; background-image:url(../images/bottom.gif); top: 600px; left: 0;}
#extra5 { background-image:url(../images/right.png);}
#extra6 { background-image:url(../images/bottom.png);}
/* extra */

/* fotos */
#fotos {position: absolute; top: 0; left: -182px; width: 661px; height: 552px; z-index: 1000; display: none;}
#fotos img, #fotos a {display: block;}

#placeholder_wrapper {position: absolute; top: 0; left: 64px; width: 553px; height: 552px; z-index: 100; }
#placeholder { background-color: #fff; border: solid 20px #fff; position: absolute; top: 6px; left: 6px; background-image: url(../images/loader.gif); background-position: center; width: 500px; height: 500px;}
#placeholder_wrapper span {display: block; position: absolute; }
#foto_top { background-image:url(../images/top_png.png); width: 553px; height: 6px; top: 0; left: 0;}
#foto_bottom { background-image:url(../images/bottom_png.png); width: 553px; height: 6px; left: 0; top: 546px;}
#foto_left { background-image:url(../images/left_png.png); width: 6px;height: 540px; left: 0; top: 6px;  }
#foto_right { background-image:url(../images/right_png.png); width: 7px;height: 540px; left: 546px; top: 6px;  }

#thumb_nav {width: 70px; height: 420px; background-color: #382014; position: absolute; top: 72px; left: 70px;}
#thumb_wrapper li {float: left; clear: left; padding: 3px 8px;}
#thumb_wrapper  a:link, #thumb_wrapper  a:visited, #thumb_wrapper  a:active {border: 2px solid #6C6A35; position: absolute; left: 8px;}
#thumb_wrapper a:hover {border-color: #fff;}
#thumb_wrapper  #selectat {border-color: #fff !important;}
#thumb_wrapper {width: 70px; height: 360px;  position: absolute; top: 30px; left: 0; overflow: hidden;  }
#thumb_wrapper ul {position: absolute; top: 0; left: 0;  margin-top: 180px;  }

#thumb_nav span {display: block; position: absolute; display: block;}
#thumb_top { background-image:url(../images/thumb_top.png); width: 70px; height: 5px;  top: -5px; left: 0; }
#thumb_bottom { background-image:url(../images/thumb_bottom.png); width: 70px; height: 5px;  top: 420px; left: 0; }
#first_thumb {width: 58px; height: 54px; background-image:url(../images/first_thumb.png); top: 30px; left: 6px; z-index: 100;   }
#last_thumb {width: 58px; height: 54px; background-image:url(../images/last_thumb.png); top: 336px; left: 6px; z-index: 100;  }
#thumb_up:link, #thumb_up:visited, #thumb_up:active {width: 21px; height: 20px; background-image:url(../images/thumb_up.gif); display: block; position: absolute; top: 0; left: 24px; background-position: 0 0; visibility: hidden;}
#thumb_up:hover { background-position: 0 -20px;}
#thumb_down:link, #thumb_down:visited, #thumb_down:active {width: 21px; height: 20px; background-image:url(../images/thumb_down.gif); display: block; position: absolute; top: 395px; left: 24px; background-position: 0 -20px; visibility: hidden;}
#thumb_down:hover { background-position: 0 0;}
/* fotos */

#nav_wrapper {width: 51px; height: 184px;  position: absolute; top: 185px; left: 559px;}
#nav_top {display: block; width: 51px; height: 5px; background-image:url(../images/nav_top.png); position: absolute; top: 0; left: 0;}
#nav_bottom {display: block; width: 51px; height: 5px; background-image:url(../images/nav_bottom.png); position: absolute; top: 179px; left: 0;}
#nav_container {width: 51px; height: 174px; background-color: #382014; top: 5px; left: 0; position: absolute;}
#inchide_nav:link, #inchide_nav:visited, #inchide_nav:active {width: 13px; height: 58px; display: block; text-indent: -3000px; overflow: hidden; background-image:url(../images/inchide.gif); position: absolute; top: 8px; left: 16px; background-position: 0 0;  }
#inchide_nav:hover {background-position: -13px 0;}
#nav_pag {padding-top: 110px; padding-left: 10px; font-size: 11px; }
#nav_pag dt {color: #B99175; font-weight: bold;  }
#nav_pag dd {color: #fff;}

#bk_fw {padding-top: 10px; position: relative; top: 0; left: 0;  width: 100%; float: left;}
#bk_fw a:link, #bk_fw a:visited, #bk_fw a:active {display: block; text-decoration: none; text-indent: -3000px; overflow: hidden; width: 13px; height: 13px; visibility: hidden; background-position: 0 0; }
#bk_fw a:hover {background-position: 0 -13px; }
#bk_fw li {width: 13px; height: 13px; float: left;}
#bk_fw li.first {padding-left: 10px;}
#bk_fw li.last {padding-left: 2px;}

#bk { background-image:url(../images/back.gif);}
#fw { background-image:url(../images/fwd.gif);}
#gutter {position:absolute;  left: 0; width: 60px; height: 120px;}

ul.paginare { float: left; padding-top: 15px; padding-left: 15px;}
ul.paginare li {float: left; padding-right: 5px;}
ul.paginare li span {font-weight: bold;}
.clearer {height: 1px; width: 100%; clear: both;}
.formular {width: 267px; float: left;}
 .formular fieldset, .formular .row {width: 100%; float: left;}
.formular .row {padding-bottom: 4px;}
.formular label {display: block; padding-left:15px; float: left; }
.formular input.text, .formular textarea {float: right; background-color: #875F4A; padding: 2px; color: #fff; width: 203px;}
.formular textarea {height: 110px; overflow: auto;}
.formular input.button {float: right;}
.desero {display: block; width: 72px; height: 10px; text-indent: -3000px; overflow: hidden; background-image:url(../images/desero.gif); position: absolute; top: 623px; left: 865px;  }
#harta {background-image:url(../images/harta.gif); width: 224px; height: 174px;  position: absolute; top: 20px; left: 300px; }

span.message {position: absolute; top: 232px; left: 356px; color: #b10e0e;}

.pdf:link, .pdf:visited, .pdf:active {
 background-image:url(../images/pdf.gif);
 padding-left: 24px; line-height: 16px;
 color: #6C6A35;
 text-decoration: underline;
 display: block;
}

.pdf:hover {
 text-decoration: none;
}

#pdfs {
position: absolute; top: 20px; right: 20px;
}
#pdfs li {float: right; clear: right;}

#fundatia {display: block; width: 32px; height: 40px; overflow: hidden; display: block; text-indent: -3000px; background-image:url(../images/jb.png); margin-top: 16px;margin-left: 20px;  }



