html, body, 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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
img, div { behavior: url(/images/iepngfix.htc) }
body { background: url(../images/bg.jpg) #67828b no-repeat; }
#wrap { margin: 0px auto; width: 900px; font-family: Tahoma;}
#header { width: 900px; height: 49px; margin: 20px 2px 0 2px; }
#header .logo { width: 267px; height: 49px; float: left; }
#header .logo img { margin-left: 31px; }
#header .meniu { width: 633px; height: 49px; float: right; }
#header .meniu ul { float: left; list-style: none; margin-top: 11px;}
#header .meniu ul li { float: left; padding-right: 2px;}
#header .meniu ul li a.home { float: left; text-decoration: none; color: #fff; background: url(../images/home.png) no-repeat; display: block; width:158px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.home:hover { background-position: bottom !important; }
#header .meniu ul li a.homeselect { float: left; text-decoration: none; color: #fff; background: url(../images/home.png) no-repeat; background-position: bottom !important; display: block; width:158px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.inchirieri { float: left; text-decoration: none; color: #fff; background: url(../images/inchirieri.png) no-repeat; display: block; width:135px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.inchirieri:hover { background-position: bottom !important; }
#header .meniu ul li a.inchirieriselect { float: left; text-decoration: none; color: #fff; background: url(../images/inchirieri.png) no-repeat; background-position: bottom! important; display: block; width:135px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.termeni { float: left; text-decoration: none; color: #fff; background: url(../images/termeni.png) no-repeat; display: block; width:148px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.termeni:hover { background-position: bottom !important; }
#header .meniu ul li a.termeniselect { float: left; text-decoration: none; color: #fff; background: url(../images/termeni.png) no-repeat; background-position: bottom !important; display: block; width:148px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.masini { float: left; text-decoration: none; color: #fff; background: url(../images/masini.png) no-repeat; display: block; width:71px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.masini:hover { background-position: bottom !important; }
#header .meniu ul li a.masiniselect { float: left; text-decoration: none; color: #fff; background: url(../images/masini.png) no-repeat; background-position: bottom !important; display: block; width:71px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.contact { float: left; text-decoration: none; color: #fff; background: url(../images/masini.png) no-repeat; display: block; width:71px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.contactselect { float: left; text-decoration: none; color: #fff; background: url(../images/masini.png) no-repeat; background-position: bottom !important; display: block; width:71px; line-height: 38px; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: bold;}
#header .meniu ul li a.contact:hover { background-position: bottom !important; }
/* INCEPUT SLIDER */
#slider { width: 900px; height: 290px; position: relative; background: url(../images/bgslider.png) no-repeat;}
.scroll { width: 828px; height: 244px; overflow: auto; position: relative;}
.scrollButtons { position: absolute; top: 111px; cursor: pointer; }
.scrollButtons.stanga { left: 10px; z-index:1;}
.scrollButtons.dreapta { right: 10px; z-index:1;}
.scrollContainer div.panel { height: 266px; width: 828px; color: #fff; }
.scrollContainer #vwgolf { height: 266px; width: 828px; color: #fff; }
.scrollContainer #galerie-video { height: 266px; width: 828px; color: #fff;}
.scrollContainer #galerie-foto { height: 266px; width: 828px; color: #fff; }
.scrollContainer #cumajung { height: 266px; width: 828px; color: #fff; }
.scrollContainer #rezervari-online { height: 266px; width: 828px; color: #fff; }
.scrollContainer #contact { height: 266px; width: 828px; color: #fff; }
.imagine { width: 343px; height: 222px; float: left; margin: 19px 0 0 59px;}
.text { width: 232px; height: 222px; float: right; margin: 19px 50px 0 0; }
.text h1 { font-size: 22px; margin-bottom: 27px;}
.text p { font-size: 12px; margin-bottom: 25px;}
.text a.rezerva { float: left; display: block; width: 111px; line-height: 33px; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url(../images/rezerva.png) no-repeat; }
.text a.rezerva:hover { background-position: bottom !important; }
ul.navigation { float: left; list-style: none; width: 900px; height: 36px; background: url(../images/bgnavmasini.png) no-repeat; margin-top: 10px;}
ul.navigation li { float: left; text-align: center; }
ul.navigation li a { text-decoration: none; color: #fff; font-size: 16px;}
ul.navigation li a.unu { background: url(../images/unu.png) no-repeat; width: 115px; line-height: 33px; display: block; float: left;}
ul.navigation li a.unu:hover { background-position: bottom !important; }
ul.navigation li a.doi { background: url(../images/doi.png) no-repeat; width: 91px; line-height: 33px; display: block; float: left;}
ul.navigation li a.doi:hover { background-position: bottom !important; }
ul.navigation li a.trei { background: url(../images/trei.png) no-repeat; width: 117px; line-height: 33px; display: block; float: left;}
ul.navigation li a.trei:hover { background-position: bottom !important; }
ul.navigation li a.patru { background: url(../images/patru.png) no-repeat; width: 106px; line-height: 33px; display: block; float: left;}
ul.navigation li a.patru:hover { background-position: bottom !important; }
ul.navigation li a.cinci { background: url(../images/cinci.png) no-repeat; width: 115px; line-height: 33px; display: block; float: left;}
ul.navigation li a.cinci:hover { background-position: bottom !important; }
ul.navigation li a.sase { background: url(../images/sase.png) no-repeat; width: 138px; line-height: 33px; display: block; float: left;}
ul.navigation li a.sase:hover { background-position: bottom !important; }
ul.navigation li a.sapte { background: url(../images/sapte.png) no-repeat; width: 112px; line-height: 33px; display: block; float: left;}
ul.navigation li a.sapte:hover { background-position: bottom !important; }
/* SFARSIT SLIDER */
#content { width: 900px; height: auto; background: url(../images/bgcontent.png) repeat-y; float: left;}
.left { width: 620px; height: auto; float: left; }
.left h1 { font-size: 18px; color: #234380; margin: 84px 0 20px 20px;}
.left p { margin: 0 10px 0 20px; font-size: 12px; color: #494949; }
.left img { margin: 20px; float: right;}
.left h2 { font-size: 14px; color: #bf0007; margin:40px 0 10px 20px; }
.left h2 a { text-decoration: none; color: #bf0007; }
.left h3 { font-size: 14px; color: #bf0007; margin: 40px 0 10px 20px;}
.left h4 { font-size: 14px; color: #bf0007; margin: 20px 0 10px 20px;}
.left h5 { font-size:14px; margin:20px 0 10px 20px; color: #bf0007; }
.left a { text-decoration: none; color: #494949;}
.left ul.lista { list-style: none; margin: 0 15px 0 45px; float: left; }
.left ul.lista li { list-style-image: url(../images/bullet.png); padding: 5px 0 0 3px; font-size: 12px}
.left ul.lista li a { text-decoration: none; color: #000;}
.left ul.lista li a:hover { text-decoration: underline; }
.tabel { float: left; width: 552px; height:auto; background: #f0f0f0; border: 1px solid #d6d6d6; border-right: none; margin: 10px 0 0 35px;}
.tabel .marca { width: 127px; float: left; height: 30px; font-weight: bold; font-size: 14px; text-align: center; color: #af0002; line-height: 30px; border-right: 1px solid #d6d6d6;}
.tabel .zile { width: 105px; float: left; height: 30px; font-size: 14px; text-align: center; color: #af0002; line-height: 30px; border-right: 1px solid #d6d6d6; }
.tabel .masina { width: 127px; float: left; height: 20px; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel .pret { width: 105px; float: left; font-size: 12px; height: 20px; text-align: center; line-height: 20px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel .masinaoverlay { width: 127px; float: left; height: 20px; font-size: 12px; font-weight: bold; background: #fff; text-align: center; line-height: 20px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel .pretoverlay { width: 105px; float: left; font-size: 12px; height: 20px; background: #fff; text-align: center; line-height: 20px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.right { width: 280px; height: auto; float: right; }
.limbi { float: left; width: 250px; height: 50px; background: url(../images/limbibg.png) no-repeat; margin: 24px 0 0 12px;}
.limbi p { line-height: 50px; padding-left: 26px; font-size: 13px; float: left;}
.limbi ul { list-style: none; float: left; margin: 13px 0 0 5px;}
.limbi ul li { float: left; padding-left: 5px;}
.datecontact { width: 250px; height: auto; float: left; margin: 10px 0 0 12px; }
.topcontact { width: 250px; height: 20px; float: left; background: url(../images/topcontact.png) no-repeat; }
.middlecontact { width: 250px; height: auto; float: left; background: url(../images/bgcontact.png) repeat-y; }
.middlecontact h4 { font-size: 18px; color: #234380; margin: 0 0 13px 25px;}
.middlecontact ul.datefirma { float: left; list-style: none; margin-left: 25px; font-size: 12px;}
.middlecontact ul.datefirma li { font-size: 11px; }
.middlecontact ul.contacte { float: left; list-style: none; margin: 10px 0 10px 50px; font-size: 12px;}
.middlecontact ul.contacte { float: left; list-style: none; margin: 10px 0 10px 50px; font-size: 12px;}
.middlecontact ul.contacte li.strada { list-style-image: url(../images/homeicon.png); line-height: 21px;}
.middlecontact ul.contacte li.telefon { list-style-image: url(../images/phoneicon.png);}
.middlecontact ul.contacte li.fax { list-style-image: url(../images/faxicon.png); }
.middlecontact ul.contacte li.email { list-style-image: url(../images/mailicon.png); }
.bottomcontact { width: 250px; height: 20px; float: left; background: url(../images/bottomcontact.png) no-repeat; }
.preluare { width: 250px; height: 145px; float: left; background: url(../images/bgpreluare.png); margin: 10px 0 0 12px; color: #234380; }
.preluare p { margin: 30px 0 0 30px; }
.preluare img.prim { margin: 25px 0 0 30px; }
.preluare img { margin: 25px 0 0 5px;}
#footer { width: 900px; height: 50px; background: url(../images/footer.png); float: left; margin-bottom: 10px;}
#footer ul { list-style: none; float: left; margin: 20px;}
#footer ul li { float: left; color: #fff; padding-right: 10px; font-size: 12px;}
#footer ul li a { text-decoration: none; color: #fff; }
#footer ul li a:hover { text-decoration: underline; }
.clearfloats { clear: both; }
/* PAGINA TERMENI SI CONDITII */
.left ul.termenii { list-style: none; margin: 5px 0 5px 40px; font-size: 12px;}
.left ul.termenii li { list-style-image: url(../images/redbullet.png); padding: 0 0 0 2px;}
.left p.titlu { padding: 5px 0 5px 0; font-weight: bold;}
/* PAGINA INCHIRIERI ONLINE */
.top-formular-inchiriere-online { float: left; width: 580px; height: 3px; background: url(../images/topformular.gif) no-repeat; margin: 5px 0 0 20px;}
.bottom-formular-inchiriere-online { float: left; width: 580px; height: 3px; background: url(../images/bottomformular.gif) no-repeat; margin-left: 20px;}
.formular-inchiriere-online { float: left; width: 580px; height: auto; background: #d9d9d9; margin-left: 20px;}
.formular-inchiriere-online select { width: 190px; border: 1px solid #b2b2b2; margin-left: 20px; color: #838383;}
.topinnerformular { width: 549px; height: 2px; float: left; background: url(../images/topinnerformular.gif); margin: 13px 0 0 20px;}
.centerinnerformular { width: 549px; height: auto; float: left; background: url(../images/centerinnerformular.gif); margin-left: 20px;}
.centerinnerformular ul.formular-preluare { float: left; list-style: none; margin: 0 0 10px 20px; width: 200px;}
span { color: #234380; font-size: 14px; }
span.tip { float: left; margin-left: 40px; display: block; }
.centerinnerformular ul.formular-preluare li { font-size: 12px; color: #000; padding-top: 5px; display: block; }
.centerinnerformular ul.formular-preluare select.data { width: 40px; margin: 0px;float: left; margin-right: 10px;}
.centerinnerformular ul.formular-preluare select.luna { width: 80px; margin: 0px; float: left; margin-right: 10px;}
.centerinnerformular ul.formular-preluare select.an { width: 60px; margin: 0px;float: left;}
.centerinnerformular ul.formular-preluare select.ora{ width: 60px; margin: 0px;}
/* PREDARE */
.centerinnerformular ul.formular-predare { float: right; list-style: none; margin-right: 20px;width: 200px;}
.centerinnerformular ul.formular-predare li { font-size: 12px; color: #000; padding-top: 5px;}
.centerinnerformular ul.formular-predare select.data { width: 40px; margin: 0px;float: left; margin-right: 10px;}
.centerinnerformular ul.formular-predare select.luna { width: 80px; margin: 0px; float: left; margin-right: 10px;}
.centerinnerformular ul.formular-predare select.an { width: 60px; margin: 0px;float: left;}
.centerinnerformular ul.formular-predare select.ora{ width: 60px; margin: 0px;}
.bottominnerformular { width: 549px; height: 2px; float: left; background: url(../images/bottominnerformular.gif); margin: 0 0 20px 20px;}
/* FORMULAR DOI */
.topformulardoi { width: 549px; height: 2px; float: left; background: url(../images/topformulardoi.gif); margin-left: 20px;}
.centerformulardoi { width: 549px; height: auto; float: left; background: #eaeaea; margin-left: 20px;}
.centerformulardoi ul { list-style: none; float: left; }
.centerformulardoi ul li { font-size: 12px; float: left; display: block; width: 270px;}
.centerformulardoi ul li.prim { margin: 0 0 5px 20px ; display: block; }
.centerformulardoi ul input { margin-left: 20px; }
.bottomformulardoi { width: 549px; height: 2px; float: left; background: url(../images/bottomformulardoi.gif); margin-left: 20px;}
/* FORMULAR TREI */
.date { width: 549px; height: 218px; floaT: left; background: url(../images/bgdate.gif); margin: 20px 0 0 20px;}
.date ul.datecontact{ list-style: none; float: left; margin: 0 0 0 20px; }
.date ul.datecontact li { font-size: 12px; float: left; display: block; width: 250px; }
.date ul.datecontact li label { width: 100px; }
.date ul.datecontact input { margin: 0px; padding: 0px; float: right; width: 150px;}
.date ul.datecontact p {margin: 0px; }
/* TABEL FORMULAR */
.date ul.datecontact table td { font-size: 12px; margin-top: 3px;}
.date ul.datecontact table tr { margin-top: 3px; }
.divtermeni { width: 549px; height: 40px; floaT: left; margin: 10px 0 10px 20px;}
.divtermeni p { margin: 0px; float: left;}
.divtermeni a { width: 141px; height: 33px; float: right; line-height: 33px; background: url(../images/inchiriaza.png) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; font-size: 13px;}
.divtermeni a:hover { background-position: bottom !important; }
.divtermeni input { float: left; }
.tabel-inchiriere-online { float: left; width: 552px; height:auto; background: #f0f0f0; border: 1px solid #d6d6d6; border-right: none; margin: 10px 0 0 30px;}
.tabel-inchiriere-online .marca { width: 127px; float: left; height: 40px; text-align: center; color: #af0002; line-height: 40px; border-right: 1px solid #d6d6d6;}
.tabel-inchiriere-online .zile { width: 105px; float: left; height: 40px; text-align: center; color: #af0002; line-height: 40px; border-right: 1px solid #d6d6d6; }
.tabel-inchiriere-online .masina { width: 127px; float: left; height: 30px; text-align: center; line-height: 30px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel-inchiriere-online .pret { width: 105px; float: left; font-size: 14px; height: 30px; text-align: center; line-height: 30px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel-inchiriere-online .masinaoverlay { width: 127px; float: left; height: 30px; background: #fff; text-align: center; line-height: 30px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
.tabel-inchiriere-online .pretoverlay { width: 105px; float: left; font-size: 14px; height: 30px; background: #fff; text-align: center; line-height: 30px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
p.obligatoriu { font-size: 11px; color: red; float: left; display: block; width: 250px;}
/* PAGINA MASINI */
.divmasina { float: left; width: 590px; height: auto; margin: 0 0 20px 20px; }
.imagine-masina { float: left; width: 185px; height: 140px; }
.imagine-masina img { margin: 0px; }
.nume-masina { width: 380px; height: 20px; float: left; margin-left: 15px;}
.nume-masina h2 { color: #234380; margin: 0px; }
.tabel-masina { width: 385px; height: auto; float: left; background: #d9d9d9; margin: 20px 0 5px 15px;}
span.rosu { color: #af0002; font-weight: bold;}
.tabel-masina .zilele { width: 75px; height: 20px; float: left; color: #fff; line-height: 20px; background: #fff; color: #000; font-size: 12px; text-align: center; border: 1px solid #ccc; }
.tabel-masina .euro { width: 75px; height: 20px; float: left; color: #fff; line-height: 20px; background: #e0e0e0; color: #000; font-size: 12px; text-align: center; border: 1px solid #ccc;}
.legaturi { width: 380px; height: 33px; floaT: left; margin-left: 15px; }
.legaturi a.rezerva { float: left; width: 87px; height: 29px; line-height: 29px; margin: 5px; cursor: pointer; display: block; text-align: center; text-decoration: none; color: #fff; background: url(../images/masini/rezerva.png); }
.legaturi a.rezerva:hover { background-position: bottom !important; }
.tva { width:385px; float: left; background: #fff;}
.tva p { float: right; font-size: 10px; color: #000; margin: 0px; padding: 0px;}
/* PAGINA MASINA */
.poza { width: 212px; height: auto; float: left; margin-left: 20px;}
.poza img { float: left; margin: 0px; padding: 0px;}
.datele { float: left; width: 212px; }
ul.datetehnice { list-style: none; float: left; margin-left: 20px;}
ul.datetehnice li { font-size: 12px; }
ul.datetehnice li { font-size: 12px; }
h2.masina { font-size: 16px; color: #bf0007; margin: 10px 0 10px 20px; }
.tabelpreturi {width: 140px; height: 197px; float: left; background: url(../images/tabelul.png); }
.coloana1{ float: left; width: 60px; height: 187px; margin: 10px 0 0 0;}
.coloana2{ float: right; width: 60px; height: 187px; margin: 10px 10px 0 0;}
.zi { width: 70px; float: left; height: 35px; text-align: center; }
.banulunu { width: 67px; font-size: 12px; float: left; height: 36px; text-align: center; border-right: 1px solid #ccc;}
.bani { width: 70px; float: left; height: 35px; text-align: center; }
.banuldoi { width: 70px; font-size: 12px; float: left; height: 36px; text-align: center;}
/* PAGINA HARTA SITE */
ul.harta { list-style: none; float: left; margin-left: 20px; }
ul.harta a { text-decoration: none; }
ul.harta a:hover { text-decoration: underline; }
/* PAGINA CONTACT */
.pagcontact { float: left; width: 549px; height: 218px; margin: 0 0 10px 20px; background: url(../images/bgpagcontact.png) no-repeat; }
.pagcontact ul { floaT: left; list-style: none; margin: 10px 0 0 20px; }
.pagcontact ul li { padding-top: 5px; font-size: 14px; }
.pagcontact ul li.trimite { float: right; }
.pagcontact ul li textarea { width: 145px; }
.pagcontact1 { float: left; width: 549px; height: 118px; margin: 0 0 30px 20px; background: url(../images/bgalbastru.gif) no-repeat; }