/* ------ STYLURI GENERALE ------ */
html {background: url(../images/backgrounds/nori.jpg) repeat-x center 0px;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60; 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: 960px; position: relative; overflow: hidden;}
.cleaner {clear: both; height: 0px; display: block; overflow: hidden;}
.portocaliu {color: #d94414;}

a {color: #768998; text-decoration: underline; outline: none;}
a:hover {color: #2c91e1; text-decoration: underline;}

a.butonDetaliiRosu {margin-left: 12px; padding: 2px 0px 4px 14px; font-size: 11px; font-weight: normal; color: #fff; letter-spacing: 0px; text-decoration: none; background: url(../images/butoane/rosu_mic_stanga.gif) no-repeat 0px 0px;}
a.butonDetaliiRosu span {padding: 2px 13px 4px 0px; background: url(../images/butoane/rosu_mic_dreapta.gif) no-repeat right 0px;}
a.butonDetaliiRosu:hover span {color: #ffffff; text-decoration: underline;}

a.butonAlbastru {margin-right: 8px; padding: 7px 0px 8px 20px; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: 0px; text-decoration: none; background: url(../images/butoane/albastru_stanga.gif) no-repeat 0px 0px;}
a.butonAlbastru span {padding: 7px 19px 8px 0px; background: url(../images/butoane/albastru_dreapta.gif) no-repeat right 0px;}
a.butonAlbastru:hover span {color: #ffffff; text-decoration: underline;}

a.butonGri {margin-right: 8px; padding: 7px 0px 8px 20px; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: 0px; text-decoration: none; background: url(../images/butoane/gri_stanga.gif) no-repeat 0px 0px;}
a.butonGri span {padding: 7px 19px 8px 0px; background: url(../images/butoane/gri_dreapta.gif) no-repeat right 0px;}
a.butonGri:hover span {color: #ffffff; text-decoration: underline;}




/* ------ HEADER ------ */
div#header {margin: 0px auto; padding: 0px 29px; width: 902px; overflow: hidden; clear: both; position: relative; background-color: #FFFFFF; }
div#header h1 {margin: 30px 0px 0px 0px; width: 440px; height: 63px; position: relative; float: left; text-indent: -20000px; background: url(../images/logo.gif) no-repeat 0px 0px;}
div#header h1 a {width: 440px; height: 63px; display: block;}

div.cautareSus {padding: 11px 0px 0px 0px; float: right; clear: right;}

p.utileSus {margin: 0px -10px 0px 0px; padding: 8px 0px 0px 0px; font-size: 11px; float: right; color: #6a6969;}
p.utileSus a {color: #6a6969; text-decoration: none;}
p.utileSus a:hover {color: #2c91e1; text-decoration: underline;}
p.utileSus img {margin: 0px 10px 0px 4px; vertical-align: -2px;}

div.meniuSecundar {padding: 11px 0px 0px 0px; float: right; clear: right; font-size: 12px; color: #6d6763;}
div.meniuSecundar span {padding: 0px 5px;}
div.meniuSecundar a {color: #6d6763; text-decoration: none;}
div.meniuSecundar a:hover {color: #2c91e1; text-decoration: underline;}

div.logoOficiale {margin: 0px; padding: 11px 0px; border-bottom: 1px solid #d5d8da;}
div.pozaMare {padding: 23px 0px 3px 0px; clear: both; /*margin-top: -25px;*/}



/* ------ CONTINUT ------ */
div#continut {margin: 0px auto; padding: 0px 29px; width: 902px; overflow: hidden; clear: both; position: relative; background-color: #FFFFFF; }
div.fundalTopContinut {width: 980px; height: 6px; overflow: hidden; clear: both; background: url(../images/backgrounds/bg_continut_sus.gif) no-repeat 0px 0px; }

div.beforeContent {border-bottom: 1px solid #d5d8da;}


/* ------ DREAPTA ------ */
div#dreapta {margin: 0px; width: 646px; overflow: hidden; float: right;}
div#dreapta h2 {margin: 39px 0px 17px 0px; padding: 0px; font-size: 24px; font-weight: bold; color: #282828; letter-spacing: -1px; line-height: 25px;}
div#dreapta h2.titluArticol {margin: 30px 0px 15px 0px; padding: 0px; font-size: 26px; line-height: 30px; font-weight: bold; color: #282828; letter-spacing: -1px;}


div.listingArticole {margin: 0px 0px 0px 0px; width: 676px; overflow: hidden; clear: both;}
div.articolListing {margin: 0px 30px 0px 0px; padding-bottom: 27px; width: 307px; overflow: hidden; float: left; border-bottom: 1px solid #d5d8da;}
div.articolListing h3 {padding: 9px 0px 6px 0px; font-size: 18px; color: #262626; line-height: 24px;}
div.articolListing h3 a {color: #262626; text-decoration: none;}
div.articolListing h3 a:hover {color: #2c91e1; text-decoration: underline;}
div.articolListing h5 {margin: 0px 0px 21px 0px; font-size: 11px; color: #878585;}
div.articolListing p.listinhDetalii {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 18px; overflow: hidden; background: url(../images/icons/sageata_01.gif) no-repeat 0px 4px;}

div.articolListingLung {margin: 0px 0px 12px 0px; padding-bottom: 20px; width: 646px; overflow: hidden; float: left; border-bottom: 1px solid #ccc;}
div.articolListingLung h3 {padding: 9px 0px 2px 0px; font-size: 20px; color: #262626; line-height: 24px;}
div.articolListingLung h3 a {color: #262626; text-decoration: none;}
div.articolListingLung h3 a:hover {color: #2c91e1; text-decoration: underline;}
div.articolListingLung h5 {margin: 0px 0px 18px 0px; font-size: 11px; color: #878585;}
div.articolListingLung p.listinhDetalii {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 18px; overflow: hidden; background: url(../images/icons/sageata_01.gif) no-repeat 0px 4px;}
div.articolListingLung p.listinhDetalii01 {margin: 8px 0px 0px 0px; padding: 4px 0px; overflow: hidden;}
div.articolListingLung p.listinhDetalii01 a {margin-left: 0px;}
img.pozaListing {margin: 0px 20px 0px 0px; padding: 0px; border: 1px solid #ccc; width: 150px; float: left;}


/* ------ paginare ------ */
p.paginare {margin: 20px 0px 26px 0px; padding: 0px; color: #757373; font-size: 12px;}
p.paginare img {margin: 0px; padding: 0px; vertical-align: -5px;}
p.paginare a.pagina {margin: 0px 0px 0px -1px; padding: 1px 5px 2px 6px; color: #757373; font-size: 12px; text-decoration: none; background-color: #e6e6e6;}
p.paginare a.paginaActiva {margin: 0px 0px 0px -1px; padding: 1px 5px 2px 6px; font-size: 12px; color: #ffffff; text-decoration: none; background-color: #bc0000;}
p.paginare a.pagina:hover {color: #ffffff; background-color: #0b518a;}
p.paginare span {padding: 0px 6px; color: #999999;}



/* ------ cale site ------ */
div.caleSite {margin: 0px auto -8px auto; padding: 22px 1px 14px 0px; width: 922px; clear: both; overflow: hidden; font-size: 11px; color: #666666; border-bottom: 1px dashed #ccc;}
div.caleSite span {padding: 0px 5px;}
div.caleSite a {text-decoration: none;}
div.caleSite a:hover {text-decoration: underline;}



/* ------ DETALIU ARTICOL ------ */
div.detaliuArticol {margin: 25px 0px;}
div.detaliuArticol img.pozaArticol {margin: 4px 20px 0px 0px; padding: 0px; border: 1px solid #ccc; float: left;}
div.detaliuArticol ul {margin: 18px 0px; padding: 0px; list-style: none; line-height: 20px;}
div.detaliuArticol ul li {margin: 0px; padding: 0px 0px 0px 36px; background: url(../images/icons/sageata_02.gif) no-repeat 14px 4px;}

dl.fisiereDownload {margin: 28px 0px 16px 0px; clear: both;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; font-size: 20px; color: #272727;}
dl.fisiereDownload dd {margin: 0px; padding: 0px 0px 0px 26px; background: url(../images/icons/sageata_03.gif) no-repeat 0px 3px;}





/* ------ STANGA ------ */
div#stanga {margin: 0px 0px 0px -12px; padding: 17px 0px 0px 0px; width: 245px; overflow: hidden; float: left;}
div.cutieStanga {margin: 0px; padding: 0px 0px 16px 0px; background: url(../images/backgrounds/bg_stanga_jos.gif) no-repeat left bottom; background-color: #f5f5f5;}


div#stanga h2 {margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #2a2a2a; letter-spacing: -1px;}
div#stanga h2 em {margin: 2px 0px 0px 0px; display: block; font-size: 11px; color: #363636; font-style: normal; font-weight: normal; letter-spacing: 0px;}
div#stanga h2.membri {margin: 12px 12px 14px 12px; padding: 0px 0px 14px 11px; border-bottom: 1px solid #d7d7d7; background: url(../images/icons/cont_mare.gif) no-repeat right 0px;}
div#stanga h2.forum {margin: 30px 12px 14px 12px; padding: 0px 0px 0px 11px;}


dl.meniuStanga {margin: 0px; padding: 14px 12px; position: relative; background: url(../images/backgrounds/bg_stanga_sus.gif) no-repeat 0px 0px;}
dl.meniuStanga dt a {margin-bottom: 3px; padding: 5px 11px; display: block; line-height: 18px; font-weight: bold; color: #566974; text-decoration: none; background-color: #dfe4e7;}
dl.meniuStanga dt.activ {margin-right: -9px; padding: 0px 9px 0px 0px; position: relative; background: url(../images/icons/sageata_meniu_activ.gif) no-repeat right center;}
dl.meniuStanga dt.activ a {margin-bottom: 0px; color: #fff; background-color: #77a9ce;}
dl.meniuStanga dt a:hover {color: #fff; text-decoration: none; background-color: #1b557f;}
dl.meniuStanga dd {padding: 0px 11px; background-color: #77a9ce;}
dl.meniuStanga dd a {padding: 4px 0px 5px 22px; display: block; border-top: 1px solid #bbd4e7; color: #fff; text-decoration: none; background: url(../images/icons/ico_submeniuri.gif) no-repeat 2px 9px;}
dl.meniuStanga dd.activ a {background-color: #5f89a1;}
dl.meniuStanga dd a:hover {color: #fff; text-decoration: none; background-color: #1b557f;}

p.optiuniForum {margin: 10px 0px 0px 12px; padding: 0px; font-size: 11px;}
p.optiuniForum img {margin: 0px 3px 0px 11px; padding: 0px; vertical-align: -3px;}


dl.stiriStanga {margin: 0px 23px; line-height: 18px;}
dl.stiriStanga dt {margin: 0px 0px 7px 0px; padding: 8px 0px 0px 0px; font-weight: bold; border-top: 1px solid #e0e0e0;}
dl.stiriStanga dt em {margin: 0px; display: block; font-size: 11px; font-style: normal; font-weight: normal; color: #888;}
dl.stiriStanga dt a {text-decoration: none;}
dl.stiriStanga dt em a {text-decoration: underline;}
dl.stiriStanga dd {margin: 0px 0px 15px 0px;}




/* ------ FOOTER ------ */
div#footer {margin: 30px auto; padding: 24px 29px 29px 29px; width: 902px; overflow: hidden; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #575757; text-shadow: 1px 1px 0px #fff; line-height: 20px; background: url(../images/backgrounds/bg_footer.gif) no-repeat 0px 0px;}
div#footer a {color: #575757; text-decoration: none; font-weight: bold;}
div#footer a:hover {color: #2c91e1; text-decoration: underline;}
div#footer span {padding: 0px 7px;}
img.softhost {margin: 2px 0px 0px 0px; padding: 0px; float: right;}





/* ------ ELEMENTE FORMULAR ------ */
input.campCautare {margin: 0px; padding: 6px 8px 8px 8px; width: 206px; border: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; background: url(../images/backgrounds/input_cautare.gif) no-repeat 0px 0px;}
input.butonCautare {margin: 0px; padding: 0px; vertical-align: top;}

input.campLogin {margin: 0px; padding: 2px 6px 4px 6px; width: 138px; border: 1px solid #fff; background-color: #dfe4e7; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #555;}



input.formular01 {margin: 0px; padding: 2px 2px; width: 250px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; 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: 12px; color: #6b6a60;}
select.formular01 {margin: 0px; padding: 1px; width: 256px; height: 22px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.formular01Box {margin-right: 5px; vertical-align: -2px;}
input.formular02Box {margin-right: 5px; vertical-align: -3px;}
input.formular01Radio {margin-right: 5px; vertical-align: -3px;}

input.formular02 {margin: 0px; padding: 2px 2px; width: 150px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
textarea.formular02 {margin: 0px; padding: 2px 2px; width: 345px; height: 50px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
select.formular02 {margin: 0px; padding: 1px; width: auto; height: 22px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}



/* ------ TABELE ------ */
table.membri {margin: 8px 12px 0px 12px; width: 221px;}
table.membri td {padding: 0px 0px 3px 0px;}
table.membri td.text {padding: 0px 0px 3px 11px; width: 61px;}
table.membri td.buton {padding: 9px 0px 3px 0px;}

table.membri th { text-align: left; font-weight: normal; padding: 0px; }
table.membri th span { font-weight: bold; }

table.membri td ul {margin: 5px 0px; padding: 0px; list-style: none; line-height: 20px;}
table.membri td ul li {margin: 0px; padding: 0px 0px 0px 36px; background: url(../images/icons/sageata_02.gif) no-repeat 14px 4px;}


div.detaliuArticol table {margin: 32px 0px 10px 0px; padding: 0px; width: 100%; background-color: #FFFFFF;}
div.detaliuArticol table th {padding: 8px 5px 9px 5px; text-align: left; color: #fff; font-size: 12px; background-color: #5f89a1;}
div.detaliuArticol table td {padding: 5px 8px; background-color: #eef4f7; vertical-align: top;}

