.onDsk { display: block; }
.onMob { display: none; }

.coltext-1 { display: block; width: 670px; height: auto; min-height: 900px; float: left; margin: 7px 0px 7px 7px; } 
.coltext-2 { display: block; width: 300px; height: auto; min-height: 900px; float: right; margin: 7px 7px 7px 0px; }
.coltext-full { display: block; width: auto; height: auto; min-height: 900px; float: left; margin: 7px; }
.clear { clear: both !important; }
.nobr { border: none !important; }

#footer { width: auto; height: auto; padding: 10px; background-color: #333; color: #fff; }
#footer h1 { font-family: "Oswald", Arial, sans-serif !important; width: auto; font-size: 16px !important; font-weight:normal; line-height: 18px; color: #FC0; width: auto; height: auto; float: left; padding: 3px; padding-bottom: 9px; padding-right: 15px; margin-right: 15px; border-right: dashed 1px #999;  }
#footer ul { width: auto; height: auto; list-style: none !important; display: block; padding: 5px; padding-left: 20px; }
#footer ul li { float: left; display: inline-block; margin-right: 12px; }
#footer ul li.goTop { float: right !important; margin-right: 0px; padding-left: 15px; }
#footer ul li a { font-family: "Oswald", Arial, sans-serif !important; width: auto; font-size: 12px !important; font-weight:normal; line-height: 14px; color:#fff; text-decoration: none;  }
#footer ul li a:hover, #footer ul li.goTop a { text-decoration: none; color: #FC0; }
#ft_copyright { width: auto; height: auto; display: block; padding: 10px; border-top: solid 1px #fff; text-align: center; color: #111; background-color: #ccc; }


