/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Basic Style Sheet
version: 1.0
author: www.redstudio.ro
website: http://www.gheorghenichita.ro
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*–– MASTER RESET STYLE >>> ––*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*–– GENERAL >>> ––*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: #770100 url('../images/layout/bkg.jpg') no-repeat top center;
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
	color: #303030;
	line-height: 18px;
	text-align: left;
}

a:link, 
a:visited {
    color: #a30b09;
	text-decoration: none;
}
a:hover, 
a:active {
    color: #a30b09;
	text-decoration: underline;
}

h1, h2, h3 {
	font-weight: normal;
	margin: 10px 0;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

p {
	margin: 10px 0;
	clear: both;
}
hr {
	height: 1px;
	border-bottom: 1px solid #e4e4e4;
	clear: both;
}

/* Clearfix >>> */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix { 
	height: 1%;
}

/*–– SITE >>> ––*/

.container {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	clear: both;
}

/*–– HEADER >>> ––*/

#header {
	width: 960px;
	height: 130px;
	line-height: 14px;
	float: left;
	clear: both;
	overflow: hidden;
}
#header a:link, 
#header a:visited {
    color: #ffffff;
	text-decoration: underline;
	font-style: italic;
}
#header a:hover, 
#header a:active {
    color: #ffffff;
	text-decoration: underline;
	font-style: normal;
}

	#logo {
		width: 416px;
		height: 130px;
		float: left; 
	}
	#header_right {
		width: 544px;
		height: 130px;
		color: #ffffff;
		text-align: right;
		float: left;
	}

		/* Login form >>> */

		#login_form {
			width: 544px;
			margin: 5px 0;
			float: right;
			clear: both;
		}
		#login_form input {
			width: 116px;
			height: 14px;
			background-color: #ffffff;
			font: normal 10px "Verdana", Arial, Helvetica, sans-serif;
			color: #9a9a9a;	
			padding: 2px 4px 0 4px;
			border: 1px solid #e8e8e8;
			float: left;
			display: inline;
		}
		#login_form fieldset {
			display: inline;
		}
		#login_form #login_button {
			width: 60px;
			height: 26px;
			background: url('../images/layout/btn_login.gif') no-repeat top left;
			padding: 0;
			border: none;
			float: left;
			display: inline;
		}
		#header_contact {
			padding: 20px 0 0 0;
		}

/*–– BANNER >>> ––*/

#banner {
	width: 952px;
	height: 292px;
	background-color: #000000;
	padding: 4px;
	float: left;
	clear: both;
}

	/* Navigation >>> */

	#nav_container {
		width: 932px;
		height: 39px;
		background: url('../images/layout/bkg_nav.jpg') repeat-x top left;
		margin: 0 0 4px 0;
		padding: 0 10px;
		border: none;
		float: left;
		display: inline;
	}
		#nav {
			width: 632px;
			height: 39px;
			float: left;
			list-style: none;
			overflow: hidden;
			display: inline;
		}
		#nav ul {
			list-style: none;
			margin: 0 auto;
		}
		#nav li {
			text-align: center;
			float: left;
		}

		#nav li a {
			list-style: none;
			color: #ffffff;
			text-decoration: none;
			text-align: center;
			float: left;
			display: block;
		}
		#nav li a:hover {
			color: #000000;
			text-decoration: none;
			margin-top: -39px;
			float: left;
			display: block;
		}
		#nav-activ {
			color: #000000;
			text-decoration: none;
			margin-top: -39px;
			float: left;
			display: block;
		}

		/* Search >>> */

		#search_container {
			width: 300px;
			height: 39px;
			background: url('../images/layout/bkg_search.jpg') no-repeat top left;
			border: none;
			float: left;
			display: inline;
		}

		/* Search form >>> */

		#search_form {
			margin: 11px 9px 0 0;
			float: right;
			clear: both;
			display: inline;
		}
		#search_form input {
			width: 150px;
			height: 14px;
			background-color: transparent;
			font: normal 10px "Verdana", Arial, Helvetica, sans-serif;
			color: #9a9a9a;	
			border: none;
			float: left;
			display: inline;
		}
		#search_form fieldset {
			display: inline;
		}
		#search_form #search_button {
			width: 50px;
			height: 17px;
			background: #d1d1d1 url('../images/layout/btn_cauta.jpg') no-repeat top left;
			padding: 0;
			border: none;
			float: left;
			display: inline;
		}

	/* Banner >>> */

	#banner_container {
		height: 249px;
		margin: 0 0 4px 0;
		border: none;
		float: left;
		display: inline;
	}
		#left_banner {
			width: 190px;
			height: 249px;
			background: #d1d1d1 url('../images/layout/bkg_left_banner.jpg') no-repeat top left;
			float: left;
			margin: 0 4px 0 0;
			overflow: hidden;
		}
		#left_banner .news {
			width: 160px;
			height: 65px;
			overflow: hidden;
			color: #ffffff;
			line-height: 14px;
			margin: 0 10px;
			padding: 10px 10px 10px 10px;
			float: left;
			clear: both;
			display: inline;
			cursor: pointer;
		}
		#left_banner .news_active {
			width: 160px;
			background: url('../images/layout/bkg_left_banner_hover.gif') no-repeat center right;
			color: #ffffff;
			line-height: 14px;
			margin: 0 10px;
			padding: 10px 10px 10px 10px;
			float: left;
			clear: both;
			display: inline;
		}
		#left_banner .news:hover {
			width: 160px;
			background: url('../images/layout/bkg_left_banner_hover.gif') no-repeat center right;
			color: #ffffff;
			line-height: 14px;
			margin: 0 10px;
			padding: 10px 10px 10px 10px;
			float: left;
			clear: both;
			display: inline;
		}

		#image_banner {
			width: 458px;
			height: 249px;
			float: left;
			margin: 0 4px 0 0;
			overflow: hidden;
		}
		#image_banner2 {
			width: 652px;
			height: 249px;
			float: left;
			margin: 0 4px 0 0;
			overflow: hidden;
		}

		#right_banner {
			width: 296px;
			height: 249px;
			background: #d1d1d1 url('../images/layout/bkg_right_banner.jpg') no-repeat top left;
			float: left;
			overflow: hidden;
			display: inline;
		}
			#subnav {
				width: 296px;
				height: 249px;
				float: left;
				list-style: none;
				margin: 41px 0 0 0;
				overflow: hidden;
				display: inline;
			}
			#subnav ul {
				list-style: none;
				margin: 0 auto;
			}
			#subnav li {
				text-align: center;
				float: left;
				clear: both;
			}
			#subnav li a {
				list-style: none;
				color: #ffffff;
				text-decoration: none;
				text-align: center;
				float: left;
				display: block;
			}
			#subnav li a:hover {
				color: #000000;
				text-decoration: none;
				margin-left: -296px;
				float: left;
				display: block;
			}
			#subnav-activ {
				color: #000000;
				text-decoration: none;
				margin-left: -296px;
				float: left;
				display: block;
			}

