/*general use*/ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: normal; src: url('/lib/fonts/full/roboto_c3.eot'); src: url('/lib/fonts/full/roboto_c3.eot?#iefix') format('embedded-opentype'),url('/lib/fonts/full/roboto_c3.woff2') format('woff2'),url('/lib/fonts/full/roboto_c3.woff') format('woff'),url('/lib/fonts/full/roboto_c3.ttf') format('truetype'),url('/lib/fonts/full/roboto_c3.svg#RobotoCondensed') format('svg'); font-display: swap; /* first .eot for IE9 Compat Modes, second .eot for IE6-IE8, .woff for modern browsers, .ttf for Safari, Android, iOS, .svg for legacy iOS */ /*Android 2.2 does not support local*/ } BODY {font:100% Arial, Helvetica, sans-serif;background:#FFFFFF;margin:0} IMG { -ms-interpolation-mode: bicubic; } A {color:#004F9B;text-decoration:none} A:hover {color:#f30;text-decoration:underline} H1 {font:12px Arial,Helvetica,sans-serif;line-height:20px;color:#333;text-decoration:none;margin-top:18px;margin-bottom:18px} SUP, SUB {line-height:45%; font-size:80%} .mMiC {font-size:70%} .ClB6 {color:#06c} /*layout columns*/ .x1, .x1last {width:200px} .x1left {width:143px} .x2 {width:414px} .x2left {width:300px} .x3 {width:628px} .x4 {width:842px} .x6 {width:1156px} .xmr {margin-right:14px;float:left;overflow:hidden} .xlast {margin-right:0} .xclear {width:1px;height:1px;clear:both} .movedZone {display:none} .o3c, .t3c {margin:0 30px; display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline;} .o3c {width:324px} DIV#z26z27 .o3c {width:240px; margin:0 20px} .t3c {width:708px} .o3c IMG.w2c, .t3c IMG {min-width:0;max-width:100%;width:auto;height:auto;box-sizing: border-box;} /*fluid*/ .line {float:left;width:100%;display:block;position:relative} .item {position:relative;float:left;left:100%;margin-left: -100%} #mainOne {margin-left:auto;margin-right:auto} @media (min-width: 995px) {#mainOne {min-height:720px}} .art1body, #z4, #z5, #z6, #z7, #z37, #z38, #z39, #z40 {margin:0 auto} #z26z27 {width:100%} #One1234 {width:842px} #z54z174 {} #z57z90 {margin-left:-628px} #z62z73, #meteoSrcBox {margin-left:-414px} #z66z67, #z72z73 {margin-left:-200px} #z11z13, #z20z22 {margin-left:-143px} #One56 {width:300px;margin-left:-300px;padding-top:12px} /*resize pictures*/ .w4c {min-width:840px} #z4 .w4c, #z5 .w4c, #z6 .w4c, #z7 .w4c {min-width:1156px} .w3c {min-width:626px} .w2c {min-width:412px} .w26c {min-width:198px} .art1bodymain .homeimg2, .fullwidth .homeimg2, .fulllayout .homeimg2 {min-width:100%} .art1bodyright .w13c {min-width:298px} DIV#One56 .w2c {max-width:298px} DIV#One56 .w26c {max-width:141px} /*do not resize pictures in zone 25*/ DIV#z27 .w2c {min-width:372px} /* Media Query to target IE8 */ @media \0screen { .w4c, .w3c, .w2c, .w26c, .w13c, .fullwidth IMG, .fulllayout IMG, .art1bodymain IMG {width:auto;height:auto} .art1bodymain IMG {width: auto} .ezfloatimg {width: auto}/*for 320 px art */ } /*normally we hide some zones for small displays */ #d320new54 {display:none} #new162 {display:none} #d320new162 {display:none} #icaos54 {display:none} /*home/cat listing*/ .more {text-align:right;color:#666;font:9px Verdana, sans-serif} DIV.more A {color:#666} DIV.more A:hover {color:#C00} .cathead, .first_cathead, .cathead A, .first_cathead A {color:#FF6600;font:18px Arial, sans-serif;margin-bottom:10px;margin-top:16px; clear:both;text-transform: uppercase} .first_cathead, .first_cathead A {margin-top:3px} .LnkDezactiv {padding-right:2px;padding-left:2px;padding-bottom:2px;width:auto;padding-top:2px;height:1px;text-decoration:none} .PrevNext {padding-right:2px;padding-left:2px;padding-bottom:2px;color:#f60;padding-top:2px} TD.PrevNext A {padding-right:2px;padding-left:2px;padding-bottom:2px;width:auto;color:#f60;padding-top:2px;height:1px} TD.PrevNext A:hover {background:#f0f0f0;color:#c00} .sPa3 {font-size:3px;line-height:3px} .sPa6 {font-size:6px;line-height:6px} /*boxes*/ .toc6, .toc7 {border:1px solid #C8CED4;padding:10px;margin-bottom:20px;width:100%} #One56 .toc6, #One56Up .toc6 {border-color:#CC0000} .toc6 h2 {margin-top: 16px} .toc5, .toc7 {background:#F4F6FE;margin-bottom:20px;width:100%} TABLE.toc5 TD {padding:10px} .infoBx{margin-top:22px} .infoBxIc {width:80px;height:80px;background:url(/lib/info60t.png) no-repeat;float:left} .infoBxTxt {margin: 0 0 0 80px;border-left: 2px solid #EACA07;padding-left:20px} /*toc wrapper*/ .sum {font-family:Georgia, serif;color:#333} .intsp {width:8px} /*space before*/ .mbxxs, .mbxs, .mbs, .mbn, .mbl, .mbxl, .mbxxl {clear:both;overflow:hidden} .mbxxs {margin-top:0px} .mbxs {margin-top:3px} .mbs {margin-top:6px} .mbn {margin-top:16px} .mbl {margin-top:20px} .mbxl {margin-top:24px} .mbxxl {margin-top:36px} /*space after*/ .maxxs {margin-bottom:0px} .maxs {margin-bottom:3px} .mas {margin-bottom:6px} .man {margin-bottom:16px} .mal {margin-bottom:20px} .maxl {margin-bottom:24px} .maxxl {margin-bottom:36px} /*title*/ .txs {font-size:11px} .ts {font-size:15px} .tn {font-size:19px} .tl {font-size:25px} .txl {font-size:30px} .ti {margin-bottom:5px} DIV.ti, DIV.ti A {color:#004276} DIV.tcB, DIV.tcB A {color:#FF6600} DIV.tfB, DIV.tfB A {font-family:'Roboto Condensed',Verdana, Arial, sans-serif;font-weight:normal} DIV.ti A:hover {color:#003399} /*larger Roboto titles*/ .tfB.txs {font-size:14px} .tfB.ts {font-size:20px} .tfB.tn {font-size:26px;line-height:31px} .tfB.tl {font-size:32px} .tfB.txl {font-size:48px} /*subtitle*/ .stxs {font-size:11px} .sts {font-size:12px} .stn {font-size:16px} .stl {font-size:18px} .stxl {font-size:22px} .stcB {color:#4C4C4C} .stfB {font-family:Verdana, Arial, sans-serif} .stxs, .sts, .stn, .stl, .stxl {margin-top:10px; margin-bottom:10px} /*lead*/ .ldxs {font-size:11px; line-height:130%} .lds {font-size:12px; line-height:130%} .ldn {font-size:16px; line-height:125%} .ldl {font-size:17px} .ldxl {font-size:19px} .ldcB {color:#4C4C4C} .ldfB {font-family:Verdana, Arial, sans-serif} .ldxs, .lds, .ldn, .ldl, .ldxl {margin-top:4px} /*thumbnails*/ .homeimg2 {border:1px solid #D2C9CA} .lefthmb {margin-right:8px;float:left;border:1px solid #D2C9CA} .lfth2 {margin-right:8px;float:left} .righthmb {margin-left:8px;float:right;border:1px solid #D2C9CA} .rgth2 {margin-left:8px;float:right} .homeimg2, .homeimg, .lefthmb, .lfth2, .righthmb, .rgth2 {margin-bottom:5px} .w4c, .w3c, .w2c, .w26c, .w13c {max-width:100%;height:auto;width:auto\9}/*for IE8 bug*/ /*full-width images*/ .fullwidth {margin-top:-8px} @media (min-width: 500px) {.fullwidth {margin-top:-10px}} .fullwidth IMG {max-width:100%;min-width:100%;height:auto;border:0} /*bulletin design*/ .znTb {border:1px solid #D3D3D3;border-bottom-width:0px;background:#FFFFFF} .bulletindate {font:italic 15px Verdana, Arial, sans-serif} .headupdate {font:11px Verdana, Arial, sans-serif;color:#666666} .lastupdate {font:10px Verdana, Arial, sans-serif;color:#666666} .VL, .VL2 {background:#fff;width:1px}/*#CBCBCB,#E2E2E2*/ .VL3 {background:#CBCBCB;width:1px} TD {vertical-align:top} .photo {font:10px Verdana, Arial, Helvetica, sans-serif;text-align:right;color:#666} /* vertical menu */ .hm {font:9px Georgia, serif} DIV.hm A, DIV.hm A.cm {color:#333;font:9px Arial, sans-serif;display:block;padding-left:0;padding-bottom:2px;padding-top:2px;margin-top:0;background-color:#FFFDF2} DIV.hm A.cmc, DIV.hm A.cpmn {color:#666;padding-left:0px;margin-top:5px;background-color:#FFFDF2} DIV.hm A.mh {color:#fff;padding-left:2px;margin-top:10px;background-color:#8C0404} DIV.hm A.cm {text-transform:uppercase;margin-top:3px} DIV.hm A:hover {background-color:#F5F3E9;color:#282828} DIV.hm A.cpmn {display:inline;margin-right:10px;margin-top:0px;line-height:22px;white-space:nowrap;} /*lines*/ DIV.dotted, DIV.line1, DIV.line2, DIV.line21, DIV.line12 {font-size:1px;width:100%;background-repeat:repeat-x;height:1px} DIV.dotted {background-image:url(/lib/lines/hr.gif)} DIV.line1 {border-bottom:1px solid #E8E8E8} DIV.line2 {border-bottom:3px solid #CC0000} DIV.line21 {border-bottom:3px solid #0386C3} DIV.line12 {border-bottom:3px solid #FFD500} /*Most popular + r col*/ .mPc, .mPa, .LatesList {margin-top:5px;margin-bottom:0px;font:12px Georgia, serif} .LatesList {margin-left:20px; padding-left:0px} OL.mPc LI, OL.mPa LI, UL.mPc LI {margin-bottom:4px} UL.LatesList LI {margin-left:0px; padding-left:0px; margin-bottom:4px} .rBox {border:1px solid #ccc;padding:5px;background:#FBFDFF} .rBoxTab3 {height:20px;font-size:11px;margin-bottom:6px;padding-left:8px;background:url(/lib/s.gif) repeat-x 0 -360px} .rBoxTab8 {height:14px;font-size:11px;margin-bottom:6px;padding-left:8px;background-color:#8C0404;color:#fff} TABLE.rBoxTab8 TD A {color:#fff} /*horizontal menu below catname*/ UL.mPcInline {padding-left:0;list-style-type:none;background:#F0F0F0;padding-top:4px;font-size:12px;font-weight:bold} UL.mPcInline LI {display:inline-block; padding:0 8px;border-right:1px solid #B8B8B8} UL.mPcInline A {color:#333} /*footer*/ #FooterWrapperA {width:100%} .FootR {font:12px Verdana, sans-serif;padding-top:2px;padding-bottom:4px;color:#333} .FootR A {font:12px Verdana, sans-serif;color:#333} .FootR A:hover {color:#c00;text-decoration:underline} DIV.grfootart A {color:#FFFFFF} .grfootart {min-height:69px} /*UR here*/ #OneBCD {position:relative;padding-top:20px} #urherehello {display:none;} DIV.fapc #urherehello {margin-top:0} TD#One1234 #urherehello {margin-top:4px} .URHere, .hellogio {font:15px Verdana, Arial, sans-serif;color:#666;line-height:18px;vertical-align:bottom} TD.URHere A, TD.hellogio A {color:#393;font-size:15px;height:18px;vertical-align:bottom}/*display:inline-block;zoom: 1; *display: inline;*/ TD.URHere A:hover, TD.hellogio A:hover {color:#f60} .lastURHere {color:#CC0000} .URHere {padding-left:26px} #URHwrap {display:block;position:relative;width:1px;height:15px;vertical-align:top} #URHome {display:block;width:22px;height:18px;background-position:0 -40px;position:absolute;top:12px;left:-26px} /*cart*/ .cartbtn, input.cartbtn {overflow: visible;text-transform: capitalize;font:bold 18px Arial,Helvetica,sans-serif;text-align: center;display: inline-block; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip:padding-box; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px; border-radius: 12px 12px; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; background-color: #7AB55C; border: 4px solid #FFFFFF; color: #FFFFFF; padding: 14px 20px; margin:12px 0} /*#0896FF*/ .cartbtn:hover, input.cartbtn:hover {background-color:#86C765 !important;cursor:pointer;text-decoration:none} /*fx*/ .fxboxAll {font-size:14px; border:1px solid #CCCCCC; padding-bottom:4px; margin-top:5px; background-image:url(/lib/ttdesign/bg_v100gray.png); background-position:bottom; background-repeat:repeat-x} .o3c .fxboxAll {margin-top:0} .fxboxHead {height:17px; color:#fff;background:url(/lib/s.gif) repeat-x 0 -320px;padding-top:1px;margin-bottom:5px} DIV.fxboxHead A {color:#fff} .bnrtbl {text-align:center; font-size:14px;line-height:20px} TABLE.bnrtbl A {color:#333333; font-size:13px} .f9 {font-size:9px} .BNRtitle {color:#FFFFFF; font-size:15px;line-height:22px; background-color:#336699} /*news*/ .newsfeed {font:14px 'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif; background-color:#CCCCCC; color:#333333; margin-top:20px; margin-bottom:5px; padding-left:5px} .newstitle {font:17px 'Roboto Condensed', Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px} .newsbody {font:14px Arial, Verdana, Helvetica, sans-serif; margin-bottom:10px} /*right column src box*/ #srcTB {border:3px solid #E1E1E1; background-image:url(/lib/ttdesign/bg_v100gray.png); background-position:top; background-repeat:repeat-x; margin:6px 0 12px} #srcL {padding-top:12px; padding-left:16px; padding-right:0; width:256px}/*width 204 for 1076*/ #srcR {padding-top:12px; padding-left:2px; padding-right:6px} #srcC {padding:4px 8px 4px 16px; font:11px Arial,Verdana, serif} #SForm {margin:0; padding:0} .srcbox {BORDER:#7F9DB9 1px solid;width:240px;height:auto;background-color:#fff;font:17px Arial,serif;color:#008000;text-transform:none}/*width 188 for 1076*/ .srcbtn {width:80px; height:26px; background:url(/lib/aH_sprites_v6.png) no-repeat 0 0} #srcopt {display:none} #srcopt LABEL {margin-left:10px} #srcopt B {color:#333333} /*video and top search box*/ .utub1{position:relative;width:100%;padding-top:50%;margin-bottom:16px} .utub2{position:absolute;top:0;left:0;bottom:0;right:0} .h5vid {width:100% !important;height:260px;max-height:100vmin} @media (min-width:738px){.h5vid{height:369px}} @media (min-width:995px){.h5vid{height:471px}} @media (min-width:1210px){.h5vid{height:578px}} #zTheater {margin-top:22px} #TopSForm {margin:0;padding:0;z-index:3332} #WrapTopSrcbox {width:402px;height:22px;float:right;position:relative} #Tsk, #WrapLiSrcbox #Ts2 {width:220px;height:30px;border:2px solid #FFFFFF;color:#008000;font:19px Arial,serif;padding: 1px 0 2px 10px;text-transform:none;margin: 0 0 0 132px;} @media (max-width: 568px) { #WrapTopSrcbox {width:300px} #Tsk, #WrapLiSrcbox #Ts2 {margin:0} } #WrapLiSrcbox #Ts2 {width:95%} #WrapTsLupa {position:absolute;width:30px;height:32px;top:6px;right:0;z-index:333} .srcbtn2 {height:32px;width:30px;} #WrapLiSrcbox {text-align:right} @media (min-width: 500px){#WrapLiSrcbox{display:none}} /*new red gray*/ #headA {margin-top:15px;margin-bottom:0} #headB {margin-bottom:16px;width:auto} #hdlogo {margin-top:44px;margin-bottom:0px;max-width:60%;height:auto} #tdhred {background:#8C0404 url(/lib/s.gif) repeat-x 0 -25px;height:24px;padding-top:3px} #hred {font: 16px/19px 'Roboto Condensed','Oswald',Arial, Helvetica, sans-serif;list-style:none;margin:0;padding:0;padding-left:25px;width:auto;height:28px;overflow:hidden} #hred li {float:left;list-style-type:none} #hred li a {color:#fff;display:block;padding:4px 32px 5px;font-weight:500;text-transform:uppercase} #hred li a:hover {background:#9D0404;color:#fff} #hred li.oncat a {background:url(/lib/s.gif) repeat-x 0 -250px; color:#fff} .dkred {background:#760303 url(/lib/s.gif) repeat-x 0 -65px} #tdhgray {background:url(/lib/s.gif) repeat-x 0 -97px; height:27px; border-bottom:2px solid #ECECEC} #hgray {font: 15px/16px 'Roboto Condensed','Oswald',Arial, Helvetica, sans-serif;list-style:none;margin:0;padding:0;padding-left:25px;height:29px;overflow:hidden} #hgray li {float:left;list-style-type:none} #hgray li a {color:#333;margin-left:5px;display:block;padding:6px 21px 4px; font-weight:500} #hgray li a:hover {background:url(/lib/s.gif) repeat-x 0 -147px} #hgray li.oncat a {background:url(/lib/s.gif) repeat-x 0 -147px; color:#BD2F16} /*cats for mobiles*/ #x6more4 {position:relative;height:0px} #more4, #more4list {display:none} #more4list, #listEds {font: 18px/21px 'Roboto Condensed','Oswald',Arial, Helvetica, sans-serif;list-style:none;margin:12px 0;padding:0;} #more4list li, #listEds li {list-style-type:none} #more4list li a, #listEds li a {color:#063366;background:#F0F0F0;display:block;padding:12px 6px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF} #listEds li a {padding: 6px} #more4list li a:hover {color:#FFFF00;background:#CC0000} #mmenu {display:none} #more4list li a.LiEdX{display:none;padding:12px 6px 12px 40px} #LiEdSel::after {content: "\e809";display:inline-block;color:#FF6600;padding-left:2px} #LiEdSel.ssaon::after {content: "\e80A"} /*my account*/ #headmyacc {position:relative;height:0px;width:380px} #headmyacc A {font-size:16px;color:#000000} #headmyacc SPAN {vertical-align:middle} @media (max-width: 510px){#headmyacc{display:none}} /*head editions list, NEW 20250729*/ #sled::after {content: "\e809";display:inline-block;color:#FF6600;padding-left:2px;font-family: "Roboto Condensed", sans-serif} #sled.ssaon::after {content: "\e80A"} #listEds {position:absolute;z-index:108;left:134px;top:15px} /*general use img sprites*/ .aH {background:url(/lib/aH_sprites_v9.png) no-repeat 0 0} .aBUp, .aBDn, .aBEq {width:7px; height:7px} .aBUp {background-position:-32px -60px} .aBDn {background-position:-39px -60px} .aBEq {background-position:-46px -60px} /*limited use img sprites (home, finance, etc) */ .aUSD {background:url(/lib/aHo_sprites_v3.png) no-repeat 0 0} .aMgg {background:url(/lib/aHo_sprites_v3.png) no-repeat -50px 0} .aSpk {background:url(/lib/aHo_sprites_v3.png) no-repeat -100px 0;margin-top:12px;margin-left:21px} .aCval {background:url(/lib/aHo_sprites_v3.png) no-repeat 0 -50px} /*header links*/ .hgg {font:12px Verdana, sans-serif;float:left;margin-top:4px;margin-right:20px} DIV.hgg A {display:block;height:18px;color:#36F} DIV.hgg A:hover {text-decoration:none;color:#F00} .hgg_home {padding-left:30px;padding-right:20px;white-space:nowrap;background-position:-32px -40px} DIV.hgg A.hgg_home_on {color:#F60} DIV.hgg SPAN, .hgg_other {display:block;padding-top:3px} /*local ed dropdown*/ .ledf {font:10px Verdana, Arial, sans-serif} SELECT.ledf {width:144px;padding-left:2px} /*EZedit*/ .ezfloatimg1, .ezfloatimg, .ezfloathumb {float:left;margin-right:10px;margin-bottom:4px;margin-top:8px} .ezfloatimg {width:336px} .ezfloatimg1 {width:180px} .ezfloathumb {width:143px;height:146px;border:1px solid #cccccc;padding:8px;text-align:center;background:#F9F9F9} .ezcaption {font-size:14px;font-family:Helvetica, Arial, Tahoma, Verdana, sans-serif; line-height:14px;text-align:center;color:#808080} .ezlarge {font-size:110%;line-height:normal} .ezlarge3 {font-size:150%;line-height:normal} .ezsmall {font-size:80%;line-height:normal} .eznote {font-size:90%;line-height:normal} #tooltipDIV SPAN.ezsmall, #tooltipDIV SPAN.eznote {font-size:100%} .sources {font-size:84%;font-style:italic;color:#666666} .rfDown P.Txt {color:#666666} .ezsignature {font-size:65%;line-height:normal;color:#808080;font-family: Helvetica, Verdana, Tahoma, sans-serif;margin-bottom:16px} TABLE.ezsignature TD A {color:#808080} .H1 {color:#FF6600;font:23px Georgia,serif;margin-top:14px; line-height:140%} .H2, .H2RIGHT, .H2B {color:#4C4C4C;font:160% 'Roboto Condensed','Oswald',Georgia,serif;margin-top:34px;margin-bottom:12px} .H2 {line-height:145%} .H2BELOW {font-size:22px;} .H2RIGHT {font-size:18px;background-color:#DCE7F3;padding:0 10px;margin-top:22px;margin-bottom:12px} .big {font:44px Georgia,serif;color:#4C4C4C;line-height:normal;text-decoration:none} .Txt, .eZtbl {font:19px Georgia,serif;color:#000;text-decoration:none;margin-top:0px;margin-bottom:16px} .Txt {line-height:140%} .FontB {font-size:138%;font-family:'Roboto Condensed',Verdana, Arial, sans-serif;font-weight:normal} .FontC {font-size:138%;font-family:Verdana, Arial, sans-serif;font-weight:normal} .paraFVP {margin-top:0px;margin-bottom:12px;background:#000000} /*meteo*/ #meteo_data A {color:#004276} .mtx {clear:both; margin-bottom:12px;font-size:13px} .mtxp {text-align:right;margin:0;padding:0;font-style:italic;font-size:13px} .mti {float:left; margin-right:8px; width:36px; height:27px; background-color:#3399FF; background-repeat:no-repeat} /*jokes,proverbs*/ .dayjoke, .dayprov {width:43px;height:38px;float:left;display:block} .dayjoke {background:url(/lib/daily_smile2.gif) no-repeat} .dayprov {background:url(/lib/book.gif) no-repeat} /*for ads*/ .preAd1 {background:#F0F0F0;color:#4C4C4C;font:17px 'Roboto Condensed','Oswald',sans-serif;padding:0 4px 0 10px;margin-top:36px;margin-bottom:12px} .adWrapper {background-color:#FFFFFF;text-align:center;padding:6px 0;margin-bottom:14px} #AdZone4 {text-align:center;padding:0;margin:7px auto 0 auto;background-color:#F0F0F0} #EAdsSendToRightTopSpace {display:none} .EmbedAdSendToRight {width:300px;height:250px;position:absolute;right:-314px;top:94px} .EmbedAdToRightPlaceHolder {width:300px;height:1px;margin-bottom:280px} .ads300or336 {width:300px;height:250px;display:inline-block} .ads728or300 {width:970px;height:90px;margin:0 auto;display:block} .topBigBannerAd {display:block;min-width:728px;max-width:970px;width:100%;min-height:90px;max-height:250px;height:250px;margin:0 auto} .sum INS.adsbygoogle {max-width:100%} /*weather map*/ #mapbaselayer {margin-bottom:16px;background-position:center; background-repeat:no-repeat; position:relative} .wmol {position:absolute;width:72px;text-align:center;z-index:100} .wmos {position:absolute;width:48px;text-align:center;z-index:100} .tmpbg {background-color:#F0F0F0;opacity:.50;filter: alpha(opacity=50);-moz-opacity:0.5;padding-right:3px;padding-left:3px} .tmptxt {font:bold 16px sans-serif;color:#660099;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;} #tooltipDIV {visibility:hidden;position:absolute;width:300px;left:0;top:0;background-color:#FFFFE0;padding:5px;border-width:1px 2px 2px 1px;border-style:solid;border-color:#000000;font-size:12px;z-index:999} /*weather icons*/ .w48 {background:#3399FF url('/lib/weather_icons/48/w-sprites.png') no-repeat 0 0} .w48c {background:url('/lib/weather_icons/48/w-sprites.png') no-repeat 0 0} .cloudy {background-position:0 0} .cloudy-night {background-position:0 -50px} .fair {background-position:0 -100px} .fair-night {background-position:0 -150px} .flurries {background-position:0 -200px} .fog {background-position:0 -250px} .lshowers {background-position:0 -300px} .mcloudy {background-position:0 -350px} .mcloudy-night {background-position:0 -400px} .pcloudy {background-position:0 -450px} .pcloudy-night {background-position:0 -500px} .rainsnow {background-position:0 -550px} .showers {background-position:0 -600px} .snowshow {background-position:0 -650px} .sunny {background-position:0 -700px} .sunny-night {background-position:0 -750px} .thunshowers {background-position:0 -800px} #mediaQueryFlag {font-family:'size1340';display:none;} .h5vid {width:100%} .utub1{position:relative;width:100%;padding-top:50%;margin-bottom:16px} .utub2{position:absolute;top:0;left:0;bottom:0;right:0} /*####end of home css####*/ /*other*/ .relatedarts {font:15px Georgia, serif;margin-top:56px;background:url(/lib/s.gif) repeat-x 0 -360px;margin-bottom:6px; padding-top:3px;color:#4C4C4C} .sbn {margin-top:30px;margin-bottom:4px} .upcatname {color:#FF6600;font:43px Arial, Verdana, sans-serif;margin-top:29px;margin-bottom:6px} /*Photo gallery*/ TABLE#PhotoBox TABLE.ezsignature {margin-bottom:0px} TABLE#PhotoBox P.Txt {margin-bottom:2px} TABLE#PhotoBox H1 {margin-top:10px;margin-bottom:12px} /*art layout*/ .art1body {width:1156px} @media (min-width: 1210px) {#headB.art1body {width:1156px}} .art1bodymain {width:842px;float:left} .art1bodyright {width:300px;float:right} DIV.art1bodyright P.Txt, DIV.art1bodyright H2.H2 {font-size:75%} DIV.art1bodyright #srcL {width:144px} DIV.art1bodyright .srcbox {width:128px} .abrBox {padding:26px 0 33px 0;margin-top:33px;background: none repeat scroll 0 0 white} #disclaimer {font-style:italic;font-size:13px;color:#666666;margin-top:48px;margin-bottom:22px;clear:both} /*TitiTv*/ .tvupr A {color:#333} .tvupr A:hover {color:#c00;text-decoration:underline} /*sadhana*/ .t11 {font-size:11px;} /*menus*/ .rmenu {line-height:18px} .caton {color:#f60} .catin {color:#0c0} /*urhr*/ .urhr {margin-top:10px;margin-bottom:4px} .hello {font:10px Verdana, Arial, sans-serif;color:#f60} #cartpos{position:relative;text-align:center} #iFloatContainer * {box-sizing: border-box} .cartbtn, input.cartbtn {overflow: visible;font:bold 16px Arial,Helvetica,sans-serif;text-align: center;display: inline-block; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip:padding-box; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px; border-radius: 12px 12px; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; background-color: #F49632; border: 4px solid #FFFFFF; color: #FFFFFF; padding: 14px 20px; margin:12px 0}/*verde #7AB55C*/ .cartbtn:hover, input.cartbtn:hover {background-color:#ff9d34 !important;cursor:pointer;text-decoration:none}/*verde2 #86C765 */ #price_currency,#add2cartpos{display:inline-block} DIV.Txt DIV{vertical-align:middle} /*learning*/ TR.blue TD {color:#0033CC;font-style:italic;line-height:140%;line-height:140%;font-family:Arial, Roboto, sans-serif} /*FX*/ p.FxYk {margin-bottom:25px} p.FxYk A {border:1px solid #cccccc; padding:8px;display:inline-block; margin:10px} /*forecast*/ UL.WFOT_WRAPPER {margin:0;padding:0} .WFOT_WRAP_DAY {width:104px;min-height:175px;display:-moz-inline-stack;display:inline-block;vertical-align:top;margin:0;margin-right:74px; zoom: 1; *display: inline; _height: 175px;} .WFOT_WRAP_DAY_LAST {margin-right:0} TABLE.WFOT TD {text-align:center} TR.FCOVTMP TD {font:14px Arial, sans-serif; line-height:16px; text-align:left} TR.FCOVEXP TD {font:13px Arial, sans-serif; line-height:15px;} .WFDAY {text-align:center;font-size:13px;width:82px} .WFI {background-color:#3399FF;padding:4px 13px 3px 13px} .WTL {color:blue;font-weight:bold} .WTH {color:red;float:right;font-weight:bold} .WFLK {font-size:11px;color:#900} /*climate chart*/ #climchart_tabs {font-size:13px;font-weight:bold;margin:0;padding:0} .climtab,.climtabOn {min-height:20px;display:-moz-inline-stack;border-radius: 4px;display:inline-block;vertical-align:top;margin:0;margin-right:2px;margin-bottom:3px; zoom: 1; *display: inline; _height: 20px} .climtab {border:1px solid #ECFAFF;padding:3px 7px;background:#DAF6FF;color:#333} .climtabOn {border:1px solid #F60;padding:7px;background:#fff;color:#0C0} /*fancy table*/ #FANCY1 TD {background-color:#69c} .header {color:#fff;font:bold 85% Verdana, Arial, Helvetica, sans-serif; background-color:#69c} TD.header A {color:#fff} TD.header A:visited {color:#fff} .grid {font:75% Verdana, Arial, Helvetica, sans-serif} .griB {font:bold 75% Verdana, Arial, Helvetica, sans-serif} .LfA {font-weight:bold;text-align:left} TR.odR TD {font:80% Verdana, Arial, Helvetica, sans-serif;background-color:#dff3ff} TR.evR TD {font:80% Verdana, Arial, Helvetica, sans-serif;background-color:#f0fbff} TR.odR TD.vr {background-color:#D5F2FF} TR.evR TD.vr {background-color:#E6FBFF} #FANCY2 TD {background-color:#dc590f} TR.od2 TD {font:80% Verdana, Arial, Helvetica, sans-serif;background-color:#fdda80} TR.ev2 TD {font:80% Verdana, Arial, Helvetica, sans-serif;background-color:#fdde8f} #recent_weather TD.header {font-size:13px} #recent_weather TR.odR TD {font-size:12px} #recent_weather TR.evR TD {font-size:12px} .redb {color:#CC0000; font-weight:bold} #hdstcky {background:rgba(255, 255, 255, 1.0);z-index:109} /*FX archive*/ .fxb_selector {display:none} /*forecast extra*/ .detailedFcst TR.odR TD, .detailedFcst TR.evR TD {font-size:13px;vertical-align:middle} /*rezervari*/ .HotelDetailsWindow {width:880px;font:13px Arial,Helvetica,sans-serif;visibility:hidden;position:absolute;left:0;top:0;background-color:#FFFFE0;padding:16px;border-width:3px 3px 3px 3px;border-style:solid;border-color:#4A9EFD} .PointsOfInterest {float:right;width:400px;height:auto;padding-left:16px;padding-bottom:10px; border-left:1px dotted gray;margin-left:16px} .leadicon {display:inline-block;font-family:Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;padding:12px 0 0 20px} .leadicon IMG {vertical-align:middle} /*poze below*/ .below1 {width:394px;float:left} .below2 {width:394px;float:right} .below1 img.w13c, .below2 img.w13c {min-width:100%} #gall{background:#000} /* general use */ .castItm{display:inline-block;width:100px;height:176px;overflow:hidden;margin:0 10px 16px 0;vertical-align:top} .castImg{display:inline-block;width:100px;height:120px;overflow:hidden;margin-bottom:5px} .castTxt{display:inline-block;width:100px;height:56px} .castTxt SPAN{color:#666666;font-size:80%;display:inline-block} #plyrA{position:fixed;width:100%;z-index:998;text-align:center;font-size:15px;line-height:20px;left:0;bottom:0;visibility:hidden} .snd{vertical-align: -15%;padding-left:22px;} A.snd IMG{border:0;} #hdstcky {background:rgba(255, 255, 255, 1.0);z-index:109} .PrevNxt{border:4px solid #FFB44F;padding:2px 25px;border-radius:25px;background:#FFB858} DIV.PrevNxt P{font-size:24px;margin:0;} DIV.PrevNxt A{color:#FFFFFF;font-size:42px;line-height:42px;vertical-align:middle;display:inline-block;width:100px;height:42px;text-align:center} /* styles.small.homecat.css */ @media (max-width: 1209px) { .WFOT_WRAP_DAY {margin-right:6px} } @media (min-width: 500px) and (max-width: 1209px) { .tfB.txs {font-size:13px} .tfB.ts {font-size:18px} .tfB.tn {font-size:24px;line-height:29px} .tfB.tl {font-size:28px} .tfB.txl {font-size:36px} } @media (min-width: 500px) { .fxboxAll {font-size:10px} .fxboxHead {height:13px} .bnrtbl {font-size:15px;line-height:25px} TABLE.bnrtbl A {font-size:15px} .BNRtitle {font-size:15px;line-height:25px} .newsfeed {font:bold 12px Verdana, Arial, Helvetica, sans-serif} .newstitle {font:bold 14px Verdana, Arial, Helvetica, sans-serif} .newsbody {font:13px Verdana, Arial, Helvetica, sans-serif} } @media (min-width: 995px) { .offDesk {display:none} #One56 .ads300or336{height:600px} } @media (min-width: 995px) and (max-width: 1209px) { /* deprecated? #meteoSrcBox {margin-left: -374px} */ .x1left {width:143px} .x2left {width:300px} #z11z13, #z20z22 {margin-left:-143px} /*scale down left imgs in zone 27*/ DIV#z26z27 IMG.w2c {min-width:1px; max-width:250px} .x2left {width:300px} .x4 {width:628px}/*now = x3*/ .x6 {width:942px} .o3c {width:411px} DIV#z26z27 .o3c {width:272px; margin:0 20px} .t3c {width:882px} BODY {padding-left:10px;padding-right:10px;} .hideOnSmallScreens {display:none} .movedZone {display:block} DIV#z27 .w2c {max-width:279px} .w4c {max-width:626px;min-width:626px;width: auto\9; height: auto;} #z4 .w4c, #z5 .w4c, #z6 .w4c, #z7 .w4c {max-width:942px; min-width:942px} #hred li a {padding:4px 14px 5px} #hgray li a {margin-left:0;padding:6px 11px 4px} #srcL {width:180px} .srcbox {width:164px} .art1body {width:942px} #headB.art1body {width:942px} .art1bodymain {width:628px} .art1bodymain IMG {overflow:hidden;max-width:626px;height:auto;width: expression(this.width > 626 ? 626 : true);} .art1bodyright {width:300px} .tdlcrmn150 {width:150px} .tdlcrmn140 {width:140px} #mediaQueryFlag {font-family:'size995'} #z26z27 {width: 100%} #One1234 {width: 628px} #One56 {width: 300px;margin-left: -300px;} DIV.x2left .mtx {width: 46%; min-height: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 2% 12px 2%; zoom: 1; *display: inline; _height: 50px;} DIV.x2left .mtxp {text-align:left} .ads300or336 {width:300px;height:250px} } @media (max-width: 994px) { .w4c, .w3c, .w2c, .w26c {min-width:1px} .x1, .x1last {width:100%} .x1left {width:100%} .x2 {width:100%} .x2left {width:100%} .x3 {width:100%} .x4 {width:100%} .x6 {width:95%} .o3c {width:40%} .t3c {width:80%} #z26z27 {width: 100%;} #One1234 {width: 100%;} #z54z174 {clear:both;} #z57z90 {clear:both;margin-left: -100%;} #z62z73 {clear:both;margin-left: -100%;} #z66z67 {clear:both;margin-left: -100%;} #z72z73 {clear:both;margin-left: -100%;} #One56 {clear:both;width: 100%;margin-left: -100%;} #z11z13 {clear:both;margin-left: -100%;} #z20z22 {clear:both;margin-left: -100%;} #meteoSrcBox {clear:both;margin-left: -100%;} .tfB.txs {font-size:14px} .tfB.ts {font-size:20px} .tfB.tn {font-size:26px;line-height:31px} .tfB.tl {font-size:32px} .tfB.txl {font-size:48px} DIV.tfB A {font-family:'Roboto Condensed',Verdana, Arial, sans-serif;font-weight:normal} #hred li a {padding:4px 14px 5px} #hgray {width:auto;height:29px;overflow:hidden} #hgray li a {margin-left:0;padding:6px 11px 4px} #headA {margin-top:4px} #headB {margin-bottom:4px} #hdlogo {max-width:70%;height:auto;margin-bottom:0px} .w4c, .w3c, .w2c, .w26c, .fx3c, .w13c { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; } #z4 .w4c, #z5 .w4c, #z6 .w4c, #z7 .w4c {max-width:100%; min-width:1px} .w2_fixh_rightcol {max-width:100%} DIV.hgg {display:none} A.hgg_home SPAN {display:none} .hideOn320 {display:none} #z54 {display:none} #d320new54 {display:block} #z162 {display:none} #d320new162 {display:block} DIV.f9 {text-align:center !important} #icaos54 {display:block} .item {float:none} .EmbedAdSendToRight {width:auto;height:auto;position:static;right:0;top:0;margin:auto;margin-top:16px} .EmbedAdToRightPlaceHolder {margin-bottom:0} .topBigBannerAd, #AdZone4, .offMobile {display:none} #mapbaselayer {display:none} .bulletindate {position:relative;top: -4px} } @media (min-width: 500px) and (max-width: 994px) { .w4c, .w3c {min-width:100%} .mtx {width: 46%; min-height: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 2% 12px 2%; zoom: 1; *display: inline; _height: 50px;} .o3c .mtx {width:auto;min-height:auto;display:auto;margin:0 0 12px 0;height:auto} .mtxp {text-align:left} #more4 {display:block;position:absolute;top:-70px;right:10px;width:52px;height:52px} #more4 A {display:block;width:52px;height:52px;background:url(/lib/more4c.png) no-repeat 0 0;} #mediaQueryFlag {font-family:'size500'} .w26c.lazyload {float:left;margin-right:14px;} } @media (max-width: 860px) { #sled, .hdsep2 {display:none} } @media (max-width: 770px) { .w13c {max-width: 100%; min-width:100%} .w13c.lefthmb {float:none} .ads728or468or320 {width:468px;height:60px} } @media (max-width: 684px) {/*d480 and d320*/ #asbs, .hdsep1 {display:none} } @media (min-width: 569px) and (max-width: 668px) { #hdsbs{display:none} } @media (max-width: 650px) { .o3c, .t3c, DIV#z26z27 .o3c {width:100%;margin:0 0} .o3c IMG.w2c, .t3c IMG {min-width:100%} } @media (max-width: 599px) { #mapbaselayer {display:none} } @media (max-width: 499px) { #more4list A.srcsection{display:none} #WrapLiSrcbox #Ts2{border-color:#FFD500} #hdlogo {max-width:60%;margin-top:25px;}/*content:url("/lib/head-logo-2lines-v4.png");*/ #srcL {width:180px} .srcbox {width:164px} #WrapTopSrcbox {width:250px} #Tsk {width:200px} #headA {height:0;margin-top:0} #headB {margin-bottom:0} .cathead A, .first_cathead A {font-size:13px;color:#FFFFFF;background:#CC0000;padding-left:8px;padding-right:8px} .mtx, .mtxp {font-size:13px} #tdhred {height: 4px;} #hred {height: 4px;} #tdhgray, #hred li a, #hgray li a {display:none} #mediaQueryFlag {font-family:'size320'} .lazynoload, .lazyHide320 {display:none} #hdstcky {position: -webkit-sticky; position:sticky; top:0; padding-top: 10px;margin-bottom:16px} DIV#hdstcky.nostcky{position:static} .shbwrp{position:absolute;width:100%;height:26px;pointer-events: none} .bst {margin-top:0} .shbwrp{height:8px} .shb{height:8px} .infoBxTxt {border-left:0 none;padding-left:0} } @media (max-width: 450px) { .Txt, .eZtbl {font:16px Arial,sans-serif} .FontC {font-family:Verdana, Arial, sans-serif;font-weight:normal} .big {font-size:22px} H2, .H2 {font-size:20px} /*.w4c, .w3c, .w2c, .w26c {min-width:1px}*/ .w4c, .w3c, .w2c, .w26c {min-width:100%} .leadicon {display:block} .bulletindate {font-size:12px} #more4small A::after {top:33px} } @media (max-width: 370px) {#more4small A::after {top:30px}} @media (max-width: 349px) { .ads300or336 {width:300px;height:250px} .EmbedAdToRightPlaceHolder {width:300px} } @media (max-width: 337px) { #AdZone4 {width:100%} } /* general use */ .BlueButn {font:bold 17px Helvetica,Arial,sans-serif;margin:14px 10px;background-color:#4688F1;border: 1px solid rgba(84, 144, 255, 0.1);border-radius: 2px 2px 2px 2px;color:#FFFFFF;line-height:22px;padding:8px 16px 6px 16px;text-decoration:none;white-space:nowrap;display:inline-block;transition: background-color .3s ease-out} .BlueButn:hover, input.BlueButn:hover {background-color:#5491F1 !important;cursor:pointer;text-decoration:none;color:#FFFFFF} .touch .FootR A, .touch .mtx A, .touch .bnrtbl A, .touch .sscics A {display:inline-block;padding:8px} .touch .bnrtbl TD {height:42px;vertical-align:middle} .touch .offtouch {display:none} .ac_results{z-index:410;background-color:#fff} .ac_results UL{margin:0;padding:0} .ac_even,.ac_odd{padding:8px;cursor:pointer;list-style-type:none} .ac_even:hover,.ac_odd:hover{background-color:#f0f0f0;color:#000000} .Android .widget{display:none} @media (min-width: 1349px) { BODY {background:#F0F0F0} .allWrap {background:#FFFFFF;margin:10px auto;padding:20px;width:1232px} } /*folding menu*/ .menu { flex: 1; display: flex; justify-content: flex-end; align-items: center; margin-right: -4px; position: relative; top: -33px; right: 0px; width: 40px; } @media all and (min-width: 1210px) { .menu { width: 740px; } } @media all and (min-width: 995px) and (max-width: 1209px) { .menu { width: 590px; } } #WrapTopSrcbox { position: relative; z-index:110; right:4px; } @media all and (max-width: 994px) { #WrapTopSrcbox {display:none} #fmsrc #WrapTopSrcbox {display:block; width:auto; float:left;top:0px;z-index:410;height:54px} #fmsrc #Tsk {margin:0;width:300px;border:2px solid #F0F0F0} #hdlogo {margin-bottom:0px;margin-top:16px} } @media all and (max-width: 450px) { #fmsrc #Tsk {width:250px} } @media all and (max-width: 368px) { #fmsrc #Tsk {width:210px} } @media all and (min-width: 995px) { #fmsrc{display:none} } .f_menu { list-style-type: none; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; max-width: 450px; overflow-x: hidden; overflow-y: auto; background-color: #F0F0F0; padding: 30px 25px; z-index: 400; transform: translateX(100%); margin-bottom: 8px; } /* @media all and (min-width: 995px) { .f_menu { transform: none; display: flex; margin-right: -8px; position: static; width: auto; max-width: none; height: auto; overflow-x: unset; overflow-y: unset; background-color: transparent; padding: 0; } } */ @media all { /*and (max-width: 994px)*/ .f_menu { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; } .f_menu--active { transform: none; bottom: 0; top: 0; right: 0; margin: 0; } } .f_menu__item { position: relative; text-align: left; } .f_menu__item > a { display: block; font-weight: 600; padding: 4px 12px; } /* @media all and (min-width: 995px) and (max-width: 1209px) { .f_menu { margin-top: 22px; } .f_menu__item > a { padding: 8px 12px 4px 6px; font-size: 14px; } } */ .f_menu__item ul { list-style-type: none; -moz-columns: 2; columns: 2; -moz-column-gap: 0; column-gap: 0; margin-bottom: 10px; margin-top: 5px; } /* @media all and (min-width: 995px) { .f_menu__item ul { -moz-columns: 1; columns: 1; margin: 0; opacity: 0; pointer-events: none; position: absolute; width: 200px; padding: 16px 0 16px; box-shadow: inset 0 8px 0 #FFF; background-color: #FBF5EE; } } @media all and (min-width: 995px) and (max-width: 1209px) { .f_menu__item ul { box-shadow: none; } } */ @media all and (max-width: 550px) { .f_menu__item ul { -moz-columns: 1; columns: 1; } .f_menu--active { left: 0; max-width: 100%; } } .f_menu__item ul li { width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .f_menu__item ul a { display: block; padding: 4px 12px; line-height: 1.1; font-size: 14px; } /* @media all and (min-width: 995px) { .f_menu__item ul a { font-size: 16px; padding: 8px 22px; } } */ @media (hover: hover) { .f_menu__item ul a:hover { background-color: #1A1919; color: #FFF; } } @media (hover: hover) { .f_menu__item:hover > a { background-color: #ED9F2D; color: #FFF; } .f_menu__item:hover ul { opacity: 1; pointer-events: auto; } } .f_menu__close { position: fixed; top: 16px; right: 11px; } /* @media all and (min-width: 995px) { .f_menu__close { display: none; } } */ .f_menu__close a { display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9); border-radius: 100px; width: 40px; height: 40px; padding: 10px; } .f_menu__close a img { width: 25px; height: auto; } @media all and (min-width: 350px) { .f_menu__close a img { width: 30px; } } .f_menu__abo { font-size: 14px; margin-top: 20px; } /* @media all and (min-width: 995px) { .f_menu__abo { font-size: 14px; position: absolute; top: -56px; right: 0; margin-top: 0; } } */ .f_menu__abo ul { list-style-type: none; padding: 0; } /* @media all and (min-width: 995px) { .f_menu__abo ul { display: flex; } } @media all and (min-width: 995px) { .f_menu__abo li + li { margin-left: 20px; } } */ .f_menu__abo a { color:#004F9B; display: flex; align-items: center; padding: 8px 2px 8px 10px; } /* @media all and (min-width: 995px) { .f_menu__abo a { padding: 8px 2px 8px 0; } } */ .f_menu__abo a img { margin-right: 3px; margin-top: -2px; } .menu_icon { display: flex; padding: 4px; margin-left: 16px; border-radius: 100px; } .menu_icon img { width: 24px; height: auto; } @media all and (min-width: 350px) { .menu_icon img { width: 30px; } } /* @media all and (min-width: 995px) { .menu_icon img { width: 24px; } } */ @media (hover: hover) { .menu_icon:hover { box-shadow: 0 0 0 1px rgba(26, 25, 25, 0.75); } } .menu_icon--fluid-only { display: flex; } /* @media all and (min-width: 995px) { .menu_icon--fluid-only { display: none; } } */ /* thin red line on all display sizes */ .x6.tdh {margin-bottom:20px;} #tdhred {height: 4px;} #hred {height: 4px;} #tdhgray, #hred li a, #hgray li a {display:none} #more4small2 {display:block;position:relative;width:100%;height:1px;top: -14px} #more4small2 A::after {display:block;position:absolute;top:6px;right:39px;content: '\e804 \00A0 MENU\e809';background:#fff;color:#063366;font-size:16px;font-family: "Roboto Condensed", sans-serif;padding: 2px 8px 2px 8px} #more4small2.m4on A::after {content: '\e804 \00A0 MENU\e80a'} #x6more4{margin-top:24px} #more4{display:none} /* NEW Header TTYB */ @media (min-width: 995px) { #hdlogo {margin-top:0px} .bulletindate {top: -17px;position:relative;} #headB {margin-bottom: 0;} #more4small2 A::after {content: '\00A0 SECTIONS\e809';} #more4small2.m4on A::after {content: '\00A0 SECTIONS\e80a'} } @media (max-width: 994px) { .bulletindate {top: -11px;left:36px;} } /* CSS pt Manual menu si Explore (aici nu ruleaza manumenu.js deci le introducem direct) */ /* .mmsection {width:182px} */ .mmsection {display:inline-block;width:210px;margin:16px 0 0 14px;vertical-align:top} .mmlgn {display:block;margin-left:14px;vertical-align:top} .mmlgn A {color:#FF6600} .mmalt A {font-style: italic} #mmenu {margin-top:0;padding-left:0;display:none} #grayfoot A, #grayfootmedia A {color:#000000} #grayfoot H2 {margin-bottom:16px} #grayfoot p {margin:0 0 6px 0} #grayfoot UL {margin:10px 0 7px 0} #grayfoot .mmsection {margin:10px 0 0 8px} .notFirst {margin-top:36px} #bluefoot A {color:#000000} #bluefoot H3 {margin:12px 0} @media (max-width: 970px) { .mmsection {width:90%} .mmsection H3 A, .mmlgn H3 A {display:block} .mmsection A, .mmlgn A {display:inline-block;padding:8px} .mmsection LI {margin-bottom:2px} .mmsection H3, .mmlgn H3 {margin-bottom:2px} .spaceContinuedMahaCat {display:none} } @media (min-width: 971px) { .touch .mmsection A, .touch .mmlgn A {display:inline-block;padding:8px} .touch .mmsection LI {margin-bottom:2px} .touch .mmsection H3, .touch .mmlgn H3 {margin-bottom:2px} .spaceContinuedMahaCat {margin-bottom:23px} } /* start meniu cu poze */ ul#mmenu LI {list-style: outside square} .mmgroup {margin:0;padding:0;width:314px;height:auto;display:inline-block} .mmimg {display:inline-block;margin:36px 0 0 14px;width:282px;height:133px;overflow:hidden;text-align:middle;position:relative;max-width:100%; -webkit-border-radius: 18px;border-radius: 18px} .mmimg img {max-width:100%;height:auto} .mmimg div {left:0;bottom:8px;width:auto;height:auto;padding:3px 36px 6px 16px;background:#CC0000;position:absolute;font:bold 15px Arial, Verdana, sans-serif; color:#FFFFFF} #mmenu .mmsection H3 {display:none} .mmgroup .mmsection A {padding: 2px;font-size:17px;display:block} @media (min-width: 1210px) { .mmgroup {margin:20px 0 0 39px;width:242px} .mmgroup1, .mmgroup5, .mmgroup9 {margin-left:27px} .mmimg {width:242px; height:121px;margin:0} } @media (min-width: 995px) and (max-width: 1209px) { .mmgroup {margin:20px 0 0 14px;width:225px} .mmgroup1, .mmgroup5, .mmgroup9 {margin-left:0} .mmimg {width:225px;height:112px;margin:0} } @media (min-width: 840px) and (max-width: 990px) { .mmgroup {margin-right:60px} } @media (min-width: 740px) and (max-width: 839px) { .mmgroup {margin-right:30px} } @media (max-width: 739px) { .mmgroup .mmsection A {padding: 8px;font-size:18px;} } @media (min-width: 590px) and (max-width: 739px) { .mmsection {width:210px !important} .mmgroup {width:538px;border-bottom: 1px dotted gray;padding:24px 0} } @media (max-width: 400px) { .mmimg {display:block} } /* end meniu cu poze */