.wgbStiri { width: 668px; height: auto; display: block; clear: both; margin: 6px 0px 15px 0px; border: solid 2px #333; background-color: #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 8px; }
.wgbStiri h1 { display: block; width: auto; height: auto; padding: 3px; text-align: center; background-color: #333; color: #fff; font-size: 16px; text-decoration: none;
-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.wgbStiri h1 a { color: #fff; font-size: 16px; text-decoration: none; }
.wgbStiri h1 a:hover { text-decoration: underline !important; }
.wgbStiri ul { display: block; width: auto; height: auto; list-style-type: none; padding: 10px 0px 0px 9px; }
.wgbStiri ul li { display: block; float: left; width: 151px; height: 100px; margin: 3px 5px; background-color: #333; position: relative; z-index: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden !important; cursor: pointer; }
.wgbStiri ul li img { display: inline-block; width: 147px; height: 96px; padding: 2px; background-color: #333; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  }
.wgbStiri ul li h3 { display: none; position: absolute; z-index: 2; width: 138px; height: auto; bottom: 2px; left: 1px; background:url(../img/wgt-bg-black.png) repeat top left;
text-align: center; vertical-align: middle; padding: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #333;  }
.wgbStiri ul li h3 a { font-family: "Oswald", Arial, sans-serif !important; width: auto; font-size: 15px !important; font-weight:normal; line-height: 18px; color:#FC0; text-decoration:none; text-shadow: 1px 1px #000; display: block; padding-top:2px;}
.wgbStiri ul li h3 a:hover { color: #fff; text-decoration: underline; } 
.wgbStiri ul li h3 span { font-family: "Trebuchet MS", Arial, sans-serif !important; width: auto; font-size: 12px !important; font-weight:bold; color:#fff; text-decoration:none; text-shadow: 1px 1px #000; display: block; padding-top: 5px;}
/*********************************************************************/
.green-wgt { border: solid 2px #063 !important; background-color: #093 !important; }
.green-wgt h1 { color: #FFF !important; background-color: #063 !important; }
.green-wgt ul li h3 { background-color: #6F0 !important; }
/*********************************************************************/
.royal-wgt { border: solid 2px #A01B4D; !important; background-color: #FC9 !important; }
.royal-wgt h1 { color: #FFF !important; background-color: #A01B4D !important; }
.royal-wgt ul li h3 { background-color: #A01B4D !important; }
/*********************************************************************/
.galben-wgt { border: solid 2px #333; !important; background-color: #999 !important; }
.galben-wgt h1 { color: #FFF !important; background-color: #FC3 !important; }
.galben-wgt h1 a {  color: #000 !important;  }
.galben-wgt ul li h3 { background-color: #F90 !important; }
/*********************************************************************/
.yellow-wgt { height: auto !important; border: solid 2px #333 !important; background-color: #999 !important;  padding-bottom: 8px; }
.yellow-wgt h1 { color: #000 !important; background-color: #FC3 !important;  border-bottom: solid 1px #333; }
.yellow-wgt h1 a {  color: #000 !important;  }
.yellow-wgt ul li { height: 214px !important; overflow: hidden; }
.yellow-wgt ul li img { height: 210px !important; }
.yellow-wgt ul li h3 { background-image: none !important;  background-color: #F90 !important; }
.yellow-wgt ul li h3 a { color: #000 !important; text-shadow: 1px 1px #fff; }



.BoxAbonareNewsletter { width: 298px; height: auto; display: block; margin-bottom: 10px; border: solid 1px #339; background-color: #FC6; padding: 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; min-height: 100px; }
.BoxAbonareNewsletter h1 {  font-family: "Oswald", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; padding-bottom: 4px; -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } 
.BoxAbonareNewsletter .bgBlack { background-color: #339 !important; color: #fff !important; padding: 2px 10px; }
#ABONL_FORM { padding: 10px 15px; font-size: 16px; padding-bottom: 16px; }
#ABONL_FORM td { padding: 2px; text-align: left; }
#ABONL_FORM input[type="text"] { width: 245px; height: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; padding: 3px 6px; background-color: #fff; border: solid 1px #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; }
#ABONL_FORM input[type="text"]:hover, #ABONL_FORM input[type="text"]:focus { background-color: #fff; border: solid 1px #b00; }

#btnAbonare, #btnDezabonare { font-family: "Oswald", Arial, Helvetica, sans-serif; border: solid 0px #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; 
color: #ffffff; padding : 1px 9px; background: #339; cursor: pointer; text-shadow: 1px 1px 1px rgba(22, 22, 22, 1); }
#btnAbonare:hover, #btnAbonare:focus, #btnDezabonare:hover, #btnDezabonare:focus { background-color: #b00 !important; }




.BoxTop10Articole {  width: 298px; height: auto; display: block; margin-bottom: 10px; border: solid 1px #339; background-color: #f9f9f9; padding: 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; min-height: 50px; }
.BoxTop10Articole h1 {  font-family: "Oswald", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; padding-bottom: 10px; -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.BoxTop10Articole h1 span, .BoxTop10Articole .lstArts li .col1 a { color: #FC0 !important; text-decoration: none; }
.BoxTop10Articole .bgBlack { background-color: #339 !important; color: #fff !important; padding: 2px 10px; padding-bottom: 6px !important; }
.BoxTop10Articole .lstArts { padding: 0px; padding-bottom: 16px; list-style: none; width: auto; height: auto; padding: 10px; }
.BoxTop10Articole .lstArts li { display: block; width: auto; height: auto; padding: 5px 0px 3px 0px; }
.BoxTop10Articole .lstArts li .col1 { width: 80px; height: auto; display: block; float: left; padding-left: 5px; }
.BoxTop10Articole .lstArts li .col2 { width: 180px; height: auto; display: block; float: right; padding: 2px; color: #999; font-size: 12px; }
.BoxTop10Articole .lstArts li .col1 img { width: 66px; height: 50px; border: solid 1px #999; padding: 2px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.BoxTop10Articole .lstArts li .col2 a { text-decoration: none; color: #000; font-family: "Oswald", Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: normal !important; line-height: 14px !important; }
.BoxTop10Articole .lstArts li .col2 a:hover { text-decoration: underline; color: #b00; }
.BoxTop10Articole .lstArts li .col2 small { font-size: 12px !important; color: #F60 !important; }


.BannerRight { width: 298px; height: auto; display: block; padding: 0px; text-align: center; margin: 6px 0px;  }
.BannerRight img, .BannerRight object, .BannerRight embed, .BannerRight iframe { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }


.BoxArticolBlog { width: 278px !important; height: auto; display: block; padding-bottom: 15px; margin-bottom: 10px; border: solid 1px #ccc; background-color: #f3f3f3; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.BoxArticolBlog h1 {  font-family: "Oswald", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; padding-bottom: 4px; letter-spacing: 0.005em; } 
.BoxArticolBlog h4 {  font-family: "Cuprum", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 14px; color: #b00; margin-top: 6px; } 
.BoxArticolBlog p { display: block; width: 280px; margin: 6px 0px; text-align: left; padding-right: 2px; font-size: 15px; }
.BoxArticolBlog img { float: left; display: inline-block; width: 100px; margin: 2px 10px 10px 0px; border: solid 1px #999; padding: 3px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.BoxArticolBlog a { text-decoration: none; color: #000; }
.BoxArticolBlog a:hover h1 { color: #b00;  text-decoration: underline; }



.PhpStiri { width: 670px; height: auto; display: block; }
.PhpStiri li { display: block; padding-bottom: 5px; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; border-bottom: dashed 1px #ccc; }
.PhpStiri li.NaLeft { display: block; float: left; width: 670px; height: auto; }
.PhpStiri li.NaLeft .col1 { display: block; float: left; width: 320px; height: auto; }
.PhpStiri li.NaLeft .col2 { display: block; float: right; width: 330px; height: auto; text-align: left; padding-top: 2px; padding-right: 8px; }  
.PhpStiri li.NaLeft .col1 img {  width: 300px; height: 220px; max-height: 220px; border: solid 1px #ccc; float: left; margin: 0px 15px 5px 0px; padding: 2px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.PhpStiri li.NaRight { display: block; float: left; width: 670px; height: auto; }
.PhpStiri li.NaRight .col1 { display: block; float: right; width: 320px; height: auto; }
.PhpStiri li.NaRight .col2 { display: block; float: left; width: 320px; height: auto; text-align: left; padding-top: 2px; padding-left: 5px; }  
.PhpStiri li.NaRight .col1 img {  width: 300px; height: 220px; max-height: 220px; border: solid 1px #ccc; float: left; margin: 0px 15px 5px 0px; padding: 2px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.PhpStiri li.NaLarge { display: block; float: left; width: 670px; height: auto; }
.PhpStiri li.NaLarge .col1 { display: block; width: 670px; height: 120px; }
.PhpStiri li.NaLarge .col2 { display: block; width: 670px; height: auto; text-align: left; padding-top: 2px; padding-left: 5px; }  
.PhpStiri li.NaLarge .col1 a { display: block; width: 99%; height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 1px #ccc; float: left; margin: 0px 15px 5px 0px; padding: 2px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; text-indent: -9999px; }

.PhpStiri ul li.NaNormal { display: block; width: 640px; height: auto; float: left; margin: 5px 10px 5px 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; min-height: 122px; border-bottom: dashed 1px #ccc; overflow: hidden !important;  text-align: justify; padding-bottom: 10px; }
.PhpStiri ul li.NaNormal .col1 { width: 260px; height: auto; display: block; float: left; }
.PhpStiri ul li.NaNormal .col2 { width: 350px; height: auto; display: block; float: right; text-align: left; }
.PhpStiri ul li.NaNormal .col1 img { width: 257px; height: 195px; border: solid 1px #ccc; float: left; margin: 0px 15px 5px 0px; padding: 2px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.PhpStiri ul li.NaNormal .col2 p { width: auto; height: auto; padding: 5px 0px; }
.PhpStiri ul li.NaNormal a { display: inline; margin-bottom: 5px; }
.PhpStiri ul li.NaNormal a:hover h2 { text-decoration: underline; color: #b00; font-weight: normal !important; }


.PhpStiri ul li a { text-decoration: none; color: #000; }
.PhpStiri ul li h2 { font-family: "Oswald", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; line-height: 25px; padding-bottom: 8px; text-decoration: none; }
.PhpStiri ul li h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 15px; padding-bottom: 2px; text-decoration: none; }
.PhpStiri ul li h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 15px; color: #069 !important; padding: 3px 0px; text-decoration: none; }
.PhpStiri ul li a:hover h2 { text-decoration: underline !important; color: #b00 !important; }
.PhpStiri ul li h4 a { color: #F60 !important; font-size: 14px !important; }
.PhpStiri ul li h4 a:hover { text-decoration: underline !important; color: #F60 !important; }
.PhpStiri ul li p { text-indent: 0px !important;  }


ul.scoreStars { display: block; width: 330px; height: 30px; list-style: none; background: url(score/no-score.png) no-repeat center center; }
ul.scoreStars li { width: 31px; height: 30px; float: left; display: block; margin: 0px 1px; }
ul.scoreStars li a { text-align: center; text-indent: -9999px; width: 31px; height: 30px; display: block; }

#xScorul { width: 30px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; color: #000; padding: 5px; }
.btnX { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 3px 12px; }
.btnX:hover { color: #a00; }



@media (min-width: 0px) and (max-width: 768px) {
.onDsk { display: none; }
.onMob { display: block; }	

#footer { width: auto; height: auto; padding: 10px; background-color: #333; color: #fff; }
#footer h1 { display: block; font-family: "Oswald", Arial, sans-serif !important; width: auto; font-size: 16px !important; font-weight:normal; line-height: 18px; color: #FC0; width: 90%; height: auto; float: none; padding: 3px; padding-bottom: 9px; padding-right: 0px; margin-right: auto !important; margin: 10px auto !important; border-right: none;  }
#footer ul { width: 90%; height: auto; list-style: none !important; display: block; padding: 5px; padding-left: 5px; margin: 10px auto; }
#footer ul li { float: left; display: inline-block; margin-right: 12px; }
#footer ul li.goTop { float: right !important; margin-right: 0px; padding-left: 15px; }
#footer ul li a { font-family: "Oswald", Arial, sans-serif !important; width: auto; font-size: 12px !important; font-weight:normal; line-height: 14px; color:#fff; text-decoration: none;  }
#footer ul li a:hover, #footer ul li.goTop a { text-decoration: none; color: #FC0; }
#ft_copyright { width: auto; height: auto; display: block; padding: 10px; border-top: solid 1px #fff; text-align: center; color: #111; background-color: #ccc; }
	
.coltext-1 { display: block;  width: 100% !important; height: auto; min-height: 900px; float: none !important;  margin: 3px !important; position: relative; text-align: left; }
.coltext-2 { display: block;  width: 90% !important; height: auto; min-height: 900px; float: none !important;  margin: 3px auto !important; position: relative; text-align: left; }
.coltext-2 .BannerRight { width: auto !important; margin: 10px auto !important; }
.coltext-full { display: block; width: auto; height: auto; min-height: 100% !important; float: none; margin: 7px auto; }
	
.PhpStiri { width: 98%; height: auto; display: block; overflow: show; }	
.PhpStiri li.NaLeft, .PhpStiri li.NaRight, .PhpStiri li.NaLarge { display: block; float: none; width: 96% !important; height: auto; margin: 5px auto !important; }
.PhpStiri li.NaLeft .col1, .PhpStiri li.NaRight .col1 { display:block; float:none; width: 99% !important; height:auto; position:relative; text-align:left; margin: 0px auto !important; }
.PhpStiri li.NaLeft .col2, .PhpStiri li.NaRight .col2 { display:block; float:none; width: 99% !important; height:auto; position:relative; text-align:left;  margin: 0px auto !important; }
.PhpStiri li.NaLeft .col1 img, .PhpStiri li.NaRight .col1 img,
.PhpStiri li.NaLeft .col2 img, .PhpStiri li.NaRight .col2 img { display:block; width: 95%; height: auto; max-height: auto !important; border: solid 1px #ccc; float: none; margin: 5px auto 5px 2px !important; }	
.PhpStiri li.NaLeft .col1 p, .PhpStiri li.NaRight .col1 p,
.PhpStiri li.NaLeft .col2 p, .PhpStiri li.NaRight .col2 p { padding-right: 20px; }
.PhpStiri li.NaLeft .col1 h2, .PhpStiri li.NaRight .col1 h2,
.PhpStiri li.NaLeft .col2 h2, .PhpStiri li.NaRight .col2 h2 { padding-right: 20px; }

.PhpStiri li.NaLarge { display: block; float: left; width: 98% !important; height: auto; }
.PhpStiri li.NaLarge .col1 { display: block; width: 96%; height: 190px; }
.PhpStiri li.NaLarge .col2 { display: block; width: 96%; height: auto; text-align: left; padding-top: 2px; padding-left: 5px; }  
.PhpStiri li.NaLarge .col1 a { display: block; width: 99%; height: 180px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: solid 1px #ccc; float: none; margin: 0px 15px 5px 0px; padding: 2px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; text-indent: -9999px; }


.wgbStiri { width: 94% !important; height: auto; display: block; clear: both; margin: 10px auto 10px auto !important; border: solid 2px #333; }
.wgbStiri ul li { display: block; float: none; width: 44% !important; height: 180px !important; background-color: #fff; margin: 5px 0px !important; overflow: hidden; }

.wgbStiri ul li:nth-child(even) { float: left !important; margin: 0px; } 
.wgbStiri ul li:nth-child(odd) { float: right !important; margin: 0px; margin-right: 6px !important; } 

.wgbStiri ul li img { display: inline-block; height: 100% !important; width: 100% !important; padding: 1px; background-color: #333; }
.wgbStiri ul li h3 { display: none; position: absolute; z-index: 2; width: 91% !important; height: auto; bottom: 1px; left: 1px; margin: 3px auto !important;  }
	











}