/* ------ STYLURI GENERALE ------ */

html {margin: 0px; padding: 0px; background: url(../images/background/bg_top.gif) repeat-x 0px 0px;}

body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #616060; line-height: 22px; background: url(../images/background/bg_logo.jpg) no-repeat 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.cleaner {clear: both; height: 0px; overflow: hidden;}



a {color: #3789a5; text-decoration: underline; outline: none;}

a:hover {color: #1da4d2; text-decoration: underline;}



a.butonMare {margin: 0px; padding: 21px 0px 9px 55px; font-size: 30px; font-weight: bold; color: #FFFFFF; text-decoration: none; letter-spacing: -1px; text-shadow: 1px 1px 0px #09566d; background-image: url(../images/butoane/buton_mare_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}

a.butonMare span {padding: 21px 92px 9px 0px; background-image: url(../images/butoane/buton_mare_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}









/* ------ HEADER ------ */

div#headerHP {margin: 0px auto; padding-bottom: 292px; width: 940px; clear: both; position: relative; text-align: center; background: url(../images/background/oameni.jpg) no-repeat 1px bottom;}

div#headerINT {margin: 0px auto; padding-bottom: 43px; width: 940px; clear: both; position: relative; text-align: center;}



p.meniuTop {margin: 0px; padding: 31px 0px; clear: both;}

p.meniuTop a {margin: 0px -1px 0px 0px; padding: 9px 0px 9px 19px; color: #FFFFFF; text-decoration: none; background-image: url(../images/butoane/meniu_sus_stanga.png); background-repeat: no-repeat; background-position: 0px 0px;}

p.meniuTop a span {padding: 9px 18px 9px 0px; background-image: url(../images/butoane/meniu_sus_dreapta.png); background-repeat: no-repeat; background-position: right 0px;}

p.meniuTop a.activ {background-position: 0px -70px;}

p.meniuTop a.activ span {background-position: right -70px;}

p.meniuTop a:hover {color: #ffffff; text-decoration: none; background-position: 0px -35px;}

p.meniuTop a:hover span {background-position: right -35px;}

p.meniuTop a.activ:hover {background-position: 0px -70px;}

p.meniuTop a.activ:hover span {background-position: right -70px;}



h1.logoSite {margin: 34px auto 0px auto; padding: 0px; width: 397px; height: 87px; overflow: hidden; text-indent: -20000px;}

h1.logoSite a {margin: 0px; width: 397px; height: 87px; display: block;}









/* ------ CONTINUT ------ */

div#continut {margin: 0px auto -64px auto; padding-bottom: 32px; width: 940px; position: relative; background: url(../images/background/cutie_jos_HP.png) no-repeat -1px bottom; background-color: #f2f1e4;}

div.container {margin: 0px; padding: 0px 30px 0px 30px; overflow: hidden; background: url(../images/background/cutie_top_INT.png) no-repeat -1px 0px;}



h2.titluMare {margin: 8px 0px 18px 0px; padding: 40px 0px 0px 0px; font-size: 24px; color: #434242; letter-spacing: -1px; text-shadow: 1px 1px 0px #ffffff; background: url(../images/background/linie_dungata_orizontala.gif) repeat-x 0px 0px;}

h2.titluMare:first-child {margin-top: 12px; background: none;}



div.vorbitoriHP {padding: 30px 0px 0px 3px; width: 940px; overflow: hidden; clear: both; background: url(../images/background/cutie_top_HP.png) no-repeat -1px 0px;}

div.vorbitorHP {padding: 13px 22px 13px 18px; width: 272px; overflow: hidden; float: left; background: url(../images/background/linie_dungata_verticala.gif) repeat-y right top;}

div.vorbitorHP:last-child {background-image: none;}



div.vorbitorHP h3 {padding: 21px 0px 17px 60px; font-size: 24px; color: #434242; letter-spacing: -1px; text-shadow: 1px 1px 0px #ffffff; background: url(../images/icons/ico_vorbitor.gif) no-repeat 0px 0px;}

div.vorbitorHP h3 a {color: #434242; text-decoration: none;}

div.vorbitorHP h3 a:hover {color: #c69501; text-decoration: none;}



p.veziDetalii {margin: 14px 0px 0px 0px; padding: 0px 0px 0px 22px; font-size: 12px; background: url(../images/icons/sageata_01.gif) no-repeat 0px 4px;}

p.veziDetalii a {color: #c69501;}

p.veziDetalii a:hover {color: #019ac6;}



p.butonInscriereHP {margin: 0px; padding: 15px 0px 0px 0px; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}

p.butonInscriereHP img {margin: 0px 0px 19px 0px;}



div.siteCertificat {width: 113px; height: 113px; overflow: hidden; position: absolute; top: -92px; left: 5px; text-indent: -20000px; background: url(../images/icons/website_certificat.png) no-repeat 0px 0px;}

div.organizatori {width: 140px; height: 105px; overflow: hidden; position: absolute; top: -118px; right: 8px; text-indent: -20000px; background: url(../images/icons/organizatori.png) no-repeat 0px 0px;}
div.organizatori2 {width: 140px; height: 105px; overflow: hidden; position: absolute; top: 20px; right: 8px; text-indent: -20000px; background: url(../images/icons/organizatori.png) no-repeat 0px 0px;}
div.sustinatori {width: 140px; height: 200px; overflow: hidden; position: absolute; top: -335px; right: 8px; text-indent: -20000px; background: url(../images/sustinatori.png) no-repeat 0px 0px;}
div.sustinatori2 {width: 140px; height: 200px; overflow: hidden; position: absolute; top: -205px; right: 8px; text-indent: -20000px; background: url(../images/sustinatori.png) no-repeat 0px 0px;}



ul.modelLista {margin: 0px; padding: 0px 0px 22px 0px; list-style: none; overflow: hidden; clear: both;}

ul.modelLista li {padding: 0px 0px 0px 29px; background: url(../images/icons/sageata_lista.gif) no-repeat 0px 4px;}









/* ------ LISTING ------ */

div#stanga {padding: 19px 30px 0px 0px; width: 630px; overflow: hidden; float: left;}

div#dreapta {padding: 50px 0px 0px 0px; width: 220px; overflow: hidden; float: left;}





div.vorbitorINT {margin: 30px 0px 0px 0px; padding: 0px 0px 29px 0px; position: relative; overflow: hidden; background: url(../images/background/linie_dungata_orizontala.gif) repeat-x left bottom;}

div.vorbitorINT:last-child {padding-bottom: 10px; background: none;}

div.descriereVorbitor {width: 472px; overflow: hidden; float: left;}

img.pozaVorbitor {margin: 0px 20px 0px 0px; width: 130px; height: 173px; float: left; border: 4px solid #ffffff;}



div.vorbitorINT h3 {margin: 3px 0px 0px -1px; padding: 0px; font-size: 24px; color: #434242; letter-spacing: -1px; text-shadow: 1px 1px 0px #ffffff;}

div.vorbitorINT h5 {margin: 3px 0px 0px 0px; padding: 0px; font-size: 12px; color: #434242; font-weight: bold;}

div.vorbitorINT h5 span {color: #d5a000;}



div.cutieTema {margin: 16px 0px 26px 0px; clear: both; background: url(../images/background/cutie_tema_footer.gif) no-repeat left bottom;}

div.cutieTema h4 {padding: 10px 9px 12px 9px; font-size: 18px; color: #434242; line-height: 23px; text-shadow: 1px 1px 0px #ffe38c; background: url(../images/background/cutie_tema_top.gif) no-repeat 0px 0px;}

div.cutieTema h4 span {color: #ffffff; text-shadow: 1px 1px 0px #b79018;}





ul.meniuDreapta {margin: 0px; padding: 0px; width: 220px; list-style: none;}

ul.meniuDreapta li {padding: 0px 0px 2px 0px; background: url(../images/background/linie_dungata_meniu.gif) repeat-x left bottom;}

ul.meniuDreapta li:last-child {background: none;}

ul.meniuDreapta li a {padding: 1px 0px 3px 29px; display: block; color: #73715d; text-decoration: none; background-image: url(../images/icons/sageata_meniu.gif); background-repeat: no-repeat; background-position: 4px 5px;}

ul.meniuDreapta li a:hover {color: #555343; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; background-color: #e4e2cd;}











/* ------ FOOTER ------ */

div#footer {margin: 0px; padding: 97px 0px 34px 0px; clear: both; overflow: hidden; font-size: 11px; color: #7e7e7e; line-height: 20px; text-align: center; background: url(../images/background/bg_footer.gif) repeat-x left bottom;}

div#footer span {padding: 0px 7px; color: #404040;}

a.linkFooter {color: #404040; text-decoration: none; font-weight: bold;}

a.linkFooter:hover {color: #3789a5; text-decoration: underline;}











/* ------ ELEMENTE FORMULAR ------ */

input.formular01Box {vertical-align: -2px;}

input.formular01Radio {vertical-align: -3px;}



input.formularMare {margin: 0px; padding: 10px 12px 11px 0px; width: 500px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #6b6a60; background: url(../images/background/bg_input_dreapta.gif) no-repeat right 0px; vertical-align: top;}

label.inputMare {padding: 3px 0px 22px 12px; background: url(../images/background/bg_input_stanga.gif) no-repeat 0px 0px;}

textarea.formularMare {margin: 0px; padding: 6px 12px 6px 0px; width: 620px; height: 168px; border: none; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; color: #6b6a60; background: url(../images/background/bg_text_dreapta.gif) no-repeat right top; vertical-align: top;}

label.textareaMare {padding: 3px 0px 163px 12px; background: url(../images/background/bg_text_stanga.gif) no-repeat 0px 0px;}

select.formularMare {margin: 0px; padding: 0px; width: 323px; height: 37px; border: 1px solid #dddad1; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #6b6a60;}

input.formularMareBox {width: 18px; height: 18px; vertical-align: -4px; background-color: #FFFFFF;}

input.formularMareRadio {width: 18px; height: 18px; vertical-align: -4px; background-color: #FFFFFF;}









/* ------ TABELE ------ */

table.tabelSpecificatii {margin: 32px 0px 16px 0px; padding: 0px; width: 100%; background-color: #FFFFFF; color: #434242;}

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: 6px 8px; background-color: #e3e2d0; font-size: 14px;}

