/* ------ STYLURI GENERALE ------ */
body {margin: 0px; padding: 0px 0px 50px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #4b4a4a; line-height: 22px; background-color: #000000; background-image: url(../images/background/bg_pagina.jpg); background-repeat: no-repeat; background-position: center top;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

div.container {margin: 0px auto; width: 940px; position: relative;}
.cleaner {clear: both; height: 0px; display: block; overflow: hidden;}

a {color: #2d89af; text-decoration: underline; outline: none;}
a:hover {color: #8c1a0b; text-decoration: underline;}

a.butonProiect {padding: 7px 0px 9px 14px; font-size: 11px; color: #ffffff; text-decoration: none; text-transform: uppercase; background: url(../images/butons/buton_rosu_stanga.gif) no-repeat 0px 0px; white-space:nowrap;}
a.butonProiect span {padding: 7px 13px 9px 0px; background: url(../images/butons/buton_rosu_dreapta.gif) no-repeat right 0px;}
a.butonProiect:hover span {color: #ffffff; text-decoration: underline;}

a.butonMare {padding: 17px 0px 17px 44px; font-size: 20px; color: #ffffff; text-decoration: none; text-transform: uppercase; background: url(../images/butons/buton_rosu_mare_stanga.gif) no-repeat 0px 0px;}
a.butonMare span {padding: 17px 43px 17px 0px; background: url(../images/butons/buton_rosu_mare_dreapta.gif) no-repeat right 0px;}
a.butonMare:hover span {color: #ffffff; text-decoration: underline;}

span.visiniu {color: #93250e;}




/* ------ HEADER ------ */
div#header {margin: 0px auto; padding: 24px 0px 0px 0px; width: 980px; height: 124px; clear: both; position: relative;}
div#header h1 {margin: 0px 0px 0px 0px; padding: 0px; width: 220px; height: 98px; position: relative; text-indent: -20000px; background: url(../images/softhost_logo.png) no-repeat 0px 0px;}
div#header h1 a {margin: 0px; width: 220px; height: 98px; display: block;}

p.selectareLimba {margin: 8px 0px 0px 0px; padding: 0px; float: right; font-size: 11px; color: #bbbbbb;}
p.selectareLimba span {margin-right: 9px;}
p.selectareLimba a {padding: 15px 38px 5px 0px; color: #777777; text-decoration: none; background: url(../images/icons/limba_inactiv.png) no-repeat right 0px;}
p.selectareLimba a.activ {color: #deaa0a; background: url(../images/icons/limba_activ.png) no-repeat right 0px;}
p.selectareLimba a:hover {color: #dddddd;}


div.meniuSus {margin: 36px 1px 0px 0px; padding: 0px; float: right; clear: right;}
div.meniuSus a {margin: 0px 0px 0px 1px; height: 33px; display: block; overflow: hidden; float: left; text-indent: -20000px; background-repeat: no-repeat; background-position: 0px 0px;}
div.meniuSus a:hover {background-position: 0px -33px;}

div.meniuSus a.homeEn {width: 76px; background-image: url(../images/menu_top/home_en.png);}
div.meniuSus a.homeEnActiv {width: 76px; background-image: url(../images/menu_top/home_en.png); background-position: 0px -66px;}
div.meniuSus a.homeEnActiv:hover {background-position: 0px -66px;}
div.meniuSus a.aboutEn {width: 98px; background-image: url(../images/menu_top/about_en.png);}
div.meniuSus a.aboutEnActiv {width: 98px; background-image: url(../images/menu_top/about_en.png); background-position: 0px -66px;}
div.meniuSus a.aboutEnActiv:hover {background-position: 0px -66px;}
div.meniuSus a.projectsEn {width: 228px; background-image: url(../images/menu_top/projects_en.png);}
div.meniuSus a.projectsEnActiv {width: 228px; background-image: url(../images/menu_top/projects_en.png); background-position: 0px -66px;}
div.meniuSus a.projectsEnActiv:hover {background-position: 0px -66px;}
div.meniuSus a.productsEn {width: 168px; background-image: url(../images/menu_top/products_en.png);}
div.meniuSus a.productsEnActiv {width: 168px; background-image: url(../images/menu_top/products_en.png); background-position: 0px -66px;}
div.meniuSus a.productsEnActiv:hover {background-position: 0px -66px;}
div.meniuSus a.contactEn {width: 89px; background-image: url(../images/menu_top/contact_en.png);}
div.meniuSus a.contactEnActiv {width: 89px; background-image: url(../images/menu_top/contact_en.png); background-position: 0px -66px;}
div.meniuSus a.contactEnActiv:hover {background-position: 0px -66px;}


div.meniuSus a.homeRo {width: 76px; background-image: url(../images/menu_top/home_en.png);}
div.meniuSus a.homeRoActiv {width: 76px; background-image: url(../images/menu_top/home_en.png); background-position: 0px -66px;}
div.meniuSus a.homeRoActiv:hover {background-position: 0px -66px;}
div.meniuSus a.aboutRo {width: 98px; background-image: url(../images/menu_top/about_en.png);}
div.meniuSus a.aboutRoActiv {width: 98px; background-image: url(../images/menu_top/about_en.png); background-position: 0px -66px;}
div.meniuSus a.aboutRoActiv:hover {background-position: 0px -66px;}
div.meniuSus a.projectsRo {width: 228px; background-image: url(../images/menu_top/projects_en.png);}
div.meniuSus a.projectsRoActiv {width: 228px; background-image: url(../images/menu_top/projects_en.png); background-position: 0px -66px;}
div.meniuSus a.projectsRoActiv:hover {background-position: 0px -66px;}
div.meniuSus a.productsRo {width: 168px; background-image: url(../images/menu_top/products_en.png);}
div.meniuSus a.productsRoActiv {width: 168px; background-image: url(../images/menu_top/products_en.png); background-position: 0px -66px;}
div.meniuSus a.productsRoActiv:hover {background-position: 0px -66px;}
div.meniuSus a.contactRo {width: 89px; background-image: url(../images/menu_top/contact_en.png);}
div.meniuSus a.contactRoActiv {width: 89px; background-image: url(../images/menu_top/contact_en.png); background-position: 0px -66px;}
div.meniuSus a.contactRoActiv:hover {background-position: 0px -66px;}





/* ------ CONTINUT ------ */
div#continut {margin: 0px auto; padding: 34px 0px 0px 0px; width: 980px; position: relative; background-color: #f2f2f2; background-image: url(../images/background/bg_cont_sus.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#continut a.quoteSusEn {margin: 0px; width: 167px; height: 137px; overflow: hidden; display: block; position: absolute; top: -15px; right: -52px; text-indent: -20000px; background: url(../images/butons/quote_en_sus.png) no-repeat 0px 0px;}
div#continut a.quoteSusEnSpecial {margin: 0px; width: 141px; height: 237px; overflow: hidden; display: block; position: absolute; top: -15px; right: -26px; text-indent: -20000px; background: url(../images/butons/quote_en_sus_01.png) no-repeat 0px 0px;}

h2.titluPagina {margin: 13px 0px 0px 0px; padding: 0px 20px 25px 20px; position: relative; overflow: hidden; font-size: 26px; line-height: 30px; color: #ffffff; background: url(../images/background/linia_titlu.gif) repeat-x left bottom;}
h2.titluPagina em {position: absolute; top: -1px; left: 19px; color: #414040; font-style: normal;}
h2.titluPagina strong {text-transform: uppercase;}
h2.titluPagina em strong {color: #dda803;}

h2.titluCategorie {margin: 30px 0px 9px 17px; position: relative; overflow: hidden; font-size: 49px; line-height: 56px; color: #ffffff; letter-spacing: -1px;}
h2.titluCategorie em {position: absolute; top: -1px; left: -1px; color: #282727; font-style: normal;}

p.caleSite {margin: 0px 20px; padding: 0px 0px 0px 24px; font-size: 11px; color: #918f8f; line-height: 23px; background: url(../images/icons/casa.gif) no-repeat 0px 8px;}
p.caleSite span {padding: 0px 5px;}
p.caleSite a {color: #918f8f; text-decoration: none;}
p.caleSite a:hover {color: #7e961f; text-decoration: underline;}

div.formularQuote {margin: 0px; padding: 22px 0px 42px 20px; clear: both; background: url(../images/background/linia_headline_jos.gif) repeat-x left bottom;}
div.formularQuote p.butonJos {margin: 0px; padding: 22px 0px 28px 0px; clear: both; text-align: center;}




/* ------ prezentare proiecte ------ */
div#prezentareProiecte {margin: 0px; padding: 26px 85px 0px 85px; clear: both; position: relative; background: url(../images/background/linia_headline_jos.gif) repeat-x left bottom;}
div.sliderwrapper {margin: 0px; padding: 0px; height: 332px; position: relative;}
div.contentdiv {padding: 0px; width: 810px; visibility: hidden; position: absolute; left: 0; top: 0; -moz-opacity: 1; opacity: 1;}

div.pozaProiect {margin: 4px 35px 0px 0px; width: 375px; height: 309px; padding: 13px 0px 0px 14px; float: left; overflow: hidden; background: url(../images/background/tv_negru.jpg) no-repeat 0px 0px;}
div.detaliiProiect {width: 386px; float: left;}

div.detaliiProiect h2 {margin: 0px 0px 9px -3px; position: relative; font-size: 42px; line-height: 56px; color: #ffffff; letter-spacing: -1px;}
div.detaliiProiect h2 em {position: absolute; top: -1px; left: -1px; color: #282727; font-style: normal;}
div.detaliiProiect h3 {margin: 0px 0px 13px 0px; position: relative; overflow: hidden; font-size: 18px; line-height: 24px; color: #ffffff;}
div.detaliiProiect h3 em {position: absolute; top: -1px; left: -1px; color: #282727; font-style: normal;}
div.detaliiProiect h4 {margin: 0px; padding: 0px 0px 0px 1px; position: relative; overflow: hidden; font-size: 12px; font-weight: bold; color: #ffffff;}
div.detaliiProiect h4 em {position: absolute; top: -1px; left: 0px; color: #282727; font-style: normal;}

div.detaliiProiect p.text {margin: 0px; padding: 0px;}
div.detaliiProiect p.detaliiProiect {margin: 47px 0px 0px 0px; padding: 0px 0px 8px 31px; text-align: right; background: url(../images/icons/sageata.gif) no-repeat 0px 2px;}
div.detaliiProiect p.detaliiProiect a.adresaWeb {margin: 3px 0px 0px 0px; display: block; float: left; position: relative; color: #ffffff; font-size: 16px; text-decoration: none;}
div.detaliiProiect p.detaliiProiect a.adresaWeb em {position: absolute; top: -1px; left: -1px; color: #282727; font-style: normal;}
div.detaliiProiect p.detaliiProiect a.adresaWeb:hover {text-decoration: underline;}
div.detaliiProiect p.detaliiProiect a.adresaWeb:hover em {text-decoration: underline;}

div.pagination {margin: 0px; padding: 0px; height: 1px;}
div.pagination a.prev {width: 33px; height: 54px; display: block; overflow: hidden; position: absolute; top: 129px; left: 20px; text-indent: -20000px; text-decoration: none; background: url(../images/butons/deruleaza_stanga.gif) no-repeat 0px 0px;}
div.pagination a.next {width: 33px; height: 54px; display: block; overflow: hidden; position: absolute; top: 129px; right: 20px; text-indent: -20000px; text-decoration: none; background: url(../images/butons/deruleaza_dreapta.gif) no-repeat 0px 0px;}



/* ------ listing proiecte ------ */
div#listingProiecte {margin: 0px; padding: 0px; clear: both;}
div#listingProiecte div.detaliiProiect p.detaliiProiect {margin: 47px 0px;}
div.proiect {margin: 0px; padding: 26px 85px 7px 85px; clear: both; background: url(../images/background/linia_headline_jos.gif) repeat-x left bottom;}

div.proiectPar {margin: 0px; padding: 26px 85px 7px 85px; clear: both; background-color: #dddacf; background-image: url(../images/background/linia_headline_jos_01.gif); background-repeat: repeat-x; background-position: left bottom;}
div.proiectPar div.pozaProiect {background: url(../images/background/tv_negru_01.jpg) no-repeat 0px 0px;}
div.proiectPar div.detaliiProiect p.detaliiProiect {background: url(../images/icons/sageata_01.gif) no-repeat 0px 2px;}



/* ------ listing produse ------ */
div.produs {margin: 0px; padding: 26px 60px 34px 60px; clear: both; background: url(../images/background/linia_headline_jos.gif) repeat-x left bottom;}
div.produsPar {margin: 0px; padding: 26px 60px 34px 60px; clear: both; background-color: #dddacf; background-image: url(../images/background/linia_headline_jos_01.gif); background-repeat: repeat-x; background-position: left bottom;}

div.produs div.detaliiProiect {width: 602px; float: left;}
div.produsPar div.detaliiProiect {width: 602px; float: left;}
div.pozaProdus {margin: 0px 35px 0px 0px; width: 220px; height: 260px; float: left; overflow: hidden;}
p.viziteaza {margin: 27px 0px 0px 0px; padding: 0px 0px 8px 0px;}
div.detaliiProiect h3.produs {margin: -6px 0px 22px 0px;}



/* ------ paginare ------ */
p.paginare {margin: 0px; padding: 32px 20px 40px 20px; text-align: right; background-color: #FFFFFF; background-image: url(../images/background/linia_headline_jos.gif); background-repeat: repeat-x; background-position: left bottom;}
p.paginare label {padding: 0px 6px 0px 0px;}
p.paginare a {margin-right: 3px; padding: 7px 0px 9px 14px; font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(../images/butons/buton_rosu_stanga_01.gif) no-repeat 0px 0px;}
p.paginare a span {padding: 7px 13px 9px 0px; background: url(../images/butons/buton_rosu_dreapta_01.gif) no-repeat right 0px;}
p.paginare a:hover span {color: #ffffff; text-decoration: underline;}
p.paginare a.activ {color: #222222; background: url(../images/butons/buton_rosu_stanga_02.gif) no-repeat 0px 0px;}
p.paginare a.activ span {background: url(../images/butons/buton_rosu_dreapta_02.gif) no-repeat right 0px;}





/* ------ prezentare produse ------ */
div#prezentareProduse {padding: 20px 0px 27px 0px; clear: both; background-color: #dddacf; background-image: url(../images/background/linia_produse_jos.gif); background-repeat: repeat-x; background-position: left bottom;}
div#prezentareProduse div {margin: 0px 0px 0px 20px; width: 220px; height: 260px; overflow: hidden; float: left; text-align: center; background-repeat: no-repeat; background-position: 0px 0px;}
div#prezentareProduse div.cleaner {margin: 0px; padding: 0px; width: 100%; clear: both; float: none; height: 1px; display: block; overflow: hidden;}
div#prezentareProduse h2 {display: none;}

div#prezentareProduse div.cutieShineEn {background-image: url(../images/products/shine.gif);}
div#prezentareProduse div.cutieEmexEn {background-image: url(../images/products/emex.gif);}
div#prezentareProduse div.cutieCPEn {background-image: url(../images/products/control_panel.gif);}
div#prezentareProduse div.cutieContactEn {background-image: url(../images/products/contact.gif);}

div#prezentareProduse div.cutieShineRo {background-image: url(../images/products/shine.gif);}
div#prezentareProduse div.cutieEmexRo {background-image: url(../images/products/emex.gif);}
div#prezentareProduse div.cutieCPRo {background-image: url(../images/products/control_panel.gif);}
div#prezentareProduse div.cutieContactRo {background-image: url(../images/products/contact.gif);}

div#prezentareProduse p {margin: 0px; padding: 98px 12px 0px 12px; font-size: 12px; color: #494948; line-height: 18px;}
div#prezentareProduse p strong {color: #93250e;}

div#prezentareProduse a.detaliiProdusEn {margin: 127px auto 0px auto; width: 143px; height: 40px; display: block; text-align: left; text-indent: -20000px; background: url(../images/butons/mai_multe_en.png) no-repeat 0px 0px;}
div#prezentareProduse a.detaliiProdusRo {margin: 127px auto 0px auto; width: 143px; height: 40px; display: block; text-align: left; text-indent: -20000px; background: url(../images/butons/mai_multe_en.png) no-repeat 0px 0px;}





/* ------ DETALIU ARTICOL ------ */
div.detaliuArticol {margin: 30px 20px 0px 20px; padding: 0px 50px 30px 50px; width: 840px; position: relative; clear: both; background: url(../images/background/detaliu_mijloc.gif) repeat-y 0px 0px;}
div.fundalDetaliuTop {margin: 0px; width: 940px; height: 20px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(../images/background/detaliu_sus.gif) no-repeat 0px 0px;}
div.fundalDetaliuBottom {width: 940px; height: 20px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; background: url(../images/background/detaliu_jos.gif) no-repeat 0px 0px;}

div.detaliuArticol h3 {margin: 33px 0px 24px -3px; position: relative; overflow: hidden; font-size: 40px; line-height: 50px; color: #ffffff; letter-spacing: -1px;}
div.detaliuArticol h3 em {position: absolute; top: -1px; left: -1px; color: #282727; font-style: normal;}
div.detaliuArticol img.pozaDetaliuArticol {margin: 0px 10px 0px 0px; padding: 1px; border: 1px solid #dcdcdc; float: left;}

dl.listingStudii {margin: 10px 13px; padding: 0px;}
dl.listingStudii img {margin: 5px 4px 0px 0px; padding: 0px; float: left; vertical-align: top; border:2px solid #dda803;}
dl.listingStudii img.logo {margin: 1px 4px 0px 0px; padding: 0px; width: auto; height: 52px; vertical-align: bottom; text-align:center; float: right; background-color: #FFFFFF; border: 3px solid #ffffff;}
dl.listingStudii img.mare {margin: 0px 4px 0px 0px; padding: 2px; float: left; border: 1px solid #cccccc; vertical-align: top;}
dl.listingStudii img.mica {margin: 0px 4px 0px 0px; padding: 0px; float: left; border: none; vertical-align: top;}

div.top {margin: 30px 0px 10px 0px; padding: 0px; clear: both;}





/* ------ FOOTER ------ */
div#footer {margin: 0px auto; padding: 22px 20px; width: 940px; font-size: 11px; color: #424242; background-color: #f2f2f2; background-image: url(../images/background/bg_cont_jos.gif); background-repeat: no-repeat; background-position: 0px bottom;}
div#footer span {padding: 0px 3px;}
div#footer em {font-style: normal; color: #747373;}

div#footer a {color: #424242; text-decoration: none;}
div#footer a:hover {color: #2d89af; text-decoration: underline;}

div#footer a.quoteJosEn {margin: 5px 0px 0px 0px; width: 220px; height: 53px; overflow: hidden; display: block; float: right; text-indent: -20000px; background: url(../images/butons/quote_en_jos.gif) no-repeat 0px 0px;}






/* ------ ELEMENTE FORMULAR ------ */
input.formular01 {margin: 0px; padding: 2px 2px; width: 230px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
textarea.formular01 {margin: 0px; padding: 2px 2px; width: 380px; height: 80px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; height: 22px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color: #6b6a60;}
input.formular01Box {vertical-align: -2px;}
input.formular01Radio {vertical-align: -3px;}

input.campNume {margin: 0px 16px 15px 0px; padding: 17px 15px 18px 135px; width: 310px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; background: url(../images/background/input_name.gif) no-repeat 0px 0px;}
input.campCompanie {margin: 0px 16px 15px 0px; padding: 17px 15px 18px 135px; width: 310px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; background: url(../images/background/input_company.gif) no-repeat 0px 0px;}
input.campEmail {margin: 0px 16px 15px 0px; padding: 17px 15px 18px 135px; width: 310px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; background: url(../images/background/input_email.gif) no-repeat 0px 0px;}
input.campTelefon {margin: 0px 16px 15px 0px; padding: 17px 15px 18px 135px; width: 310px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; background: url(../images/background/input_phone.gif) no-repeat 0px 0px;}
textarea.campRequest {margin: 0px 0px 15px 0px; padding: 17px 15px 18px 135px; width: 790px; height: 189px; overflow: hidden; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; background: url(../images/background/input_request.gif) no-repeat 0px 0px;}




/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 32px 0px 0px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
table.tabelSpecificatii th {padding: 12px 5px 13px 5px; text-align: left; color: #2f2c1d; font-size: 18px; font-weight: normal; border: 1px solid #f3f2ee;}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #ecf0e5;}





div.errorDiv {margin: 22px 10px 20px 10px; clear: both; width:90%; padding:5px 10px 5px 25px; color:#7c0000; border:1px #FEC423 solid; background-color:#F7F7F7; font-weight:bold; background-image: url(../images/icons/message.gif); background-repeat: no-repeat; background-position: 5px 4px;}