@charset "UTF-8";
/* CSS Document */

/* CSS Document */
/*
///////////////////////////////////////////////////////////////////////////////////////
Created: 09-01-2008 ///////////////////////////////////////////////////////////////////
Coder: Steigerwald Robert /////////////////////////////////////////////////////////////
Developer: Touchart SRL ///////////////////////////////////////////////////////////////
Client: BEBEPLANET srl ////////////////////////////////////////////////////////////////
Copyright: Touchart SRL ///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////
*/

html, body { background: #ffc600; }

body
{
background: #ffc600;
font: normal 12px Arial, Helvetica, sans-serif;
color: #666;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 0em;
margin: 0em;
height: 100%;
*height: auto;
overflow: -moz-scrollbars-vertical;
}

a, p, font {
font: normal 100%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 0;
margin: 0;
}

a {
text-decoration: none;
}

font {
display: inline-block;
}

h1, h2, h3 {
padding: 0;
margin: 0;
}

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

#wrapper, #wrapper-2, #wrapper-3
{
background: url(../images/bg-img-wrapper-1.gif) repeat left top transparent;
padding: 0;
margin: 0;
overflow: hidden;
}

#wrapper-2
{
background: url(../images/bg-img-wrapper-2.gif) repeat-x left top transparent;
}

#wrapper-3
{
background: url(../images/bg-img-ft-wrapper.gif) repeat-x left bottom transparent;
}

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

#bd
{
width: 750px;
background: url(../images/content-bg-img.jpg) no-repeat left top #FFF;
padding: 0;
margin: 0;
overflow: hidden;
}

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

.ft-top {
background: url(../images/content-bt.gif) no-repeat left top transparent;
width: 750px;
height: 20px;
overflow: hidden;
}

.ft-content {
background: url(../images/footer.gif) no-repeat left top transparent;
width: 750px;
height: 80px;
overflow: hidden;
}

.parts {
background: url(../images/layout-parts.jpg) no-repeat left top #FFF;
width: 750px;
height: 110px;
overflow: hidden;
}

.slideshow-wrap {
background: url(../images/bg-img-wrapper-1.gif) repeat left top transparent;
width: 750px;
height: 290px;
padding: 0 0 10px 0;
margin: 0;
overflow: hidden;
}

.logo {
width: 330px;
height: 130px;
padding: 0 420px 0 0;
margin: 0;
overflow: hidden;
float: left;
}

.logo a {
width: 330px;
height: 130px;
border: none;
outline: none;
}

.logo-bmw {
width: 130px !important;
height: 140px !important;
padding: 0 !important;
margin: 0 10px 0 -140px !important;
float: right;
position: relative;
}

.content {
width: 390px;
padding: 15px 315px 0 20px;
margin: 0;
float: left;
}

.sidebar {
width: 270px;
padding: 15px 20px 0 20px;
margin: 0 0 0 -320px;
position: relative;
float: right;
}

.sidebar a, .sidebar a:hover {
color: #666;
letter-spacing: 0;
word-spacing: -0.5pt;
outline: none;
border: none;
}

.sidebar a:hover {
background: url(../images/dot-2.gif) repeat-x center bottom transparent;
color: #FF6600;
}

.content-2 {
background: url(../images/dot-1.gif) repeat-y center top transparent;
width: 340px;
padding: 15px 370px 0 20px;
margin: 0;
float: left;
}

.sidebar-2 {
width: 310px;
padding: 15px 20px 0 30px;
margin: 0 0 0 -360px;
position: relative;
float: right;
}

.content p {
line-height: 1.25;
letter-spacing: 0;
word-spacing: -0.5pt;
text-align: justify;
padding: 10px 0;
margin: 0;
}

.contact-rapid {
text-align: center;
}

ol.lista-servicii {
width: 390px;
padding: 10px 0;
margin: 0;
overflow: hidden;
display: block;
}

ol.lista-servicii li {
text-align: left !important;
background: url(../images/arrow-1.gif) no-repeat left 9px transparent !important;
display: block !important;
padding: 5px 0 5px 30px !important;
margin: 0 !important;
}

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

.contact-form {
_height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

.contact-form form {
padding: 0;
margin: 0;
}

.contact-form form p {
padding: 5px 0;
margin: 0;
display: block;
}

.contact-form form p label {
font: normal 120%/100% Arial, Helvetica, sans-serif;
display: block;
padding: 5px !important;
margin: 0;
}

.contact-form form p input, .contact-form form p textarea {
color: #666666;
font: normal 140%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
background: #FFF;
border: solid 1px #afbfce;
padding: 3px;
}

.contact-form form p textarea {
overflow: auto;
}


input.form-field-1 {
width: 280px !important;
}

input.form-field-2 {
width: 160px !important;
}

textarea.form-field-3 {
width: 290px !important;
height: 140px !important;
}

input.trimite, input.trimite-ov {
color: #FFF;
background: url(../images/btn-submit.gif) no-repeat left top !important;
background-color: none;
width: 148px;
height: 40px;
line-height: 40px !important;
text-align: center;
cursor: pointer !important;
border: none 1px #FFF !important;
font: normal 140%/100% Arial, Helvetica, sans-serif !important;
}

input.trimite-ov {
color: #516c86;
background: url(../images/btn-submit.gif) no-repeat scroll left -40px !important;
}

span.mesaj-eroare {
background: url(../images/icon-atentie.gif) no-repeat left center transparent;
color: #F00;
font: bold 100%/100% Arial, Helvetica, sans-serif;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
}


em.obligatoriu {
background: url(../images/icon-obligatoriu.gif) no-repeat left top transparent;
width: 10px;
height: 10px;
display: inline-block;
text-indent: -9999px;
}

.confirmare {
padding: 20px;
margin: 5px 10px;
overflow: hidden;
border: solid 1px #afbfce;
}

.confirmare h2 {
font: normal 160%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
padding-bottom: 5px;
}

h2.succes {
color: #00CC33;
}

h2.eroare {
color: #F00;
}

.confirmare p {
padding: 5px 0 !important;
margin: 0 !important;
}

.confirmare p a {
color: #87b0d8;
}

.confirmare p a:hover {
text-decoration: underline;
color: #516c86;
}

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

/*============================== MAIN NAVI ==========================================*/

.main-navi {
width: 750px;
height: 50px;
padding: 0;
margin: 0;
overflow: hidden;
}

.main-navi ul {
background: url(../images/back-navi.gif) no-repeat left top transparent;
height: 30px;
padding: 10px;
margin: 0;
display: inline-block;
}

.main-navi ul li {
width: 120px;
height: 30px;
padding: 0;
margin: 0;
float: left;
}

.main-navi ul li a {
width: 120px;
height: 30px;
padding: 0;
margin: 0;
display: block;
border: none;
outline: none;
}

a.btn-1 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll left top transparent;
}

a.btn-1:hover, a.btn-1.selected1 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll left -40px transparent;
}

a.btn-2 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -120px top transparent;
}

a.btn-2:hover, a.btn-2.selected2 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -120px -40px transparent;
}

a.btn-3 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -240px top transparent;
}

a.btn-3:hover, a.btn-3.selected3 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -240px -40px transparent;
}

a.btn-4 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -360px top transparent;
}

a.btn-4:hover, a.btn-4.selected4 {
background: url(../images/btn-mn-navi.gif) no-repeat scroll -360px -40px transparent;
}

.info-mail {
width: 230px;
height: 30px;
padding: 10px 0;
margin: 0;
overflow: hidden;
float: right;
position: relative;
}

.info-mail a, .info-mail a:hover {
background: url(../images/back-detalii-mail.gif) no-repeat center top transparent !important;
width: 230px !important;
height: 30px !important;
border: none;
outline: none;
display: block !important;
}

.info-mail a:hover {
background: url(../images/back-detalii-mail.gif) no-repeat scroll center -40px transparent !important;
}

/*============================== MAIN NAVI ==========================================*/

div.hr-1 {
  height: 20px;
  background: transparent url(../images/hr-1.gif) repeat-x scroll center;
}
div.hr-1 hr {
  display: none;
}

.clear {
float: none;
clear: both;
}