/*–– CONTENT >>> ––*/

#content_container {
	width: 960px;
	background-color: #ffffff;
	float: left;
	clear: both;
}

	/*–– Content Left >>> ––*/

	#content_left {
		width: 640px;
		background-color: #ffffff;
		padding: 10px;
		float: left;
	}
	
		/*–– Content Left 1 >>> ––*/

		#content_left_c1 {
			width: 380px;
			background-color: #ffffff;
			margin: 0 10px 0 0;
			padding: 5px;
			float: left;
			display: inline;
		}
			#content_left .stire {
				width: 100%;
				padding: 10px 0;
				float: left;
				clear: both;
				display: inline;
				border-bottom: 1px solid #d6d6d6;
			}
				#content_left .stire h2 {
					margin: 0;
				}
				#content_left .stire h2 a:link,
				#content_left .stire h2 a:visited {
					color: #000000;
					text-decoration: none;
				}
				#content_left .stire h2 a:hover,
				#content_left .stire h2 a:active {
					color: #a30b09;
					text-decoration: none;
				}
				#content_left .stire .data {
					color: #959595;
					font-size: 11px;
				}
				#content_left .stire img {
					margin: 0 10px 10px 0;
					float: left;	
					border: 4px solid #565656;
				}
				
				

		/*–– Content Left 2 >>> ––*/

		#content_left_c2 {
			width: 240px;
			background-color: #ffffff;
			float: left;
			display: inline;
		}
			#content_left_c2 .box {
				width: 240px;
				margin: 0 0 20px 0;
				float: left;
				clear: both;
			}

			#calendar {
				width: 240px;
				color: #303030;
				text-align: center;
				border-left: 1px solid #d1d1d1;
			}

			.calnav, .calnav a {
				color: #ffffff;	
				text-align: center;
				text-decoration: none;
			}	

			caption {
				width: 240px;
				background: url('../images/layout/bkg_calendar_title.jpg') repeat-x top left;
				color: #ffffff;	 
				text-align: center;
			}
			th, td { text-align: center; }
			th {
				background-color: #f2f2f2;
				text-align: center;
				font-weight: bold;
				border-right: 1px solid #d1d1d1;
				border-bottom: 1px solid #d1d1d1;
				border-top: 1px solid #d1d1d1;
			}

			.today, td.today a, td.today a:link, td.today a:visited {
				background: url('../images/layout/bkg_calendar_today.jpg') repeat-x bottom left;
				text-align: center;
				color: #a30b09;
				font-weight: bold;
			}

			td {
				border-right: 1px solid #d1d1d1;
				border-bottom: 1px solid #d1d1d1;
			}

			td a {
				background: url('../images/layout/icon_calendar.jpg') no-repeat right bottom;
				text-decoration: none;
				display: block;
			}

			td a:link, td a:visited {	
				color: #a30b09;
			}

			td a:hover, td a:active {
				color: #a30b09;
			}
			
			.calendar_note {
				background: #ffffff;
				border: 1px #a30b09 solid;
				padding: 5px;
				font-size: 12px;
				display: none;
			}

			#content_left_c2 .sustinatori_img {
				margin: 0 0 10px 10px;
				float: right;	
				border: 4px solid #565656;
			}

		/*–– Margining box >>> ––*/
		
		#m_box {
			width: 620px;
			padding: 10px;
		}

		/*–– Content Left 1c >>> ––*/

		#content_left_1c {
			width: 420px;
			background-color: #ffffff;
			margin: 0 10px 0 0;
			padding: 5px;
			float: left;
			display: inline;
		}
			#paginare_box {
				padding: 10px 0 0 0;
				float: left;
				clear: both;
			}
			#paginare_box .left {
				width: 180px;
				background: url('../images/layout/btn_prev.jpg') no-repeat center left;
				padding: 0 0 0 30px;
				float: left;
				text-align: left;
				display: block;
			}
			#paginare_box .right {
				width: 180px;
				background: url('../images/layout/btn_next.jpg') no-repeat center right;
				padding: 0 30px 0 0;
				float: right;
				text-align: right;
				display: block;
			}
			#paginare_box .left span,
			#paginare_box .right span {
				padding: 44px 0 33px 0;
				display: inline;
			}

			#comments_box {
				margin: 10px 0;
				float: left;
				clear: both;
			}
				#comments_box .comentator {
					width: 80px;
					margin: 0 10px 10px 0;
					float: left;
					display: inline
				}
				#comments_box .comentator span {
					color: #959595;
					font-size: 11px;
				}
				#comments_box .comentariu {
					width: 330px;
					margin: 0 0 10px 0;
					padding: 0 0 10px 0;
					float: left;
					display: inline;
					border-bottom: 1px solid #d6d6d6;
				}

		/*–– Content Left 2c >>> ––*/

		#content_left_2c {
			width: 180px;
			background-color: #ffffff;
			float: left;
			display: inline;
			overflow: hidden;
		}
			#content_left_2c .bx {
				margin: 0 0 10px 0;
			}
			#content_left_2c .bx li {
				padding: 2px 0;
				border-bottom: 1px solid #e4e4e4;
			}
			#content_left_2c .bx li span {
				color: #959595;
				font-size: 11px;
			}
			#content_left_2c .bx img {
				border: 4px solid #565656;
			}

	/*–– Content Right >>> ––*/

	#content_right {
		width: 288px;
		margin: 10px 0;
		float: left;
	}

		/*–– Poll >>> ––*/

		#pool_box {
			width: 268px;
			background: url('../images/layout/ttl_parereata.jpg') no-repeat top left;
			margin: 0 0 10px 0;
			padding: 40px 10px 10px 10px;
			border: 1px solid #c9c9c9;
			overflow: hidden;
		}
		#poll_button {
			width: 72px;
			height: 24px;
			background: #d1d1d1 url('../images/layout/btn_voteaza.jpg') no-repeat top left;
			margin: 10px 0 0 0;
			border: none
			float: left;
			display: inline;
		}

		
		/*–– Intentia de vot >>> ––*/

		#vote_box {
			width: 288px;
			background: url('../images/layout/ttl_intentiadevot.jpg') no-repeat top left;
			margin: 0 0 10px 0;
			padding: 40px 0 10px 0;
			border: 1px solid #c9c9c9;
			overflow: hidden;
		}
			#box_intentie_da {
				width: 288px;
				height: 69px;
				background: url('../images/layout/bkg_votez.jpg') no-repeat top left;
				padding: 20px 0 0 0;
				color: #666666;
			}
			#box_intentie_nu {
				width: 288px;
				height: 69px;
				background: url('../images/layout/bkg_nuvotez.jpg') no-repeat top left;
				padding: 20px 0 0 0;
				color: #666666;
			}
				.procent {
					width: 140px;
					font-size: 28px;
					font-weight: bold;
					text-align: center;
					float: left;
				}
				.procent span {
					width: 140px;
					font-size: 14px;
					font-weight: bold;
					text-align: center;
					float: left;
				}
				.procent .btn {
					margin: 10px 0 0 0;
					display: block;
				}

		/*–– Link-uri utile >>> ––*/

		#link_util {
			width: 288px;
			margin: 0 0 10px 0;
			overflow: hidden;
		}
			#link_util li {
				border-bottom: 1px solid #e4e4e4;
			}

/*–– FOOTER >>> ––*/

#footer_container {
	width: 940px;
	background: #f4f4f4 url('../images/layout/bkg_footer.jpg') repeat-x top left;
	color: #959595;
	font-size: 10px;
	line-height: 12px;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	clear: both;
}

#footer_container a:link, 
#footer_container a:visited {
    color: #757575;
	font-size: 11px;
	text-decoration: none;
}
#footer_container a:hover, 
#footer_container a:active {
    color: #a30b09;
	font-size: 11px;
	text-decoration: none;
}