/* DOCUMENT INFORMATION
	- Project:	www.redvolution.ro
	- Client:   RedVolution Design SRL
	- Modified: 03.11.2009
	- Author:   RedVolution Design SRL
	- Contact:	desk@redvolution.ro
*/

/* Colors
   Light Blue:	#afd2f0
   Dark Blue:	#0f4574

   Link Color:		#3674bb
   Post Bg Color:	#fffbd8
*/

/* globals & reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
.left {float:left}
.right {float:right}
.clear {clear:both}

body {background:url('img/bg.gif') repeat-x top left;color:#808080;font-family: Cambria, 'Times New Roman', Times, serif; font-size:15px}

#wrapper {margin:0 auto; width:980px;}
.wrapp {margin:0 auto !important; width:980px;}

.meniu {background:#333;padding:5px 0 0 0; border-bottom:1px solid #000}
	.meniu a {color:#CCCCCC; text-decoration:none; font-weight:bold; display:inline-block; padding:5px 10px 7px 10px;font-family: Tahoma, Arial, sans-serif; font-size:11px;}
		.meniu a:hover {color:#fff; text-decoration:none; background:url('img/arrow2.gif') no-repeat 50% 0 #666}
	.meniu div.categorii ul {}
	.meniu div.categorii ul li {display:inline-block; padding:0 3px 0 0; float:left}
		.meniu div.categorii ul li span {color:#CCCCCC; text-decoration:none; font-weight:bold; display:inline-block; padding:5px 10px 7px 10px}
		.meniu div.categorii li#current a {background:#e92a0b; color:#fff}

#header {height:100px;}
	#header div.logo {width:200px}
	#header div.banner {margin:7px 0 0 0}

#container {background:url('img/bg_dreapta.gif') repeat-y top right; padding:0 0 20px 0}

#continut {width:610px;}
	#continut div.data {; padding:0 0 0 10px; border-bottom:1px solid #EFEFEF; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}
		#continut div.data table td {vertical-align:middle}

#dreapta {width:350px;}
	#dreapta div.social {margin:10px; text-align:center; background:#fff; border:1px solid #cccccc}
	#dreapta div.box {margin:10px; background:#fff; border:1px solid #cccccc}
	#dreapta div.box input.cauta {width:30px; height:30px; border:0; background:url('img/cauta.gif') no-repeat top left; cursor:pointer}
		#dreapta div:hover.box .cauta{background:url('img/cauta.gif') no-repeat top left}
		#dreapta div.box input {border:1px solid #9a9a9a; height:25px; width:250px; background:#fbfbfb; color:#808080}
			#dreapta div:hover.box input {background:#fff}
		#dreapta div.box span.citite a {font-size:14px;}
			#dreapta div.box span.citite a:hover {text-decoration:underline}
		#dreapta div.box span.vremea a {font-size:13px; color:#333333}
			#dreapta div.box span.vremea a:hover {text-decoration:underline}
		#dreapta div.box table {width:300px; }
			#dreapta div.box table td {vertical-align:middle;}
		#dreapta div.box p {background:#f6f6f6; padding:5px; border:1px solid #cccccc; margin:0 0 5px 0}
			#dreapta div.box p:hover {background:#efefef;}
		#dreapta div.box span {padding: 10px; display:block}
		#dreapta div.box div.box_wrapp {padding: 10px; display:block}
			#dreapta div.box div.box_wrapp a {text-decoration:none; color:#E92A0B}
			#dreapta div.box span a {text-decoration:none; color:#E92A0B}
		#dreapta div#conso_wrapper span {padding:0}
		#conso_content-app6 table {margin-left:4px}
		#dreapta div.box span.tweetwhen {padding:0; font-size:13px}
		#dreapta div.box h4 {text-transform: uppercase; font-weight:bold; display:block; background:url('img/sep.gif') repeat-x 0 50%; padding:5px 0 5px 0}
			#dreapta div.box h4 span {background:#fff;padding:0px 5px 0px 10px; display:inline-block}
	#dreapta form.ora_exacta {background:#EFEFEF; text-align:center; }
		#dreapta form.ora_exacta input {background:#EFEFEF; width:90px;color:#808080; font-weight:bold}

.ultimele {background:#efefef; border:1px solid #cccccc; padding:5px; margin:10px 0 0 0; text-transform:uppercase; font-weight:bold; font-size:17px}
	.ultimele h2 {color:#333333; display:inline}

.articol {width:295px; height:220px; position:relative; margin:10px 10px 0 0}
	.articol:hover h3 {border-top:3px solid #363636}
	.articol span.titlu_feed {background:#7f7f7f; padding:5px; display:inline-block; color:#fff; font-weight:bold}
		.articol:hover span.titlu_feed {background:#363636;}
	.articol h3 {font-size:15px; height:60px; padding:5px 0 0 0	; border-top:3px solid #7f7f7f}
		.articol h3 a {text-decoration:none; color:#363636; font-weight:bold}
			.articol:hover h3 a {color:#e92a0b}
			.articol h3 a:hover {text-decoration:underline;}
	.articol span.citeste {color:#d25d23; display:block; position:absolute; bottom:10px; left:0}
		.articol span.citeste a {font-size:13px; color:#d25d23; text-decoration:none}
			.articol span.citeste a:hover {text-decoration:underline}
	.articol span.data {color:#d25d23; display:block; font-style: italic; font-size:12px}
	.articol span.descriere {color:#808080; font-size:14px; display:block; position:absolute; bottom:30px; left:0px; height:75px}

.pg_articol {}
	.pg_articol h1 {display:block; margin:10px 0 10px 0; font-size:20px; color:#363636; font-weight:bold}
		.pg_articol h1 a {color:#363636; text-decoration:none}
			.pg_articol h1 a:hover {text-decoration:underline}
	.pg_articol span.data {color:#d25d23; display:block; font-style: italic; font-size:12px}
	.pg_articol span.descriere {color:#808080; font-size:15px; display:block}
	.pg_articol span.sursa {color:#808080; font-size:13px; display:block; margin:20px 0 0 0}
		.pg_articol span.sursa a {font-size:13px; color:#d25d23; text-decoration:none}
			.pg_articol span.sursa a:hover {text-decoration:underline}
	.inapoi {display:block; margin:10px 0 0 0; color:#363636;}
	.pg_articol div.etichete {margin:20px 0 0 0}
		.pg_articol div.etichete a {color:#000; text-decoration:none}
			.pg_articol div.etichete a:hover {color:#E92A0B; text-decoration:underline}
	.pg_articol div.similare {margin:50px 0 0 0}
		.pg_articol div.similare {font-size:17px}
		.pg_articol div.similare a {color:#363636; text-decoration:none; font-size:15px; font-size:14px}
			.pg_articol div.similare a:hover {color:#E92A0B}

.pg_categorie {}
	.pg_categorie h1 {background:#efefef; border:1px solid #cccccc; padding:5px; margin:10px 0 10px 0; text-transform:uppercase; font-weight:bold; font-size:15px}
	.pg_categorie h2 {}
	.pg_categorie h2 a {text-decoration:none; color:#7F7F7F; font-weight:bold; padding:0 0 5px 0; margin:0 0 5px 0; display:block;font-size:20px}
		.pg_categorie h2 a:hover {text-decoration:none; color:#e92a0b;	}
	.pg_categorie span.data {color:#d25d23; display:block; font-style: italic; font-size:12px}
	.pg_categorie span.descriere {color:#808080; font-size:14px; display:block; }
	.pg_categorie span.citeste {color:#d25d23; display:block; margin:0 0 10px 0}
		.pg_categorie span.citeste a {font-size:13px; color:#d25d23; text-decoration:none}
			.pg_categorie span.citeste a:hover {text-decoration:underline}
	.separator {background:url('img/sep.gif') repeat-x top left; display:block; height:20px; width:100%}

.sep_jos {background:#efefef; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-transform:uppercase; font-weight:bold; font-size:17px}

.jos {padding:20px 0 20px 0}
	.jos span {display:block; width:980px; margin:0 auto;}
	.jos a {color:#363636; text-decoration:none; font-size:15px}
		.jos a:hover {color:#E92A0B}
	.jos ul li {font-size:12px;}

.footer {background:#EFEFEF; border-top:1px solid #999; padding:20px 0 20px 0;color:#363636;}
	.footer span {display:block; width:980px; margin:0 auto;}
		.footer a {color:#363636; text-decoration:none}
			.footer a:hover {text-decoration: underline}
		.footer div.retea {background:#fff; border:1px solid #cccccc; padding:10px; margin:10px 0 0 0}
	.footer div.fstanga {display:block; width:620px; }
	.footer div.lista {display:block; background:#fff; border:1px solid #cccccc; margin:0; padding:5px}
		.footer div.retea a:hover {text-decoration:none;color:#E92A0B}
	.footer div.copy {text-align:right; float:right; width:150px; font-style:italic}

.cautare {margin:10px 0 0 0}
	.cautare h1 {background:#efefef; border:1px solid #cccccc; padding:5px; margin:10px 0 10px 0; font-weight:bold; font-size:17px}
	.cautare h2 a {text-decoration:underline; color:#7F7F7F; font-weight:bold; padding:0 0 5px 0; margin:0 0 5px 0; display:block;font-size:15px}
	.cautare span.data {color:#d25d23; display:block; font-style: italic; font-size:12px}

.rss {margin:10px 0 0 0}
	.rss h1 {background:#efefef; border:1px solid #cccccc; padding:5px; margin:10px 0 10px 0; font-weight:bold; font-size:17px}
	.rss ul {list-style-type: none; padding:10px 0 0 30px}
		.rss ul li a {text-decoration:none; color:#d25d23; font-weight:bold}
			.rss ul li a:hover {text-decoration:underline}

/* tooltips */
.social_twitter, .social_facebook, .social_rss {
margin:0 0 10px 0;
width: 100px;
position: relative;
float:left;
}
 
