@charset "utf-8";

/* CSS Document */
/*

*/

html, body { background: #FFF; }

body
{
background: url(../images/bg-img-body.jpg) repeat-x left top #FFF;
font: normal Arial, Helvetica, sans-serif;
color: #3e516a;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 0em;
margin: 0em;
height: 100%;
*height: auto;
overflow: -moz-scrollbars-vertical;
}

/* 
/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////  Container styles /////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////
*/

#wrapper
{
background: url(../images/body-bg-img-2.jpg) no-repeat center top transparent;
padding: 0;
margin: 0;
overflow: hidden;
}

#hd
{
height: 150px;
overflow: hidden;
}

#bd
{
min-height: 250px;
padding: 0;
margin: 0;
overflow: hidden;
}

/*==============================   FOOTER CONTAINER LAYOUT  ====================================*/

#ft {
background: url(../images/ft-bg-img-2.jpg) no-repeat center top;
height: 145px;
overflow: hidden;
padding: 0;
margin: 0;
}


/*==============================   FOOTER NAVI   =====================================*/

.ft-navi {
text-align: center !important;
height: 40px;
background: none;
padding: 0;
margin: 0;
overflow: hidden;
}

.ft-navi ul {
height: 40px;
display: block;
padding: 0;
margin: 0;
overflow: hidden;
}

.ft-navi ul li {
width: 750px;
height: 40px;
padding: 0 100px;
margin: 0;
display: block;
float: left;
position: relative;
}

.ft-navi ul li a, .ft-navi ul li a:hover, .ft-navi ul li a#selected-ft {
height: 40px !important;
color: #4e6a90;
font: normal 100%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
line-height: 55px;
text-decoration: none;
padding: 0 !important;
margin: 0 25px !important;
*margin: 0 20px !important;
overflow: hidden;
border: none;
outline: none;
display: inline-block;
}

.ft-navi ul li a:hover, .ft-navi ul li a#selected-ft {
height: 37px !important;
color: #d10047;
border-bottom: solid 3px #d10047;
}

.ft-navi ul li a#selected-ft {
background: url(../images/arrow-down.gif) no-repeat center top transparent;
}

/*==============================   FOOTER NAVI   =====================================*/

/*==============================   END of FOOTER CONTAINER LAYOUT  ====================================*/

/* Main layout styles */
/*==================================*/


.yui-b h1, .yui-b h2, .yui-b h3, .yui-b h4, .yui-b h5, 
.yui-g h1, .yui-g h2, .yui-g h3, .yui-g h4, .yui-g h5
{
font: normal 100%/100% Georgia, "Times New Roman", Times, serif;
color: #d10047;
padding: 0;
margin: 0 0 10px 0;
}

.yui-b h1, .yui-g h1
{
font-size: 180% !important;
}

.yui-b h2, .yui-g h2
{
font-size: 180% !important;
}

.yui-b h3, .yui-g h3
{
font-size: 150% !important;
}

.yui-b h4, .yui-g h4
{
font-size: 120% !important;
}

.yui-b h5, .yui-g h5
{
font-size: 120% !important;
}

.yui-b p, .yui-g p
{
font: normal 100%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
line-height: 1.5;
color: #3e516a;
padding: 10px 0;
margin: 0;
}

.yui-b a, .yui-g a, .yui-b p a, .yui-g p a
{
font: normal 100%/100% Arial, Helvetica, sans-serif;
color: #d10047;
text-decoration: none;
}

.yui-b a:hover, .yui-g a:hover, .yui-b p a:hover, .yui-g p a:hover
{
color: #ff0057;
text-decoration: none;
}


.yui-t3 #yui-main {
float:right;
margin-left:-285px;
}

.yui-t3 #yui-main .yui-b {
background: #FFF;
margin-left:285px;
}

.yui-t3 .yui-b {
background: url(../images/sidebar-bg-img.jpg) no-repeat left top #FFF;
float:left;
width:285px;
}



/*
//////////////////////////////////////////////////////////////////////////
/////////////////////  HEADING STYLES ////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
*/

