/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; min-height: 100%; background: url(../images/backgrounds/footer_numere.png) no-repeat center bottom;}
body {margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #636262; line-height: 18px; background: url(../images/backgrounds/cer_sus.png) 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; width: 960px; position: relative; background: url(../images/backgrounds/ursuleti_sus.png) no-repeat right 0px;}
div.cleaner {clear: both; height: 0px; overflow: hidden;}

a {color: #448eb9; text-decoration: underline;}
a:hover {color: #49bafb; text-decoration: underline;}

a.trifoi {padding: 2px 0px 4px 27px; background: url(../images/icons/trifoi.gif) no-repeat 0px 0px;}

a.butonMare {margin: 0px; padding: 4px 18px 5px 18px; border: 1px solid #b4c91a; background-color: #d6eb3d; font-size: 18px; line-height: 34px; color: #1f1f1f; text-decoration: none; background-image: url(../images/butoane/bg_buton_mare.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonMare:hover {color: #000000; text-decoration: none;}



/* ------ HEADER ------ */
div#header {padding: 17px 0px 19px 0px; position: relative; clear: both; background: url(../images/icons/linie_foarfeca.gif) no-repeat 0px bottom;}
div#header h1 {margin: 0px 0px 0px -11px; width: 172px; height: 186px; text-indent: -20000px; background: url(../images/tinkerbella_logo_nou.png) no-repeat 0px 0px;}
div#header h1 a {width: 172px; height: 186px; display: block;}

div#header p {margin: 56px 0px 0px 0px; padding: 1px 0px 0px 0px; height: 31px;}
div#header p a {margin: 0px 17px 0px 0px; padding: 0px; height: 21px; overflow: hidden; display: block; float: left; text-indent: -20000px; background-repeat: no-repeat; background-position: 0px 0px;}
div#header p a:hover {background-position: 0px -21px;}
div#header p a.despreNoi {width: 79px; background-image: url(../images/meniu_sus/despre_noi.png);}
div#header p a.ceOferim {width: 75px; background-image: url(../images/meniu_sus/ce_oferim.png);}
div#header p a.program {width: 69px; background-image: url(../images/meniu_sus/program.png);}
div#header p a.inscriere {width: 70px; background-image: url(../images/meniu_sus/inscriere.png);}
div#header p a.dotari {width: 48px; background-image: url(../images/meniu_sus/dotari.png);}
div#header p a.galerieFoto {width: 97px; background-image: url(../images/meniu_sus/galerie_foto.png);}
div#header p a.contact {width: 66px; background-image: url(../images/meniu_sus/contact.png);}




/* ------ STANGA ------ */
div#stanga {margin: 0px; padding: 0px 0px 10px 0px; width: 600px; float: left;}
div#stanga h2 {margin: 28px 0px 45px 0px; padding: 0px 0px 39px 0px; clear: both; font-size: 36px; color: #222222; line-height: 30px; background: url(../images/icons/linie_dungata.gif) repeat-x left bottom;}
div#stanga h2 em {margin: 3px 0px 0px 0px; display: block; font-size: 24px; color: #767676; font-style: normal;}
div#stanga h3 {margin: 66px 0px 30px 0px; padding: 0px 0px 36px 0px; clear: both; font-size: 27px; color: #222222; background: url(../images/icons/linie_dungata.gif) repeat-x left bottom;}
div#stanga h3.model01 {margin: 0px; padding: 0px 0px 11px 0px; clear: none; font-size: 27px; color: #222222; background: none;}
div#stanga h4 {margin: 34px 0px 14px 0px; padding: 0px; clear: both; font-size: 18px; color: #444444;}
div#stanga h4.model01 {margin: 12px 0px 24px 0px; padding: 0px; clear: both; font-size: 18px; color: #444444;}
div#stanga h4.model02 {margin: 6px 0px 7px 0px; padding: 0px; clear: both; font-size: 18px; color: #444444; text-align: center; font-weight: bold;}
div#stanga h4.model03 {margin: 12px 0px 24px 0px; padding: 0px; clear: none; font-size: 18px; color: #444444;}
div#stanga h4.model04 {margin: 0px 0px 24px 0px; padding: 0px; clear: none; font-size: 18px; color: #444444;}
div#stanga h5 {margin: 34px 0px 14px 0px; padding: 0px; clear: none; font-size: 18px; color: #444444;}
div#stanga h5.model01 {margin: 0px 0px 26px 0px; padding: 0px; clear: none; font-size: 18px; color: #444444;}

div.stiri {margin: 0px 0px 28px 0px; padding: 0px 0px 13px 0px; clear: both; background: url(../images/icons/linie_dungata.gif) repeat-x left bottom;}
div.stiri p {margin: 0px 20px 22px 0px; padding: 0px 0px 0px 27px; width: 263px; overflow: hidden; float: left; background: url(../images/icons/inima.gif) no-repeat 0px 3px;}
div.stiri p strong.data {display: block;}
div.stiri p em {display: block; font-size: 11px; font-style: normal;}

ul.modelLista {margin: 0px; padding: 0px; clear: both; list-style-type: none; position: relative;}
ul.modelLista li {margin: 0px; padding: 0px 0px 0px 27px; background: url(../images/icons/inima.gif)  no-repeat 0px 3px;}
/*custom list */
ul.trifoi {margin: 0px; padding: 0px; clear: both; list-style-type: none; position: relative;}
ul.trifoi li {padding: 2px 0px 4px 27px; background: url(../images/icons/trifoi.gif) no-repeat 0px 0px;}

ul.modelLista01 {margin: 0px; padding: 0px; list-style-type: none; position: relative; float: left; width: 366px;}
ul.modelLista01 li {margin: 0px; padding: 0px 0px 0px 27px; background: url(../images/icons/inima.gif)  no-repeat 0px 3px;}

img.pozaArticol {margin: 0px 22px 18px 0px; padding: 1px; float: left; border: 5px solid #e5e5e5; background-color: #FFFFFF;}
img.pozaArticol01 {margin: 0px 22px 18px 0px; padding: 1px; width: 200px; float: left; border: 5px solid #e5e5e5; background-color: #FFFFFF;}

div.galeriiStanga {margin: 32px 0px 28px 0px; padding: 0px;}
div.galeriiStanga a {margin: 4px 9px 5px 0px; width: 87px; height: 87px; display: block; overflow: hidden; position: relative; float: left; text-decoration: none;}
div.galeriiStanga a span {width: 87px; height: 87px; display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(../images/backgrounds/rama.png) no-repeat 0px 0px;}


/* ------ CONTINUT UTILIZATOR ------ */
div.continutUtilizator ul {margin: 0px; padding: 0px; clear: both; list-style-type: none; position: relative;}
div.continutUtilizator ul li {margin: 0px; padding: 0px 0px 0px 27px; background: url(../images/icons/inima.gif)  no-repeat 0px 3px;}
div.continutUtilizator img {background-color: #FFFFFF;}



/* ------ DREAPTA ------ */
div#dreapta {margin: 214px 0px 0px 78px; padding: 0px 0px 10px 0px; width: 282px; float: left;}
div#dreapta h3 {margin: 58px 0px 30px 0px; padding: 0px 0px 36px 0px; font-size: 27px; color: #222222; background: url(../images/icons/linie_dungata.gif) repeat-x left bottom;}
div#dreapta div.parteneri {margin: 0px -11px 0px -5px; padding: 0px; width: 298px; position: relative;}

div.galeriiDreapta {margin: 0px 0px 28px 0px; padding: 0px 0px 32px 0px; background: url(../images/icons/linie_dungata.gif) repeat-x left bottom;}
div.galeriiDreapta a {margin: 4px 9px 5px 0px; width: 87px; height: 87px; display: block; overflow: hidden; position: relative; float: left; text-decoration: none;}
div.galeriiDreapta a span {width: 87px; height: 87px; display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(../images/backgrounds/rama.png) no-repeat 0px 0px;}

img.promoDreapta {margin: 34px auto 0px auto; display: block;}



/* ------ FOOTER ------ */
div#footer {padding-top: 485px;}
div#footer p {margin: -331px 0px 198px 8px; padding: 3px 0px 3px 0px; width: 222px; text-align: center; position: relative; font-family: Comic sans MS, Tahoma, Arial; font-size: 23px; font-weight: bold; color: #b78a5b; letter-spacing: -2px;}
div#footer h4 {margin: -199px 0px 198px 10px; padding: 3px 0px 3px 0px; width: 212px; text-align: center; position: relative; font-family: Comic sans MS, Tahoma, Arial; font-size: 23px; font-weight: bold; color: #b78a5b; letter-spacing: -2px;}
div#footer div {margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #000000; text-transform: uppercase;}
div#footer div img {margin: 2px 0px 0px 0px; padding: 0px; float: right;}
div#footer div a {margin-right: 15px; color: #000000; text-decoration: none;}
div#footer div a:hover {color: #ffffff; text-decoration: underline;}
div#footer div a.softhost {margin: 0px;}




/* ------ ELEMENTE FORMULAR ------ */
input.campNewsletter {margin: 3px 0px 0px 0px; padding: 4px 3px 3px 3px; width: 220px; border: 1px solid #cfcfcf; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #636262;}
input.campNewsletter02 {margin: 0px; padding: 4px 3px 3px 3px; width: 220px; border: 1px solid #cfcfcf; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #636262;}
input.butonNewsletter {margin: 0px 0px 0px 3px; padding: 0px; vertical-align: top; float: right;}

input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #636262;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 380px; height: 80px; border: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #636262;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; height: 20px; border: 1px solid #cccccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  color: #636262;}
input.formular01Box {vertical-align: -2px;}
input.formular01Radio {vertical-align: -3px;}




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

table.tabelSpecificatii ul {margin: 0px; padding: 0px 0px 8px 0px; clear: both; list-style-type: none; position: relative;}
table.tabelSpecificatii ul li {margin: 0px; padding: 0px 0px 0px 27px; background: url(../images/icons/inima.gif)  no-repeat 0px 3px;}


/* ----------- CUSTOM ------------------ */
div.pdf_exceptional {margin: 0px; padding: 5px; clear: both; width: 280px; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc;}
div.pdf_exceptional h3.mp_pdf {margin: 0px !important; padding: 10px 0px 10px 50px !important; background: url(../images/icons/files_pdf.png) no-repeat 0px 9px !important; font-size: 22px !important; line-height: 22px;}
div.pdf_exceptional a {text-decoration: none; display: block; text-align: center;}