/* ------ STYLURI GENERALE ------ */
html {background: url(../images/backgrounds/lemn.jpg) repeat 0px 0px;}
body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #616060; line-height: 18px; background: url(../images/backgrounds/bg_header.gif) repeat-x 0px 0px;}

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;}

a {color: #34739f; text-decoration: underline; outline: none;}
a:hover {color: #9c8a0d; text-decoration: underline;}

a.butonGalben {padding: 7px 0px 8px 16px; color: #3e3b29; text-decoration: none; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 0px #ffffff; background-image: url(../images/butoane/galben_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonGalben span {padding: 7px 33px 8px 0px; background-image: url(../images/butoane/galben_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonGalben:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #6a5f28; background-position: 0px -40px;}
a.butonGalben:hover span {background-position: right -40px;}

a.butonVerzui {padding: 7px 0px 8px 16px; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 0px #625d3d; background-image: url(../images/butoane/verzui_stanga.gif); background-repeat: no-repeat; background-position: 0px 0px;}
a.butonVerzui span {padding: 7px 33px 8px 0px; background-image: url(../images/butoane/verzui_dreapta.gif); background-repeat: no-repeat; background-position: right 0px;}
a.butonVerzui:hover {color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #49452d; background-position: 0px -40px;}
a.butonVerzui:hover span {background-position: right -40px;}




/* ------ HEADER ------ */
div#header {margin: 0px auto 0px auto; padding: 0px; width: 962px; height: 169px; clear: both; position: relative;}
div#header h1 {margin: 0px; width: 459px; height: 241px; overflow: hidden; position: absolute; top: 8px; left: -147px; text-indent: -20000px; background: url(../images/crj_logo.jpg) no-repeat 0px 0px;}
div#header h1 a {margin: 12px 0px 0px 152px; width: 171px; height: 86px; display: block;}

div.utileSus {padding: 0px 0px 0px 18px; float: right; position: relative; font-size: 11px; text-transform: uppercase; color: #cecdcd; background: url(../images/backgrounds/retea_stanga.gif) no-repeat 0px 0px;}
div.containerUtile {padding: 7px 17px 12px 0px; background: url(../images/backgrounds/retea_dreapta.gif) no-repeat right 0px;}
div.containerUtile a {margin-right: 15px; color: #cecdcd; text-decoration: none;}
div.containerUtile a:hover {color: #ffffff; text-decoration: underline;}
div.containerUtile label a {margin-right: 0px;}
div.containerUtile label.reteaSus {margin-right: 15px;}
div.containerUtile label.reteaSus img {vertical-align: -3px;}
div.containerUtile label.steaguri img {border: 1px solid #d0d0d1; vertical-align: -2px;}

div.citatSus {margin: 14px 0px 0px 0px; width: 640px; float: right; clear: right; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; text-shadow: 1px 1px 0px #000000; text-align: right; color: #8fa6bf; line-height: 17px;}

div.meniuSus {margin: 0px; padding: 15px 0px 14px 0px; width: 962px; clear: both; position: absolute; left: 0px; bottom: 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; background: url(../images/backgrounds/bg_meniu_top.gif) no-repeat 0px 0px;}
div.meniuSus a {padding: 4px 16px 4px 22px; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #000; background: url(../images/backgrounds/linie_meniu.gif) no-repeat 0px 0px;}
div.meniuSus a:first-child { background: none;}
div.meniuSus a:hover {color: #d8c24a; text-decoration: none;}




/* ------ CONTINUT ------ */
div#continut {margin: 0px auto -62px auto; padding: 0px 1px; width: 972px; position: relative; background: url(../images/backgrounds/umbra_sus.gif) no-repeat 0px 142px;}
div.fundalJos {background: url(../images/backgrounds/bg_gri.gif) repeat-y center top;}
div#continut div.container {padding-bottom: 47px; width: 972px; background: url(../images/backgrounds/bg_page_down.gif) no-repeat left bottom;}

div#pozaMare {margin: 10px auto; width: 940px; overflow: hidden; clear: both;}


/* ------ CALE SITE PATH ------ */
div.continutCaleSite {margin:0px 20px 0px 20px; }
div.continutCaleSite h4 {float:left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #2a2a2a; line-height: 28px;}
div.continutCaleSite div.caleSite{float:right; width:705px;margin:5px 0px 0px 0px;}
div.continutCaleSite div.caleSite span {padding: 0px 5px;}
div.continutCaleSite div.caleSite a {color: #666666; text-decoration: none;}
div.continutCaleSite div.caleSite a:hover {color: #cc0000; text-decoration: underline;}

/* ------ DREAPTA ------ */
div#dreapta {margin: 0px 16px 0px 10px; padding: 0px 20px; width: 670px; float: right; overflow: hidden; background: url(../images/backgrounds/bg_cutie_texte_sus.gif) no-repeat 0px 0px;}
div#dreapta h2 {margin: 24px 0px 15px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #2a2a2a; line-height: 28px; text-shadow: 1px 1px 0px #fff;}
div#dreapta h2 em {margin: 0px 0px -3px 0px; display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 11px; text-shadow: none;}
div#dreapta h2 em span {padding: 0px 6px;}
div#dreapta h2 em strong {padding: 2px 10px 2px 10px; background-color: #f2f2f2;}
p.veziDetaliiHP {margin: 22px 0px 23px 0px; padding: 8px 0px;}


/* ------ casete HP ------ */
div.caseteHP {margin: 0px 0px 0px -20px; position: relative; width: 720px;}
div.casetaHP {margin: 10px 10px 0px 0px; padding: 1px; width: 226px; border: 1px dashed #d9d9d9; overflow: hidden; float: left; background: url(../images/backgrounds/cutie_categorii_hp.gif) no-repeat 1px 1px; background-color: #fff;}
div.continutCasetaHP {padding: 0px 18px 22px 18px; height: 320px; }

div.continutCasetaHP h3 {margin: 24px 0px 18px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #2a2a2a; text-shadow: 1px 1px 0px #fff;}
div.continutCasetaHP h3 a {color: #2a2a2a; text-decoration: none; line-height: 24px;}
div.continutCasetaHP h3 a:hover {color: #2a2a2a; text-decoration: underline;}
div.casetaHP div.continutCasetaHP div.continutArticol { height: 295px !important;  }
div.casetaHP div.continutCasetaHP div.continutArticol div.holder{ height: 235px !important; overflow: hidden; } 
p.veziDetalii {margin: 8px 0px 0px 0px; padding: 2px 0px 2px 0px;}


/* ------ listing articole ------ */
div.articoleListing {margin: 0px 0px 10px 0px; padding-bottom: 8px; clear: both; overflow: hidden; border-top: 1px dashed #c6c6c6;}
div.articoleListing h3 {margin: 18px 0px 0px 0px; padding: 0px 0px 20px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; color: #2a2a2a; line-height: 26px; text-shadow: 1px 1px 0px #fff;}
div.articoleListing h3 em {margin: 0px 0px -3px 0px; display: block; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 11px;}
div.articoleListing h3 a {color: #363132; text-decoration: none;}
div.articoleListing h3 a:hover {color: #615920; text-decoration: underline;}

div.articoleListing h3 em span {padding: 0px 6px;}
div.articoleListing h3 em strong {padding: 2px 10px 2px 10px; background-color: #ffffff;}
img.pozaListing {margin: 0px 20px 0px 0px; padding: 1px; border: 2px solid #e9eae1; float: left;}
div.news h3 { font-size: 20px; padding-bottom: 0px; }
p.veziDetaliiListing {margin: 12px 0px; padding: 0px 0px 8px 0px;}

/* ------ detaliu articol ------ */
div.detaliuArticol {margin: 15px 0px 0px 0px; padding-top: 10px; border-top: 1px dashed #c6c6c6;}
div.detaliuArticol h3.titlu {margin: 30px 0px 24px 0px; font-size: 20px; color: #272727;}
div.detaliuArticol ul {margin: 18px 0px; padding: 0px; list-style: none; line-height: 20px; overflow: hidden; position: relative;}
div.detaliuArticol ul li {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 36px; background: url(../images/icons/sageata_03.gif) no-repeat 12px 4px;}
div.detaliuArticol ul li a.nav {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #2a2a2a; line-height: 14px; text-shadow: 1px 1px 0px #fff; text-decoration:none; font-weight:bold;}

dl.fisiereDownload {margin: 32px 0px 0px 0px; clear: both; overflow: hidden;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; font-size: 20px; color: #272727; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: 1px 1px 0px #fff;}
dl.fisiereDownload dd {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 30px; background: url(../images/icons/download_02.gif) no-repeat 0px 2px;}

div.pozaArticol {margin: 0px 18px 0px 0px; padding: 2px; text-align: center; background-color: #e9eae1; float: left; overflow: hidden;}
div.pozaArticol p {margin: 4px 0px; padding: 8px 0px;}
div.pozaArticol img {border: 1px solid #ffffff;}



/* ------ paginare ------ */
p.paginare {margin: 32px 0px 0px 0px; padding: 0px; color: #696969;}
p.paginare a.pagina {margin: 0px 0px 0px 2px; padding: 1px 5px 2px 6px; color: #555555; font-size: 14px; text-decoration: none; background-color: #cfccb9;}
p.paginare a.paginaActiva {margin: 0px 0px 0px 2px; padding: 1px 5px 2px 6px; font-size: 14px; color: #ffffff; text-decoration: none; background-color: #25303e;}
p.paginare a.pagina:hover {color: #ffffff; background-color: #c8b756;}
p.paginare span {padding: 0px 6px; color: #999999;}






/* ------ STANGA ------ */
div#stanga {width: 220px; float: right; overflow: hidden;}
div.bannerStanga {margin: 8px 0px 0px 0px;text-align: center;}
p.veziToateStanga {margin: 0px 0px 0px 15px; padding: 8px 0px;}

div.noutati {padding: 30px 20px 24px 20px; background: url(../images/backgrounds/bg_cutie_stanga_sus.gif) no-repeat 0px 0px;}
div.noutati h3 {margin: 0px 0px 16px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #2a2a2a; text-shadow: 1px 1px 0px #fff;}

dl.noutatiStanga {font-size: 11px; line-height: 18px;}
dl.noutatiStanga dt {padding: 9px 0px 0px 22px; font-weight: bold; background: url(../images/icons/sageata_news.gif) no-repeat 0px 11px;}
dl.noutatiStanga dt a {color: #444444; text-decoration: none;}
dl.noutatiStanga dt a:hover {color: #756e40; text-decoration: underline;}
dl.noutatiStanga dd {padding: 0px 0px 10px 22px;}

dl.meniuStanga {margin: 0px 0px 10px 0px; padding: 2px 2px 0px 2px; font-size: 11px; background: url(../images/backgrounds/bg_cutie_stanga_sus.gif) no-repeat 0px 0px;}
dl.meniuStanga dt a {padding: 4px 15px 5px 15px; width: 186px; display: block; color: #ffffff; text-decoration: none; background-image: url(../images/backgrounds/bg_meniu_stanga.gif); background-repeat: repeat-x; background-position: 0px 0px;}
dl.meniuStanga dt a.activ {background-position: 0px -114px;}
dl.meniuStanga dt a:hover {color: #ffffff; text-decoration: none; background-position: 0px -57px;}
dl.meniuStanga dd a {padding: 0px 15px 1px 25px; width: 176px; border-top: 1px solid #444d59; display: block; color: #96aecb; text-decoration: none; background: url(../images/icons/sageata_meniu.gif) no-repeat 15px 6px; background-color: #25303e;}
dl.meniuStanga dd a:hover {color: #96aecb; text-decoration: none; background-color: #303d4f;}



/* ------ FOOTER ------ */
div#footer {margin: 0px; padding: 90px 0px 30px 0px; clear: both; font-size: 11px; color: #dadada; text-align: center; text-shadow: 1px 1px 0px #000000; background: url(../images/backgrounds/bg_footer.gif) repeat-x 0px 0px;}
div#footer p {margin: 24px 0px 64px 0px; padding: 0px;}
div#footer a {margin: 0px 6px; color: #dadada; text-decoration: none; font-weight: bold;}
div#footer a:hover {color: #d0b72a; text-decoration: underline;}





/* ------ ELEMENTE FORMULAR ------ */
input.formular01 {margin: 0px; padding: 2px 2px; width: 250px; border: 1px solid #cccccc; font-family: 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: 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: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6a60;}
input.formular01Box {margin-right: 5px; vertical-align: -2px;}
input.formular01Radio {margin-right: 5px; vertical-align: -3px;}





/* ------ TABELE ------ */
table.tabelFormular {margin: 20px 0px 0px 0px; padding: 0px; width: 100%; font-size: 12px; color: #555555; background-color: #FFFFFF;}
table.tabelFormular th {padding: 10px 7px 11px 0px; text-align: left; color: #2f2c1d; font-size: 14px;}
table.tabelFormular td {padding: 6px 12px; background-color: #efefea;}


#scroller {
	width: 180px;
	overflow: hidden;
}
#scrollerContent {
	height: 5000px;
}

.myslide {
}