.head-logo {
width: 285px;
height: 150px;
padding: 0;
margin: 0 -285px 0 0;
float: left;
position: relative;
}

.head-logo a {
border: none;
outline: none;
}

.head-logo a img {
width: 285px;
height: 150px;
}


.head-container {
background: url(../images/head-bg.jpg) no-repeat right top transparent;
height: 70px;
padding: 80px 0 0 285px !important;
margin: 0 !important;
overflow: hidden !important;
}

.head-container h1 {
display: inline-block;
float: right;
margin-right: 40px;
_margin-right: 20px;
}

/*=================================  MAIN NAVIGATION STYLES  ========================================*/


.main-navi, .main-navi ul {
padding: 25px 0;
margin: 0;
overflow: hidden;
}

.main-navi ul {
padding: 0;
background: url(../images/bg-img-mn-navi.gif) repeat-y left top;
}

.main-navi ul li {
height: 40px;
padding: 0;
margin: 0;
display: block;
overflow: hidden;
}

.main-navi ul li a, .main-navi ul li a:hover, .main-navi ul li a#selected-mn-navi {
color: #a61647;
font: lighter 150%/70% Georgia, "Times New Roman", Times, serif;
letter-spacing: -0.15pt;
word-spacing: -0.5pt;
line-height: 40px;
height: 40px;
text-decoration: none;
padding: 0 10px 0 55px;
margin: 0;
display: block;
white-space: nowrap;
text-align: left;
}

.main-navi ul li a:hover {
color: #ff0057;
}

.main-navi ul li a#selected-mn-navi {
color: #0d0d0d;
}


/*===============================  CONTENT LAYOUT  =====================================*/

.content {
padding: 0 30px 30px 30px;
margin: 0;
overflow: hidden;
}


.categorii {
padding: 0;
margin: 0;
overflow: hidden;
}

.categorii dl {
width: 190px;
height: 310px;
padding: 30px 4px 0 4px;
margin: 0;
display: block;
float: left;
position: relative;
}

.categorii dl dt {
width: 190px;
height: 240px;
padding: 0 0 20px 0;
display: block;
}

.categorii dl dt a, .categorii dl dd a, .optiuni dl dt a, .optiuni dl dd a {
border: none;
outline: none;
}

.categorii dl dd {
width: 120px;
height: 40px;
padding: 0 35px;
margin: 0;
display: block;
}

.categorii dl dd a {
width: 120px;
height: 40px;
display: block;
}

a.btn-deco, a.btn-deco:hover {
background: url(../images/btn-decoratiuni.gif) no-repeat scroll 0 0;
}

a.btn-event, a.btn-event:hover {
background: url(../images/btn-aranjamente.gif) no-repeat scroll 0 0;
}

a.btn-special, a.btn-special:hover  {
background: url(../images/btn-speciale.gif) no-repeat scroll 0 0;
}

a.btn-deco:hover, a.btn-event:hover, a.btn-special:hover {
background-position: 0 -40px;
}

div.hr-2 {
background: url(../images/separator-vert.gif) no-repeat center transparent;
width: 5px;
height: 340px;
float: left;
position: relative;
}


/*===============================  END of CONTENT LAYOUT  =====================================*/

div.hr-1 {
  height: 30px;
  background: url(../images/separator-1.gif) no-repeat center transparent;
  margin: 10px 0;
}
div.hr-1 hr {
  display: none;
}


div.hr-3 {
  height: 30px;
  background: url(../images/hr-3.gif) no-repeat center transparent;
  margin: 10px 0;
}
div.hr-3 hr {
  display: none;
}


/*===============================  OPTIUNI  =====================================*/

.optiuni {
padding: 0;
margin: 0;
overflow: hidden;
}

.optiuni h3 {
text-align: center;
padding: 0;
margin: 0 0 5px 0 !important;
display: block;
}

.optiuni dl {
padding: 0 32px;
margin: 0;
display: block;
}

.optiuni dl dt {
padding: 0 0 10px 0;
margin: 0;
display: block;
}