div.social_twitter em {
background: url('img/bubble-twitter.png') no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}

div.social_facebook em {
background: url('img/bubble-facebook.png') no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 9999;
display: none;
}

div.social_rss em {
background: url('img/bubble-rss.png') no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}

#social_twitter_icon {
width: 50px;
height: 50px;
background: url('img/twitter_follow.jpg') no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

#social_facebook_icon {
width: 50px;
height: 50px;
background: url('img/facebook.jpg') no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

#social_rss_icon {
width: 50px;
height: 50px;
background: url('img/rss.jpg') no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

/*paginare*/
div.pagination {
	text-align:left;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	display:inline-block;
	text-decoration: none; 
	color: #aaa;
	margin-top:3px;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	display:inline-block;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
	display:inline-block;

}
div.pagination span.disabled a {
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	background-color: #f0f0f0;
	color: #a0a0a0;
}

#dialog-overlay {
 
	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 
 
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 
 
	/* hide it by default */
	display:none;
}
 
 
#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:400px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 
 
	/* hide it by default */
	display:none;
}
 
#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:arial;
	font-size:11px; 
}
 
a.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}
 
a.button:hover {
	background-color: #c33100;	
}
 
/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}
 
#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	/*height:50px;*/
}

.the_menu {
	display:none;
	position:absolute;
	right:0;
	z-index:9999;
	width:150px;
}

.the_menu li {
	background-color: #e92a0b;
}

.the_menu li a {
	color:#EFEFEF; 
	text-decoration:none; 
	padding:5px; 
	display:block;
}

.the_menu li a:hover {
	padding:5px;
	font-weight:bold;
	color: #fff;
}

#backgroundPopup, #backgroundPopup2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact, #popupContact2 {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:400px; 
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index:2;
padding:12px;
	font-family:arial;
	font-size:11px; 
	color:#666;
}

.popupContactClose{
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.popupContactClose:hover {background-color: #c33100;text-decoration: underline;}	
.button, .button2 {
float:left;
cursor: pointer;
}
.button:hover, .button2:hover {text-decoration:underline}