﻿*{margin:0;padding:0;list-style:none}
img,fieldset{border:0}

html	{	background:black url(../img/bg.gif); font:normal 13px/17px arial, helvetica, sans-serif; color:#8a614a; text-align:center}
body	{	width:885px; margin:0 auto; text-align:left; position:relative}
#hd		{	height:430px; /*background:url(../img/hd_home.jpg) no-repeat bottom;*/ width:100%; overflow:hidden}
#logo	{	float:left; text-indent:-9999px; background:url(../img/sigla-trans.png) no-repeat; height:100px; width:206px}
#nav	{	padding-top:30px; height:70px; float:left}
#nav li	{	float:left}
#nav li a		{	float:left; height:70px; text-indent:-9999px; outline:none}
#nav li.sel a, 
#nav li a:hover	{	background-position:bottom !important}

#nav li#nav_primapagina a		{	width:179px; background:url(../img/nav_primapagina.jpg)}
#nav li#nav_desprenoi a			{	width:144px; background:url(../img/nav_desprenoi.jpg)}
#nav li#nav_servicii a			{	width:105px; background:url(../img/nav_servicii.jpg)}
#nav li#nav_galerie a			{	width:105px; background:url(../img/nav_galerie.jpg)}
#nav li#nav_contact a			{	width:146px; background:url(../img/nav_contact.jpg)}

.slogan			{	padding:0 0 0 80px; width:250px; font: normal 21px/20px calibri, 'trebuchet ms', arial, helvetica, sans-serif; color:#fff; position:absolute; top:150px; }
.slogan span	{	font-weight:bold; margin-left:-10px}

#flash {
	width:885px;
	height:331px;
	clear:both;
	position:relative;
}

#cont				{	background:transparent url(../img/cont.png) repeat-y center 80px; width:100%; float:left; margin-bottom:50px}
#cont_sus			{	height:80px; background:url(../img/cont_sus_home.jpg); /*margin-bottom:-23px*/}
.serv, 
.page		{	background:url(../img/cont_sus_serv.jpg) !important}
.cont		{	background:url(../img/cont_sus_cont.jpg) !important}

#wrap	{	float:left;}
#main				{	background:url(../img/main.png); display:inline; margin-left:65px; float:left; width:523px; min-height:273px; height:auto !important; height:273px; position:relative; font:italic normal 12px/20px georgia, "times new roman", times, serif}
#main.home, 
#main.alt			{	/*background:url(../img/main_home.jpg) no-repeat left 23px*/}
#main .in			{ 	 background:url(../img/main_bg.png) repeat-y center top; padding:5px 0 0; float:left; width:100%; position:relative; margin-top:-30px;}
#main .in #val 		{	width:68px; height:87px; position:absolute; right:12px; top:30px; background:url(../img/val.png) no-repeat; }
#main_end			{	display:inline; float:left; margin-left:65px; width:523px; clear:left; background:url(../img/main_end.png); height:22px}
	#main a, 
	#meniu a			{	color:#8a614a; text-decoration:underline; font-weight:bold; font:italic normal 13px/normal georgia, "times new roman", times, serif}
		#main a:hover, 
		#meniu a:hover	{	color:black}
	#main p			{	margin:10px 0 5px 25px; padding-right:70px; text-align:justify}
	#main p.first	{	margin-top:0; padding-right:95px}
		#main p img	{	float:left; margin:0 10px 0 0}
		#main p strong.t{	display:block; font-size:17px; line-height:21px; padding-bottom:15px; text-align:left}
	#main hr, 
	#main .dunga 	{	display:block; border:0; height:14px; width:465px; background:url(../img/main_serv.png) no-repeat; margin:15px 0 15px 25px; clear:both}
	#main .dunga hr	{	display:none}
	
	#main #servicii hr,
	#main #servicii .dunga	{	border:0; background:transparent url(../img/serv_jos.png) no-repeat; width:473px; height:18px; clear:both; margin:15px 0; float:left;}
	#main #servicii .dunga hr{display:none}
	
	#main.alt p			{	padding-right:40px; text-align:left}
	#main.alt p.first	{	padding-right:85px}
	#main_serv		{	background:url(../img/main_serv.png) no-repeat center top; float:left; width:100%}
	#main_serv ul	{	background:url(../img/main_serv_list.jpg) no-repeat left 58px; display:inline; float:left; padding:30px 0 0 30px; width:443px; margin-left:25px;}
	#main_serv li	{	line-height:normal; float:left; clear:left; width:175px; padding-bottom:8px; padding-left:8px;}
	#main_serv li.dr{	float:right; clear:right; position:relative; left:8px;}
	#main_serv a		{	font-size:11px; display:block; float:left; padding-left:17px; background:url(../img/main_serv_list_item.png) no-repeat; height:14px}
	#main_serv a:hover	{	background-position:left bottom}

#rings{position:absolute; left:476px; bottom:-12px; width:80px; height:90px}
#main #rings{top:-20px; left:440px}

a.btn{float:left}
#extra	{	display:inline; margin-top:7px; margin-left:65px; float:left; width:756px; height:189px; background:url(../img/extra2.png) no-repeat; color:#bea277; font-size:11px; line-height:13px; position:relative}
	#extra address		{	display:inline; font-style:normal; margin:10px 0 0 18px; padding:20px 23px 0 0; width:100px; height:155px; float:left; text-align:right; color: #efdcbe;  background:url(../img/sulita.png) no-repeat right top;}
	#extra address img  {	margin:0 35px 10px 0; }
	#extra address span	{	display:block; padding-bottom:7px}
	#extra p			{	float:left; height:70px; padding:20px 0 5px 0px; width:360px; text-align:justify; color: #efdcbe; background:url(../img/p-hr.png) repeat-x left bottom;}
	#extra p img        {	float:left; position:relative; top:-24px; margin-left:-10px; }
	#extra #sulita 		{	width:17px; height:165px; background:url(../img/sulita.png) no-repeat right top; position:absolute; right:233px; top:10px; }
	.legaturi_servicii	{	float:left; width:330px; padding:12px 0 0 35px}
		.legaturi_servicii li	{	float:left}
		.legaturi_servicii a	{	display:inline; float:left; margin-right:17px}
	
#side		{	width:226px; padding-right:64px; float:right}
	#side img{display:block}
	#side a.btn_link {background:transparent}
	#side a.btn_link{float:left; margin-bottom:3px}
#meniu	{	background:url(../img/side_end.png) no-repeat left 175px; padding-bottom:41px; margin-bottom:5px}
	#meniu ul	{	padding:20px 0 0; background:url(../img/side.png) repeat-y ; text-align:center; min-height:155px; height:auto !important; height:157px}
	#meniu a		{	font-size:12px; line-height:19px}
		#meniu a img	{	display:block}
		#meniu .sel a	{	color:black; text-decoration:none; font-weight:bold}

#programare_eveniment	{	float:left}
#programare_eveniment img	{ position:relative; left:-4px; }	
#abonare			{	width:173px; height:89px; padding:100px 20px 0 40px; float:right; background:url(../img/abonare.jpg); color:#f7e5c8}
#abonare legend		{	text-indent:-9999px}
#abonare input		{	vertical-align:middle; border-width:1px;}
#abonare label		{	float:left; line-height:16px}
#abonare label input{	margin-right:4px}
#abonare input.btn	{	float:right}
input.text			{	color:#bea277; font-size:13px; line-height:16px; height:16px; padding:1px 2px; width:167px; margin-bottom:5px}

#ft	{	width:737px; height:68px; padding:37px 100px 0 48px; clear:both; background:url(../img/ft24-trans.png) no-repeat}
	#ft ul	{	padding:0 0 10px 42px; margin-bottom:9px; float:left; width:737px; background:url(../img/ft_dunga.png) no-repeat bottom}
	#ft li	{	float:left; padding-right:19px}
	#ft a		{	font:normal 12px/20px "times new roman", times, serif; color:#937446; text-decoration:none}
	#ft a:hover			{	color:black; text-decoration:none}
	#ft .sel a			{	text-decoration:underline}
	#ft .sel a:hover	{	text-decoration:underline; color:#937446}
	#copy				{	padding-left:42px; color:#6a512b; font:normal 10px verdana, sans-serif; float:left}
	#ft img			{	float:right}

/*#minigalerie	{	width:188px; height:73px; padding:39px 0 0 38px; background:url(../img/minigalerie.png) no-repeat; float:left; margin-bottom:5px}*/
	#minigalerie li{float:left; margin-right:10px}
#abonare.alt{position:static; width:171px; height:104px; background:url(../img/abonare_alt-trans.png) no-repeat; padding:85px 20px 0 35px}
#abonare.alt input{position:relative}
#action_btns{display:inline; margin-left:60px; padding-top:5px; clear:left; float:left; width:530px}
#action_btns a.btn { margin-left:5px}
#main.pag_servicii p {padding-right:35px}
#main.pag_servicii li p{margin:0 0 15px 2px; padding-right:15px}
#main #servicii a{font-size:12px; text-decoration:none}
ul#servicii{padding:0 25px}
	#servicii .catch:hover	{	cursor:pointer; color:black}
	#servicii .catch img{	display:block; margin-bottom:5px}
	#servicii li div	{	padding:15px 0 20px; /*background:url(../img/serv_jos.jpg) no-repeat bottom; */font-size:11px; line-height:normal}
	#servicii li div#alte_servicii{padding-bottom:0; background:0}
	#servicii>li{padding-bottom:30px}
	#servicii li ul		{	float:left}
	#servicii li li		{	background:url(../img/li.png) no-repeat left 4px; width:145px; padding:0 5px 4px 6px; line-height:12px}
	
#link_galerie	{	clear:both; display:block; width:100px; height:20px; margin:20px auto; padding:5px 10px}

#servicii table	{	width:400px; font-family:sans-serif; margin:15px 0 30px}
#servicii th	{	text-transform:uppercase; font-size:15px; font-style:normal; line-height:25px}
#servicii td	{	text-align:left; border-bottom:2px dotted #aa773e; padding-left:100px}
#servicii td:first-child{width:120px; padding:0}

#servicii li, 
.hr{padding-bottom:30px; background:url(../img/serv_jos.png) no-repeat bottom; }
.inside #servicii li {background:0}
.inside #servicii li div{background:url(../img/serv_jos.png) no-repeat bottom; float:left; padding-bottom:30px; clear:left; width:473px}
.inside #servicii li div#decor_sala{width:480px}
.inside h2	{	font-size:20px; font-style:normal; margin:0 0 15px 25px}
.pag h3		{	font-size:16px; font-style:normal; margin:30px 0 5px 25px}
.pag ul	{	margin-left:25px}
.pag li	{	list-style:disc; margin:0 20px 1px 20px}
.pag h2 img{vertical-align:middle; margin-left:30px}
#main.inside{min-height:569px}
#main.event{min-height:323px}
#event label{float:left; width:170px; text-align:right; padding-right:10px}
	#event label span{font-weight:bold; font-size:18px}
	#event input.text{width:175px; color:black}
	#event p.hr		{background-position:top; padding:10px 25px 0 0; width:365px; float:left}
	#event p.hr span{float:left; font-size:12px; font-family:sans-serif; line-height:normal}
	#event p.hr input.btn_submit{float:right}

#harta{margin:0 auto; display:block}
#date_contact{display:inline; float:left; margin-left:65px; padding:60px 0 0 25px; width:498px; height:143px; background:url(../img/date_de_contact-trans.png); font:normal normal 11px/normal arial, sans-serif; color:#bea277}
#date_contact address{font-style:normal; float:left; width:240px}
#date_contact span.locatie{ float:left; width:200px}
.hover{	cursor:pointer; color:white}
#date_contact address.alt{float:left}

#contactare{width:190px; min-height:436px; height:auto !important; height:436px; background:url(../img/form_contact.png) no-repeat; font:10px/normal verdana, sans-serif; color:white; padding:30px 14px 0 20px; display:inline; float:right; margin-right:65px}
#contactare textarea, 
#contactare input{width:165px; display:block}
#contactare input.btn_submit{width:51px; height:16px; padding:4px}
#contactare textarea{height:95px}
#contactare label em{font-size:15px; font-weight:bold; font-style:normal}
#contactare .info	{	border-top:2px dotted white; margin-top:5px; padding-top:5px}
#contactare p {	margin:0 0 5px; padding-right:20px; text-align:left}
#main.pag_contact{min-height:0; padding:0}
	
#ft .in{}
	
h1 { font-size: 16px; margin-left: 25px; margin-bottom: 5px; }	
	
	
	
	
	
	
	
	
	/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}






/*

				jcarousel skin
		===========================

*/



.jcarousel-skin-destijl .jcarousel-container {
 /*   -moz-border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;*/
}

.jcarousel-skin-destijl .jcarousel-container-horizontal {
    width:188px; height:73px; padding:39px 0 0 38px; background:url(../img/minigalerie.png) no-repeat; float:left; margin-bottom:5px
}

.jcarousel-skin-destijl .jcarousel-clip-horizontal {
    width:  152px;
    height: 44px;
}

.jcarousel-skin-destijl .jcarousel-item {
    width: 44px;
    height: 44px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-destijl .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/icn_gal_inainte.png) no-repeat center;
}

.jcarousel-skin-destijl .jcarousel-next-disabled-horizontal,
.jcarousel-skin-destijl .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-destijl .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background:0 !important;
}

.jcarousel-skin-destijl .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/icn_gal_inapoi.png) no-repeat center;
}
.jcarousel-skin-destijl .jcarousel-prev-horizontal:hover {background: transparent url(../img/icn_gal_inapoi_hover.png) no-repeat center;}
.jcarousel-skin-destijl .jcarousel-next-horizontal:hover {background: transparent url(../img/icn_gal_inainte_hover.png) no-repeat center;}

.jcarousel-skin-destijl .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-destijl .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-destijl .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:0 !important;
}

#main .dunga{margin-bottom:0 !important; position:relative}

h2 { margin-left: 30px; margin-bottom: 20px; }