.optiuni dl dt a {
text-align: center;
display: block;
}

.optiuni dl dd {
text-align: center;
line-height: 1.2 !important;
}

.optiuni dl dd h4 {
text-align: center;
padding: 5px 0;
}

.optiuni dl dd p {
text-align: left;
padding: 0 15px;
margin: 0;
line-height: 1.2;
}

.optiuni dl dd p em {
display: inline-block;
text-align: left;
color: #d10047;
width: 65px;
}


/*===============================  END of OPTIUNI  =====================================*/

.servicii-container {
padding: 10px;
margin: 0;
overflow: hidden;
}

.servicii-container div {
width: 49.5%;
padding: 0 0 10px 0;
margin: 0;
float: left;
position: relative;
display: block;
}

.servicii-container div h3 {
padding: 0 15px;
}

.servicii-container div ul {
padding: 0 15px;
margin: 0;
overflow: hidden;
}

.servicii-container div ul li {
background: url(../images/dot-1.gif) repeat-x center bottom transparent !important; 
display: block;
_display: inline-block;
padding: 5px 0;
margin: 0;
}

a.top, a.top:hover {
background: url(../images/btn-top.gif) no-repeat scroll 0 0;
width: 50px !important;
height: 20px !important;
display: block;
float: right;
position: relative;
border: none;
outline: none;
text-indent: -9999px;
}

a.top:hover {
background-position: 0 -30px;
}


/*=========================  FORMULAR CONTACT   ===================================*/


#contact-container, #register-container, #login-container, #recpass-container, #guest-container
{
padding: 10px;
margin: 0;
overflow: hidden;
}

#contact-container fieldset, #register-container fieldset, #login-container fieldset, #recpass-container fieldset, #guest-container fieldset
{
padding: 0 10px;
overflow: hidden;
}

#contact-container fieldset legend, #register-container fieldset legend, #guest-container fieldset legend
{
color: #90112d;
font: bold 120%/100% Tahoma, Arial, System;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 0;
margin-bottom: 10px;
}

#contact-container label, #register-container label, #login-container label, #recpass-container label, #guest-container label
{
color: #9d7676;
font: bolder 100%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 5px;
*padding: 3px;
margin: 0;
display: inline-block;
}

label.cod-valid { }

label.cod-valid em img { 
margin: 0 0 -8px 30px; 
*margin: 0 0 -8px 30px;
*padding: 0;
*position: absolute;
}

em.obligatoriu
{
width: 10px;
height: 10px;
background: url(../images/icon-obligatoriu.gif) no-repeat center;
display: inline-block;
}

.info-reg, .info-reg-2
{
color: #a39d9d;
font: normal 85%/100% Arial, Helvetica, sans-serif !important;
margin-top: -10px;
display: block;
width: 70%;
padding: 0 0 7px 5px;
}

.info-reg-2
{
padding-top: 3px !important;
margin-top: 0 !important;
}

/*=========================  END of FORMULAR CONTACT   ===================================*/

.conf-succes, .conf-negativ
{
background: #FFF;
padding: 20px;
margin: 10px 0;
overflow: hidden;
border: solid 1px #bacce5 !important;
border-bottom: solid 2px #bacce5 !important;
}

.conf-succes h1, .conf-negativ h1
{
font: bold 200%/100% Arial, Helvetica, sans-serif;
color: #66cc33;
letter-spacing: 0;
word-spacing: -0.1pt;
padding: 0;
}

