/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; background-color: #ffffff; background-image: url(../images/backgrounds/bg_top.gif); background-repeat: repeat-x; background-position: 0px 0px;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #757575;}
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;}
div.container {margin: 0px auto; width: 940px; position: relative; clear: both;}
span.albastru {color: #018a9c;}
a {color: #0199ad; text-decoration: underline;}
a:hover {color: #4dc2d2; text-decoration: underline;}
a.veziDetalii {padding: 1px 0px 2px 24px; background: url(../images/icons/sageata_vezi.gif) no-repeat 0px 0px; margin-right: 15px;}
a.butonMare {margin: 0px; padding: 4px 18px 5px 18px; border: 1px solid #0098ac; background-color: #06d9f5; font-size: 18px; line-height: 34px; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/bg_buton_mare.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonMare:hover {color: #002024; text-decoration: none;}
a.butonMic {margin: 0px; padding: 2px 12px 3px 12px; border: 1px solid #0098ac; background-color: #06d9f5; color: #ffffff; text-decoration: none; background-image: url(../images/butoane/bg_buton_01.gif); background-repeat: repeat-x; background-position: 0px 0px;}
a.butonMic:hover {color: #ffffff; text-decoration: none;}
/* ------ HEADER ------ */
div#header {margin: 0px auto; width: 940px; height: 135px; overflow: hidden; clear: both;}
div#header h1 {width: 233px; height: 80px; overflow: hidden; float: left; text-indent: -20000px; background: url(../images/scoala_meserii_logo.gif) no-repeat 0px 0px;}
div#header h1 a {margin-top: 7px; width: 233px; height: 65px; display: block;}
div#header dl {margin: 10px 0px 0px 0px; width: 646px; float: right; font-size: 11px; color: #909090; text-align: right;}
div#header dl dt {margin: 0px; padding: 12px 11px 13px 0px; background-color: #393939; background-image: url(../images/backgrounds/colt_meniu_top.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#header dl dt a {padding: 0px 17px 0px 11px; font-weight: bold; color: #ffffff; text-decoration: none; background: url(../images/backgrounds/linie_meniu_sus.gif) no-repeat right 1px;}
div#header dl dt a.activ {color: #cce12f;}
div#header dl dt a:hover {color: #00b5cc; text-decoration: underline;}
div#header dl dd {margin: 0px 0px 12px 0px; padding: 0px;}
div#header dl dd a {color: #909090; text-decoration: none;}
div#header dl dd a:hover {color: #dddddd; text-decoration: underline;}
div#header dl dd img {margin: 0px 0px 0px 3px; vertical-align: -2px;}
div#header div {margin: 0px; padding: 12px 0px 0px 0px; clear: both;}
/* ------ STANGA ------ */
div#stanga {margin: 0px; padding: 40px 0px 0px 0px; width: 615px; overflow: hidden; float: left;}
h2.categorie {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #f8f8f8;}
h3.pagina {margin: 2px 0px 26px 0px; padding: 0px; font-size: 24px; color: #363636;}
div.cutiiMeserii {margin: 0px; padding: 19px 0px; width: 630px; position: relative; clear: both; font-size: 11px;}
div.cutieMeserie {margin: 20px 20px 0px 0px; padding: 21px 13px 0px 13px ; width: 164px; overflow: hidden; float: left; background: url(../images/backgrounds/cutie_meserie_sus.gif) no-repeat 0px 0px;}
div.cutieMeserie h3 {margin: 0px 0px 25px 0px; padding: 0px; font-size: 18px; color: #222222;}
div.cutieMeserie h3 span {padding: 2px 12px 8px 10px; font-size: 22px; font-weight: bold; color: #ffffff; background: url(../images/icons/numar_meserie.gif) no-repeat 0px 0px;}
div.cutieMeserie p {margin: 0px 0px 18px 0px; padding: 0px; line-height: 14px;}
div.cutieMeserie div.fundalJos {margin: 0px -13px; padding-top: 15px; clear: both; overflow: hidden; position: relative; background: url(../images/backgrounds/cutie_meserie_jos.gif) no-repeat left bottom;}
div.cutieMeserieMare {margin: 20px 20px 0px 0px; padding: 21px 13px 0px 13px ; width: 269px; overflow: hidden; float: left; background: url(../images/backgrounds/cutie_meserie_sus_01.gif) no-repeat 0px 0px;}
div.cutieMeserieMare h3 {margin: 0px 0px 25px 0px; padding: 0px; font-size: 18px; color: #222222;}
div.cutieMeserieMare h3 span {padding: 2px 12px 8px 10px; font-size: 22px; font-weight: bold; color: #ffffff; background: url(../images/icons/numar_meserie.gif) no-repeat 0px 0px;}
div.cutieMeserieMare p {margin: 0px 0px 18px 0px; padding: 0px; line-height: 14px;}
div.cutieMeserieMare div.fundalJos {margin: 0px -13px; padding-top: 15px; clear: both; overflow: hidden; position: relative; background: url(../images/backgrounds/cutie_meserie_jos_01.gif) no-repeat left bottom;}
div.listingArticole {margin: 0px; padding: 21px 13px 22px 13px; clear: both; position: relative; background: url(../images/backgrounds/listing_articole.png) no-repeat 0px 0px;}
div.listingArticole h3 {margin: 0px 0px 10px 0px; padding: 8px 0px 10px 41px; font-size: 18px; color: #222222; background: url(../images/icons/sageata_titlu_listing.gif) no-repeat 0px 0px;}
div.listingArticole h3.meserie {font-size: 22px;}
div.listingArticole p {margin: 0px 0px 14px 0px; padding: 0px;}
img.pozaArticol {margin: 2px 14px 0px 0px; padding: 1px; border: 1px solid #e6e6e6; float: left;}
dl.fisiereDownload {margin: 25px 0px 28px 0px; padding: 0px; line-height: 14px; position: relative;}
dl.fisiereDownload dt {margin: 0px 0px 12px 0px; font-size: 18px; color: #363636;}
dl.fisiereDownload dd {margin: 0px; padding: 0px 0px 0px 17px; background: url(../images/icons/sageata_data.gif) no-repeat 0px 3px;}
dl.fisiereDownload01 {margin: 25px 0px 28px 0px; padding: 0px; font-size: 11px; line-height: 14px; position: relative;}
dl.fisiereDownload01 dt {margin: 0px 0px 12px 0px; font-size: 18px; color: #363636;}
dl.fisiereDownload01 dd {margin: 0px; padding: 0px 0px 2px 17px; background: url(../images/icons/sageata_data.gif) no-repeat 0px 3px;}
p.paginare {margin: 50px 0px 6px 0px; padding: 0px 0px 8px 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: #19646d;}
p.paginare a.pagina:hover {color: #ffffff; background-color: #1191a2;}
p.paginare span {padding: 0px 6px; color: #999999;}
/* ------ cale site ------ */
p.caleSite {margin: -3px 0px 22px 0px; padding: 0px 0px 0px 21px; clear: both; font-size: 11px; color: #959494; background: url(../images/icons/roata.gif) no-repeat 0px 1px;}
p.caleSite span {padding: 0px 6px; font-family: Arial, Helvetica, sans-serif; color: #0199ad;}
p.caleSite a {text-decoration: none;}
/* ------ DREAPTA ------ */
div#dreapta {margin: -55px -7px 0px 18px; padding: 0px; width: 314px; overflow: hidden; float: left; position: relative; background-image: url(../images/backgrounds/bg_meniu.jpg); background-repeat: no-repeat; background-position: right 0px;}
div#dreapta h3 {margin: 0px; padding: 4px 0px 6px 30px; position: relative; font-size: 18px; color: #363636; letter-spacing: -1px; text-transform: uppercase; background-image: url(../images/icons/sageata_titlu.gif); background-repeat: no-repeat; background-position: 0px 0px;}
ul#meniuDreapta {margin: 38px 17px 0px 17px; padding: 0px 0px 0px 0px; list-style-type: none; text-indent: -20000px;}
ul#meniuDreapta a {margin: 2px 0px; padding: 0px; height: 73px; display: block; clear: both; background-repeat: no-repeat; background-position: 85px 28px;}
ul#meniuDreapta a.inscriere {height: 74px; background-image: url(../images/meniu/inscriere.gif);}
ul#meniuDreapta a.programa {background-image: url(../images/meniu/programa.gif);}
ul#meniuDreapta a.meserii {background-image: url(../images/meniu/meserii.gif);}
ul#meniuDreapta a:hover {background-position: 85px -30px;}
div.stiri {margin: 31px 27px 0px 27px; padding: 0px 0px 32px 0px; font-size: 11px; border-bottom: 1px dashed #e9e9e9;}
dl.stiri {margin: 15px 0px 18px 0px; padding: 0px; line-height: 14px; position: relative;}
dl.stiri dt {margin: 13px 0px 4px 0px; padding: 0px 0px 0px 17px; font-weight: bold; background: url(../images/icons/sageata_data.gif) no-repeat 0px 3px;}
div.newsletter {padding: 24px 27px 34px 27px; font-size: 11px; background: url(../images/backgrounds/bg_dreapta_jos.gif) no-repeat left bottom;}
div#dreapta div.newsletter h3 {margin-bottom: 10px; background-image: url(../images/icons/newsletter.gif); background-position: 0px 5px;}
/* ------ FOOTER ------ */
div#footer {margin: 35px 0px 0px 0px; padding: 0px 0px 33px 0px; position: relative; clear: both; border-bottom: 10px solid #393939; font-size: 11px; background: url(../images/backgrounds/bg_footer.gif) repeat-x 0px 0px;}
div#footer div.retea {margin: 40px 20px 0px 0px; padding: 0px; width: 460px; overflow: hidden; float: left;}
div#footer div.retea h3 {margin: 0px; padding: 0px; width: 150px; height: 32px; overflow: hidden; float: left; text-indent: -20000px; background-image: url(../images/retea.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div#footer div.retea div {margin: 1px 0px 0px 11px; position: relative; float: left; color: #838383; font-size: 11px; line-height: 16px;}
div#footer div.retea div span {padding: 0px 3px;}
div#footer div.retea div a {color: #838383; text-decoration: none;}
div#footer div.retea div a:hover {color: #1389b3; text-decoration: underline;}
div#footer div.retea p {margin: 0px; padding: 19px 0px 0px 0px; clear: both;}
div#footer div.retea p span {padding: 0px 6px}
div#footer div.retea p a {color: #757575; text-decoration: none;}
div#footer div.retea p a:hover {color: #0199ad; text-decoration: underline;}
div#footer div.telefoane {margin: 17px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 265px; float: left; position: relative; overflow: hidden;}
div#footer div.telefoane h3 {margin: 25px 0px 5px 0px; padding: 0px; height: 14px; overflow: hidden; text-indent: -20000px; background-image: url(../images/telefoane.gif); background-repeat: no-repeat; background-position: 0px 0px;}
/* ------ ALTERE ------ */
div#suruburi {margin: 0px 0px 0px -91px; width: 238px; height: 70px; overflow: hidden; position: absolute; top: 85px; left: 50%; background: url(../images/backgrounds/suruburi.gif) no-repeat 0px 0px;}
div#ins {margin: 0px 0px 0px 477px; width: 114px; height: 370px; overflow: hidden; position: absolute; top: 26px; left: 50%; background: url(../images/backgrounds/nene.jpg) no-repeat 0px 0px;}
/* ------ ELEMENTE FORMULARE ------ */
input.campCautare {margin: 4px 0px 0px 0px; padding: 5px 6px 5px 8px; width: 235px; border: none; background-image: url(../images/backgrounds/input_cautare.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444;}
input.butonCautare {margin: 0px 0px 0px 13px; padding: 0px; vertical-align: top;}
input.campNewsletter {margin: 8px 0px 0px 0px; padding: 1px 4px; width: 172px; border: 1px solid #dfdfdf; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;}
input.butonNewsletter {margin: 8px 0px 0px 0px; padding: 0px; vertical-align: top;}
input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; 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: 12px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #777777;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -2px;}
/* ------ TABELE ------ */
table.tabelSpecificatii {margin: 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;}