/* ------ STYLURI GENERALE ------ */
html {background: url( ../../images/servicii/backgrounds/bg_top.gif) repeat-x 0px 0px; background-color: #eae9e6;}
body {margin: 0px; padding: 0px 0px 50px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #5b5b5b; line-height: 20px;}

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; padding: 0px; width: 980px; position: relative; overflow: hidden;}
.cleaner {clear: both; height: 0px; display: block; overflow: hidden;}

a {color: #2ca2c7; text-decoration: underline; outline: none;}
a:hover {color: #cc0000; text-decoration: underline;}

a.butonRosu {padding: 9px 0px 10px 20px; color: #ffffff; text-decoration: none; font-size: 11px; text-transform: uppercase; text-shadow: 1px 1px 0px #880101; background-image: url( ../../images/servicii/butoane/rosu_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonRosu span {padding: 9px 19px 10px 0px; background-image: url( ../../images/servicii/butoane/rosu_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonRosu:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #3a7b94; background-position: 0px -62px;}
a.butonRosu:hover span {background-position: right -62px;}

a.butonAlbastru {padding: 9px 0px 12px 28px; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #3a7b95; background-image: url( ../../images/servicii/butoane/albastru_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonAlbastru span {padding: 9px 61px 12px 0px; background-image: url( ../../images/servicii/butoane/albastru_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonAlbastruHover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #740000; background-position: 0px -64px;}
a.butonAlbastruHover span {color: #ffffff;background-position: right -64px;}

a.butonInapoi {padding: 9px 0px 12px 61px; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #3a7b95; background-image: url( ../../images/servicii/butoane/inapoi_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonInapoi span {padding: 9px 28px 12px 0px; background-image: url( ../../images/servicii/butoane/inapoi_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonInapoi:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #740000; background-position: 0px -64px;}
a.butonInapoi:hover span {background-position: right -64px;}

a.comandaMare {padding: 12px 0px 17px 73px; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 0px #b06a00; background-image: url( ../../images/servicii/butoane/cerere_mare_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.comandaMare span {padding: 12px 31px 17px 0px; background-image: url( ../../images/servicii/butoane/cerere_mare_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.comandaMare:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #740000; background-position: 0px -83px;}
a.comandaMare:hover span {background-position: right -83px;}

a.comandaMic {padding: 9px 0px 14px 68px; color: #ffffff; text-decoration: none; font-size: 18px; text-shadow: 1px 1px 0px #b06a00; background-image: url( ../../images/servicii/butoane/cerere_mic_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.comandaMic span {padding: 9px 31px 14px 0px; background-image: url( ../../images/servicii/butoane/cerere_mic_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.comandaMic:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #740000; background-position: 0px -75px;}
a.comandaMic:hover span {background-position: right -75px;}

a.butonOrange {padding: 9px 0px 12px 28px; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 0px #b06a00; background-image: url( ../../images/servicii/butoane/orange_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonOrange span {padding: 9px 61px 12px 0px; background-image: url( ../../images/servicii/butoane/orange_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonOrange:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #740000; background-position: 0px -64px;}
a.butonOrange:hover span {background-position: right -64px;}





/* ------ HEADER ------ */
div#header {margin: 21px auto 0px auto; padding: 26px 0px 21px 14px; width: 966px; clear: both; position: relative; background: url( ../../images/servicii/backgrounds/bg_header.gif) no-repeat 0px 0px;}
img.cerereTop {margin: 0px; padding: 0px; position: absolute; top: -112px; right: -6px;}

div#header h1 {margin: 0px 0px 22px 0px; width: 274px; height: 25px; position: relative; overflow: hidden; float: left; text-indent: -20000px; background: url( ../../images/servicii/serviciile_avocatnet.gif) no-repeat 0px 0px;}
div#header h1 a {width: 274px; height: 25px; display: block;}
div#header p.butonInapoi {margin: 0px 0px 0px 30px; padding: 6px 0px; float: left;}



/* ------ CONTINUT ------ */
div#continut {margin: 0px auto; padding: 0px 8px 0px 8px; width: 962px; position: relative; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background-color: #ffffff;}

div#continut h2 {margin: 0px 0px 21px -1px; font-size: 32px; line-height: 38px; color: #292828; text-shadow: 1px 1px 0px #ffffff; letter-spacing: -1px;}
div#continut h2 a {color: #292828; text-decoration: none;}
div#continut h2 a:hover {color: #1c8eb2; text-decoration: underline;}
div#continut h3 {margin: 32px 0px 21px -1px; font-size: 22px; line-height: 28px; color: #292828; text-shadow: 1px 1px 0px #ffffff; letter-spacing: -1px;}

div.cutieImpar {margin: 0px 0px 9px 0px; overflow: hidden; clear: both; background: url( ../../images/servicii/backgrounds/cutie_impar_mijloc.gif) repeat-y 0px 0px;}
div.cutiePar {margin: 0px 0px 9px 0px; overflow: hidden; clear: both; background: url( ../../images/servicii/backgrounds/cutie_par_mijloc.gif) repeat-y 0px 0px;}

div.continutCutie {background: url( ../../images/servicii/backgrounds/cutie_impar_sus.gif) no-repeat 0px 0px;}
div.cutiePar div.continutCutie {background: url( ../../images/servicii/backgrounds/cutie_par_sus.gif) no-repeat 0px 0px;}

div.texteCutie {padding: 32px 30px 29px 251px; width: 681px; position: relative; background: url( ../../images/servicii/backgrounds/cutie_impar_jos.gif) no-repeat 0px bottom;}
div.cutiePar div.texteCutie {background: url( ../../images/servicii/backgrounds/cutie_par_jos.gif) no-repeat 0px bottom;}

div.texteCutie ul {margin: 20px 0px; padding: 0px; list-style: none; position: relative;}
div.texteCutie ul li {margin: 0px; padding: 0px 0px 0px 27px; background: url( ../../images/servicii/icons/iconita_albastra.gif) no-repeat 0px 3px;}

p.butonHP {margin: 29px 0px 0px 0px; padding: 12px 0px;}
p.butonInapoi {margin: 27px 0px 0px 0px; padding: 12px 0px; float: right;}
p.comandaMare {margin: 34px 0px 12px 0px; padding: 22px 0px;}

em.eroare {margin: 6px 0px 0px 28px; padding: 1px 0px 0px 45px; display: block; float: left; font-size: 11px; font-style: normal; color: #888888; line-height: 14px; background: url( ../../images/servicii/icons/atentie.gif) no-repeat 0px 0px;}
em.eroare strong {display: block; font-weight: bold; color: #6d6d6d;}




/* ------ ICON CATEGORII ------ */
div.imgServ {width: 184px; height: 154px; overflow: hidden; position: absolute; top: 36px; left: 27px; }

/* ------ CUTIE NOUA ------ */
div.containerCutiiNoi {margin: 0px; width: 962px; overflow: hidden;}
div.cutiiNoiHP {margin: 0px 0px 0px -3px; width: 980px; overflow: hidden;}
div.cutieNoua {cursor:pointer;margin: 0px 0px 0px 1px; padding: 0px 29px 76px 27px; width: 265px; height: 296px; overflow: hidden; float: left; position: relative; border-right: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; text-align: center; }
div.cutieNouaHover {background-color: #f3f3f3;}
div#continut div.cutieNoua h2 {margin: 20px 0px 7px -1px; font-size: 30px; line-height: 38px; color: #292828; text-shadow: 1px 1px 0px #ffffff; letter-spacing: -1px;}

div.cutieNoua ul {margin: 0px 0px 0px 0px; padding: 0px; list-style: none; text-align: left; position:relative;}
div.cutieNoua ul li {margin: 0px 0px 0px 0px; padding: 0px 16px 0px 8px; border-bottom: 1px solid #e5e5e5; background: url( ../../images/servicii/icons/ok_hp.gif) no-repeat 245px 3px;}

p.butonCutieNoua {margin: 0px; padding: 10px 0px 10px 29px; position: absolute; bottom: 30px;}
img.pozaCutieNoua {margin-bottom: 4px;}




/* ------ ABONAMENTE CP ------ */
div.listaAbonamente {width: 970px;}

div.cutieCP {margin: 0px 8px 9px 0px; width: 234px; overflow: hidden; float: left; background-image: url( ../../images/servicii/backgrounds/cutie_cp_mijloc.gif); background-repeat: repeat-y; background-position: 0px 0px;}
div.continutCutieCP {background-image: url( ../../images/backgrounds/cutie_cp_sus.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.texteCutieCP {padding: 0px 0px 33px 0px; width: 234px; height: 427px; position: relative; background-image: url( ../../images/servicii/backgrounds/cutie_cp_jos.gif); background-repeat: no-repeat; background-position: 0px bottom;}

div.cutieCP:hover {background-position: -242px 0px;}
div.continutCutieCP:hover {background-position: -242px 0px;}
div.texteCutieCP:hover {background-position: -242px bottom;}

div.texteCutieCP p.abonareCP {margin: 0px; padding: 10px 0px; position: absolute; bottom: 33px; left: 40px; text-align: center;}
div.texteCutieCP p.steleSus {margin: 0px; padding: 0px; text-align: center;}
div.texteCutieCP p.steleSus img {margin: 18px 1px 10px 1px;}
p.celMaiPopCP {margin: 0px auto 0px auto; width: 160px; height: 75px; overflow: hidden; text-indent: -20000px; background: url( ../../images/servicii/icons/cel_mai_popular.png) no-repeat 0px 0px;}

div#continut div.texteCutieCP h3 {margin: 0px 0px 21px 0px; font-size: 24px; color: #292828; text-align: center;}

div.texteCutieCP ul {margin: 0px 12px 29px 13px; padding: 0px; list-style: none; font-size: 14px; color: #5b5b5b;}
div.texteCutieCP ul li {margin: 0px; padding: 0px; width: 209px; background: url( ../../images/servicii/backgrounds/linie_cp.gif) repeat-x left bottom;}
div.texteCutieCP ul li label {padding: 6px 33px 8px 7px; display: block; width: 169px; overflow: hidden; background: url( ../../images/servicii/icons/verificat.png) no-repeat 182px 4px;}
div.texteCutieCP ul li strong {color: #292828;}

div.texteCutieCP dl {margin: -14px 19px 20px 20px;}
div.texteCutieCP dl dt {margin: 0px 0px 11px 0px; font-size: 18px; font-weight: bold; color: #aa0000; text-indent: -2px;}
div.texteCutieCP dl dt strong {font-size: 24px;}
div.texteCutieCP dl dd {font-size: 14px; line-height: 22px;}




/* ------ FOOTER ------ */
div#footer {margin: 0px auto; padding: 0px; width: 980px; overflow: hidden; clear: both; font-size: 11px; color: #827f7f; text-align: center; text-shadow: 1px 1px 0px #faf9f9; background: url( ../../images/servicii/backgrounds/bg_footer.gif) no-repeat 0px -9px;}
div#footer p {margin: 24px 0px 64px 0px; padding: 0px;}
div#footer a {margin: 0px 6px; color: #636262; text-decoration: none; font-weight: bold;}
div#footer a:hover {color: #dd0000; text-decoration: underline;}





/* ------ ELEMENTE FORMULAR ------ */
input.formular01 {margin: 0px; padding: 2px 2px; width: 250px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #6b6a60;}
textarea.formular01 {margin: 0px; padding: 2px 2px; width: 480px; height: 120px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 1px; width: 256px; height: 24px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #6b6a60;}
input.formular01Box {margin-right: 5px; vertical-align: -2px;}
input.formular01Radio {margin-right: 5px; vertical-align: -3px;}

label.textCerere {margin: 0px; padding-left: 15px; display: block; float: left; background: url( ../../images/servicii/backgrounds/input_stanga.gif) no-repeat 0px 0px;}
input.textCerere {margin: 0px; padding: 10px 15px 13px 0px; width: 410px; overflow: hidden; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #535353; text-shadow: 1px 1px 0px #f8f7f5; background: url( ../../images/servicii/backgrounds/input_dreapta.gif) no-repeat right 0px;}

label.areaCerere {margin: 0px; padding-left: 15px; display: block; float: left; background: url( ../../images/servicii/backgrounds/textarea_stanga.gif) no-repeat 0px 0px;}
textarea.areaCerere {margin: 0px; padding: 8px 15px 10px 0px; width: 510px; height: 134px; overflow: hidden; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; color: #535353; text-shadow: 1px 1px 0px #f8f7f5; background: url( ../../images/servicii/backgrounds/input_dreapta.gif) no-repeat 0px 0px; background: url( ../../images/servicii/backgrounds/textarea_dreapta.gif) no-repeat right 0px;}

input.boxCerere {margin: 0px 2px 0px 0px; padding: 0px; width: 18px; height: 18px; border: none; background-color: #FFFFFF; vertical-align: -3px;}





/* ------ TABELE ------ */
table.modelCerere {margin: 26px 0px; padding: 0px; width: 100%; font-size: 16px; color: #5b5b5b; text-shadow: 1px 1px 0px #fcfcfc;}
table.modelCerere td {padding: 9px 0px;}
table.modelCerere td.butonTabel {padding: 34px 0px 16px 0px;}

div.meniuSus {margin: 18px 0px 0px 0px; padding: 0px; clear: both; overflow: hidden; position: relative; z-index: 1000;}
div.meniuSus a {margin: 0px; padding: 0px; display: block; float: left; font-size: 11px; font-weight: bold; color: #5f5f5f; text-decoration: none; line-height: 14px;}
div.meniuSus a span {margin: 0px; padding: 6px 21px 6px 0px; display: block; overflow: hidden;}
div.meniuSus a span img {margin: 0px 10px 0px 0px; float: left; height: 48px;}
div.meniuSus a span label {margin: 0px; padding: 10px 0px 0px 0px; display: block; float: left; cursor: pointer; width:50px;}
div.meniuSus a span label em {display: block; font-style: normal;}

div.meniuSus a.activ {margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; display: block; float: left; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 1px 1px 0px #b27700; line-height: 14px; background: url(../../images/servicii/butoane/meniu_sus_stanga.gif) no-repeat 0px 0px;}
div.meniuSus a.activ span {margin: 0px; padding: 6px 21px 6px 0px; display: block; overflow: hidden; background: url(../../images/servicii/butoane/meniu_sus_dreapta.gif) no-repeat right 0px;}

div.meniuSus a:hover {color: #cc0000; text-decoration: underline;}
div.meniuSus a.activ:hover {color: #fff; text-decoration: underline;}