.conf-negativ h1 { color: #de0d0d !important; }

.conf-succes p, .conf-negativ p
{
font: 120%/100%;
padding: 0;
margin: 0;
}

a.btn-inapoi-2, a.btn-inapoi-2:hover
{
background: url(../images/arrow-left.gif) no-repeat left center !important;
color: #90112d !important;
font: bold 100%/100% Arial, Helvetica, sans-serif !important;
line-height: 100%;
letter-spacing: 0;
word-spacing: -0.1pt;
white-space: nowrap;
text-decoration: none;
display: inline-block;
padding: 10px 0 10px 10px !important;
margin: 0;
}

a.btn-inapoi-2:hover { color: #F00 !important; }

.info-pane-1
{
background: #e7f2f8;
border: solid 1px #bfbfbf;
padding: 5px;
margin: 5px 0;
overflow: hidden;
}

.contact-detailes {
padding: 5px;
overflow: hidden;
}

.contact-detailes p em {
color: #9d7676;
font: bold 100%/100% Arial, Helvetica, sans-serif;
display: inline-block;
width: 60px;
padding: 0;
margin: 0;
}

.cautare-rez {
background: url(../images/icon-cautare-small.html) no-repeat left top #FFF;
padding: 15px;
margin: 10px 0 !important;
overflow: hidden;
border: solid 1px #af8888;
border-bottom: solid 2px #af8888;
}

.cautare-rez h2 {
color: #0d0d0d;
font: normal 120%/100% Arial, Helvetica, sans-serif;
}

.txt-rezultate {
color: #90112d;
font: bold 75%/100% Arial, Helvetica, sans-serif;
}

.txt-rezultate font {
font: bold 125%/100% Arial, Helvetica, sans-serif;
padding: 0 5px;
}

/*==================================================  GALERIE  ==================================================*/

.navi-galerie, .meniu-numeric, .meniu-numeric-2 {
background: #eaf0f7;
border-top: solid 1px #a5bad9;
border-bottom: solid 1px #a5bad9;
padding: 10px;
margin: 0 -10px;
overflow: hidden;
}

.meniu-numeric-2 {
background: none;
border: none;
padding: 0;
margin: 0;
}

.navi-galerie ul {
height: 20px;
padding: 0;
margin: 0;
display: block;
}

.navi-galerie ul li {
height: 20px;
padding: 0 40px 0 0;
margin: 0;
display: inline-block;
float: left;
}

.navi-galerie ul li a, .navi-galerie ul li a:hover, .navi-galerie ul li a#selected-galerie {
font: normal 120%/100% Georgia, "Times New Roman", Times, serif;
text-decoration: none;
color: #ff377c;
letter-spacing: 0;
word-spacing: -0.3pt;
line-height: 20px;
height: 20px;
padding: 0;
margin: 0;
display: inline-block;
border: none;
outline: none;
}

.navi-galerie ul li a:hover {
color: #d31053;
}

.navi-galerie ul li a#selected-galerie {
color: #0d0d0d;
}



.galerie-container {
padding: 10px 0;
margin: 0;
overflow: hidden;
}

.galerie-container ul {
padding: 0;
margin: 0;
overflow: hidden;
display: inline-block;
float: left;
position: relative;
}

.galerie-container ul li {
width: 201px;
height: 125px;
padding: 15px 0 10px 0;
margin: 0;
display: inline-block;
float: left;
position: relative;
}

.galerie-container ul li a, .galerie-container ul li a:hover {
width: 180px;
height: 120px;
padding: 0;
margin: 0 0 0 10px;
border-bottom: solid 5px #FFF;
outline: none;
}

.galerie-container ul li a:hover {
border-bottom: solid 5px #ff377c;
}

.meniu-numeric span, .meniu-numeric-2 span {
width: 51px;
height: 20px;
display: block;
float: left;
position: relative;
padding: 0;
margin: 0;
}

.meniu-numeric span a, .meniu-numeric-2 span a {
background-image: url(../images/btn-navi-paginare.gif);
background-repeat: no-repeat;
background-attachment: scroll;
width: 25px;
height: 25px;
padding: 0;
margin: 0;
overflow: hidden;
display: block;
float: left;
position: relative;
text-indent: -9999px;
}

.meniu-numeric font, .meniu-numeric-2 font {
color: #FF3366;
font: normal 100%/100% Arial, Helvetica, sans-serif;
}

a.arrow-lft {
background-position: 0 0;
}

a.arrow-lft:hover {
background-position: 0 -40px;
}

a.arrow-rgt {
background-position: -40px 0;
}

a.arrow-rgt:hover {
background-position: -40px -40px;
}

/*===================================  END of GALERIE  ==================================================*/