body { text-align:center; background: url(../images/back_small.jpg) repeat-x 0px 0px; width:950px; margin:auto; } body.topbody { background:url(../images/back.jpg) repeat-x;} img {border:none;} * { padding:0px; margin:0px; font-family:Arial; font-size:12px; color:#000; } ul, li { list-style: none; } #TopBanner { width:950px; float:left; clear:left;} #BottomBanner { width:950px; float:left; clear:left; margin-bottom:10px; } #MiddleBanner { width:480px; float:left; clear:left; margin-bottom:10px; } #principal { width:950px; clear:auto; margin:0px auto 0px; padding:0px 0px 20px; text-align:left; float:left; position:relative; z-index:0; } .members-area { float:right; clear:right; width:200px; margin:30px 0px 0px; } .members-area img { float: left; width:54px; border: 3px solid #666; } .members-area .name { float:left; width:100px; overflow: hidden; line-height: 20px; height: 40px; margin:10px; } .members-area .arrow { float:right; clear:right; width: 16px; height: 10px; background: url(../images/arrow_bottom.png) no-repeat; text-decoration: none; margin:25px 0px 0px;} .top_head_desc { color:#BE0000; font-size: 12px; line-height: 20px; padding-bottom: 5px; margin-top:10px; font-weight: bold; width:100%; } .facebooklogin, .facebookislogin { height:54px; width:100%; margin-top:10px; border-top: 2px solid #CCC; padding-top: 10px; } .facebooklogin div { padding-top: 10px; width:100%; } .facebookislogin img { float:left; width:50px; border:2px solid #222; } .facebookislogin span { float:right; width:190px; text-align: left; line-height: 20px; padding: 5px 0px; } .top_popup { position:absolute; top:20px; right:0px; width:110px; background:#FFF; z-index:10000; border:solid 1px #CCC; padding:10px; font-size:10px; text-align:justify; } .CloseBut { height:14px; text-align:right; line-height:14px; margin:3px 0px 5px 0px; font-size:10px; border-bottom:1px solid #CCC; padding-bottom:2px; } .CloseBut a { text-decoration:none; font-size:10px; font-weight:bold; } #Formular-Login .left, #Formular-Login .right { float:left; font-size:10px; width:40px; margin-bottom:2px; height:14px; padding:2px; line-height:14px; } #Formular-Login .right { float:right; width:120px; border:1px solid #CCC; } #Formular-Login .submit { border:none; background:#bb0000; float:left; padding:1px 5px 1px 5px; color:#FFF; font-size:10px; margin-left:73px; } #MeniuLogat { list-style:none; margin-top:5px; font-size:11px; } #main_header { width:950px; height:120px; float:left; } #main_header .logo { height:80px; margin-top:20px; float:left; clear:left;} #main_header .TopBanner { width:600px; height:100px; float:right; clear:right; margin-top:5px;} #butoane { width:950px; background:#3D3D3D; float:left; clear:left; -moz-border-radius: 5px; border-radius: 5px; height:40px; margin-bottom: 20px; } #butoane #little_header { position:relative; float:left; margin-left:90px; width:198px; } #butoane #little_header a { font-size:11px; color:#F0F0F0; } #butoane li { float:left; margin:0px; list-style:none; height: 40px; } #butoane #little_header li { float:right; } #butoane a { color:#FFF; text-decoration:none; float:left; padding:0px 0px 0px 30px; height:40px; line-height:40px; font-size:16px; font-weight:bold; } #butoane a:hover { } #butoane #butoane_despre { position:absolute; top:189px; left:155px; background:#000; list-style:none; z-index:999; padding:5px 15px 10px 15px; display:none; } #butoane #butoane_despre li { border-bottom:solid 1px #FFF; padding:0px; clear:left; width:190px; } #butoane #butoane_despre a { color:#FFFFFF; text-decoration:none; padding:0px; float:left; margin:0px; } #butoane #searchbar { float:right; clear:right; width:196px; height:18px; position:relative; margin:6px 5px 0px; padding:4px; background:#666; border:1px solid #5A5A5A; -moz-border-radius: 5px; border-radius: 5px; } #butoane #searchbar .input { float:left; clear:left; width:178px; height:16px; line-height:16px; padding:0px; font-size:11px; border:1px solid #666; background:#666; color:#CCC; font-size:13px; } #butoane #searchbar .searchsubmit { color:#FFF; text-decoration:none; float:right; padding:0px; height:16px; line-height:16px; background:url('../images/search-icon.png'); border:none; width:16px; text-align:center; font-size:12px; } #footer { width:950px; float:left; padding-bottom: 20px; } #footer .inner { float:left; clear:left; width:950px; padding:20px 0px 10px; border-bottom: 4px solid #CCC; margin-bottom: 10px; } #footer .inner li { float:left; margin:0px 10px 10px 0px; border:2px solid #CCC; } #footer .inner li a { float:left; padding: 0px;} #footer #footer_stg { width:300px; height:60px; line-height:25px; float:left; text-align:left; color:#333; } #footer #footer_drpt { width:300px; height:60px; float:right; text-align:right; color:#333; } #footer #footer_drpt a {color:#222; text-decoration:none;} #footer #footer_drpt a:hover { color: red;} #Main { width:950px; float:left; z-index:0; } #linie_jos { width:120px; position:relative; float:left; clear:left; height:5px; border-top:1px solid #CCC;} #Main #ColoanaMijloc { width:680px; float:left; text-align:justify; padding:0px; margin:0px; z-index:0; } #Main #ColoanaMijloc a { color:#be0000; text-decoration:none; font-weight:bold; } #Main #ColoanaMijloc a:hover { text-decoration:underline; } #Main #ColoanaMijloc .Tags { width:100%; padding:20px 0 10px 0; float:left; clear:left; font-size:13px; } #Main #ColoanaMijloc .Tags b, #Main #ColoanaMijloc .Tags a { font-size:13px;} #Main #ColoanaMijloc h3 { font-size:12px; color:#000; font-weight:bold; line-height: 20px; float:left; width:100%; height:20px; overflow: hidden; margin:0px; } /* Editorial */ #main-scroller { width:620px; overflow: hidden; float: left; position: relative; height: 300px; } #main-scroller ul { top:0px; left:0px; width:2540px; position: absolute; } #Main #ColoanaMijloc .editorial { float:left; width:620px; padding:0px; margin-bottom:10px; position:relative; background: #FFEFEF; } #Main #ColoanaMijloc .editorial .edtop { position: absolute; width:600px; padding: 5px 10px; float: left; height: 40px; background: #000; opacity:0.8; margin-bottom: 5px; z-index:1000; bottom:0px; } #Main #ColoanaMijloc .editorial .edtop h1 { color:#FFF; float: left; width:100%; } #Main #ColoanaMijloc .editorial .edtop h3 { color:#FFF; float: left; width:100%; } #Main #ColoanaMijloc .editorial .edtop .comentarii { color:yellow; } #Main #ColoanaMijloc .editorial .edtop h1 { line-height: 20px; height: 20px; overflow: hidden; margin:0px 0px 4px 0px; } #Main #ColoanaMijloc .editorial .edtop h3 { line-height: 16px; height: 16px; overflow: hidden; margin:0px; } #Main #ColoanaMijloc .editorial .edtop h1 a , #Main #ColoanaMijloc .editorial .edtop h3 a { color: #FFF; } #Main #ColoanaMijloc .editorial .dreapta { float:right; width:320px; margin: 10px; } #Main #ColoanaMijloc .editorial .dreapta .EditorialText { float:left; width:100%; height: 160px; overflow: hidden; line-height: 16px;} #Main #ColoanaMijloc .editorial .dreapta .readmore { float:left; width:100%; line-height: 20px; margin-top:5px; } #Main #ColoanaMijloc .editorial .dreapta .like { float:left; width: 100%; overflow: hidden; height: 25px; margin-top:5px; } #Main #ColoanaMijloc .editorial .EditorialFoto { width:266px; float:left; margin:10px 0px 10px 10px; border:2px solid #000; height: 270px; overflow: hidden; position: relative; } #Main #ColoanaMijloc .editorial .MediaEditorialVideo, .editorialTextMedia { float:left; margin:20px 0 0 0; } #Main #ColoanaMijloc .editorial .FotoDesc { width:250px; float:left; padding:10px; background:#000; text-align:center; color:#FFF; } #Main #ColoanaMijloc .editorial .Tags { width:100%; padding:5px 0 0px 0; } /* Sfarsit Editorial */ #Main #ColoanaMijloc .SmallPicArticol { width:106px; border:2px solid #716f6f; } #Main #ColoanaMijloc table { margin:15px 0 0 15px; } #Main #ColoanaMijloc .articol { float:left; width:620px; border-bottom:1px solid #a5a4a6; clear:left; margin-bottom:10px; position:relative; } #Main #ColoanaMijloc .articol h1, #Main #ColoanaMijloc .articol h1 a, #Main #ColoanaMijloc .editorial h1, #Main #ColoanaMijloc .editorial h1 a { font-size:18px; color:#be0000; font-weight:bold; text-align:left; } #Main #ColoanaMijloc .articol h1 a:hover, #Main #ColoanaMijloc .editorial h1 a:hover { text-decoration:none; } #Main #ColoanaMijloc .articol .TextArticol { width:600px; float:left; margin:20px 0 0 0; } #Main #ColoanaMijloc .articol .TextArticolSt { width:470px; float:left; margin:20px 0 0 0; } #Main #ColoanaMijloc .articol .TextArticolDr { width:470px; float:right; margin:20px 0 0 0; } #Main #ColoanaMijloc .articol .PozaArticolSt { width:110px; float:left; margin:20px 20px 0 0; } #Main #ColoanaMijloc .articol .PozaArticolDr { width:110px; float:right; margin:20px 0 0 20px; } #Main #ColoanaMijloc .articol .CatText { width:480px; margin:10px 0 10px 0; } #Main #ColoanaMijloc.mainpage .articol.Anunt { width:310px; margin: 0px 20px 20px 0px; } #Main #ColoanaMijloc.mainpage .articol.Anunt .anunt_content { width:310px; float:left; clear:left; } .anunt_content .controls { position: absolute; width:42px; height: 16px; top:80px; right: 0px; } .anunt_content .controls li { float:left; width:16px; margin-left: 5px; } #Main #ColoanaMijloc .articol.Anunt .CatText { width:100%; margin:5px 10px 5px 0; float:left; clear:left; line-height: 20px; font-size: 12px; height: 40px; overflow: hidden; text-align: left; } #Main #ColoanaMijloc .articol.Anunt .photo { width:72px; height:72px; padding:2px; border:2px solid #333; float:right; clear:right; margin:0px;} #Main #ColoanaMijloc.mainpage .articol.Anunt h1, #Main #ColoanaMijloc.mainpage .articol.Anunt h3 { width:100%; float:left; clear:left; overflow:hidden; height:auto; max-height: 48px; } #Main #ColoanaMijloc #Avantaje { margin:10px 0 10px 0; list-style:none; width:100%; } #Main #ColoanaMijloc #Avantaje li { line-height: 18px; padding-bottom: 5px;} #Main #ColoanaMijloc p { width:620px; text-align:justify; line-height: 17px; font-size: 13px; margin-top:10px; float:left; } #Main #ColoanaMijloc .articol.Anunt .apic { float:left; clear:left; width:80px; height: 100px; overflow: hidden; } #Main #ColoanaMijloc .articol.Anunt .apic span { width:80px; float: left; font-size: 12px; font-weight:bold; line-height:20px; margin:0px; padding:0px; text-align: center; background: #333; color:white; } #Main #ColoanaMijloc .articol.Anunt .atopri { float:right; width:220px; clear:right;} #Main #ColoanaMijloc .articol.Anunt .atopri span { float:left; width:100%; line-height: 20px; text-align: left; font-size: 14px; } .minititle { float:left; clear:left; width:480px; font-size:12px; font-weight:bold; margin:10px 0 0 0px; } .detaliianunt { float:left; clear:left; width:600px; background:#F0F0F0; margin:10px 0px; padding:10px; } .detaliianunt .row { float:left; clear:left; width:620px; line-height:25px; } .detaliianunt .row .left { float:left; clear:left; width:100px; font-weight:bold; } .detaliianunt .row .right { float:right; clear:right; width:360px; } .ForumTitle { float:left; clear:left; width:480px; margin:20px 0px 20px; font-size:16px; color:#BE0000; font-weight:bold; } #Main #ColoanaDreapta { width:270px; float:left; padding:10px 0px; position:relative; background: #EDEDED; height: auto; -moz-border-radius: 5px; border-radius: 5px; } #Main #ColoanaDreapta #BigFoto { border:3px solid #ebe9ec; width:244px; height:167px; margin:10px 10px 0 10px; } #Main #ColoanaDreapta #pozemici { margin:10px 0 0 0; position:absolute; top:100px; left:23px; display:none; } #Main #ColoanaDreapta #pozemici img { width:50px; height:35px; border:2px solid #ebe9ec; } #Main #ColoanaDreapta #infopoza { float:left; clear:left; width:230px; padding:10px; text-align:justify; margin:10px 0 10px 10px; font-weight:bold; } #Main #ColoanaDreapta #PanouMesaje { float:left; clear:left; width:250px; margin-left: 10px; list-style:none; border-bottom:1px solid #404041; } #Main #ColoanaDreapta #PanouMesaje li { float:left; width:61px; font-size:10px; } #Main #ColoanaDreapta #PanouMesaje a { text-decoration:none; float:left; padding:5px; width:50px; font-size:10px;} #Main #ColoanaDreapta #PanouMesaje a { background: #3F3737; color:#CCC; margin-right: 1px; text-align: center; } #Main #ColoanaDreapta #PanouMesaje li.active a { background: #555555; color: #FFF; } #Main #ColoanaDreapta #PanouMesaje li.last { width:67px; } #Main #ColoanaDreapta #PanouMesaje li.last a { margin-right: 0px; width:57px; } #Main #ColoanaDreapta h2 { width:230px; float:left; clear:left; color:#CCC; font-size:13px; margin: 10px 10px 0px 10px; padding:10px; background: #555555; font-weight: normal; } #Main #ColoanaDreapta .RightBox { float:left; clear:left; width:250px; margin-left: 10px; background: #FFF; } #Main #ColoanaDreapta .RightBox li { width:230px; padding:5px 10px; border-bottom: 1px dotted #CCC; } #Main #ColoanaDreapta .RightBox li a { width:100%; color: #333; text-decoration: none; } #Main #ColoanaDreapta .RightBox li * { color:#333; line-height: 18px; } #Main #ColoanaDreapta .RightBox li:hover { background: #FFEFEF; } #Main #ColoanaDreapta .RightBox li:hover * { color: #BE0000; } #Main #ColoanaDreapta .morelink { float:left; clear:left; width:100px; padding:5px; text-align: center; color:#BE0000; background: #FEFEFE; text-decoration: none; margin: 0px 110px 0px 10px; } #Main #ColoanaDreapta .poller { float:left; width:210px; margin:0; padding: 10px; moz-border-radius: 5px; border-radius: 5px; } #Main #ColoanaDreapta .poller h3 { font-size:15px; line-height: 20px; font-weight:bold; color:#666; float:right; clear:right; margin:0px 0px 10px; width: 210px; } #Main #ColoanaDreapta .poller .result_pollGraph { height:20px; float:right; clear:right; width:200px; line-height:20px; color:#FFF; margin-right: 10px; } #Main #ColoanaDreapta .poller .result_pollGraph div { color:#FFF; padding: 0px 4px; } #Main #ColoanaDreapta .poller p { font-weight:bold; float:left; width:210px; float:right; clear:right; line-height: 18px; padding:2px 0px;} #Main #ColoanaDreapta .poller p input { float:left; clear:left; margin: 3px 0px 0 0px; } #Main #ColoanaDreapta .poller p label { float:right; clear:right; width:195px; line-height: 22px; } #Main #ColoanaDreapta .poller .vote { float:left; height: 40px; line-height: 40px; text-align: center; text-decoration: none; font-size: 15px; font-weight: bold; width:210px; background: url(../images/vote_btn.png) no-repeat; color:#FFF; margin-top: 5px; } #Main #ColoanaDreapta .poller p.result_pollerOption { width:210px; padding: 2px 0px; } #Main #ColoanaDreapta .poller p.result_totalVotes { border-top:1px solid #F0F0F0; margin-top: 10px; width:200px; padding:5px 10px 2px 10px; } #Main #ColoanaDreapta #videofile, #Main #ColoanaDreapta #audiofile { float:left; clear:left; margin:0px 0 10px 0; position:relative; z-index:0;} #Main #ColoanaDreapta #videofile #player, #Main #ColoanaDreapta #audiofile #player2 { position:relative; z-index:0; } #little_header #NewsBar { margin:0px; float:left; width:610px; clear:left; } #little_header #NewsBar a { float:none; clear:none; position:relative;} .line { float:left; clear:left; margin-bottom:10px; } .TabelOferta, .TabelOferta .linie { float:left; clear:left; width:470px; } .TabelOferta { border-bottom:1px solid #CCC; margin-bottom:10px; } .TabelOferta .linie { line-height:20px; border-left:1px solid #CCC; } .cell_1, .cell_2, .cell_3, .cell_4, .cell_5, .cell_6 { float:left; padding:2px 0 2px 0; text-align:center; border:1px solid #CCC; border-left:none; border-bottom:none; } .cell_2 { width:65px; } .cell_1 { width:64px; } .cell_6 { width:234px; } .cell_3, .cell_4, .cell_5 { width:112px } #OuterBottomNews { float:left; position:relative; width:910px; padding:35px 20px 20px; height: 674px; background:url("../images/h600.png") repeat-x scroll 0 0 #000; moz-border-radius: 5px; border-radius: 5px; } #BottomNews { overflow: hidden; height: 674px; width:910px; position: relative; } .arrow { width:15px; height: 83px; background: url(../images/new_arrow.png) no-repeat -15px 0px; position: absolute; z-index: 1000; text-decoration: none; } .arrow.right { background-position: 0px 0px; } .arrow.left { left: -17px; } .arrow.right { right: -17px; } .arrow.disabled { display: none; } .navi { position: absolute; left:20px; top:55px;} #OuterBottomNews .navi { top:10px; left:20px; } /*.navi a { width: 8px;height: 8px;background: url(../images/navigator.png) 0px 0px no-repeat;display: block;font-size: 1px; } .navi a.active {background-position: 0 -8px;}*/ .navi a { width:16px; float: left;margin: 3px; text-align:center; height: 16px; line-height: 16px; -moz-border-radius: 2px; border-radius: 2px; background: #000; color:#CCC; font-size: 11px; text-decoration: none; } .navi a.active { background: #666; color: #FFF; font-weight: bold; } #sectopnew .navi a { background: #474747; } #sectopnew .navi a.active { background: #B70C0C; } #sectopnew .navi { background: #333; padding: 2px; left:auto; right: 10px; top: 50px; -moz-border-radius: 3px; border-radius: 3px; } #OuterBottomNews .arrow { top:340px; } #sectopnew { position: relative; } #sectopnew .arrow { top:80px; } #BottomNews ul { width:2000em; position:absolute; float:left; } #BottomNews ul li { width:910px; height: 649px; float:left; } #BottomNews .NewsColum { float:left; padding:5px; width:172px; margin-bottom: 20px; } #BottomNews .NewsColum .inner { float:left; width:172px; height: 256px; overflow: hidden; } #BottomNews .NewsColum:hover { background: #222; } #BottomNews .NewsColum a.image { float:left; background: #FFF; border: 2px solid #000; width:168px; height: 100px; overflow: hidden; } #BottomNews .NewsColum h1 { float:left; width:172px; color:#FFF; margin:9px 0px 8px; text-align: left; line-height: 17px; } #BottomNews .NewsColum img { float:left; width:168px; min-height: 100px; } #BottomNews .NewsColum p { text-align:left; color: #CCCCCC; line-height: 17px; float:left; clear:left; width:100%; } #BottomNews .NewsColum .source { float:left; width:172px; margin-top:10px; padding-top:5px; border-top:1px dotted #666; line-height:20px; color: #CCC; text-align: left; } #BottomNews .NewsColum .source * { color: #CCC; } #BottomNews .NewsColum .source a { text-decoration:none; color:#FFF; background: #BE0000; float:left; width:50px; height: 20px; line-height: 20px; text-align: center; margin-top: 5px; } #BottomNews .row { float:left; clear:left; width:100%; } #Main #ColoanaMijloc .Reclama { background:#F0F0F0; width:458px; padding:10px; margin-bottom:10px; border:1px dotted #A5A4A6; } #Main #ColoanaMijloc .Reclama .TextArticol, #Main #ColoanaMijloc .Reclama .Tags { width:458px; } #Main #ColoanaMijloc .Reclama .TextArticol { margin-top:10px;} #Main #ColoanaMijloc .Reclama h1 a { color:#dba115; } #Main #ColoanaMijloc .Reclama h3 { display:none; } #Main #ColoanaMijloc .Reclama .Tags { display:none; } #ColoanaMijloc .articol .ArticolText { clear:left; width:620px; margin-top:10px; position:relative; } #ColoanaMijloc .articol .ControllBar { clear:left; width:460px; margin-top:5px; padding: 2px 10px 2px 10px; position:relative; height:17px; line-height:17px; text-align:right; } #ColoanaMijloc .articol .ArticolText p { float:left; margin-bottom:10px;} #ColoanaMijloc .articol .ArticolText .leftFoto { clear:left; position:relative; float:left; width:270px; margin:0px 10px 10px 0; } #ColoanaMijloc .articol .ArticolText .FotoDesc { clear:left; width:250px; background:#CCC; padding:10px; text-align:center; color:#000; } #ColoanaMijloc .articol .ArticolText .rightFoto { clear:right; position:relative; float:right; width:270px; margin:10px 0px 10px 10px; } #ColoanaMijloc .articol .ArticolText .fullFoto { clear:right; position:relative; float:right; width:480px; margin:0px; } #Main #ColoanaMijloc .Foto { width:266px; } #Main #ColoanaMijloc .articol .ArticolText .fullFoto .Foto { width:476px; } #Main #ColoanaMijloc .articol .ArticolText .fullFoto .FotoDesc { width:460px; } #Main #ColoanaMijloc .articolmare #DivPoze { float:left; clear:left; width:600px; position:relative; margin:10px 0 0 0; background:#eeeded; padding:10px; } #Main #ColoanaMijloc .articolmare #DivPoze h3 { font-size:12px; color:#333333; font-weight:bold; margin-bottom:5px; } #Main #ColoanaMijloc .articolmare #DivPoze img { float:left; width:60px; height:50px; border:1px solid #CCCCCC; margin-right:5px; } #Main #ColoanaMijloc .articolanunt-button .Urls { float:left; clear:left; margin-top:10px; } #Main #ColoanaMijloc .articol .Tags { padding-top:5px; } .articol .ViewPDF { float:left; width:480px; margin:5px 0 10px 0; } .articol .ViewPDF img {float:left; } .articol .ViewPDF .TextLink { height:25px; line-height:25px; float:left; padding-left:5px; } .articol .p_publicitar { background:url(../images/p_publicitar.jpg) no-repeat 450px 0px; } #Main #ColoanaMijloc #Comentarii { float:left; clear:left; width:660px; margin-top:10px; } #Main #ColoanaMijloc #Comentarii h2 { float:left; clear:left; width:100%; font-size:16px; margin-bottom: 10px; } #Main #ColoanaMijloc #Comentarii h2 a { font-size:16px; } #Main #ColoanaMijloc #Comentarii .comentariu { border:1px solid #CCCCCC; position:relative; padding:10px; margin-top:10px; line-height: 20px; } .comentariu .Title { margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #000000; } .comentariu .ControlBox { margin:20px 10px 10px 0; font-size:11px; text-align:right; } .comentariu .Replica { } .comentariu .VoteazaComm { margin-top:3px; line-height:16px; height:16px; } .comentariu .Replica a { font-size:11px; } #Main #ColoanaMijloc #AdaugaComment .comentariu { float:left; padding:10px; margin-top:10px; background:#FFF; } #MoveText { margin-bottom:10px; background:#f3ecec; padding:5px; } #MoveText a { font-size:10px; color:#FFF; } /* .comentariu .text { font-weight:bold; height:25px; line-height:25px; font-size:11px; } .comentariu .box, .comentariu textarea { width:450px; padding:3px; font-size:11px; border:1px solid #CCC; } .comentariu textarea { height:150px; float:none; width:450px; clear:both; margin:auto; } .comentariu .button { height:25px; line-height:25px; margin-top:10px; background-color:#bb0000; color:#FFFFFF; border:none; padding:0 10px 0 10px; font-size:12px;} */ #Main #ColoanaMijloc a.anunt-button { height:40px; line-height:40px; margin-bottom:20px; background-color:#BE0000; color:#FFFFFF; font-size:20px; float:left; clear:left; width:300px; text-align:center; -moz-border-radius: 5px; border-radius: 5px; } #ErrorMsg { color:#FF0000; font-size:10px; font-weight:bold; margin-bottom:10px; padding:5px; border:1px solid #CCCCCC; } /* LightBox */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;} /* Main Scroller */ #mainscroller { position:relative;overflow:hidden; height: 330px;width:670px;float:left; } #main_navi { padding:0px; margin:0px; width:300px; height: 329px; overflow: hidden; position:absolute; right:0px; background:url(../images/scroller_left_li_back.png) repeat-y; } #main_navi li { float:right; position: relative; height:110px; list-style-type:none; width:300px; cursor:pointer; } #main_navi li .inner { float:left; margin-left: 20px; width: 240px; height: 70px; padding: 20px; background:#47547E; } #main_navi .fotomic { float:left; width:76px; height: 66px; border:2px solid #EDEDED; overflow: hidden; margin-right: 10px; } #main_navi img { float:left; width:96px; min-height: 70px; } #main_navi .title { float:left; width:140px; height: 75px; line-height: 18px; color:#B70C0C; font-weight: bold; font-size:13px; overflow: hidden; } #main_navi li:hover { } #main_navi li:first-child .inner { -moz-border-top-right-radius: 8px; border-top-right-radius: 8px; } #main_navi li:last-child .inner { -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } #main_navi li.active { background:url('../images/nav_scroller_back_active.png') no-repeat 0 0; } #main_navi li.active .title { color:#666; } #main_navi li .inner { background:url(../images/scroller_nav_back.jpg) repeat; } #main_navi strong { display:block; } #mainscroller .MediaEditorialVideo { float:left; clear:left; width:250px; margin-right:10px; } .smain { float:left; width:100%; margin-bottom: 20px; -moz-border-radius: 5px; border-radius: 5px;} #mainscroller #articole { position:absolute; height:20000em; } #mainscroller .article { height: 329px; margin-bottom:1px; background:#222 url(../images/h600.png) 0 0 repeat-x;; width:670px; overflow: hidden; position:relative;} #mainscroller .article a { float:left; width:100%; height: 100%; vertical-align: middle; overflow: hidden; -moz-border-radius: 5px; border-radius: 5px; } #mainscroller .article .Foto { position: absolute; min-height: 329px; width: 670px; } #mainscroller .article .top, #mainscroller .article .top h1, #mainscroller .article .top h3 { float:left; width:100%; } #mainscroller .article .top { position:absolute; bottom:20px; background:#000; background: rgba(0, 0, 0, 0.75); left:20px; width:610px; padding:10px; -moz-border-radius: 5px; border-radius: 5px; } #mainscroller .article .top h1, #mainscroller .article .top h1 a { line-height: 30px; color: #FFF; font-size: 24px; width:610px; float: left; font-weight: bold; text-decoration: none; overflow: hidden; } #mainscroller .article .top .author { color:#FFF; font-weight: normal; margin-top:4px; line-height: 16px; } #mainscroller .article .foto { float:left; width: 250px; height:220px; margin-right: 10px; position: relative; } #mainscroller .article .foto a { float:left; width: 246px; border:2px solid #000; height: 214px; overflow: hidden; } #mainscroller .article .foto a img { min-height: 214px; min-width: 246px;} #mainscroller .article .foto .desc { position: absolute; width: 236px; background: #000; opacity:0.8; margin:2px; bottom: 0px; padding: 5px; color:#FFF; font-weight: bold; } #mainscroller .article .dreapta { float: left; width: 350px; text-align: justify; color:#CCC; } #mainscroller .article .dreapta .text { color: #CCC; height: 160px; overflow: hidden; line-height: 16px; margin-bottom: 5px;} #mainscroller .article .readmore { color:white; font-size:11px; position:absolute; bottom:10px; right:10px; width:120px; height: 20px; margin-top:10px; line-height: 20px; background:url(../images/readmore.png) no-repeat; text-decoration: none; text-align: center; } #mainscroller .article .like { float: left; width:100%; color: #FFF; } #mainscroller .article .comentarii {float:right; width:155px; text-indent: 30px; background: url(../images/comment-icon.png) no-repeat; line-height: 20px; height: 20px; margin: 5px 0px; font-size: 14px; color:#CCC; text-decoration: none; } /* Sfarsit Main Scroller */ /* Main Page Articole */ #Main #ColoanaMijloc.mainpage .articol { width:320px; clear:none; padding:0px; border:none; margin: 0px 20px 40px 0px; } #Main #ColoanaMijloc.mainpage hr { width:100%; float:left; clear:both; color:#CCC; border: 0px; border-bottom: 1px solid #CCC; margin-bottom: 10px; } #Main #ColoanaMijloc.mainpage .articol h1, #Main #ColoanaMijloc.mainpage .articol .author, #Main #ColoanaMijloc.mainpage .articol .pic, #Main #ColoanaMijloc.mainpage .articol .text, #Main #ColoanaMijloc.mainpage .articol .readmore, #Main #ColoanaMijloc.mainpage .articol .tags, #Main #ColoanaMijloc.mainpage .articol .comentarii { width:100%; float:left; } #Main #ColoanaMijloc.mainpage .articol h1 a { font-size: 19px; line-height: 24px; } #Main #ColoanaMijloc.mainpage .articol h1 { margin:0px; height:48px; overflow: hidden; } #Main #ColoanaMijloc.mainpage .articol .author { border: none; margin:10px 0px; color: #666; font-weight: bold; } #Main #ColoanaMijloc.mainpage .articol .pic { float:left; width:316px; border:2px solid #222; overflow: hidden; height:216px; position: relative; } #Main #ColoanaMijloc.mainpage .articol .pic a { float:left; width:316px; height:216px; background: #000; } #Main #ColoanaMijloc.mainpage .articol .pic img { width:316px; min-height: 216px; } #Main #ColoanaMijloc.mainpage .articol .text { height:140px; overflow: hidden; line-height: 20px; margin-top:10px; } #Main #ColoanaMijloc.mainpage .articol .readmore { margin-top: 5px; width:135px; height: 20px; line-height: 20px; } .comentarii {float:right; width:135px; text-indent: 30px; background: url(../images/comment-icon.png) no-repeat; line-height: 20px; height: 20px; margin: 5px 0px; } .comentarii a { color: #333; font-weight: normal; width: 100%; } #main_navi li span.comentarii { width:25px; position: absolute; right:10px; bottom:10px; height:20px; text-indent: 0px; } #main_navi li span.comentarii a { float:left; color:#333; text-align: center; height:20px; line-height: 20px; width: 25px; text-indent: 0px; font-weight: bold; text-decoration: none; } #Main #ColoanaMijloc.mainpage .articol .comentarii { float:right; width:50%; } #Main #ColoanaMijloc.mainpage .articol .tags { margin-top:5px; padding-top: 5px; border-top: 1px solid #EDEDED; } #Main #ColoanaMijloc.mainpage .articol .pic .desc {position: absolute; width: 306px; background: #000; opacity:0.8; bottom: 0px; padding: 5px; color:#FFF; font-weight: bold; } #Main #ColoanaMijloc.mainpage .latestnews { float:left; clear:left; width:680px; margin-bottom: 30px; } #Main #ColoanaMijloc.mainpage .latestnews .articol { padding: 10px 0px; border-bottom: 1px solid #EDEDED; margin-bottom: 0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol h1 a { font-size: 15px; line-height: 20px; } #Main #ColoanaMijloc.mainpage .latestnews .articol h1 { float:right; width:230px; height:60px; overflow: hidden; } #Main #ColoanaMijloc.mainpage .latestnews .articol.bigleft { border: 0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.bigleft h1 { float:left; width:100%; height: auto; } #Main #ColoanaMijloc.mainpage .latestnews .articol.bigleft h1 a { font-size: 19px; line-height: 24px; } #Main #ColoanaMijloc.mainpage .latestnews .articol .author { border: none; margin:10px 0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol .text { height: 40px; color: #666; margin-top:0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.bigleft .text { color: #000; } #Main #ColoanaMijloc.mainpage .latestnews .articol.bigleft .text { height: 160px; margin-top:10px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small .icon { width:76px; height:56px; border:2px solid #666; position:relative; float:left; overflow: hidden; margin:0px 10px 0px 0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small .icon img { width:76px; max-height: 80px; min-height: 60px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small .comentarii { position:absolute; bottom: 5px; right:0px; width:22px; text-align: center; text-indent: 0px; margin:0px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small .comentarii a { font-weight: bold; float: left; width:22px; text-align: center; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments { font-size:12px; line-height: 16px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments b { font-size: 13px; line-height: 20px; height: 20px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments i { font-size:11px; color:#666; line-height: 20px; height: 20px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments { height:71px; overflow: hidden; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments .icon { width:96px; height: 72px; border:2px solid #666; } #Main #ColoanaMijloc.mainpage .latestnews .articol.small.comments .icon img { width:96px; max-height: 100px; min-height: 72px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.comments h1 { height: 36px; line-height: 18px; width:210px; } #Main #ColoanaMijloc.mainpage .latestnews .articol.comments span { height: 20px; line-height: 20px; overflow: hidden; width:210px; float:left; } /* Pagina Articol */ .articolmare, .articolmare h1, .articolmare .author, .articolmare .text, .articolmare .tags, .articolmare .socialnetworks, .articolmare .morepic, .alte_stiri, .anunturi { float: left; clear:both; width:660px; } #Main #ColoanaMijloc.mainpage .articolmare h1, #Main #ColoanaMijloc.mainpage .articolmare h1 a { font-size: 18px; line-height: 24px; margin-bottom: 5px; text-align: left; } #Main #ColoanaMijloc.mainpage .articolmare .author { border-bottom: 1px dotted #CCC; padding-bottom: 2px; margin-bottom: 5px; font-weight: bold; } .articolmare .socialnetworks { margin-bottom:5px; height: 23px; overflow: hidden; } .articolmare h1 { color:#BE0000; } .articolmare .socialnetworks .facebook { float: left; clear: left; width:300px; } .articolmare .socialnetworks .twitter { float:left; width:100px; margin-top:1px } .articolmare .pic { float:left; clear:left; width:246px; max-height: 246px; overflow: hidden; border:2px solid #222; position: relative; margin: 3px 10px 5px 0px; } .articolmare .pic.large { width:656px; height:auto; margin-right: 0px; } .articolmare .pic img { width:286px; } .articolmare .pic.large img { width:656px; } .articolmare .pic .desc { position: absolute; width: 236px; background: #000; opacity:0.7; bottom: 0px; padding: 5px; color:#FFF; font-weight: bold; } .articolmare .pic.large .desc { width:606px; } .articolmare .text { font-size: 13px; line-height: 20px;} .articolmare .tags { margin-top:5px; padding-top: 5px; border-top:1px dotted #CCC; } .articolmare .morepic { float: left; margin:0px 0px 10px; padding-top: 0px; border-top:1px dotted #CCC; } .articolmare .morepic a { float: left; margin-right: 5px; margin-top:10px; border: 2px solid #222; height: 92px; width: 145px; overflow: hidden; } .articolmare .morepic a img { width: 145px; min-height: 92px; } .articolmare .author span { float:left; width:60%; line-height: 16px; } .articolmare .ViewPDF { float:left; width:16px; line-height: 16px; height:16px; } .articolmare .ViewPDF a {font-weight: normal; line-height: 16px; float:left; } .articolmare .ControllBar li { float:right; width:16px; height:16px; margin:4px 5px 0px 0px; } .alte_stiri { margin: 0px 0px 10px; padding-left: 10px; width:610px; } .alte_stiri li { float: left; height: 20px; line-height: 20px; font-size: 13px; width:100%; } .bigtitle { float:left; clear:left; width:100%; font-size: 16px; line-height: 22px; margin-bottom:10px; font-weight: bold; margin-top: 20px; color:#BE0000; } /* Anunturi */ .anunturi { float:left; margin:0px 0px 20px; width:950px; padding:0px; background: #EDEDED; moz-border-radius: 5px; border-radius: 5px; } .anunturi #anunturi_scroller { float:left; width:910px; margin:20px; overflow: hidden; position:relative; height:70px; } .anunturi #anunturi_scroller ul { width:2000em; float:left; position: absolute; } .anunturi #anunturi_scroller ul li { width:910px; float:left; height: 70px; } .anunturi a { float:left; width:300px; height: 70px; overflow: hidden; text-decoration: none; } .anunturi a img { float:left; border:3px solid #CCC; width:84px; height: 64px;} .anunturi a:hover img { border-color:#CCC; } .anunturi a .innercontent { float:right; width:190px; line-height: 16px; margin:0px 10px; font-size: 12px; text-align: left; } .anunturi a .innercontent span { line-height: 16px; font-size: 13px; font-weight: bold;float:left; clear:left; width:100%; text-decoration: none; } .anunturi a .innercontent span.title { max-height: 48px; overflow: hidden; color:#B70C0C; margin-bottom:5px; } .anunturi a .innercontent span.price { color:#333; line-height: 17px; } .anunturi .bottom_bar { width:910px; padding:15px 20px; color: #FFF; float:left; border-bottom:3px solid #CCC; } .anunturi .bottom_bar .title { float:left; clear:left; width:40%; height: 27px; line-height: 27px; font-size: 19px; font-weight: bold; color:#666; text-align: left; } .anunturi .bottom_bar a { background:#BE0000; -moz-border-radius: 5px; border-radius: 5px; float:right; line-height: 27px; height: 27px; color: #FFF; margin:0px; width:150px; text-decoration: none; } /* END anunturi */ .comm_panel_admin { background:#222; color:#FFF; padding:5px 10px; margin-bottom:10px; } #Main #ColoanaMijloc .comm_panel_admin a { color:#FFF; } #sectopnew { float:left; width:100%; background: #404040; -moz-border-radius: 5px; border-radius: 5px; } #categorii { float:left; width:910px; padding: 20px; border-bottom: 3px solid #474747; } #categorii li { float:left; margin-right:20px; font-weight: bold; line-height: 24px; height: 24px; } #categorii li a { text-decoration: none; font-size: 17px; color:white; } #categorii li a:hover { color:#BE0000; } .sectopcolumns{ float:left; width:100%; height: 51px; margin:20px 0px 20px 0px; } .sectopcolumns ul { float:left; width:600px; } .sectopcolumns ul li { float:left; height:50px; margin: 1px 1px 0px; } .sectopcolumns ul li a { font-size: 15px; font-weight: bold; line-height: 50px; padding:0px 15px; text-decoration: none; color: #333; } .sectopcolumns ul li.active { background: #FFF; border:1px solid #DEDEDE; margin:0px; border-bottom: none; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; } .sectopcolumns ul li.active a { color:#666; } .sectopcolumns ul li:hover a { color:#B70C0C; } .sectopcolumns .topfacebook { width:165px; margin:11px 0px 0px 10px; float:right; background: url(../images/top_facebook_btn.png) no-repeat; } .sectopcolumns .toptwitter { width:145px; height: 30px; margin:11px 0px 0px; float:right; background: url(../images/top_twitter_btn.png) no-repeat; } .sectopcolumns .topfacebook, .sectopcolumns .toptwitter { text-align: center; text-decoration: none; height: 30px; float:right; font-size: 13px; font-weight: bold; color:white; line-height: 30px; padding-right:15px; } #topimpnews-wrapper { float:left; width:950px; overflow: hidden; height: 103px; position: relative; } #topimpnews { width:2000em; float:left; position: absolute; } #topimpnews li { float:left; width: 910px; height: 51px; margin:20px; clear:none; padding: 6px 0px; -moz-border-radius: 5px; border-radius: 5px; } #topimpnews li div { float:left; width:180px; padding-left:40px; margin-right:10px; height:51px; line-height: 21px; overflow: hidden; background: url(../images/top_news_clock.png) no-repeat 5px 5px; } #topimpnews li div a { line-height: 17px; font-size: 13px; color: #FFF; text-decoration: none; } #topimpnews li div:last-child { margin-right: 0px; } /* Top Ticker */ #ticker-wrapper { float:left; width:610px; overflow: hidden; position:relative; height:20px; } #ticker-wrapper ul { width:2000em; float:left; position: absolute; } #ticker-wrapper ul li { width:610px; float:left; } /* End Top Ticker */ /* FORM */ .comment_innerform { border:1px solid #CCC; padding:10px; background: #F0F0F0; } #Main #ColoanaMijloc .comment_innerform a.renunta { margin-bottom:5px; padding-bottom:10px; border-bottom: 1px dotted #CCC; width:100%; } .form { width:100%; padding-top:10px; } .form .title { line-height: 20px; font-weight: bold; width:100%; } .form .input_back { height:25px; width:100%; } .form .input_back input, .fake_pass { border:1px solid #CCC; height:17px; line-height: 17px; padding:4px 0px; color:#222; font-size: 13px; width:100%; } .form .select_back { background: url('../images/input_box_back.png') repeat-x; height:40px; padding:0px 8px 0px 4px; } .form .input_back select { border:0px; background: url('../images/input_box_back.png') repeat-x 0px -80px; border:1px solid #CCC; height:26px; width: 295px; line-height: 26px; padding:0px; font-size: 13px;} .form .input_back.focus input { border:1px solid #222; } .form .input_back.wrong input, .form .boxarea.input_back.wrong textarea, .form .input_back.wrong select { border:1px solid red; } .form .input_back.wrong select { border:1px solid red; } .form .input_back.wrong textarea { border:1px solid red; } .form .response { font-size: 12px; margin: 10px 0px; color:red; font-weight: bold; } .form .box { margin-bottom:10px; } .form .boxarea.input_back { float:left; margin-bottom:10px; height: 100px; } .form .boxarea.input_back textarea { width:100%; height:100px; border: 1px solid #CCC; } #Main #ColoanaMijloc .form .button, .form .button {background: none repeat scroll 0 0 #BE0000; color: #FFFFFF; height: 30px; line-height: 30px; margin-top: 5px; text-align: center; text-decoration: none; padding:5px 10px; font-weight: normal; margin-top: 10px; } .tooltip { background-color:#000; border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } #default_comment_form_location { padding-top: 20px; width:660px; clear:left; float:left; } .facebookreg { float:left; width:100%; border-bottom:2px solid #CCC; border-top:2px solid #CCC; padding:10px 0px; margin-top:10px; } .facebookreg .bigtitle { margin:0px;} #Main #ColoanaMijloc .facebookreg p { padding-bottom: 10px; } .tiny_link { clear:right; float: right; color: #BE0000; line-height: 18px; margin-top: 5px; } #categorie_pag { float:left; padding: 5px 0px; clear:left; width:660px; background: #CCC; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; -moz-border-radius: 5px; border-radius: 5px; } #categorie_pag li { width:30px; float:left; margin-left: 5px; } #Main #ColoanaMijloc #categorie_pag li a { background: #FFF; width:30px; color: #B70C0C; line-height: 30px; float:left; text-align: center; -moz-border-radius: 5px; border-radius: 5px; } #Main #ColoanaMijloc #categorie_pag li a:hover { background: #B70C0C; color: #FFF; text-decoration: none; } #Main #ColoanaMijloc #categorie_pag li.active a { background: #999; color: #FFF; } /* Poll */ .graph { width: 250px; position: relative; right: 30px; } .bar-title { position: relative; float: left; width: 104px; line-height: 20px; margin-right: 17px; font-weight: bold; text-align: right; } .bar-container { position: relative; float: left; width: 110px; height: 10px; margin: 0px 0px 15px; } .bar-container div { background-color:#cc4400; height: 20px; } .bar-container strong { position: absolute; right: -32px; top: 0px; overflow: hidden; } #poll-results p { text-align: center; } .sondaj { float:left; margin:0px 10px; background: #333; -moz-border-radius: 5px; border-radius: 5px; padding:10px; width:230px; } .sondaj .titlu { float:left; clear:left; width:100%; color: #FFF; font-size: 19px; font-weight: bold; margin-bottom: 10px;} .youtube { float:left; clear:left; width:660px; margin: 0px 20px 20px 0px; background: #2D2D2D; -moz-border-radius: 5px; border-radius: 5px; } .youtube .title { border-bottom: 3px solid #4D4D4D; padding: 5px 10px 5px 20px; width: 630px; height: 30px; } #Main #ColoanaMijloc .youtube .title a { background: url('../images/youtube-logo.png') right top no-repeat; color:#FFF; font-weight: bold; font-size: 19px; line-height: 30px; width:100%; float:left; } .youtube .leftvideo { float:left; width: 440px; margin:0px;} .youtube ul { float:right; clear: right; margin:0px; width: 220px; } .youtube ul li { float:left; width: 200px; padding: 15px 10px; background: url(../images/scroller_youtube_li_back.png) repeat-x; height: 78px; border-bottom: 1px solid #4A4A4A; cursor: pointer; } .youtube ul li:last-child { border: none; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;} .youtube ul li img { float:left; width: 100px; height: 78px; } .youtube ul li span { float:left; margin-left: 10px; text-align: left; width: 90px; color: #FFF; font-weight: bold; height: 78px; line-height: 19px; font-size: 12px; overflow: hidden; } .anunturiblock { float:left; clear:left; width: 670px; }