@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap');

html, body { margin:0; padding:0; }
body{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000; text-align:center; outline-style:none; outline-width:0; background-color:#e9e9e9 }


A img{ border:0px }
A{ color:#000;  text-decoration:none; }
a:focus{ outline-style:none; outline-width:0}
A:hover{ text-decoration:underline }

A.image, A.image IMG{ display:block; position:relative}
A.comments{ text-indent:0px; font-weight:normal; font-size:11px; color:#666; display:inline; text-decoration:underline}
A.comments:hover{ text-decoration:none}	

FORM, H1, H2, H3, P, UL{ margin:0px; padding:0px}
UL, LI{ list-style-type:none; padding:0px; margin:0px;}

H1{font-family: 'Oswald', sans-serif; font-size:28px; font-weight:normal; margin-bottom:10px}
H2{font-family: Arial,'Oswald', sans-serif; font-size:18px; line-height:normal; font-weight:500;}
	
.input{ height:21px; line-height:21px; font-size:11px;  margin:0px; padding-left:6px; color:#000; width:200px; border:1px solid #808080; background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:left -251px; font-family:Arial, Helvetica, sans-serif }	
TEXTAREA{ background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:left -251px; width:290px; height:100px; border:1px solid #808080; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:6px; padding-top:3px }

.wrap{ width:100%; max-width:1220px; margin:0 auto; text-align:left; position:relative; box-sizing:border-box}
.banner{ text-align:center; margin-bottom:20px}
.banner > DIV{ margin:0px auto}
.bnr{ margin:0px auto; margin-bottom:20px;}

.postit{ background-color: #FFF; padding: 10px}
.page{ padding:15px; background-color:#FFF; font-size:14px; line-height:20px}
.page UL, .page LI{ margin:auto; padding:auto; list-style-type:inherit}
.page UL { padding:15px}
.page P{ margin-bottom:15px}
.page H1{ font-weight:bold}
.page H2{ font-size:22px; margin-bottom:10px; color:#c21002}
.page H3{ font-size:16px; margin-bottom:5px}
.page table{ border-collapse:collapse; width:600px}
.page TD, .page TH { padding:4px}
.page TD P, .page TH P{ margin:0px; padding:0px}
.page TH{ background-color:#CCC; font-weight:bold}

#content,.content{ float:left; width:calc(100% - 356px); }
#sidebar,.sidebar{ width:336px; float:right  }
.spliter{display: flex; flex-wrap: wrap; margin:0px -10px}
   	.spliter .elements{flex:0 0 auto; padding:0px 10px; box-sizing:border-box; float:left; }

/*------------------brand-----------------*/
#brand{ text-align:center; z-index:65002}
	#brand #int_banner{ margin:auto; position:relative; width:1000px; z-index:65002}

/* ------------------BOXURI-------------------- */


.box{ margin-bottom:20px }
	.box .head{ display:inline-block; font-size:26px; font-weight:bold; text-align:center; color:#FFF; font-family: 'Oswald', sans-serif; text-transform:uppercase; background-color:#d02e2d; position:relative; padding:0px 10px; box-sizing:border-box }
	.box .head A{ color:#FFF}
	.box .more{ float:right}
	.box .body{ background-color:#FFF; overflow:hidden; zoom:1; border-top:4px solid #d02e2d; box-shadow: 2px 2px 10px lightgray; box-sizing:border-box; padding:0px 15px}
	.box .body LI{ border-bottom:1px solid #CCC; padding:10px 0px 10px 65px; position:relative}
	.box .body LI .hour{ position:absolute; left:10px; top:36%}
	.box .body LI a{ font-size:14px; font-family:Arial, Helvetica, sans-serif}
	
.box.theme1 .head{ background-color:#00bceb; color:#FFF; height:38px;  line-height:38px; }
.box.theme1 .head A{ color:#FFF}
	.box.theme1 .body{ border-top:5px solid #E8EBEF; }

.img_left{ float:left; margin-right:10px}
.img_right{ float:right; margin-left:10px}
.padleft10{ padding-left:10px}
.padright10{ padding-right:10px}
.padleft15{ padding-left:15px}
.padright15{ padding-right:15px}
.marginleft15{ margin-left:15px}
.marginright15{ margin-right:15px}
.margintop15{ margin-top:15px}
.marginbottom15{ margin-bottom:15px}

.marginright20{ margin-right:20px}
.marginbottom20{ margin-bottom:20px}

.supratitle{ background-color:#c21002; color:#FFF; font-size:14px; line-height:30px; padding-left:10px; font-weight:bold; padding-right:10px; letter-spacing:1px}
.supratitle_small{ background-color:#c21002; color:#FFF; font-size:12px; padding-left:10px; font-weight:bold; padding-right:10px;  letter-spacing:1px}

DIV.date, DIV.date A{  color:#666; font-size:11px}	


/*------------------BUTOANE-----------------*/
.btn{ background-color:#d02e2d; color:#FFF; font-size:14px; font-weight:bold; text-align:center; display:inline-block; margin:0px auto; padding:5px 10px;}

A .play{ position:absolute; right:10px; bottom:10px; width:50px; height:30px; overflow:hidden; background-image:url(/static/images/play2.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer}
	A:hover .play{ background-position:0px -30px}

A .play_small{ position:absolute; left:10px; bottom:10px; width:27px; height:16px; overflow:hidden; background-image:url(/static/images/play2_small.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer}
	A:hover .play_small{ background-position:0px -16px}

#TVBox{}
	#TVBox .title{ color:#c2c2c2; font-size:16px; text-transform:uppercase; font-weight:bold; line-height:41px}
	#shows{}
		#shows .more{ float:right; margin-right:10px; margin-top:10px; background-color:#C2C2C2; padding:0px 10px; color:#000; font-size:11px; font-weight:bold}
			#shows .more:hover{ background-color:#FFF; text-decoration:none}
			#shows .more B{ font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold}
		#shows LI{ float:left; width:155px; margin-right:15px}	
		#shows IMG{ display:block; margin-bottom:3px}
		#shows A{ color:#FFF; font-size:11px;}
			#shows A:hover{ text-decoration:underline}
			#shows A SPAN{ font-weight:bold; font-size:12px}


/*------------------HEADER--------------------*/
#header{ position:relative;}
#header .top{  height:30px; background-color:#FFF }
#header .top UL{}
		#header .top LI{ display:inline-block; vertical-align:middle}
		#header .top A{ color:#d02e2d}
		#header .top A:hover{}
		
	#header .wrap{}
	#header .top .left{ float:left; }
		#header .top .left LI{  padding:0px 10px}
		#header .top .left A{ font-size:12px; line-height:30px; font-weight:bold}

	#header .top .right{ float:right}
	#header .top .right LI { font-size:18px; line-height:30px; padding-right:10px; }
	#header .top .right LI A{ color:#000}
    #header .right LI svg{ height: 14px}
			

#searchForm{}
	#searchForm #q{ width:100px}
	#searchForm .submit{ display:block; width:70px; height:25px; overflow:hidden; float:right; border:0px;  padding:0px; margin:0px; background-color:#666; color:#FFF; text-transform:uppercase; cursor:pointer; background-image:none; font-weight:bold; font-family:Verdana, Geneva, sans-serif }
	

#header .middle{ background-color:#d02e2d; position:relative; box-sizing:border-box; padding:10px; min-height:100px; overflow:hidden}
	#header .middle #site-title{ width:183px; height:92px; background-image:url(/static/images/b1.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9000px; display:block; position:absolute; left:17px; top:50%; margin-top:-45px}
	#header .section_top{ color:#FFF; position:absolute; left:266px; top:25px; line-height:57px; font-size:50px; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; letter-spacing:-1px; font-weight:900; padding-left:27px}
		#header .section_top SPAN{ display:block; position:absolute; width:17px; height:17px; background-color:#FFF; left:0px; top:19px}

#header .bottom{ height:32px; background-color:#e8ebef}
	#header  .afiliate{ float:left; line-height:32px; margin-left:10px}
	#header  .afiliate a{ font-weight:bold}
	#header .bottom UL{ height:24px; float:right; margin-top:4px}
		#header .bottom UL LI{ float:left; margin-left:7px}
			#header .bottom UL LI A{ display:block; float:left; height:24px; line-height:24px; font-size:11px; font-weight:bold; padding-left:5px; padding-right:5px; background-color:#FFF; color:#000; text-transform:uppercase}
			#header .bottom UL LI A:hover { background-color:#f20000; background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:-20px -71px; color:#FFF}
	#header .bottom UL LI A.inregistrari{ background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:-20px -71px; background-color:#f20000; color:#FFF; padding-left:10px; padding-right:10px; font-size:12px; font-weight:bold;  }		
	#header .bottom UL LI A.activ{ background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:-20px -71px; background-color:#f20000; color:#FFF; padding-left:10px; padding-right:10px; font-size:11px; font-weight:bold;  }		

#location{font-size:12px; margin-bottom:20px; }
	#location A{ font-size:12px; color:#7f7e7e}
	#location SPAN{ padding-left:5px; padding-right:5px}

/*------------------HEADER MOBIL--------------------*/
#header_mobil .top{ padding:10px; background-color:#d02e2d; overflow:hidden; margin-bottom:10px}
#header_mobil UL{ text-align:left;  display: table; width:100%}
#header_mobil .top LI{ display:table-cell;; text-align:center; width:33.333%} 
#header_mobil .top LI a{font-family: 'Oswald', sans-serif; color:#FFF; font-size:28px; display:block; text-transform:uppercase; line-height:30px}
#header_mobil LI A.logo{ display:block; width:65px; height:35px; background-size:contain; background-image:url(/static/images/b1.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9000px; margin:0px auto }
#header_mobil LI.settings{ text-align:left}
#header_mobil LI.search{ text-align:right}
#header_mobil svg{ height: 25px}
#header_mobil .bottom LI{ display:table-cell; padding:0px 10px; width:50%; text-align:center}
#header_mobil .bottom LI A{font-family: 'Oswald', sans-serif;  background-color:#FFF; width:100%; text-align:center; text-transform:uppercase; color:#d02e2d; display:block; padding:3px;margin: 0px auto;box-sizing: border-box; border:1px solid #d02e2d}

#header_mobil #search-mobile{ display:none; overflow:hidden; padding:0px 10px; margin-bottom:10px; width:100%; box-sizing: border-box; z-index:10}
#header_mobil #search-mobile INPUT{ width:100%; box-sizing:border-box; padding: 5px 10px; font-size:20px}

/*------------------MENU--------------------*/
#navigation NAV{ width:100%; max-width:1220px; margin:0 auto; background-color:#FFF; margin-bottom:20px; z-index: 20; position:relative; padding:0px }
#navigation .close{ position:absolute; top:0px; left:100%; background-color:#333; font-size:30px; padding:0px 11px; display:none; color:#FFF; font-weight:bold; }	
#navigation UL{ text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between }

#navigation LI:hover UL{ display:block}
#navigation UL UL{ text-align:left; background-color:#d02e2d; display:none; position:absolute; left:0px; top:47px; z-index:10;}

#navigation UL UL LI{ white-space:nowrap;  margin-bottom:0px; padding:0px 10px; margin:0px; line-height:30px; width: 100%; box-sizing: border-box;}
#navigation UL UL LI a{ color:#FFF; padding:0px}
#navigation UL UL LI a:hover{ text-decoration:underline}

#navigation li { flex: 0 0 auto;  position:relative; }
#navigation LI:hover{ background-color:#d02e2d;}
#navigation LI:hover A{ color:#FFF; text-decoration:none}
#navigation li A{ font-family: 'Oswald', sans-serif; color:#000; font-size:16px; font-weight:bold; white-space:nowrap; text-transform:uppercase; padding:10px 7px; display:block }
#navigation li.activ{ background-color:#d02e2d;}
#navigation li.activ A{ color:#FFF}
#navigation2{ background-color:#e1e1e1; width:100%; height:36px; }

/*------------------SUBMENu--------------------*/
.submenu a{ padding:5px 10px; display:block; color:#FFF; font-weight:bold; font-family:"Arial Black", Arial; font-size:14px; }

#leaderboard{ float:right; width: 970px; text-align:center}

#subcategs{ position:absolute; visibility:hidden; padding-left:15px}
#subcategs UL{ text-align:left;  height:38px; }
#subcategs li { display:inline; float:left; }
	#subcategs li A{ color:#000; font-size:12px; font-weight:bold; white-space:nowrap; display:block; line-height:38px; height:38px; padding:0px 10px 0px 11px; margin-bottom:5px; float:left }
	#subcategs li A:hover, #subcategs li.activ A{ color:#C21002}

/*------------------HOMEPAGE--------------------*/
.section-flex UL{margin: 0px -10px;
    margin-bottom: 0px;
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
}
.section-flex LI{ display: flex; width:50%; padding: 0px 10px; box-sizing: border-box; margin-bottom:20px; float:left; vertical-align:top; min-height:130px}
.section-flex.columns3 LI{ width:33.3333%}

article{width:100%; height:100%; background-color:#FFF; padding:17px; padding-left:50%;  box-shadow: 2px 2px 10px lightgray; box-sizing: border-box; position:relative}
article .categ_name{ position:absolute; padding:3px 10px; display:inline-block;  background-color:#d02e2d; color:#FFF; text-transform:uppercase; font-size:12px; left:10px; bottom:10px;}
article .image{ position:absolute; left:17px; top:17px; width:40%; margin-bottom:20px}
article IMG{ width:100%; display:block}
article h2{ font-size:14px; margin-bottom:15px; font-weight: bold}
.ico{ width:auto; display:inline-block; vertical-align: middle}
article P{ display:none; padding-bottom:10px}

.section article, .related article, .secundar article,.principal article, .section-flex LI:nth-of-type(8n+1) article, .section-flex LI:nth-of-type(8n+2) article{ padding:17px;}
.section article .image,.related article .image,.secundar article .image, .principal article .image,.section-flex LI:nth-of-type(8n+1) article .image, .section-flex LI:nth-of-type(8n+2) article .image{ position:relative; width:100%; left:auto; top:auto; display:block !important}
.section p,.principal p,.section-flex LI:nth-of-type(8n+1) p, .section-flex LI:nth-of-type(8n+2) p{ display:block}
.section H2,.principal H2,.section-flex LI:nth-of-type(8n+1) H2, .section-flex LI:nth-of-type(8n+2) H2{font-family: 'Oswald', sans-serif; font-size:19px; line-height:25px; font-weight:500;}

/*------------------SECTIONS--------------------*/
.section UL{margin: 0px -10px;
    margin-bottom: 0px;
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
}
.section LI{ display: flex; width:50%; padding: 0px 10px; box-sizing: border-box; margin-bottom:20px;}


/*------------------POLL--------------------*/
.poll{ padding:10px; background-color:#FFF; margin-right:10px}
	.poll LABEL{ clear:both;  display:block; border-bottom:1px solid #DDDDDD; padding: 4px 0px 4px 0px; cursor:pointer}

/*------------------LIVE--------------------*/
.player{background-color:#FFF; padding:20px; box-sizing:border-box; box-shadow: 2px 2px 10px lightgray; margin-bottom:30px; text-align:center }
.player div.au-video-holder{ margin-bottom:20px}
.player #player-content{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	display:block;
	overflow:hidden;
}
.player #player-content IFRAME, .player #player-content VIDEO {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
	
/*----------------RELATD----------------------------*/
.related .head { border-bottom:4px solid #d02e2d; margin-bottom:15px}
.related .head h2, .related .head strong{ display:inline-block; font-size:26px; font-weight:bold; text-align:center; min-width:50%; color:#FFF; font-family: 'Oswald', sans-serif; text-transform:uppercase; background-color:#d02e2d; position:relative; padding:0px 20px; box-sizing:border-box }
.related .head .more{ float:right; color:#d02e2d; font-weight:bold}
.related UL{margin: 0px -10px;
    margin-bottom: 0px;
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
}
.related LI{ display: flex; width:33.3333%; padding: 0px 10px; box-sizing: border-box; margin-bottom:20px;}

/*------------------FOOTER--------------------*/
#footer{ text-align:center; margin-top:10px; padding-top:10px; padding-bottom:10px; border-top:1px solid #CCC}
#footer .footer-left{ float: left; overflow: hidden; width: 70%}
#footer .footer-right{ float: right; font-size: 12px; width: 30%; text-align: right}
	#footer{ position:relative;}
	#footer UL{ clear:left}
	#footer LI{ float:left; color:#c21002; font-weight:bold; font-size:11px; margin-right:10px; line-height:17px}
	#footer LI A{ color:#000; font-weight:normal}
	#footer .logo_footer{background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:left -151px; width:98px; height:49px; margin-left:auto; margin-top: 10px; display:block;}
	.copy{ color:#808080; font-size:11px; padding-top:5px;}
	
		
	
/*------------------DIV OVER BOX EMAIL--------------------*/
#overlay{ width:100%; height:100%; background-color:#000; position:fixed; left:0px; top:0px; z-index:10000; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; display:none}
#box_email_2 {
	display:none;
	padding:10px;
	position:fixed;
	width:600px;
	z-index:10001;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background-color:rgba(153, 153, 153, 0.75);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;	
	
}
#box_email {
	display:none;
	padding:10px;
	position:fixed;
	width:600px;
	z-index:10001;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background-color:rgba(153, 153, 153, 0.75);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;	
	
}
.tooltip{
    background-color: #fff;
    border: 10px solid #ccc;
    color: #303030;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    z-index: 2;
	display:none;
	width:600px;
	padding:10px;
}
.facebook{ text-align:center; position:relative; background-color:#FFF}
.facebook .img{ 
		-moz-box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);;
		-webkit-box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);;
		box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);;
		width:400px; margin:auto;
		margin-top:5px

}
.facebook .close{ position:absolute; right:5px; top:5px; z-index:10 }
.facebook .close A{ margin:auto; background-color:#FFF; padding:5px}

#bar{ position:absolute; top:250px; left:50%}
#bar .flash{ 
		-moz-box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);;
		-webkit-box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);;
		box-shadow: 0 0 0px 15px rgba(255,255,255,0.7);
		width:598px; height:303px; margin-left:-320px;
		padding-right:0px;
}
#bar .close{ position:absolute; right:0px; top:px }
#bar .close A{ margin:auto; background-color:#FFF; padding:5px}

/*------------------Multiple article--------------------*/
.multiple_article{ overflow:hidden; background-color:#FFF; padding:10px; margin-bottom:20px}
	.multiple_article UL{ width:680px}
	.multiple_article LI	{ display:inline-block;  width:312px; vertical-align:top; overflow:hidden; margin-right:18px; margin-bottom:20px; overflow:hidden;
						*display:inline; zoom:1; 
	}
	.multiple_article  a{font-size:14px}
	.multiple_article .image{ display:block; position:relative; margin-bottom:5px}	

	
#vdtonline{ }
	#vdtonline .jcarousel-clip LI IMG{  float:left; margin-right:7px}

/*------------------TOP READ--------------------*/
.tops{ }
	.tops LI { position:relative; margin-top:7px; border-bottom:1px  dotted #9e9f9f; padding-bottom:7px; padding-left:11px; background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:-297px -47px}
		.tops LI A{ font-size:12px; line-height:16px; font-family:Georgia, Arial; color:#000 }
		.tops LI A:hover{ color:#0054a6}
		.tops LI span{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal}

/*------------------RSS--------------------*/
.evz { border:1px solid #e81c1d; margin-top:20px; margin-bottom:15px}
.evz .body IMG{ float:left; margin-right:10px; }
.evz .more{ font-weight:bold; padding-left:10px; margin-top:5px}
.evz LI{ background-image:none}

/*------------------CAPITAL--------------------*/
.capital { border:1px solid #ccc; margin-top:15px; margin-bottom:15px}
.capital .body IMG{ float:left; margin-right:10px; }
.capital .more{ font-weight:bold; padding-left:10px; margin-top:5px}
.capital LI{ background-image:none}

/*------------------recoamdnari--------------------*/
#recomandari .block{ padding-bottom:7px; position:relative}
#recomandari .pe_blog{position:absolute; right:-10px; top:-10px}
#recomandari .button3{ background-position: -47px -71px}
#recomandari .block IMG{ float:left; margin-right:10px}
#recomandari .rec_right{ float:right; width:185px}
#recomandari .line{ border-bottom:1px dotted #DBDBDB; margin-bottom:10px}
#recomandari  .rec_link{ font-weight:bold}
#recomandari SMALL{ display:block; color:#666666; font-weight:bold; font-size:10px; font-family:Tahoma, Geneva, sans-serif}
#recomandari SPAN{ display:block; margin-top:10px}

.section3{}
.section3 UL LI DIV.left{ float:left; width:97px}
	.section3 UL LI DIV.right{ margin-left:104px; position:relative}

/*------------------TOP VIDEO--------------------*/
#sidebar_videos { height:240px; overflow:auto; position:relative} 
	#sidebar_videos LI{ margin-bottom:7px}
	#sidebar_videos .image{ float:left; margin-right:5px}
	#sidebar_videos .image IMG{ width:100px}

/*------------------VIDEO MORE--------------------*/
#tabs .video_more{background-color:#e6e6e6; padding:15px; margin-bottom:10px}
	#tabs .video_more UL{width:3080px; }
	#tabs .video_more LI{float:left; width:150px; margin-right:23px; background-color:#FFF; height:200px; padding:3px; margin-bottom:10px;}
	#tabs .video_more .scroll-pane{width: 940px;	height: 450px;	overflow: auto;}
	#tabs .video_more.home .scroll-pane{ height:240px}

#video{ }
	#video .jcarousel-clip{ width:870px; height:200px; position:relative; margin-left:35px}
	#video .jcarousel-clip LI, .jcarousel-item{ width:150px; height:200px}
	
	#video A.jcarousel-prev{ height:31px; width:31px; position:absolute; left:0px; top:80px; display:block; background-image:url(/static/images/video_left.png); background-position:left top; background-repeat:no-repeat}
	#video A.jcarousel-next{ height:31px; width:31px; position:absolute; right:0px; top:80px; display:block; background-image:url(/static/images/video_right.png); background-position:left top; background-repeat:no-repeat}

/*------------------TWITTER--------------------*/
#twitter-home .twtr-bd{ padding-top:1px}
#twitter-home .twtr-hd{ display:none}

#twitter-home iframe.twitter-timeline {height:167px !important}

/*------------------READ MORE--------------------*/
.read_more{ overflow:hidden; margin-bottom:20px}
	.read_more  .head{ color:#cc0000; font-size:24px; line-height:normal; margin-bottom:7px; padding-top:5px; border-top:1px solid #CCC}
	.read_more UL{ width:660px}
	.read_more LI{ width:190px; margin-right:15px; float:left}

/*------------------LITERA--------------------*/
#litera{ background-color:#E6E6E6; padding:10px; margin-bottom:15px}
	#litera .jcarousel-clip{ width:600px; height:150px; position:relative; margin-left:35px; }
	#litera .jcarousel-clip LI, .jcarousel-item{ width:300px; height:150px}
	
	#litera A.jcarousel-prev{ height:31px; width:31px; position:absolute; left:0px; top:55px; display:block; background-image:url(/static/images/video_left.png); background-position:left top; background-repeat:no-repeat}
	#litera A.jcarousel-next{ height:31px; width:31px; position:absolute; right:0px; top:55px; display:block; background-image:url(/static/images/video_right.png); background-position:left top; background-repeat:no-repeat}
	#litera IMG{ float:left; margin-right:10px}
	#litera .litera_price{ margin-top:10px}
	#litera .litera_new_price{ color:#C21002; font-size:14px}
	#litera .litera_old_price{ text-decoration:line-through}

/*------------------link gallery--------------------*/
.gallery-link{ display: block;  margin-left: 30px; border-left:2px solid #d02e2d; padding-left: 10px}

/*------------------PAGINATION--------------------*/
.pagination { padding:5px;  font-size:0.9em; line-height:30px}
	.pagination A{ padding:3px; }
	.pagination A.activ{ color:#000; font-weight:bold;}
	.pagination EM{ color:#BDBDBD}
	.pagination A STRONG{ font-size:16px; font-weight:normal;}

/*------------------OTHER--------------------*/
#top_video .head B.video{ margin-left:5px; padding-top:3px}
b.video{background-image:url(/static/images/sprite.gif); background-repeat:no-repeat; background-position:left -230px; width:15px; height:11px; line-height:11px; font-size:11px }
.eticheta{ font-size:11px; padding-right:10px; line-height:23px; color:#c21002; border-bottom:3px solid #c21002; text-transform:uppercase; display:block; font-weight:bold}


/* NOTIFICATION */
.push-notification{ position:fixed; top:0px; z-index:200000; background-color:#FFF; padding:15px 10px; display:none; text-align:center; font-family:Oswald , Arial, Helvetica, sans-serif; max-width:500px; margin:0px auto; left:50%; -moz-box-shadow: 0px 0px 14px #000;	-webkit-box-shadow: 0px 0px 14px #000;	box-shadow: 0px 0px 14px #000; box-sizing: border-box;-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); width: 95%;}
.push-notification IMG{ vertical-align:middle}
.push-notification .close{ color:#008cff; text-transform:uppercase; text-decoration:none; font-size:13px; margin-right:10%}
.push-notification .close:hover{ color:#000}
.push-notification A.accept{ font-family:"Oswald"; font-weight:700; text-decoration:none; padding:2px 8px 3px; background-color:#d02e2d; border-radius: 3px; display: inline-block !important; color:#FFF; font-size:14px; margin-top:20px; font-weight:bold; text-transform:uppercase}
.push-notification A.accept:hover{ background-color:#008cff}

.u_container {display:block;position:relative;border:0;padding:0;margin:0 auto;text-align:center;width:1014px}
u_container a {display:block;}
.u_up {display:block;position:relative;border:0;padding:0;margin:0;text-align:center;}
.u_left {display:block;position:absolute;top:0;left:-148px;z-index:1000;}
.u_right {display:block;position:absolute;top:0;right:-148px;z-index:1000;}

div.au-video > p {padding:28.12% 5px 28.12% 5px;box-shadow:0 0 4px #999;text-align:center;font-size:16px;font-weight:bold;}

#bg_grey {
    padding: 2px;
    font-weight: bold;
    color: #d02e2d;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
}
#bg_grey A {
    color: #d02e2d;
    font-size: 22px;
    line-height: 20px;
}
table.table_calendar {
	margin:0;
	padding:0;
	border:none;
	font-size:14px;
	background-color:#FFF
}
table.table_calendar tr {
	margin:0;
	padding:0;
	border:none;
}
table.table_calendar tr.first {
	background-color:#DDD;
}
table.table_calendar #bg_grey {
	background-color:#FFF;
	padding:5px 0px;
}
table.table_calendar td {
	height:40px;
	width:40px;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}
table.table_calendar td a {
	height:25px;
	width:40px;
	padding-top:12px;
	display:block;
	background-color:#d02e2d;
	color:#FFF;
	font-weight:bold
}
table.table_calendar td a:hover {
    background:rgba(208,46,45,0.5);
}
table.table_calendar td a.selected {
	background-color:#FF1500;
	text-shadow:0 1px 0 #000;
	color:#fff;
}
#box_calendar .fl {
	margin:0;
	float:left
}
#box_calendar .fr {
	margin: 0;
	float:right;
}

@media screen and (min-width: 701px) {
	.mobile_only{ display:none !important}
	.mobile_only_v{ visibility: hidden  !important}

}
@media screen and (max-width: 768px) {
	.wrap { padding-left:10px; padding-right:10px}
	#content,.content{ width:100% }
	#header .top .left LI {
		padding: 0px 7px;
	}
	
	
}
@media screen and (max-width: 700px) {
	.desktop_only{ display:none !important}
	.desktop_only_v{ visibility: hidden  !important}
	#content, .content{ float:none}
	
	#navigation{ 
		position:fixed;
		left:-300px;
		top:0px;
		width:250px;
		z-index:11;
		border:0px;
		height:100%;
		transition:        	 left 0.5s, transform .5s;
		-moz-transition:	 left 0.5s, -moz-transform .5s; 
		-webkit-transition:	 left 0.5s, -webkit-transform .5s;
		-o-transition:		 left 0.5s, -o-transform .5s;
		background-color:#FFF;
	}
	#navigation UL{ text-align: left}
	#navigation NAV{ height:100%; overflow:auto}
	#navigation LI{ display:block; font-size:16px; width: 100%}
	#navigation LI A{ color:#000 !important; font-size:20px;}
	#navigation.active{ left:0px}
	#navigation .close{ display:block}

	#sidebar, .sidebar{ width:100%; float:none}
	.sidebar{ display:none}
	.related LI { width:100%; margin:0px}
	
	.box .head, .related .head H2, .related .head strong { font-size:20px}
	
	.spliter{ width:100% !important; margin:0px}
   	.spliter .elements{ float:none; width:100% !important; padding:0px !important}
	.section-flex LI, .section LI  { width:100%; margin-bottom:0px;}
	.section-flex UL > DIV { width:100%;}
	article{ height:auto; margin-bottom:20px; padding-left:17px}
	article h2 {
		font-family: 'Oswald', sans-serif;
		font-size: 19px;
		line-height: 25px;
		font-weight: 500;
	}
	.partener article h3 { font-size: 14px; line-height: normal}
	article .image { display:none}
	article P { display:block}
	
	.partener{ padding:0px 10px}
	.partener article{ padding-left:50%}
	.partener article .image{ display:block}
	.player { padding:0px}

	/*------------------link gallery--------------------*/
	.gallery-link{ margin-left: 0px; }

	#footer .footer-left{ float: none; width: 100%}
	#footer .footer-right{ float:none; width: 100%; text-align: left; margin-top: 10px;}
	#footer .logo_footer{ margin-right: auto}
}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}		
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* -- tags -- */
#tag-head {
	background-color: #FFF;
	padding: 30px;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px lightgrey;
	margin-bottom: 40px;
}
.boxed-ul, .stiemap-tags-conatiner { box-shadow: 2px 2px 10px lightgrey; background: #fff; margin-left: 0 !important; margin-right: 0 !important; padding: 10px; margin-bottom: 35px !important;}
.custom-tag-item { margin-bottom: 0 !important; }
li.custom-tag-item { width: 25%; padding: 10px; }
.custom-tag-article { box-shadow: none; padding: 0 !important; }

#tag-description { max-height: 100px; overflow: hidden; margin-bottom: 10px; }
#tag-read-more { text-decoration: underline; font-size: 12px; margin-top: 10px; }
.tag-collapsed { height: 100%; max-height: 100% !important;}

h2.letter-head { min-width: 30% !important;}
.letter-list, .stiemap-tags-conatiner {display: flex; flex-wrap: wrap;}
.letter-list { justify-content: space-between;}
.tag-letter {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: bold;
}
.tag-letter a {text-decoration: none;}
.stiemap-tags-conatiner { position: relative; padding: 20px}
.sitemap-tag-item {flex: 1 0 23%;margin: 5px;}
.tag-sitemap-more {
	position: absolute;
	background-color: #d02e2d;
	bottom: -10px;
	right: 40px;
	padding: 5px 20px;}
.tag-sitemap-more a {font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-weight: bold}

@media screen and (max-width: 768px) {
	li.custom-tag-item { width: 100% }
	.sitemap-tag-item { flex: 1 0 45%; }
	.tag-letter { width: 10%}
}

@media screen and (max-width: 400px) {
	#tag-description { max-height: 115px; }
}