/* ------ STYLURI GENERALE ------ */

html {margin: 0px; padding: 0px; background: url(../images/backgrounds/fundal_pagina.gif) repeat center top;}
/*
html {margin: 0px; padding: 0px; background-color: #29188A;}
*/
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #505050; background: url(../images/backgrounds/dunga_sus.gif) repeat-x 0px 153px;}

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; position: relative;}
div.containerMare {margin: 0px auto; padding: 0px 12px; width: 970px; background: url(../images/backgrounds/bg_foaie.png) no-repeat 0px 97px; background-color: #ffffff;}

a {color: #559ac7; text-decoration: underline;}
a:hover {color: #62c1ff; text-decoration: underline;}

a.readMore {padding: 0px 0px 0px 20px; background: url(../images/icons/read_01.gif) no-repeat 0px 2px;}

a.butonGri01 {margin: 0px; padding: 2px 12px 3px 12px; border: 1px solid #d3d3d3; color: #626262; font-size: 11px; text-decoration: none; background-image: url(../images/backgrounds/bg_buton.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonGri01:hover {color: #111111; text-decoration: none;}




/* ------ HEADER ------ */
div#header {height: 139px; overflow: hidden; position: relative; background: url(../images/backgrounds/poza_sus.jpg) no-repeat 0px 0px;}
div#header h1 {margin: 6px 0px 0px 11px; width: 237px; height: 79px; overflow: hidden; text-indent: -20000px; background: url(../images/ccer_logo.gif) no-repeat 0px 0px;}
div#header h1 a {width: 237px; height: 79px; display: block;}

div#header div {width: 225px; height: 47px; overflow: hidden; position: absolute; text-indent: -20000px; top: 91px; left: 7px; background: url(../images/plus_logo.gif) no-repeat 0px 0px;}

div#header p {margin: 0px; padding: 29px 0px 10px 0px; text-align: center; font-size: 11px; text-transform: uppercase;}
div#header p a {color: #6d6d6d; text-decoration: none; background-repeat: no-repeat; background-position: 0px 0px;}
div#header p a:hover {color: #559ac7; text-decoration: none;}
div#header p a.home {padding: 12px 18px 8px 41px; background-image: url(../images/butoane/home.gif);}
div#header p a.members {margin-left: -4px; padding: 12px 19px 8px 39px; background-image: url(../images/butoane/members.gif);}
div#header p a.become {margin-left: -4px; padding: 12px 20px 8px 41px; background-image: url(../images/butoane/become_member.gif);}
div#header p a.contact {margin-left: -4px; padding: 12px 23px 8px 40px; background-image: url(../images/butoane/contact.gif);}




/* ------ STANGA ------ */
div#stanga {padding: 0px 30px 0px 10px; width: 220px; overflow: hidden; float: left;}
div#stanga h2 {margin: 25px 0px 0px 0px; padding: 2px 0px 0px 13px; width: 207px; height: 45px; overflow: hidden; font-size: 12px; color: #ffffff; background: url(../images/backgrounds/bg_titlu_stanga.png) no-repeat 0px 0px;}

ul.meniu {margin: -8px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
ul.meniu li {margin: 0px; padding: 0px 0px 1px 0px; font-size: 12px; text-transform: uppercase; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}
ul.meniu li.cover {margin: -1px 0px 0px 0px; padding: 0px; height: 1px; overflow: hidden; position: relative; background-color: #ffffff; background-image: none;}
ul.meniu a {display: block; padding: 5px 13px 6px 13px; position: relative; color: #505050; text-decoration: none;}
ul.meniu a.activ {color: #559ac7;}
ul.meniu a:hover {color: #ee0000; text-decoration: none;}

div.parteneriStanga {margin: 0px 0px -3px 0px; text-align: center;}
div.parteneriStanga img {margin: 5px 0px 16px 0px; }



/* ------ CENTRU ------ */
div#centru {padding: 26px 0px 0px 0px; width: 510px; overflow: hidden; float: left;}


div#centru h1 {margin: 22px 0px 15px 0px; padding: 0px; font-size: 20px; line-height: 24px; font-weight: bold; color: #00245d;}
div#centru h2 {margin: 32px 0px 19px 0px; padding: 0px 0px 10px 0px; font-size: 20px; line-height: 24px; font-weight: bold; color: #00245d; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}
div#centru h2 em {padding-top: 3px; display: block; float: right; font-size: 11px; font-weight: normal; font-style: normal; text-transform: uppercase;}
div#centru h2 span {font-size: 18px; font-weight: normal;}
div#centru h2 span.data {font-size: 11px; font-weight: normal; display: block; color: #888888;}


div.cautareCentru {margin: 0px 0px 18px 0px; clear: both;}
div.bannerSus {margin: 18px 0px; clear: both; text-align: center;}
img.imagineMare {margin: 0px; padding: 1px; width: 506px; border: 1px solid #dbdee0;}


div.articolListing {margin: 19px 0px 1px 0px; padding: 0px 0px 1px 0px; clear: both;}
div.articolListing h3 {margin: 0px 0px 11px 0px; clear: both; font-size: 18px; color: #002f7a;}
div.articolListing h3 a {color: #002f7a; text-decoration: none;}
div.articolListing h3 a:hover {color: #559ac7; text-decoration: none;}
div.articolListing img {margin: 2px 10px 2px 0px; padding: 1px; width: 95px; border: 1px solid #d3d6d9; float: left;}
div.articolListing p {margin: 0px 0px 8px 0px; padding: 0px;}


p.caleSite {margin: 22px 0px 0px 0px; padding: 0px 0px 0px 17px; clear: both; font-size: 11px; color: #959494; background: url(../images/icons/casa.gif) no-repeat 0px 5px;}
p.caleSite em {margin-top: -2px; display: block; float: right; font-style: normal;}
p.caleSite em img {margin: 0px 1px; vertical-align: middle;}
p.caleSite span {padding: 0px 3px; font-family: Arial, Helvetica, sans-serif; color: #559ac7;}
p.caleSite a {text-decoration: none;}


p.paginare {margin: 50px 0px -10px 0px; padding: 0px 0px 12px 0px; color: #696969;}
p.paginare a.pagina {margin: 0px 0px 0px 2px; padding: 1px 4px 2px 5px; color: #555555; text-decoration: none; background-color: #eeeeee;}
p.paginare a.paginaActiva {margin: 0px 0px 0px 2px; padding: 1px 4px 2px 5px; color: #ffffff; text-decoration: none; background-color: #ee0000;}
p.paginare a.pagina:hover {color: #ffffff; background-color: #559ac7;}
p.paginare span {padding: 0px 6px; color: #999999;}
p.paginare em {margin-top: -30px; padding-bottom: 5px; display: block; font-style: normal;}


p.paginareMembri {margin: 0px 0px 20px 0px; padding: 0px 0px 17px 0px; width: 700px; clear: both; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom; color: #696969;}
p.paginareMembri a.pagina {margin: 0px 0px 0px 2px; padding: 1px 4px 2px 5px; color: #555555; text-decoration: none; background-color: #eeeeee;}
p.paginareMembri a.paginaActiva {margin: 0px 0px 0px 2px; padding: 1px 4px 2px 5px; color: #ffffff; text-decoration: none; background-color: #ee0000;}
p.paginareMembri a.pagina:hover {color: #ffffff; background-color: #559ac7;}
p.paginareMembri span {padding: 0px 6px; color: #999999;}
p.paginareMembri em {padding-bottom: 15px; display: block; font-style: normal; font-size: 18px; color: #00245d;}


div.filtreProduse {margin: 0px 0px 30px 0px; padding: 0px 0px 17px 0px; clear: both; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}
div.filtreProduse label {margin: 0px 18px 0px 0px; padding: 0px; display: block; float: left;}


div.detaliuMembru {margin: 0px 0px 24px 0px; padding: 0px 0px 17px 0px; clear: both; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}
div.detaliuMembru img {margin: 0px 0px 0px 20px; padding: 1px; width: 211px; border: 1px solid #e5e5e5; float: right;}
div.detaliuMembru p {margin: 0px 0px 16px 0px; padding: 0px;}


img.pozaArticol {margin: 2px 10px 2px 0px; padding: 1px; width: 230px; border: 1px solid #d3d6d9; float: left;}


dl.fileDownload {margin: 24px 0px; padding-top: 22px; clear: both; position: relative; background: url(../images/backgrounds/linie_meniu.gif) repeat-x 0px 0px;}
dl.fileDownload dt {margin: 0px 0px 12px 0px; font-size: 18px; color: #00245d;}
dl.fileDownload dd {padding: 0px 0px 0px 21px; background-image: url(../images/icons/stiri.gif); background-repeat: no-repeat; background-position: 0px 4px;}


dl.aranjareMembri {margin: 24px 0px; padding-bottom: 22px; width: 510px; overflow: hidden; clear: both; position: relative; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}
dl.aranjareMembri a.paginaActiva {color: #ee0000; text-decoration: none;}
dl.aranjareMembri dt {margin: 0px 0px 12px 0px; font-size: 18px; color: #00245d;}
dl.aranjareMembri dd {padding: 0px 0px 0px 21px; width: 234px; float: left; background-image: url(../images/icons/stiri.gif); background-repeat: no-repeat; background-position: 0px 4px;}
dl.aranjareMembri dd.cleaner {clear: both; width: 510px; height: 1px; overflow: hidden; position: relative; float: none; background-image: none;}


div.galerieAsociata {margin: 24px 0px; padding-top: 22px; clear: both; position: relative; background: url(../images/backgrounds/linie_meniu.gif) repeat-x 0px 0px;}
div.galerieAsociata h3 {margin: 0px 0px 12px 0px; font-size: 18px; color: #00245d;}
div.galerieAsociata img {margin: 8px 10px 8px 0px; padding: 1px; width: 84px; border: 1px solid #d3d6d9;}


/* ------ membrii listing ------ */
fieldset.membriiListing {margin: 0px 16px 18px 0px; padding: 1px; width: 241px; overflow: hidden; border: 1px solid #e5e5e5; float: left; background-color: #ffffff;}
fieldset.membriiListing div {padding: 14px 14px; background-color: #f6f6f6;}
fieldset.membriiListing h3 {font-size: 18px;}
fieldset.membriiListing h3 a {text-decoration: none;}
fieldset.membriiListing img {margin: 1px 0px 19px 0px; padding: 1px; width: 211px; border: 1px solid #e5e5e5;}


/* ------ SYSTEM MESSAGE ------ */
div.sysMessage {margin: 24px 0px; padding: 10px; clear: both; font-size: 11px; background-color: #f6f6f6; border: 1px solid #f1f1f1;}
div.sysMessage ul {margin: 10px 0px 0px 0px; padding: 0px; color: #888888; list-style-type: none;}
div.sysMessage ul li {margin: 0px 0px 3px 0px; padding: 0px 0px 0px 18px; position: relative; background-image: url(../images/icons/bulina_rosie.gif); background-repeat: no-repeat; background-position: 0px 4px;}




/* ------ STANGA ------ */
div#dreapta {margin: 24px 0px 0px 20px; width: 174px; position: relative; float: left;}

div.eventsDreapta {margin: 0px 0px 23px -2px; padding: 0px; width: 174px; overflow: hidden; position: relative; background: url(../images/backgrounds/bg_stiri_sus.gif) no-repeat 0px 0px;}
div.eventsDreapta h3 {padding: 23px 80px 21px 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #283954; letter-spacing: -1px; line-height: 20px;}
div.eventsDreapta dl {margin: 0px; padding: 0px 12px; background: url(../images/backgrounds/bg_stiri_jos.gif) no-repeat left bottom;}
div.eventsDreapta dl dt {padding: 13px 0px 22px 2px;}
div.eventsDreapta dl dd {margin: 0px; padding: 4px 0px 11px 0px; position: relative; background: url(../images/backgrounds/linie_stiri.gif) repeat-x left bottom;}
div.eventsDreapta dl dd a {display: block; padding-left: 20px; font-size: 12px; color: #766e6e; text-decoration: none; background: url(../images/icons/stiri.gif) no-repeat 0px 3px;}
div.eventsDreapta dl dd a em {display: block; margin-top: 1px; font-size: 11px; font-style: normal; color: #7ea1b9; line-height: 14px;}

div.bannerDreapta {margin: 0px 0px 23px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #aaa9a9;}
div.bannerDreapta p {margin: 0px 0px 8px 0px; padding: 0px 0px 6px 0px; position: relative; background: url(../images/backgrounds/linie_meniu.gif) repeat-x left bottom;}



/* ------ FOOTER ------ */
div#footer {padding: 60px 0px 40px 0px; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888888; text-align: center;}

div#footer div {margin: 0px; padding: 12px 0px 12px 0px; background-color: #aeb0b4; color: #ffffff;}
div#footer div span {padding: 0px 5px;}
div#footer div a {color: #ffffff; text-decoration: none;}
div#footer div a:hover {text-decoration: underline;}

div#footer p {margin: 1px 0px 0px 0px; padding: 15px 0px 19px 0px; background: url(../images/backgrounds/reflexie_footer.gif) repeat-x 0px 0px;}





/* ------ ELEMENTE FORMULARE ------ */
input.campNewsletter {margin: 0px; padding: 4px 5px 4px 5px; width: 180px; border: none; background: url(../images/backgrounds/input_newsletter.gif) no-repeat 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;}
input.butonNewsletter {margin: 0px; padding: 0px; vertical-align: top;}

input.campCautare {margin: 0px; padding: 3px 5px 3px 5px; width: 426px; border: none; background: url(../images/backgrounds/input_cautare.gif) no-repeat 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;}
input.butonCautare {margin: 0px; padding: 0px; vertical-align: top;}

select.filtreProduse {margin: 4px 0px 0px 0px; padding: 0px; width: 165px; display: block; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #888888;}


input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 370px; height: 80px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -2px;}




/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 0px; padding: 0px; width: 100%; background-color: #FFFFFF; border: 1px solid #f1f1f1; font-size: 12px;}
table.tabelSpecificatii th {padding: 4px 5px; text-align: left; color: #444444; border: 1px solid #f6f6f6;}
table.tabelSpecificatii td {padding: 3px 6px; background-color: #f6f6f6;}