/* png transparent - nu poate fi aplicat pe :hover daca elementul este inline */ /* culoare text pe bg inchis : #707266 */ /* clear: both - ie adauga un margin-top egal cu margin-bottom a elementului float dinainte (rezolvare: margin-top: -xxpx)*/ /* display: table pe body pentru ca backgroundul sa nu se miste fara continut atunci cand marimea ferestrei browserului este mai mica decat backgroundul ( toate in afara de ie) - dar apare problema in ff - o mica margine alba in partea de jos a site0ului*/ /* linkuri : #fff normal: #6E747D diferentiere: #3B434E */ body {margin: 0px; padding: 0px; background: #000 url(../img/background.jpg) no-repeat center top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #6E747D; line-height: 17px;} html {behavior: url(continut/afisare/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, dl:after, ul:after, ol:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol {height: 1%} div, dl, ul, ol {display: inline-block} div, dl, ul, ol {display: block} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,legend,blockquote,input,pre,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; background-color: transparent; list-style: none; font-family: Arial, Helvetica, sans-serif; color: #6E747D; font-size: 12px; line-height: 17px} /*-----*/ a {color: #fff; text-decoration: none; font-weight: normal; outline: none} a:hover {border-bottom: 1px dashed #fff} a img {border: none} p,ul,ol,li,h2,h3,h4 {padding: 2px 0px 2px 0px} em {font-style: normal; color: #979DA2} strong {font-weight: normal; color: #B7BBBF} h2 em, h3 em, h4 em, h5 em, h2 strong, h3 strong, h4 strong, h5 strong {color: #fff} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MESAJE /*--------------------------------------------------------------------------------------------------------------------------*/ #mesaje {clear: both; padding: 20px; background: #2D538D; border: 1px solid #2482D0; color: #fff; text-align: center} #mesaje em {color: #fff;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTAINER /*--------------------------------------------------------------------------------------------------------------------------*/ #container {margin: 0px auto 0px auto; padding: 75px 30px 0px 10px; width: 860px; height: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* ZONA UTILE /*--------------------------------------------------------------------------------------------------------------------------*/ #container #zona-utile {position: relative; left: 225px; top: -214px; margin-bottom: -23px; width: 650px; height: 24px; overflow: hidden;} #container #zona-utile p#rss {float: left; clear: none; width: 78px; height: 23px; text-indent: -100px} #container #zona-utile p#rss a {display: block; height: 23px; background-image: url(../img/buton-rss.gif); background-position: left top} #container #zona-utile p#twitter {float: left; clear: none; display: inline; margin: 0px 0px 0px 15px; width: 62px; height: 23px; text-indent: -300px} #container #zona-utile p#twitter a {display: block; height: 23px; background-image: url(../img/buton-twitter.gif); background-position: left top} #container #zona-utile p#rss a:hover, #container #zona-utile p#twitter a:hover {background-position: left bottom} #container #zona-utile form {float: left; clear: none; display: inline; margin: 3px 0px 0px 25px; width: 165px} #container #zona-utile form fieldset input {color: #C7E9F1; width: 165px; height: 17px;} #container #zona-utile form p {width: 165px; padding: 0px; color: #C7E9F1;} #container #zona-utile ul {float: right; clear: none; margin: 2px 0px 0px 0px; text-align: right} #container #zona-utile ul li {float: left; clear: none; display: inline; margin: 0px 0px 0px 10px; overflow: hidden;} #container #zona-utile ul li a {display: block; height: 13px; background-repeat: no-repeat; overflow: hidden; opacity: 0.7; _filter: alpha(opacity=70)} #container #zona-utile ul li a:hover {border: none; opacity: 1; _filter: alpha(opacity=100)} #container #zona-utile ul li#m-u-despre a {background-position: left top} #container #zona-utile ul li#m-u-limba a {background-position: right top;} #container #zona-utile ul li small {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* H1 /*--------------------------------------------------------------------------------------------------------------------------*/ #container h1 {margin: 0px 0px 0px 130px; width: 380px; height: 70px; overflow: hidden;} #container h1 a {display: block; width: 380px; height: 70px;} #container h1 a:hover {border: none} #container h1 a strong, #container h1 a em {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* MENIU /*--------------------------------------------------------------------------------------------------------------------------*/ ul#meniu {margin: 42px 0px 0px 210px; height: 35px; padding: 0px; overflow: hidden;} ul#meniu li {float: left; clear: none; display: inline; padding: 0px; width: auto; height: 35px; margin: 0px} ul#meniu li a {display: block; padding: 0px; height: 35px; background-repeat: no-repeat; cursor: pointer} ul#meniu li a strong {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CITAT /*--------------------------------------------------------------------------------------------------------------------------*/ #container blockquote#citat-mj {clear: both; margin: 0px 0px 30px 225px; width: 590px; height: 109px; overflow: hidden; padding: 0px 0px 0px 0px;} #container blockquote#citat-mj p {margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; font-size: 11px; color: #FFF; text-transform: uppercase} /* #container blockquote#citat-mj p#sursa-citat {text-indent: 0px; height: 0px; background: url(../img/header-semnatura.png) no-repeat right top} */ /*--------------------------------------------------------------------------------------------------------------------------*/ /* LISTARE /*--------------------------------------------------------------------------------------------------------------------------*/ #container #listare {position: relative; float: left; clear: none; display: inline; width: 195px; margin: -12px 37px 25px 0px; z-index: 2} #container #listare ul, #container #listare ol {margin-bottom: 25px;} #container #listare ul li, #container #listare ol li {width: auto; height: 40px; padding: 12px 0px 12px 10px; overflow: hidden; background-image: url(../img/linie-despartitoare-listare.png); background-repeat: no-repeat; background-position: left bottom; text-align: right} #container #listare ul li:hover, #container #listare ul li.curent {background-image: url(../img/listare-hover.png);} #container #listare ul li:hover p, #container #listare ul li.curent p, #container #listare ol li:hover p, #container #listare ol li.curent p {background: #0B4D75; color: #799DB3} #container #listare ul li:hover p.stg, #container #listare ul li.curent p.stg, #container #listare ol li:hover p.stg, #container #listare ol li.curent p.stg{color: #4A7692} #container #listare ul li a.imagine {float: right; clear: none; margin: 0px 0px 0px 15px; width: 35px; height: 35px; padding: 0px; overflow: hidden} #container #listare ul li a.imagine:hover {border: none} #container #listare ul li h3, #container #listare ul li p, #container #listare ol li h3, #container #listare ol li p {width: 132px; padding: 0px; overflow: hidden} #container #listare ul li h3, #container #listare ol li h3 {line-height: 19px; height: 19px;} #container #listare ul li p, #container #listare ol li p {float: right; clear: none; margin: 2px 0px 0px 0px; width: 100px; height: 17px; padding: 0px 2px 0px 2px; font-size: 10px; color: #364857; text-align: center; background: #071E30;} #container #listare ul li p.stg, #container #listare ol li p.stg {float: left; width: 21px; height: 16px; padding: 0px; font-size: 10px; text-align: left; color: #565C64; background: none} #container #listare ol li {height: 20px; padding: 5px 0px 5px 10px;} #container #listare ol li:hover, #container #listare ol li.curent {background-image: url(../img/listare-playlist-hover.png);} #container #listare ol li p.stg {float: left; clear: none; width: 35px; background: none} #container #listare ol li h3 {float: left; clear: none; width: 122px} #container #listare ol li p {width: 17px; color: #364857; background: #071E30; text-align: center} #b-home #container #listare h2, #b-cookiepolicy #container #listare h2 {clear: both; margin: 12px 0px 20px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 13px; font-weight: normal; color: #fff; text-align: right} #b-home #container #listare h2 em, #b-home #container #listare h2 strong, #b-cookiepolicy #container #listare h2 em, #b-cookiepolicy #container #listare h2 strong {padding: 1px 5px; background: #2C5A9C} #b-home #container #listare ul li h3, #b-cookiepolicy #container #listare ul li h3 {width: auto} #b-home #container #listare ul#ultimele-stiri li p, #b-cookiepolicy #container #listare ul#ultimele-stiri li p {background: none; padding: 0px; text-align: right} #b-home #container #listare div#this-day-in-history ul, #b-cookiepolicy #container #listare div#this-day-in-history ul {height: 190px; overflow: hidden} #b-home #container #listare div#this-day-in-history ul li.zi-anterioara, #b-cookiepolicy #container #listare div#this-day-in-history ul li.zi-anterioara {color: #3B434E} * html #b-home #container #listare div#this-day-in-history ul li, * html #b-cookiepolicy #container #listare div#this-day-in-history ul li {margin-bottom: -3px} *:first-child+html #b-home #container #listare div#this-day-in-history ul li, *:first-child+html #b-cookiepolicy #container #listare div#this-day-in-history ul li {margin-bottom: -3px} #b-home #container #listare div#this-day-in-history ul li:hover, #b-cookiepolicy #container #listare div#this-day-in-history ul li:hover {background-image: url(../img/linie-despartitoare-listare.png); color: #fff} #b-stiri #container #listare ul li h3 {width: auto} #b-stiri #container #listare ul li p {width: 75px} #b-foto #container #listare ul li p {width: 55px} #b-foto #container #listare ul li p.stg {width: 70px} #b-audio #container #listare ul li p {width: 50px;} #b-audio #container #listare ul li p.stg {width: 65px;} #b-audio-melodie #container #listare {margin-top: 0px} #b-audio-compozitor #container #listare ul li h3 {width: auto} #b-audio-compozitor #container #listare ul li p {width: 110px} #b-video #container #listare ul li p, #b-video-clipuri #container #listare ul li p, #b-video-lansari #container #listare ul li p {width: 75px} #b-video #container #listare ul li p.stg, #b-video-clipuri #container #listare ul li p.stg, #b-video-lansari #container #listare ul li p.stg {width: 30px} #b-live #container #listare ul li p, #b-live-turnee #container #listare ul li p, #b-live-concerte #container #listare ul li p {width: auto; text-align: right; color: #565C64; background: none;} #b-live #container #listare ul li:hover p, #b-live-turnee #container #listare ul li:hover p, #b-live-concerte #container #listare ul li:hover p, #b-live #container #listare ul li.curent p, #b-live-turnee #container #listare ul li.curent p, #b-live-concerte #container #listare ul li.curent p {color: #4A7692} #b-live-aparitii #container #listare ul li p {width: 35px} #b-live-aparitii #container #listare ul li p.stg {width: 80px} #b-history #container #listare ul li p, #b-history-bibliografie #container #listare ul li p {width: 130px; text-align: right; color: #565C64; background: none;} #b-history #container #listare ul li:hover p, #b-history-bibliografie #container #listare ul li:hover p, #b-history #container #listare ul li.curent p, #b-history-bibliografie #container #listare ul li.curent p {color: #4A7692} #b-history-premii #container #listare ul li p {width: 70px; } #b-history-premii #container #listare ul li p.stg {width: 55px} #b-history-interviuri #container #listare ul li h3, #b-history-declaratii-diverse #container #listare ul li h3 {width: auto} #b-history-interviuri #container #listare ul li p, #b-history-declaratii-diverse #container #listare ul li p {width: 75px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut {position: relative; width: 625px; height: auto; overflow: hidden; z-index: 2} #container #continut p, #container #continut ul li {line-height: 20px} #container #continut img {border: 1px solid #fff} #container #continut p.data {margin: 0px 0px 15px 0px; color: #ACB3B9} #container #continut p {margin: 7px 0px 7px 0px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* TITLU /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut h2 {float: left; clear: none; margin: 0px 0px 25px 0px; height: 21px; padding: 0px; background-repeat: no-repeat; background-position: 0px center} #container #continut h2 strong {display: none} #container #continut h3 {clear: both; margin: 0px 0px 20px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 13px; font-weight: normal; color: #fff;} #container #continut h3 em, #container #continut h3 strong {padding: 1px 5px; background: #C70CAF} #container #continut h4 {margin: 15px 0px 15px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: capitalize; font-weight: normal} #container #continut h4 small, #container #continut h4 em, #container #continut h4 strong {padding: 2px 5px; background: #1E3860; color: #fff; font-size: 13px; } /*--------------------------------------------------------------------------------------------------------------------------*/ /* LISTARE IN CONTINUT - stiri asociate, etc /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut ul.listare-in-continut {} #container #continut ul.listare-in-continut li {height: 36px; padding: 10px; border-bottom: 1px dashed #092538} #container #continut ul.listare-in-continut li:hover {background: #071E30} #container #continut ul.listare-in-continut li a img {float: left; clear: none; margin: 0px 25px 0px 0px; width: 35px; height: 35px} #container #continut ul.listare-in-continut li h5 {margin: 0px; height: 19px; padding: 0px; overflow: hidden; font-size: 12px;} #container #continut ul.listare-in-continut li p {margin: 0px; height: 17px; overflow: hidden; font-size: 11px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* UL INFORMATII /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut ul#informatii {margin: 0px 0px 20px 0px; padding: 0px} #container #continut ul#informatii li {margin: 0px; padding: 3px 0px; height: 21px; background: url(../img/linie-despartitoare-informatii.png) no-repeat left bottom} #container #continut ul#informatii li:hover {background-color: #081422} #container #continut ul#informatii li em {margin: 0px 15px 0px 0px; color: #364857;} #container #continut ul#informatii li ul {margin: -24px 0px 0px auto; width: auto; border: none; list-style: none} #container #continut ul#informatii li ul li {display: inline; margin: 0px 15px 0px 0px; padding: 0px; border: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* SUBMENIU /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut ul#submeniu, #container #continut ol#selectie-data {float: left; clear: none; margin: 0px; height: 21px; display: inline; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 21px} #container #continut ul#submeniu li {float: left; clear: none; display: inline; margin: 0px 10px 0px 0px; padding: 0px} #container #continut ul#submeniu li a {display: block; height: 21px;} #container #continut ul#submeniu li a strong {display: none} #container #continut ul#submeniu li a:hover {border: none} #container #continut ol#selectie-data {margin-top: -5px; width: auto; height: 21px;} #container #continut ol#selectie-data li#luna, #container #continut ol#selectie-data li#an {position: relative; float: left; clear: none; display: inline; margin: 0px 10px 0px 0px; padding: 0px} #container #continut ol#selectie-data li#luna p, #container #continut ol#selectie-data li#an p {width: 89px; padding: 0px 20px 2px 10px; background: url(../img/stiri-luna-bg-sus.gif) no-repeat left top; color: #8DBBE9} #container #continut ol#selectie-data li#an p {width: 35px; background: url(../img/stiri-an-bg-sus.gif) no-repeat left top;} #container #continut ol#selectie-data li#luna ol, #container #continut ol#selectie-data li#an ol {display: none; position: absolute; left: 0px; top: 24px; width: 119px; height: auto; overflow: hidden; background: url(../img/stiri-luna-bg.gif) no-repeat left bottom} #container #continut ol#selectie-data li#an ol {width: 65px; background: url(../img/stiri-an-bg.gif) no-repeat left bottom} #container #continut ol#selectie-data li#luna:hover ol, #container #continut ol#selectie-data li#an:hover ol {display: block} #container #continut ol#selectie-data li#luna ol li a, #container #continut ol#selectie-data li#an ol li a {display: block; padding: 2px 10px} #container #continut ol#selectie-data li#luna ol li a:hover, #container #continut ol#selectie-data li#an ol li a:hover {border: none; background: #2570BA} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PAGINARE /*--------------------------------------------------------------------------------------------------------------------------*/ #container ol#paginare {position: relative; clear: both; width: 195px; text-align: right; z-index: 2;} #container ol#paginare li {display: inline; margin: 0px -4px 0px -3px; font-size: 10px;} #container ol#paginare li a {padding: 1px 4px 1px 4px;} #container ol#paginare li:hover {background-image: none;} #container ol#paginare li a:hover, #container ol#paginare li a.curenta {background-color: #0B4D75; text-decoration: none; border: none} #container ol#paginare li small {font-size: 11px; font-weight: bold} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ #footer {position: relative; left: 50%; margin-left: -580px; margin-top: -100px; width: 640px; height: 140px; padding: 150px 0px 0px 375px; background: url(../img/footer-bg.png) no-repeat left top;} * html #footer {behavior: url(continut/afisare/resurse/js/iepngfix.htc);} #footer ul {} #footer ul li {display: inline;} #footer ul li a {margin: 0px 15px 0px 0px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* PARTENERI /*--------------------------------------------------------------------------------------------------------------------------*/ #parteneri {position: relative; left: 50%; margin-left: -580px; margin-top: -70px; width: 640px; height: 35px; padding: 0px 0px 0px 375px;} #parteneri li {display: inline;} #parteneri li a {margin: 0px 15px 0px 0px} #parteneri li a img {width: 70px; height: 25px; opacity: 0.2; _filter: alpha(opacity=20)} #parteneri li a:hover {border: none;} #parteneri li a:hover img {opacity: 1; _filter: alpha(opacity=100)} /*--------------------------------------------------------------------------------------------------------------------------*/ /* UL IMAGINI /*--------------------------------------------------------------------------------------------------------------------------*/ #container #continut ul#imagini li {float: left; clear: none; display: inline; margin: 11px; padding: 1px; background: #000; width: 65px; height: 57px; overflow: hidden; border: none; } #container #continut ul#imagini li a img {position: absolute; clip: rect(0px 65px 57px auto); border: none; opacity: 0.7; _filter: alpha(opacity=70)} #container #continut ul#imagini li a img:hover {opacity: 1; filter: alpha(opacity=100)} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HOME /*--------------------------------------------------------------------------------------------------------------------------*/ #b-home #container #continut div#stire {height: 200px; overflow: hidden} #b-home #container #continut div#stire h2 {float: none; margin: 0px 0px 20px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: capitalize; padding: 2px; font-size: 13px; font-weight: normal; color: #fff;} #b-home #container #continut div#stire h2 strong {display: inline; padding: 1px 5px; background: #C70CAF} #b-home #container #continut div#stire h2 a:hover {border: none} #b-home #container #continut div#stire div {margin: 0px 0px 10px 0px; height: 100px; overflow: hidden} #b-home #container #continut div#stire div p, #b-home #container #continut div#stire div ul, #b-home #container #continut div#stire div ul li, #b-home #container #continut div#stire div ol, #b-home #container #continut div#stire div ol li {margin: 0px; padding: 0px} #b-home #container #continut div#stire p#buton-citeste-tot {float: right; clear: none} #b-home #container #continut ul#slider-imagini {margin: 20px 0px 35px 0px; padding: 0px; width: 625px; height: 110px; overflow: hidden} #b-home #container #continut ul#slider-imagini li {width: 625px; height: 110px;} #b-home #container #continut div#recomandari-audio h3 strong, #b-home #container #continut div#recomandari-video h3 strong {background: #1E3860; color: #fff; } #b-home #container #continut div#recomandari-audio, #b-home #container #continut div#recomandari-video {float: left; clear: none; width: 290px} #b-home #container #continut div#recomandari-video {float: right} #b-home #container #continut div#recomandari-audio img, #b-home #container #continut div#recomandari-video img {float: left; clear: none; margin: 0px 25px 0px 0px} #b-home #container #continut div#recomandari-audio h4, #b-home #container #continut div#recomandari-video h4 {margin: 0px} #b-home #container #continut div#recomandari-audio h4 strong, #b-home #container #continut div#recomandari-video h4 strong {display: block; margin: 0px; padding: 0px; background: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* STIRI /*--------------------------------------------------------------------------------------------------------------------------*/ #b-stiri #container #continut p.sursa {margin: 15px 0px 0px 0px; padding: 2px 0px; text-align: left} #b-stiri #container #continut p.sursa cite {padding: 2px 7px; background: #142540; color: #465E83; font-style: normal} #b-stiri #container #continut ol.listare-in-continut {list-style: decimal; margin: 15px 0px 15px 25px; padding: 0px 0px 0px 25px} #b-stiri #container #continut ol.listare-in-continut li {list-style: decimal} #b-stiri #container #continut ul.listare-normala, #b-stiri #container #continut ol.listare-normala {list-style: disc; margin: 2px 0px 2px 15px; padding: 0px 0px 0px 15px} #b-stiri #container #continut ul.listare-normala li, #b-stiri #container #continut ol.listare-normala li {list-style: disc; min-height: 17px} #b-stiri #container #continut ol.listare-normala li {list-style: decimal} * html #b-stiri #container #continut ul.listare-normala li {height: 17px} #b-stiri #container #continut ul.listare-normala li ul, #b-stiri #container #continut ul.listare-normala li ol, #b-stiri #container #continut ol.listare-normala li ol {margin: 10px 0px 10px 25px} #b-stiri #container #continut ul.listare-normala li ol li {list-style: decimal} #b-stiri #container #continut pre {white-space: pre} #b-stiri #container #continut p.video {margin: 25px auto 25px auto; width: 480px; height: auto; padding: 10px; text-align: center; background: #071E30; font-style: italic; font-size: 11px; color: #364857} #b-stiri #container #continut p.video a {display: block; margin: 3px auto 0px auto} #b-stiri #container #continut p.video a:hover {border: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* AUDIO /*--------------------------------------------------------------------------------------------------------------------------*/ #b-audio #container #continut h3 {margin-bottom: 35px} #b-audio #container #continut h3 strong, #b-audio-melodie #container #continut h3 strong {background: #2C5A9C} #b-audio #container #continut ul#informatii {float: right; clear: none; margin-top: -3px; width: 510px;} #b-audio-melodie #container #continut ul#informatii ul {margin-left: 115px} #b-audio #container #continut img {margin-bottom: 20px;} #container #continut p.nr-disc, #b-audio-melodie #container #listare p.nr-disc {float: left; clear: both; padding: 0px 5px; font-size: 10px; background: #142540; color: #465E83} #container #continut ol.playlist {clear: both;} #container #continut ol.playlist li {margin: 1px 0px; padding: 5px 0px;} #container #continut ol.playlist li.alternant-1 {background: none} #container #continut ol.playlist li.alternant-2 {background: #061B2C;} #container #continut ol.playlist li span.pozitie {padding: 3px 4px 3px 4px; font-size: 10px; color: #364857; background: #071E30; } #container #continut ol.playlist li.curent span.pozitie, #container #continut ol.playlist li:hover span.pozitie {background: #0B4D75; color: #799DB3} #container #continut ol.playlist li strong {display: block; height: 17px; margin: -17px 0px 0px 35px; overflow: hidden;} #container #continut ol.playlist li a {display: block; height: 17px; margin: -17px 0px 0px 35px; overflow: hidden} #container #continut ol.playlist li a:hover {border: none} #container #continut ol.playlist li a strong {display: inline; margin: auto; height: auto; overflow: auto;} #container #continut ol.playlist li a span.featuring {margin: 0px 0px 0px 15px; color: #ACB3B9; font-style: italic} #container #continut ol.playlist li small {display: block; margin: -17px 0px 0px auto; width: 35px; font-size: 10px; color: #565C64; text-align: right} #b-audio #container #continut ol.playlist {padding: 20px 0px 20px 0px} #b-audio-melodie #container #listare div {margin: 0px 0px 25px 0px; padding: 0px 0px 0px 10px} #b-audio-melodie #container #listare div a img {float: right; clear: none; margin: 0px 0px 0px 15px; width: 45px; height: 45px} #b-audio-melodie #container #listare div h3#titlu-album {margin: 0px; height: 30px; padding: 0px; overflow: hidden; font-size: 12px; color: #fff; text-transform: capitalize} #b-audio-melodie #container #listare div p {font-size: 10px;} #b-audio-melodie #container #listare ol {clear: both} #b-audio-melodie #container #continut ul.listare-in-continut li {height: 20px; padding: 5px;} #b-audio-melodie #container #continut ul.listare-in-continut li a img {float: left; clear: none; margin: 0px 25px 0px 0px; width: 15px; height: 15px} #b-audio-melodie #container #continut ul.listare-in-continut li h5 {float: left; clear: none; } #b-audio-melodie #container #continut ul.listare-in-continut li small {float: left; clear: none; margin: 0px 0px 0px 25px} #b-audio-melodie #container #continut ul.listare-in-continut li em {float: right; clear: none} #b-audio-melodie #container #continut p#versuri {white-space: pre} #b-audio-compozitor #container #continut img {float: left; clear: none; margin: 0px 35px 25px 0px} #b-audio-compozitor #container #continut ul.listare-in-continut {clear: both} #b-audio-compozitor #container #continut ul.listare-in-continut li {margin: 1px 0px; height: 22px; padding: 2px 7px; border: none} #b-audio-compozitor #container #continut ul.listare-in-continut li.alternant-1 {background: none} #b-audio-compozitor #container #continut ul.listare-in-continut li.alternant-2 {background: #061B2C;} #b-audio-compozitor #container #continut ul.listare-in-continut li.alternant-1:hover, #b-audio-compozitor #container #continut ul.listare-in-continut li.alternant-2:hover {background: #0B4D75; color: #fff} #b-audio-compozitor #container #continut ul.listare-in-continut li a {float: left; clear: none} #b-audio-compozitor #container #continut ul.listare-in-continut li a:hover {border: none} #b-audio-compozitor #container #continut ul.listare-in-continut li big {float: left; clear: none; margin: 0px 0px 0px 25px; font-size: 11px} #b-audio-compozitor #container #continut ul.listare-in-continut li small {float: right; clear: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* VIDEO /*--------------------------------------------------------------------------------------------------------------------------*/ #b-video #container #continut h3, #b-video-lansari #container #continut h3 {margin-bottom: 35px} #b-video #container #continut h3 strong {background: #2C5A9C} #b-video #container #continut div {float: left; clear: none} #b-video #container #continut ul#informatii {float: right; clear: none; width: 270px} #b-video #container #continut ul#informatii li {background-position: right bottom; height: auto} #b-video #container #continut ul#informatii li ul {margin-left: 75px} #b-video #container #continut ul#imagini {clear: both; margin: 0px 0px 0px -15px;} #b-video #container #continut ul#imagini li {margin: 15px; width: 85px; height: 57px} #b-video #container #continut ul#imagini li a img {clip: rect(0px 85px 57px auto);} #b-video-lansari #container #continut div#detalii {float: right; clear: none; width: 415px} #b-video-lansari #container #continut div#detalii ul#informatii li ul {margin-left: 90px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* LIVE /*--------------------------------------------------------------------------------------------------------------------------*/ #b-live #container #continut h3, #b-live-concerte #container #continut h3, #b-live-aparitii #container #continut h3 {margin-bottom: 35px} #b-live #container #continut h3 strong {background: #2C5A9C} #b-live #container #continut img, #b-live-concerte #container #continut img, #b-live-aparitii #container #continut img {float: left; clear: none; width: 110px; height: 110px; margin-bottom: 30px} #b-live #container #continut ul#informatii, #b-live-concerte #container #continut ul#informatii, #b-live-aparitii #container #continut div#detalii {float: right; clear: none; margin: 0px; width: 475px; height: auto;} #b-live #container #continut div#descriere, #b-live-concerte #container #continut p#descriere, #b-live-aparitii #container #continut div#descriere {clear: both; width: 100%} #b-live #container #continut ul.listare-in-continut li {margin: 0px; height: 22px; padding: 2px 7px 2px 0px; border: none} #b-live #container #continut ul.listare-in-continut li.alternant-1 {background: none} #b-live #container #continut ul.listare-in-continut li.alternant-2 {background: #061B2C;} #b-live #container #continut ul.listare-in-continut li.alternant-1:hover, #b-live #container #continut ul.listare-in-continut li.alternant-2:hover {background: #0B4D75; color: #fff} #b-live #container #continut ul.listare-in-continut li.alternant-1:hover p, #b-live #container #continut ul.listare-in-continut li.alternant-2:hover p, #b-live #container #continut ul.listare-in-continut li.alternant-1:hover p strong, #b-live #container #continut ul.listare-in-continut li.alternant-2:hover p strong {color: #fff} #b-live #container #continut ul.listare-in-continut li.alternant-1:hover p.data, #b-live #container #continut ul.listare-in-continut li.alternant-2:hover p.data {background: #0B4D75} #b-live #container #continut ul.listare-in-continut li p {float: left; clear: none; padding: 0px; font-size: 12px} #b-live #container #continut ul.listare-in-continut li p.data {margin: 0px 25px 0px 0px;height: 19px; padding: 1px 7px; overflow: hidden; font-size: 10px; color: #364857; background: #071E30;} #b-live #container #continut ul.listare-in-continut li p.oras-tara {margin: 0px 25px 0px 0px; width: 200px} #b-live #container #continut ul.listare-in-continut li p.oras-tara strong {margin: 0px 10px 0px 0px; color: #3B434E} #b-live #container #continut ul.listare-in-continut li p.stadion {} #b-live #container #continut ul.listare-in-continut li p.spectatori {float: right; font-size: 10px; color: #3B434E} #b-live-concerte #container #continut ul#imagini {margin: 0px 0px 0px -15px;} #b-live-concerte #container #continut ul#imagini li {margin: 15px; width: 110px; height: 70px} #b-live-concerte #container #continut ul#imagini li a img {clip: rect(0px 110px 70px auto); margin: 0px} #b-live-concerte #container #continut ol.playlist li strong span.artisti {margin: 0px 0px 0px 25px; color: #3B434E} #container #continut p.buton-sus {text-align: right} #container #continut p.buton-sus a {padding: 4px 9px; font-size: 11px; background: url(../img/bg-buton-sus.gif) no-repeat left top; color: #5B759C} #container #continut p.buton-sus a:hover {border: none; background-image: url(../img/bg-buton-sus-on.gif); color: #fff} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HISTORY /*--------------------------------------------------------------------------------------------------------------------------*/ #b-history #container #continut h3, #b-history-bibliografie #container #continut h3, #b-history-premii #container #continut h3 {margin-bottom: 35px} #b-history #container #continut h3 strong, #b-history-bibliografie #container #continut h3 strong, #b-history-premii #container #continut h3 strong, #b-history-interviuri #container #continut h3 strong, #b-history-declaratii-diverse #container #continut h3 strong {background: #2C5A9C} #b-history-bibliografie #container #continut div#detalii {float: right; clear: none; width: 385px} #b-history-bibliografie #container #continut div#detalii ul#informatii li ul {margin-left: 95px} #b-history-premii #container #continut ul.listare-in-continut li {margin: 1px 0px; height: 22px; padding: 2px 7px 2px 0px; border: none} #b-history-premii #container #continut ul.listare-in-continut li.alternant-1 {background: none} #b-history-premii #container #continut ul.listare-in-continut li.alternant-2 {background: #061B2C;} #b-history-premii #container #continut ul.listare-in-continut li.alternant-1:hover, #b-history-premii #container #continut ul.listare-in-continut li.alternant-2:hover, #b-history-premii #container #continut ul.listare-in-continut li.alternant-1:hover p.an, #b-history-premii #container #continut ul.listare-in-continut li.alternant-2:hover p.an {background: #0B4D75; color: #fff} #b-history-premii #container #continut ul.listare-in-continut li p.an {float: left; clear: none; margin: 0px 25px 0px 0px; height: 19px; overflow: hidden; padding: 1px 7px; font-size: 10px; color: #364857; background: #071E30;} #b-history-premii #container #continut ul.listare-in-continut li h5 {float: left; clear: none; font-weight: normal} #b-history-premii #container #continut ul.listare-in-continut li p.pentru {float: right; clear: none; font-size: 12px} #b-history-interviuri #container #continut div.descriere, #b-history-interviuri #container #continut div.introducere {margin: 0px 0px 20px 0px; padding: 0px 0px 25px 0px; border-bottom: 1px dashed #092538} #b-history-interviuri #container #continut div.descriere p, #b-history-interviuri #container #continut div.introducere p, #b-history-interviuri #container #continut div.introducere ol li, #b-history-interviuri #container #continut div.introducere ul li, #b-history-interviuri #container #continut div.descriere ol li, #b-history-interviuri #container #continut div.descriere ul li {color: #3B434E; font-size: 11px;} #b-history-interviuri #container #continut div.introducere p {color: #6E747D} #b-history-interviuri #container #continut div.descriere ol, #b-history-interviuri #container #continut div.introducere ol {list-style: decimal} #b-history-interviuri #container #continut div.descriere ol li, #b-history-interviuri #container #continut div.introducere ol li {border: none; list-style: decimal; margin: 0px 0px 0px 25px;} #b-history-interviuri #container #continut dl dt {display: block; padding: 20px 0px 15px 0px; color: #3B434E; font-style: italic} #b-history-interviuri #container #continut dl dd {display: block; margin: 0px 0px 5px 0px} #b-history-interviuri #container #continut dl dt cite, #b-history-interviuri #container #continut dl dd cite {margin: 0px 15px 0px 0px; padding: 2px 7px 2px 7px; font-size: 11px} #b-history-interviuri #container #continut dl dt cite strong, #b-history-interviuri #container #continut dl dd cite strong {font-weight: normal} #b-history-interviuri #container #continut dl dt cite {color: #364857; background: #071E30;} #b-history-interviuri #container #continut dl dd cite {background: #0B4D75; color: #799DB3;} #b-history-interviuri #container #continut dl dt q, #b-history-interviuri #container #continut dl dd blockquote {display: block; margin: 10px 0px 0px 0px} #b-history-declaratii-diverse #container #continut div.descriere {margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed #092538} #b-history-declaratii-diverse #container #continut div.descriere p {color: #3B434E; font-size: 11px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* S78 /*--------------------------------------------------------------------------------------------------------------------------*/ ul#studio78 {position: fixed; top: 15px; right: 5px; width: 80px; height: auto; padding: 0px; text-align: center; z-index: 100;} * html ul#studio78 {position: absolute;} ul#studio78 li {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: #06101A 1px 1px 1px; line-height: 12px;} ul#studio78 li.web-design {height: 60px;} ul#studio78 li.web-design a {display: block; height: 12px; padding: 50px 0px 0px 0px; background: url(../img/studio78.png) no-repeat center top;} * html ul#studio78 li.web-design a {behavior: url(continut/afisare/resurse/js/iepngfix.htc); cursor: pointer} ul#studio78 li a, ul#studio78 li a strong {color: #fff} ul#studio78 li a:hover {border: none;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* Facebook /*--------------------------------------------------------------------------------------------------------------------------*/ div#facebook {position:absolute; left: 50%; margin-left: 240px; top: 10px; padding: 0px; z-index: 100;} div#facebook-icon {position:absolute; left: 50%; margin-left: 143px; top: 7px; z-index: 100;} div#facebook-icon a {display:block; width:88px; height:27px; overflow:hidden; background: url(../img/facebook.png) no-repeat center center; text-indent:88px} div#facebook-icon a:hover {border:none;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONCURS /*--------------------------------------------------------------------------------------------------------------------------*/ p#concurs {width: 100%; height: 36px; padding: 5px 0px; overflow: hidden; text-align: center; background: #BC0CA6; border-bottom: 1px solid #fff; color: #fff} p#concurs strong {color: #fff} p#concurs:hover {opacity: 0.9; filter: alpha(opacity=90)} p#concurs a {display: block; margin: 0px auto; width: 221px; height: 32px; overflow: hidden; background: url(../img/text-concurs.png) center center no-repeat; text-indent: -1000px} p#concurs a:hover {border: none} #f-concurs {margin: 10px 0px 0px 10px} #f-concurs fieldset {width: 180px; height: 24px; padding: 4px 0px; text-align: right; background: url(../img/bg-input-stg.png) no-repeat right top; opacity: 0.4; filter: alpha(opacity=40)} #f-concurs fieldset#buton {background: none; opacity: 1; filter: alpha(opacity=100)} #f-concurs fieldset input {width: 170px; height: 20px; line-height: 20px; padding: 2px 5px; color: #6CA2E3; text-align: right} #f-concurs fieldset input#f-i-submit {width: 60px; height: 22px; padding: 0px; color: #fff; background: #C70CAF; text-align: center} .cc_message {color:#fff !important; font-size: 14px !important;}