html, body { margin:0; padding:0; }
body{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#333; text-align:center; outline-style:none; outline-width:0; background-color:#FFF }

A img{ border:0px }
A{ color:#003366;  text-decoration:none; }
a:focus{ outline-style:none; outline-width:0}
A:hover{ color:#cc0000 }

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-size:30px; line-height:37px;  font-weight:bold; margin-bottom:16px}
H2{ font-size:16px; font-weight:bold; font-family: Arial, Georgia; color:#000 }
H3{ color:#C6193C; margin-bottom:10px}
INPUT{ font-family:Arial, Helvetica, sans-serif}



.wrap{ width:1000px; margin:0 auto; text-align:left; position:relative;}
.content{ float:left; margin:16px 8px 16px 8px; background-image:url(../images/bgr_body.png); background-repeat:repeat-y; background-position:right; width:984px}
.content_wide{ float:left; margin:16px 8px 16px 8px; width:984px}

.border_left{width:1001px; background-image:url(/static/images/border.png); background-repeat:no-repeat; background-position:left top; padding-left:1px; position:relative; z-index:99}
.border_right{width:1000px; background-image:url(/static/images/border.png); background-repeat:no-repeat; background-position:right top; padding-right:1px}


#main{ width:654px; float:left;}	
#sidebar{ width:320px; float:left; margin-left:10px }
.spliter{}
   	.spliter .elements{ float:left;}


#stick_left_160, #stick_right_160{ z-index:2}

/*------------------brand-----------------*/
#brand{ text-align:center; z-index:65002}
	#brand #int_banner{ margin:auto; position:relative; width:1000px; z-index:65002}

/* ------------------BOXURI-------------------- */
.box{ margin-bottom:10px}
	.box .head{ color:#000; height:40px; line-height:40px; padding-left:10px; margin-bottom:10px; font-size:18px; font-weight:bold}
	.box .img{ position:relative}
	.box .head A{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px; }
	.box .head {

		background: -moz-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		background: linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f2f2));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #ffffff, #f1f2f2);
		background:	-o-linear-gradient(top, #ffffff, #f1f2f2);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2)";
		background-color:#f1f2f2;
		border-bottom: 1px dashed #CBCBCB;
		border-top:2px solid #F1F2F2;
	}
		
.margin10{ margin:10px}	
.marginleft10{ margin-left:10px}
.marginright10{ margin-right:10px}
.margintop10{ margin-top:10px}
.marginbottom10{ margin-bottom:10px}

.margintop15{ margin-top:15px}
.marginbottom15{ margin-bottom:15px}

.red_box{ border-top:2px solid #F1F2F2; margin-bottom:10px}
	.red{ width:73px; height:2px; background-color:#CC0000; margin-top:-2px;}
	.head .red{  margin-left:-10px}
 B.media{ color:#CC0000; font-weight:bold}
	B.media IMG{ border:0px !important}

.supratitle{ font-size:16px; font-weight:bold; color:#cc0000}

#leaderboard{ text-align:center; background-color:#E4E5E6; padding:10px} 
/*------------------HEADER--------------------*/
#header .top{ height:40px; position:relative; background-color:#112A43;}
	#header .top UL.left{ float:left}
	#header .top UL.right{ float:right}
	#header .top LI{ float:left}
	#header .top  A{ font-size:14px; line-height:40px; color:#FFF; display:block; margin-right:10px; padding:0px 10px}
	#header .top  A:hover{ background-color:#143872}
	#clock{ position:absolute; top:65px; left:0px;}
#header .middle{ height:120px; border-bottom:1px solid #231F20; overflow:hidden; background-color:#FFF}	
	
	#site-title-ro{  float:left; position:relative}
	#logo{ background-image:url(/static/images/new_jurnalul_sig.png); background-repeat:no-repeat; background-position:left top; display:block; width:237px; height:45px; text-indent:-99999px; margin-top:15px;}
	#title_section{ float:left; white-space:normal; font-size:24px; line-height:28px; margin-top:10px;}

/* NOTIFICATION */
.push-notification{ position:fixed; top:0px; z-index:200000; background-color:#FFF; padding:25px 10px; display:none; text-align:center; font-size: 16px; font-family:Roboto , Arial, Helvetica, sans-serif; width:500px; margin:0px auto; left:50%; margin-left:-250px;-moz-box-shadow: 0px 0px 14px #000;	-webkit-box-shadow: 0px 0px 14px #000;	box-shadow: 0px 0px 14px #000;}
.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:"Roboto"; font-weight:700; text-decoration:none; padding:2px 8px 3px; background-color:#31B58E; 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}
	
/*------------------SEARCH--------------------*/
#searchForm{float:left;
	width:155px;
	height:21px;
	margin:8px 0 0 0;
	border:1px solid #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background-color:#ffffff;
	-moz-box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #FF0000 inset;
	-webkit-box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #989898 inset;
	box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #989898 inset; }
#searchForm input	{
	background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 15px;
    line-height: 18px;
    margin: 3px 0 0 3px;
    padding-left: 3px;
    width: 128px;}
	
/*------------------MENU--------------------*/
#navigation { background-color:#1c4670; height:40px; border:1px solid #000; border-top:0px; border-bottom:0px; position:relative ; z-index:100 }
#navigation UL{ margin-top:-3px; display:block; float:left; }
	#navigation LI{ float:left; display:block; overflow:hidden; }
	#navigation LI A{ font-size:16px; line-height:43px; display:block; color:#FFF; padding:0px 11px 0px 11px;}
	#navigation LI.activ A, #navigation LI:hover A{ background-color:#FFF; border:1px solid #ccc; border-bottom:0px; color:#000; padding:0px 10px 0px 10px; line-height:42px;}
	
	#navigation .home{ background-image:url(/static/images/sprite.png); background-repeat:no-repeat; background-position:left top; padding:0px; margin:0px; margin-top:3px; width:49px; height:40px; overflow:hidden; text-indent:-999999px}
	#navigation .home:hover{ padding:0px; border:0px; margin:0px; margin-top:3px; background-position:-58px 0px}
	
	#navigation .webcam{ float:right;}
	#navigation .webcam A{background-image:url(/static/images/sprite.png); background-repeat:no-repeat; background-position:-117px top; width:102px; padding-right:0px; padding-left:0px; text-indent:-99999px; margin-top:3px; line-height:40px }
	#navigation .webcam A:hover{ background-color:transparent;  border:0px; color:#000; padding:0px; margin-top:3px}
	
	#navigation .submenu{
		z-index:100; position:absolute; left:0px; top:40px; height:40px; width:100%;
		
		background: -moz-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		background: linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f2f2));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #ffffff, #f1f2f2);
		background:	-o-linear-gradient(top, #ffffff, #f1f2f2);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2)";
		background-color:#f1f2f2;
		visibility:hidden;
	}
	#navigation LI UL{ 
		position:absolute; left:0px; top:3px; height:40px;
	}
	#navigation LI:hover .submenu{ left:0px; visibility:visible }
		#navigation LI UL A{ color:#1F4F82 !important; line-height:40px !important; padding:0px 5px 0px 10px !important; background-color:transparent !important; font-size:14px; border:0px !important}
		#navigation LI UL A:hover{ border:0px; line-height:40px; padding:0px 5px 0px; color:#CC0000 !important; }
		
#navigation2{

	background: -moz-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #ffffff, #f1f2f2) repeat scroll 0 0 transparent;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f2f2));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff, #f1f2f2);
	background:	-o-linear-gradient(top, #ffffff, #f1f2f2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2)";
	background-color:#ff0000;
	height:40px;
	border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #ccc
}
#subcategs{ position:absolute; visibility:hidden}
#subcategs UL{ text-align:left;  height:40px; }
#subcategs li { display:inline; float:left; }	
#subcategs A{ color:#1F4F82; line-height:40px !important; padding:0px 5px 0px 10px !important; background-color:transparent !important; font-size:14px; border:0px !important}
		#subcategs LI.activ A, #subcategs A:hover{ border:0px; line-height:40px; padding:0px 5px 0px; color:#CC0000; }
/*------------------SPOTLIGHT--------------------*/
	#spotlight1{ position:relative; background-color:#FFF; height:738px; widows:100px; overflow:hidden }
		#spotlight1 .jcarousel-control{ position:absolute; bottom:0px; left:0px; width:1100px;
				height:264px;
				border-top:1px solid #8e897f;
				border-bottom:1px solid #8e897f;
				background: -moz-linear-gradient(center top, #f2f2f2, #ffffff) repeat scroll 0 0 transparent;
				background: -webkit-linear-gradient(center top, #f2f2f2, #ffffff) repeat scroll 0 0 transparent;
				background: linear-gradient(center top, #f2f2f2, #ffffff) repeat scroll 0 0 transparent;
				/* For WebKit (Safari, Google Chrome etc) */
				background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
				/* For Mozilla/Gecko (Firefox etc) */
				background: -moz-linear-gradient(top, #f2f2f2, #ffffff);
				background:	-o-linear-gradient(top, #f2f2f2, #ffffff);
				/* For Internet Explorer 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2f2, endColorstr=#ffffff);
				/* For Internet Explorer 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2f2, endColorstr=#ffffff)";
				background-color:#ffffff;
			}
			#spotlight1 .jcarousel-control div{ display:block; position:relative;  cursor: pointer;    float: left;    height: 234px;    padding: 15px;    width: 154px; margin-right:20px; font-size: 15px;    line-height: 20px;}
			#spotlight1 .jcarousel-control div.selected{ background-color:#1F4F82; color:#FFF; }
			#spotlight1 .jcarousel-control div.selected A{ color:#FFF}
				 #spotlight1 .jcarousel-control div.selected EM{ background-image:url(/static/images/sageata_sus.png); background-repeat:no-repeat; background-position:center top; width:179px; height:12px; position:absolute; top:-12px; left:0px;}
			#spotlight1 .jcarousel-control .image{ display:block; padding:10px; background-color:#FFF; border:1px solid #ccc; margin-bottom:10px}	 
				 
		#spotlight1 .jcarousel-clip{ width:1000px; height:474px;   overflow:hidden }
		#spotlight1 .jcarousel-clip LI{ position:relative; width:970px; height:442px; padding:15px; overflow:hidden }
			#spotlight1 .jcarousel-clip .left{ float:left; overflow: hidden;    width: 315px;   color: #333333; height:425px; overflow:hidden }
			#spotlight1 .jcarousel-clip .text{    font-size: 15px;    line-height: 20px;    padding: 10px 0 0;}
			#spotlight1 .jcarousel-clip .title{font-size: 32px;    font-weight: bold;    line-height: 37px;}
			#spotlight1 .jcarousel-clip .image{ display:block; padding:2px; border:1px solid #999999; overflow:hidden; width:638px; height:424px}
			#spotlight1 .jcarousel-clip .right{ width: 644px; float:right}
			
		#spotlight1  A.jcarousel-prev{ width:39px; height:55px; position:absolute; left:420px; bottom:17px; display:block; background-image:url(/static/images/sprite.png); background-position:-0px -346px; background-repeat:no-repeat}
			#spotlight1  A.jcarousel-prev:hover{ background-position:-40px -346px; }
		#spotlight1  A.jcarousel-next{ width:63px; height:55px; position:absolute; right:479px; bottom:17px; display:block; background-image:url(/static/images/sprite.png); background-position:-80px -346px; background-repeat:no-repeat}
			#spotlight1  A.jcarousel-next:hover{ background-position:-144px -346px; }
			
/*------------------SPOTLIGHT2--------------------*/
	#spotlight2{ position:relative; background-color:#FFF; height:266px; width:800px; overflow:hidden; margin-left:8px}
		#spotlight2 .jcarousel-control{ position:absolute; top:0px; right:0px; width:395px;
				
			}
			#spotlight2 .jcarousel-control div{ display:block; position:relative;  cursor: pointer;  height: 56px; font-size: 18px; padding:5px; line-height: 22px; border-bottom:1px solid #CCC}
			#spotlight2 .jcarousel-control div.selected{ background-color:#1F4F82; color:#FFF; }
			#spotlight2 .jcarousel-control div.selected A{ color:#FFF}
				
		#spotlight2 .jcarousel-clip{ width:400px; height:266px;   overflow:hidden }
		#spotlight2 .jcarousel-clip LI{ position:relative; width:400px; height:266px; overflow:hidden }
			
						

/*------------------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}

/*------------------FOLLOW--------------------*/	
.title_sidebar{ font-size:30px; line-height:32px; margin-top:20px; margin-bottom:10px; font-weight:bold}
.facebook, .twitter, .rss_sidebar { text-transform:uppercase; float:left; margin-right:43px; width:70px; text-align:center;  color:#333333; font-size:10px}
.rss_sidebar{ margin-right:0px}
.facebook IMG, .twitter IMG, .rss_sidebar IMG{ display:block; margin-bottom:5px}

.subme { 
	background-image: url("/static/images/abonez_btn.png");
    background-position: left top;
    background-repeat: no-repeat;
	overflow:hidden;
    height:25px;
	width:83px;
	border: medium none;
}

/*------------------FOLLOW--------------------*/
#lastest_news{	
	width:280px;
	background-color:#ffffff;
	margin:8px 0 0 0;
	padding:0 10px 8px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
	overflow:hidden
}
#lastest_news LI{ height:40px; overflow:hidden; border-bottom:1px solid #CCC; padding:8px 0 0 4px}
#lastest_news LI a{ width:230px; float:right; display:block}
#lastest_news LI DIV{ float:left; width:40px; color:#CC0000; font-weight:bold}
#lastest_news LI.odd{ background-color:#EDEDED}

/*------------------ARTICOL--------------------*/
.art{ margin-bottom:15px}
	.art H2 a{ font-size:30px; line-height:36px}
	.art IMG{ border:1px solid #CCC; padding:1px}

.art_top{ }
	.art_top H2 a{ font-size:12px; line-height:16px}
	.art_top IMG{ border:1px solid #CCC; padding:1px; margin-right:10px; float:left}

/*------------------articole secundare--------------------*/
.item_home{ overflow:hidden; zoom:1; margin-bottom:32px; width:322px; float:left}
.item_home h2 A{ font-size:16px; font-weight:bold; line-height:20px}
.item_home h2{ margin-bottom:8px}
.item_home .img_left{ float:left; margin-right:10px}
.item_home .right{ float:right; width:208px}

.item_home IMG{ border:1px solid #CCC; padding:1px}

.item_home.big{ width:100%}
.item_home.big H2 A{ font-size:22px; line-height:28px}
.item_home.big .right{ width:328px; float:right}
.item_home .right.exp{ width:100%}

.item_home.big2{ width:100%; padding:15px; box-sizing:border-box;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f2f2));
	background: -webkit-linear-gradient(top, #fff, #f1f2f2);
	background: -moz-linear-gradient(top, #fff, #f1f2f2);
	background: -ms-linear-gradient(top, #fff, #f1f2f2);
	background: -o-linear-gradient(top, #fff, #f1f2f2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2)";

}
.item_home.big2 H2 A{ font-size:30px; line-height:28px}
.item_home.big2 .right{ width:75%; float:right}
.item_home.big2 .img_left{ width:23%; float:left}

.related { font-weight:bold; color:#cc0000}
.related label{ color:#cc0000; font-weight:normal}
.related a{ font-weight:bold}

/*------------------SECTION--------------------*/
.section .rss{ float:right; background-image:url(../images/rss_icon.png); background-repeat:no-repeat; background-position:left top; display:block; width:20px; height:20px; margin-top:10px; margin-right:10px; text-indent:-99999px; overflow:hidden}
.item{ margin-bottom:20px}
.item H2 { margin-bottom:7px}
.item H2 A{ font-size:16px; line-height:18px;}
.item IMG{ border:1px solid #CCC; padding:1px; margin-right:10px; float:left}
.item .right{ width:455px; float:right}
.item .exp{ width:100%;}

/*------------------CAROUSEL--------------------*/
.section_carousel{ width:100%; height:190px; overflow:hidden}
	.section_carousel .autor{ color:#CC0000; text-transform:uppercase}
	.section_carousel LI{ height:130px}

/*------------------WEBCAM--------------------*/
#webcams_hp{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f2f2));
	background: -webkit-linear-gradient(top, #fff, #f1f2f2);
	background: -moz-linear-gradient(top, #fff, #f1f2f2);
	background: -ms-linear-gradient(top, #fff, #f1f2f2);
	background: -o-linear-gradient(top, #fff, #f1f2f2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f2f2)";
	padding:10px;
	position:relative; 
	overflow:hidden
}
#webcams_hp .close{ position:absolute; right:0px; top:0px; width:32px; height:32px; display:block; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:-215px -215px; text-indent:-999999px; overflow:hidden }
#webcams_hp H2{ margin-bottom:10px}
#webcams_hp .item_webcam{ float:left; width:69px; margin-right:10px; margin-bottom:10px; overflow:hidden}
#webcams_hp IMG{ display:block}
#webcams_hp .left{ width:190px; float:left}
#webcams_hp .right{ width:790px; float:right}

/*------------------WEBCAM BANNER TOP--------------------*/
#webcams_banner_top{
	overflow:hidden;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f2f2));
	background: -webkit-linear-gradient(top, #fff, #f1f2f2);
	background: -moz-linear-gradient(top, #fff, #f1f2f2);
	background: -ms-linear-gradient(top, #fff, #f1f2f2);
	background: -o-linear-gradient(top, #fff, #f1f2f2);
	padding:10px;
	position:relative
}
#webcams_banner_top H2{ margin-bottom:23px; font-size:12px;}

#webcams_banner_top .jcarousel-clip { width:720px; height:56px;}	
	#webcams_banner_top LI { width:170px; height:56px; padding-right:10px}
#webcams_banner_top IMG{ float:left; margin-right:10px; border:1px solid #CCC; padding:1px}

#webcams_banner_top A.jcarousel-prev{ width:21px; height:30px; position:absolute; right:45px; top:10px; display:block; background-image:url(/static/images/sprite.png); background-position:-0px -450px; background-repeat:no-repeat}
	#webcams_banner_top A.jcarousel-prev:hover{ background-position:-23px -450px; }
#webcams_banner_top A.jcarousel-next{ width:35px; height:30px; position:absolute; right:10px; top:10px; display:block; background-image:url(/static/images/sprite.png); background-position:-49px -450px; background-repeat:no-repeat}
	#webcams_banner_top A.jcarousel-next:hover{ background-position:-86px -450px; }
#webcams_banner_top A.jcarousel-prev-disabled:hover span, #webcams_banner_top A.jcarousel-next-disabled:hover span{ display:none}


/*------------------WEBCAM BANNER TOP--------------------*/
#webcams_wide{
	overflow:hidden;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f2f2));
	background: -webkit-linear-gradient(top, #fff, #f1f2f2);
	background: -moz-linear-gradient(top, #fff, #f1f2f2);
	background: -ms-linear-gradient(top, #fff, #f1f2f2);
	background: -o-linear-gradient(top, #fff, #f1f2f2);
	padding:10px;
	position:relative
}
#webcams_wide H2{ margin-bottom:23px; font-size:12px;}

#webcams_wide .jcarousel-clip { width:980px; height:120px;}	
	#webcams_wide LI { width:90px; height:120px; padding-right:10px}
#webcams_wide IMG{ float:left; border:1px solid #CCC; padding:1px}

#webcams_wide A.jcarousel-prev{ width:21px; height:30px; position:absolute; right:45px; top:10px; display:block; background-image:url(/static/images/sprite.png); background-position:-0px -450px; background-repeat:no-repeat}
	#webcams_wide A.jcarousel-prev:hover{ background-position:-23px -450px; }
#webcams_wide A.jcarousel-next{ width:35px; height:30px; position:absolute; right:10px; top:10px; display:block; background-image:url(/static/images/sprite.png); background-position:-49px -450px; background-repeat:no-repeat}
	#webcams_wide A.jcarousel-next:hover{ background-position:-86px -450px; }
#webcams_wide A.jcarousel-prev-disabled:hover span, #webcams_banner_top A.jcarousel-next-disabled:hover span{ display:none}

/*------------------COMENTARII--------------------*/
.pg-comments{ line-height:18px; }
.pg-comments  .head{ font-size:18px; color:#000; height:39px; line-height:39px; padding-left:10px}
	.pg-comments  .head A{ float:right;}
	.pg-comments  .head .button{ margin-top:0px; width:155px; font-size:12px; margin-top:3px}
	
	.pg-comments LI{ padding-top:15px; border-bottom:1px solid #DBDBDB; padding-bottom:7px}
  .pg-comments .author{ font-size:12px; margin-bottom:5px; color:#8d8d8d}
  .pg-comments .author STRONG{ color:#000}
  .pg-comments .author .number{ color:#c21002; font-weight:bold}
  
.pg-add-comment{ margin-top:15px; padding-bottom:15px; line-height:18px}
	.pg-add-comment .add{ font-weight:bold; font-size:16px; margin-bottom:10px; color:#c8c8c8}
.pg-add-comment LABEL{ float:left; width:150px; font-weight:bold}
.pg-add-comment TEXTAREA{ width:644px; height:100px}
.pg-add-comment  .nota1{ font-size:11px}
.pg-add-comment  .mandatory{ color:#CC0000; font-size:11px;; padding-left:10px}
.pg-add-comment .button3{ margin-top:10px; width:150px}
.pg-add-comment .comment-alert{ margin-top:10px}		

/*------------------FOLDERS--------------------*/
#folders{ padding-top:10px}
	#folders SPAN{ color:#CC0000; font-weight:bold; font-size:15px; text-transform:uppercase; margin-left:10px}	
	#folders a{ font-size:15px; text-transform:uppercase; margin-left:32px}
/*------------------RSS WIGETS--------------------*/
.rss_box{width:280px;
	background-color:#ffffff;
	margin:8px 0 15px 0;
	padding:10px 10px 8px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
	overflow:hidden;
}
.rss_box LI{ margin-bottom:10px}	
.rss_box LI A.title { display:block; margin-bottom:5px; font-size:14px; line-height:16px; font-weight:bold}
.rss_box LI IMG{ float:left; margin-right:7px; border:1px solid #CCC; padding:1px; margin-bottom:7px}

.rss_box_2{ width:100%; overflow:hidden}
	.rss_box_2 UL{ width:500px}
	.rss_box_2 A{ font-weight:bold}
	.rss_box_2 LI{ float:left; width:235px; margin-right:14px; border-bottom:1px solid #CCC; padding-bottom:15px; margin-bottom:15px}
	.rss_box_2 .title{ color:#333; font-weight:bold; display:block; height:80px; overflow:hidden}
	.rss_box_2 LI IMG{ float:left; margin-right:7px; border:1px solid #CCC; padding:1px; margin-bottom:20px}

/*------------------EDITORIALE--------------------*/
#editorials{ 
	background-color:#646464; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
	padding:10px;
}
#editorials .title_sidebar{ color:#FFF}
#editorials .autor{ color:#CC0000; text-transform:uppercase;}
#editorials  H2 a{ font-size:16px; line-height:20px}
#editorials .rss_box{ background-color:#EDEDED}

/*------------------CAMPANII--------------------*/
#campanii{ 
	background-color:#646464; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
	padding:10px;
}
#campanii .title_sidebar{ color:#FFF}
#campanii .rss_box{ background-color:#EDEDED}
#campanii LI A{ font-size:14px; font-weight:bold}
#campanii LI { margin-bottom:5px}

/*------------------COMMON--------------------*/
.box_round{
	background-color:#ffffff;
	padding:10px 10px 8px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;
	width:280px;
}

/*------------------INFOPLUS--------------------*/
#infoplus{ background-color:#009bff; position:fixed; bottom:0px; width:100%; z-index:100000; border-top:1px solid #CCC; overflow:hidden}
	#infoplus .wrap{}
	#infoplus .arrow{ margin:10px; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:0px -489px; display:block; width:130px; height:23px; float:left}
	#infoplus a.text{ margin:7px; color:#FFF; font-weight:bold; font-size:18px; float:right; width:835px; line-height:normal}
#infoplus_small{ position:fixed; bottom:0px; width:100%; z-index:100000; overflow:hidden; height:0px}	
	#infoplus_small .wrap{ }
	#infoplus_small .arrow{ padding:10px;  background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:10px -512px; display:block; width:130px; height:23px; float:left;  background-color:#009bff;}


/*------------------FOOTER--------------------*/
#prev_art{ position:fixed; top:50%; left:10px; text-align:left; background-color:rgba(153, 153, 153, 0.75); z-index:100000; color:#FFF}
	#prev_art .arrow{position:absolute;	left:-20px; top:26px; border-color:transparent transparent transparent transparent ;	border-right-color:rgba(153, 153, 153, 0.75);	border-style:solid;	border-width:10px ;
		height:0;
		width:0;
	}
	#prev_art span{ width:65px; display:inline-block; text-transform:uppercase; padding:20px 10px; vertical-align:top}
	#prev_art strong{ width:250px; padding:10px; vertical-align:top; display:none; font-size:15px}
	#prev_art:hover{ background-color:rgba(51, 51, 51, 0.75)}	
		#prev_art:hover .arrow{border-right-color:rgba(51, 51, 51, 0.75);}
		#prev_art:hover strong {display:inline-block; border-left:1px solid #CCC }

	
#next_art{ position:fixed; top:50%; right:10px; text-align:left; background-color:rgba(153, 153, 153, 0.75); z-index:100000; color:#FFF}
	#next_art .arrow{position:absolute;	right:-20px; top:26px; border-color:transparent transparent transparent transparent ;	border-left-color:rgba(153, 153, 153, 0.75);	border-style:solid;	border-width:10px ;
		height:0;
		width:0;
	}
	#next_art span{ width:65px; display:inline-block; text-transform:uppercase; padding:20px 10px; vertical-align:top; font-size:12px; }
	#next_art strong{ width:250px; padding:10px; vertical-align:top; display:none; font-size:15px}
	#next_art:hover{ background-color:rgba(51, 51, 51, 0.75)}	
		#next_art:hover .arrow{border-left-color:rgba(51, 51, 51, 0.75);}
		#next_art:hover strong {display:inline-block;  border-right:1px solid #CCC }

#footer{ height:110px; background-color:#E6EFF4; position:relative; z-index:1 }
	#footer .wrap{  height:110px; background-image:url(../images/bg_footer.png); background-repeat:repeat-y; background-position:left top;}
	#footer .content{ width:986px; background-image:none; margin-top:10px}
	#footer .left{ float:left}
	.copy{ color:##333333;}
	.footer_categ{ width:60px; margin-left:25px; float:left; font-weight:bold}
	.footer_cat_links{ width:320px; float:left; line-height:18px}
	.footer_cat_links a{ color:#003366 }
	.cautare_right{ float:right; width:322px}	
	.cautare{
			border:1px solid #ffffff;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-o-border-radius:3px;
			border-radius:3px;
			background-color:#ffffff;
			-moz-box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #FF0000 inset;
			-webkit-box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #989898 inset;
			box-shadow:1px 1px 0 #989898 inset, -1px -1px 0 #989898 inset;
			height:21px;
	}
	.cautare input{background: none repeat scroll 0 0 #FFFFFF;    border: medium none; font-size:12px; height:15px; line-height:18px; margin:2px 0px 0px 3px}
	.cautare input.trimite{ background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:-122px -60px; width:14px; height:14px; float:right;  margin:5px 3px 0px 3px}
	.r_links{ position:relative}
	#footer .r_links SPAN{ background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:left top; float:left; width:16px; height:16px; margin-right:5px}
	#footer .mobil{ position:absolute; left:0px; top:10px;  }
		#footer .mobil SPAN{ background-position:-98px -58px}
	#footer .ftwitter{ position:absolute; left:0px; top:30px;  }
		#footer .ftwitter SPAN{ background-position:-74px -58px}	
	#footer .ffacebook{ position:absolute; left:0px; top:50px;  }
		#footer .ffacebook SPAN{ background-position:-49px -58px}	
			
	#footer .frss{ position:absolute; left:170px; top:10px;  }
		#footer .frss SPAN{ background-position:-26px -58px}		
	#footer .abonament{ position:absolute; left:170px; top:30px;  }
		#footer .abonament SPAN{ background-position:-0px -58px}	
		
				
#footer2{ background-color:#112a43}		
	#footer2 UL{ text-align:center; line-height:40px; height:40px}
	#footer2 li{ display:inline}
	#footer2 A{ color:#FFF; margin-right:30px}
	
/*------------------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 {
	background-color:#2A2A2A;
	display:none;
	padding:10px;
	position:absolute;
	width:615px;
	z-index:10001;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
#box_email .close{ position:absolute; right:-16px; top:-16px; width:32px; height:32px; display:block; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:-215px -215px; text-indent:-999999px; overflow:hidden }

.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:500px;
	padding:10px;
}

/*------------------BUTOANE--------------------*/
.button{
	display:inline;
	border:1px solid #989898;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius:4px;
	border-radius: 4px;
	-moz-box-shadow:1px 0 0 #ffffff inset, -1px -1px 0 #ffffff inset;
	-webkit-box-shadow:1px 0 0 #ffffff inset, -1px -1px 0 #ffffff inset;
	box-shadow:1px 0 0 #ffffff inset, -1px -1px 0 #ffffff inset;
	/*
	-moz-box-shadow: 0 -1px 0 #ffffff inset;
	-webkit-box-shadow: 0 -1px 0 #ffffff inset;
	box-shadow: 0 -1px 0 #ffffff inset;
	*/
    background: -moz-linear-gradient(center top, #FFFFFF, #DBDCDD) repeat scroll 0 0 transparent;
	background:	-o-linear-gradient(top, #ffffff, #DBDCDD);
	background: -webkit-linear-gradient(center top, #FFFFFF, #DBDCDD) repeat scroll 0 0 transparent;
	background: linear-gradient(center top, #FFFFFF, #DBDCDD) repeat scroll 0 0 transparent;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DBDCDD));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #FFFFFF, #DBDCDD);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DBDCDD);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DBDCDD)";
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	margin:16px 0 0 0;
	display:block;
	/*padding: 4px 0 3px 5px;*/
	width:278px;
	height:30px;
	cursor:pointer;
	color:#1F4F82;
	/*
	-moz-text-shadow: 0 -1px 0 #d37700;
	-webkit-text-shadow: 0 -1px 0 #d37700;
	text-shadow: 0 -1px 0 #d37700;
	*/
	text-align:center;
	vertical-align:middle;
	background-color:#DBDCDD;
		
}


/*------------------TOP READ--------------------*/
.tops{ background-color:#646464; 
	   padding: 1px 10px 14px 10px;
		width: 300px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		border-radius:4px;	
 }
.tops .title_sidebar{ color:#FFF}
.ui-tabs .ui-tabs-panel 
{ 
 	
}
 
.tops LI { position:relative; padding:8px 0 7px 0; overflow:hidden; border-bottom:1px solid #CCC;}
	.tops LI A{ font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif}
	.tops LI A:hover{ text-decoration:underline}
	.tops LI span{ 
		display:block;
		float:left;
		width:63px;
		text-align:center;
		line-height:32px;
		font-size:42px;
		color:#333333;
		vertical-align:top;	
		font-weight:bold;
	}
	.tops LI B{ font-weight:bold; width:207px; float:right; display:block}


/*------------------CALENDAR--------------------*/
#box_calendar{ padding-left:10px; padding-right:10px }
#box_calendar A{ text-decoration:none; color:#183A52; font-weight:bold}
#box_calendar A:hover{ text-decoration:underline}

.table_calendar{ text-align:center; font-size:12px}
	.table_calendar  TR.first TD{  background-color:#E8EBEF; }
	.table_calendar TD{ background-color:#FFF; color:#000; font-weight:bold; line-height:25px}
		.table_calendar TD A{ background-color:#FFF; display:block; color:#183A52 }
	#bg_grey{ padding:2px; font-weight:bold;  background-color:#545559;   color:#FFFFFF; font-size:13px; line-height:22px; margin-top:5px}
		#bg_grey A{ color:#FFFFFF}
	.table_calendar .linkClean{ font-size:17px; line-height:17px}
	.table_calendar .linkClean:hover{ color:#000000}

/*------------------ARHIVA--------------------*/
.arhiva{ margin-top:15px; padding-left:10px; padding-left:10px; padding-right:10px}
.arhiva .body{ background-color:#FFF; padding:10px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius: 5px;}
.arhiva LI A{ font-size:14px; font-weight:bold; line-height:20px}
.arhiva LI UL{ margin-left:15px}
.arhiva LI LI A{ font-size:12px}	

/*------------------PAGINATION--------------------*/
.pagination { padding:5px;  font-size:36px; line-height:40px}
	.pagination A{ padding:3px; }
	.pagination A.activ{ color:#000; font-weight:bold;}
	.pagination EM{ color:#BDBDBD; display:none}
	.pagination A STRONG{ font-size:30px; font-weight:normal;}


.spacer1{ font-size:1px; height:1px; line-height:1px; display:block }
.spacer3{ font-size:3px; height:3px; line-height:3px}
.spacer5{ font-size:5px; height:5px; line-height:5px}
.spacer10{ font-size:10px; height:10px; line-height:10px; display:block}
.lineO{ background-image:url(../images/lineO.gif); background-repeat:repeat-x; background-position:left bottom; padding-bottom:10px}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}	












.current_image {
	position: relative;
}
.current_image img {
	position relative;
	display: block;
	width: 100%;
}
.picture_preview {
	position: absolute;
	display: block;
	background: url('/static/images/sprite.png') -82px -201px no-repeat;
	width: 58px;
	height: 59px;
	left: 0;
	top: 50%;
	margin-top: -30px;
}
.picture_next {
	position: absolute;
	display: block;
	background: url('/static/images/sprite.png') -142px -201px no-repeat;
	width: 58px;
	height: 59px;
	right: 0;
	top: 50%;
	margin-top: -30px;
}	

#gdpr{ position:fixed; width:50%;  height:70%; top:15%; left:25%; z-index:9999}
#gdpr .text{ background-color:#FFF; padding:20px; width:100%; max-height:100%; overflow:auto; box-sizing:border-box;
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
}
#gdpr A.close{ position:absolute; display:block; padding:10px 15px; right:-15px; top:-15px; font-size:15px; font-weight:bold; color:#FFF; background-color:#41121d;  font-family:"Arial Black", Gadget, sans-serif;
				-moz-border-radius:  				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   -webkit-border-radius: 				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   border-radius: 						20px 20px 20px 20px /*{global-radii-buttons}*/;
}