@charset "UTF-8";
/* CSS Document */



/*CSS MAIN RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 				0;
}
body {
	line-height: 			1;
	color: 					black;
	background: 			white;
}
ol, ul {
	list-style: 			none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 		separate;
	border-spacing: 		0;
}
caption, th, td {
	text-align: 			left;
	font-weight:			normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 				"";
}
blockquote, q {
	quotes: 				"" "";
}

/*END CSS MAIN RESET */

body {
	background: 			#291512 url(../_Images/body-bg.png) top repeat-x;
	font-family:			Verdana, Geneva, sans-serif;
	color:					#C5B097;
	font-size:				11px;
}
.clear {
	clear:					both;	
}

p {
	line-height:			20px;
	color:					#C5B097;
}

a {
	color:					#C49A6D;
	text-decoration:		none;
}
a:hover {
	color:					#C5B097;	
}
h2, h2 a {
	font-size:			14px;
	font-weight:		bold;
	color:				#C49A6D;
	line-height:		30px;
}
h2 a:hover {
	color:				white;
}
/* pentru detaliile gen Categorie, Nume Autor, Data, le floatuieste in stanga pentru a putea fi folosite <p>-urile unu langa altu */
.detailsLink p, .textBoxDetails p {
	float:				left;	
	margin-right:		4px;
}
/* clasa pentru pus un spatiu in dreapta cand e cazul */
.withGutter {
	margin-right:		10px;	
}

/* lista aia frumoasa cu dublu sagetele si subliniere */

ul.raquoList li {
	list-style:		none;
	padding:		5px 0px 5px 20px;
	line-height:	20px;
	background:		url(../_Images/bullet.png) top left no-repeat;
	border-bottom:	1px solid #483024;
}

/* pentru navigarea pe pagini */

.pageNavigation {
	margin:			10px auto 20px auto;
	display:		block;
	text-align:		center;
}
.pageNavigation a{
	padding:		0px 2px;
}
.pageNavigation img {
	vertical-align:	text-bottom;
}
.pageNavigation a.active {
	border:			1px solid #F5911E;	
}

/* in caz ca tre scos un border de pe un element tip lista */

#Content .noBorder {
	border:			none;	
}
															/*=================     HEADER ZONE     ================*/

#Header {
	width:					902px;
	min-height:				220px;
	background:				url(../_Images/header-bg.jpg) top no-repeat;
	margin:					0px auto;
	position:				relative;
}
*html #Header {
	height:					220px;
}
#Header h1 a {
	display:				block;
	width:					196px;
	height:					134px;
	position:				absolute;
	top:					56px;
	left:					1px;
}
#Header input {
	background:			url(../_Images/input-bg.png) repeat-x;
	width:				92px;
	height:				16px;
	border:				1px solid #C5B097;
	line-height:		16px;
	margin:				0px 5px;
	font-size:			11px;
	color:				#C5B097;
	padding:			0px;
}
#Header button {
	font-size:			12px;
	font-weight:		bold;
	border:				none;
	background:			none;
	color:				#C5B097;
	margin:				0px;
	padding:			0px;
	line-height:		16px;
	height:				16px;
}

#Date {
	position:				absolute;
	top:					40px;
	left:					10px;
}

#Login {
	position:				absolute;
	right:					10px;
	top:					10px;
	font-size:				12px;
	font-weight:			bold;
	text-align:				right;
}
	#Login h2 {
		width:				45px;
		height:				16px;
		text-indent:		200px;
		overflow:			hidden;
		background:			url(../_Images/img-login.png) no-repeat;
		float:				left;
	}
	
	
	#Login label {
		margin:				0px 5px;	
	}
	#Login a {
		font-size:			10px;
		font-weight:		normal;
		color:				#C5B097;
		line-height:		30px;
	}
	#Login a:hover {
		color:				#C49A6D;	
	}
	#Login span {
		font-size:			10px;
		font-weight:		normal;
	}


#Search {
	position:				absolute;
	right:					10px;
	top:					200px;
}

	#Search h2 {
		width:				65px;
		height:				16px;
		margin:				1px 0px;
		text-indent:		200px;
		overflow:			hidden;
		background:			url(../_Images/img-cautare.png) no-repeat;
		float:				left;
	}
	#Search a {
		font-size:			12px;
		font-weight:		bold;
		color:				#C5B097;
	}

#Menu {
	position:				absolute;
	left:					10px;
	top:					200px;
}
#Menu ul li {
	float:					left;
	display:				block;
	padding:				1px 10px;
	margin:					3px 0px;
	border-left:			1px solid #C5B097;
}
#Menu ul li.firstItem {
	border-left:			none;
	padding-left:			0;
}
#Menu ul li a{
	font-size:				12px;
	font-weight:			bold;
}


#Advertising728x90 {
	margin-top:				153px;
	height:					90px;
	float:					left;
	width:					728px;
	padding:				40px 86px 20px 86px;
	background:				#1F1414;
	border:					1px solid #483024;
}


													/*=================     END HEADER ZONE     ================*/


													/*=================     CONTENT ZONE        ================*/

#Content {
	width:					902px;
	margin:					0px auto;
	overflow:				hidden;
}

/*=================     LEFT COLUMN        ================*/


#LeftColumn {
	width:					600px;
	float:					left;
	margin-top:				20px;
}
	#Slideshow h2 a{
		font-size:			14px;
		color:				white;
		line-height:		36px;
	}
	#SlideshowItems .element {
		position:			absolute;
		top:				0px;
		left:				10px;
	}
	
	#Slideshow h2 a:hover{
		color:				#C49A6D;
	}
	
	/* SLIDESHOW*/
	
	#Slideshow {
		width:				580px;
		padding:			0px 10px;
		height:				260px;
		overflow:			hidden;
		background:			url(../_Images/slideshow-bg.png) no-repeat;
		position:			relative;
	}
	
	#Slideshow .image {
		float:				left;
		width:				280px;
		height:				187px;
		overflow:			hidden;
		margin-right:		20px;
	}
	#Slideshow .textbox {
		width:				280px;
		height:				160px;
		overflow:			hidden;
		float:				left;
		margin-top:			5px;
		color:				white;
	}
	#Slideshow .detailsLink {
		width:				280px;
		height:				20px;
		overflow:			hidden;
		float:				left;
		line-height:		20px;
		margin-bottom:		10px;
	}
	
	#Slideshow .textBoxDetails {
		float:				right;
		width:				280px;
		margin-top:			10px;
	}
	
	#Slideshow .navigation {
		position:			absolute;
		top:				241px;
	}
	#Slideshow .navigation a {
		display:			block;
		width:				12px;
		height:				12px;
		background:			#4A0D00;
		border:				1px solid #A47C52;
		color:				#A47C52;
		float:				left;
		text-align:			center;
		line-height:		10px;
		margin:				0px 5px 0px 0px;
	}
	#Slideshow .navigation a:hover {
		background:			#A47C52;
		color:				#4A0D00;
	}
	#Slideshow .navigation a.active {
		background:			#A47C52;
		color:				#4A0D00;
	}
	
	/* boxes for left column articles*/
	
	.articleBox {
		background:			url(../_Images/article-bg.png);
		width:				280px;
		height:				150px;
		float:				left;
		padding:			35px 10px 0px 10px;
	}
	.articleBox h2 a{
		font-size:			12px;
		font-weight:		bold;
		color:				#C49A6D;
		line-height:		30px;
		width:				280px;
		height:				30px;
		overflow:			hidden;
		display:			block;
	}
	.articleBox h2 a:hover {
		color:				white;	
	}
	.articleBox img {
		width:				130px;
		height:				98px;
		overflow:			hidden;
		float:				left;
		margin-right:		10px;
	}
	.articleBox p {
		width:				140px;
		height:				80px;
		float:				left;
		overflow:			hidden;
	}
	.articleBox .detailsLink {
		width:				130px;
		height:				20px;
		overflow:			hidden;
		float:				left;
		line-height:		20px;
	}
	
	.articleBox .textBoxDetails {
		float:				left;
		width:				280px;
	}
	.articleBox .textBoxDetails p {
		width:				auto;
		height:				auto;
	}
	
	/* PAGINA DE ARTICOL*/
	
	#MainArticle {
		width:				580px;
		background:			#3F2D2A url(../_Images/main-article-bg.png) top left no-repeat;
		padding:			0px 10px;
		overflow:			hidden;
	}

	h1 {
		font-size:			14px;
		color:				white;
		line-height:		40px;
		width:				580px;
		height:				40px;
		overflow:			hidden;
	}
	#MainArticleWidgets {
		width:				280px;
		float:				left;
		margin-right:		20px;
	}
		#MainArticleWidgets .underline {
			border-bottom:	1px solid #291512;
			padding:		5px 0px;
		}
		
		
		#MainArticleWidgets .tags {
			width:			107px;
			margin-right:	3px;
			float:			left;
		}
			.tags a {
				font-size:		10px;
			}
			
		#MainArticleWidgets .rate {
			width:			80px;
			float:			left;
		}
			.rate img {
				float:			left;
			}
			
		#MainArticleWidgets .views {
			float:			left;
			width:			90px;
			font-size:		10px;
		}
			.views strong {
				color:			#C49A6D;	
			}
			
		#MainArticleWidgets .right {
			float:			right;	
		}
		#MainArticleWidgets img {
			vertical-align:	top;	
		}
		
		.otherNews {
			background:		#3F2D2A url(../_Images/article-bg.png) top repeat-x;
			padding:		35px 10px 0px 10px;
		}
		.otherNews h2 {
			font-size:		12px;
			font-weight:	bold;
		}
		.otherNews li {
			list-style:		none;
			padding-left:	20px;
			background:		url(../_Images/bullet.png) left no-repeat;
			line-height:	28px;
		}
	
	/* LISTA DE LINK-URI DE PE PAGINA DE LISTA ARTICOLE*/
	
	.listColumn {
		width:				290px;
		float:				left;
	}
		.listColumn ul {
			margin-left:	10px;
			margin-top:		33px;
		}
		
/*=================     RIGHT COLUMN        ================*/

		
#RightColumn {
	width:					300px;	
	float:					left;
	margin-top:				20px;
}
	#RightColumn h2 {
		font-size:			14px;
		font-weight:		bold;
		color:				#C5B097;
		line-height:		30px;
		text-indent:		10px;
	}
	#RightColumn h3 a{
		font-size:			12px;
		font-weight:		bold;
		color:				#C49A6D;
		line-height:		20px;
	}
	#RightColumn a:hover {
		color:				white;
	}
	#Events {
		background:			url(../_Images/title-glow.png) top no-repeat;	
		height:				416px;
	}
	.eventBox {
		width:				280px;
		height:				100px;
		overflow:			hidden;
		padding:			0px 0px 0px 10px;
		margin:				10px 0px 20px 0px;
		float:				left;
	}
	.eventBox .image {
		width:				130px;
		height:				98px;
		overflow:			hidden;
		float:				left;
		margin-right:		10px;
	}
	
	#Shop {
		background:			#1F1414 url(../_Images/shop-glow.png) top no-repeat;
		height:				400px;
	}
	#Shop .shopBox {
		width:				130px;
		margin-left:		10px;
		margin-top:			20px;
		float:				left;
	}
	#Shop .shopBox .image {
		width:				130px;
		height:				98px;
		float:				left;
		overflow:			hidden;
	}
	#Shop .shopBox h3 {
		width:				130px;
		height:				40px;
		overflow:			hidden;
	}
	*HTML .shopBox {
		display:			inline;	
	}
	#Shop strong {
		font-size:			14px;
		font-weight:		bold;
		color:				#F5911E;
	}

/*=================     SHOPPING PAGE        ================*/

#ShopZone {
	background-image:		url(../_Images/shop-list-bg.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	overflow:				hidden;
	clear:					both;
	width:					900px;
}
*html #ShopZone {
	zoom:					1	
}

#ShopCategories {
	width:					128px;
	float:					left;
	border:					1px solid #483024;
	background:				#291512;
	border-top:				none;
	padding:				30px 10px 10px 10px;
}

#ShopList {
	width:					750px;
	float:					left;
}
.shopListBox {
	width:					355px;	
	background:				url(../_Images/article-bg.png);
	height:					150px;
	float:					left;
	padding:				35px 10px 0px 10px;
}
.shopListBox img {
	width:				130px;
	height:				98px;
	overflow:			hidden;
	float:				left;
	margin-right:		10px;
}
.shopListBox p {
	width:				215px;
	height:				60px;
	float:				left;
	overflow:			hidden;
}
.shopListBox .price strong {
	line-height:		20px;
	margin-bottom:		5px;
	font-size:			14px;
	color:				#F5911E;
	font-weight:		bold;
}

.shopListBox .textBoxDetails {
	float:				left;
	width:				280px;
}

/*=================     PRODUCT PAGE        ================*/

#ShopArticle {
	width:				900px;
	background:			#3F2D2A url(../_Images/product-bg.png) top no-repeat;
	overflow:			hidden;
	border-left:		1px solid #483024;
}
#ShopArticle h1 {
	padding-left:		10px;
	height:				32px;
}
#ShopRelatedItems {
	float:				left;
	width:				300px;
	background:			#1F1414;
}
#ShopRelatedItems .big {
	width:				280px;
	height:				187px;
	overflow:			hidden;
	float:				left;
	padding:				9px;
}
#ShopRelatedItems .small {
	width:				135px;
	height:				90px;
	overflow:			hidden;
	float:				left;
	padding-left:		9px;
	margin-bottom:		9px;
}
#ShopRelatedItems .video {
	width:				280px;
	height:				187px;
	overflow:			hidden;
	padding:			0px 9px 9px 9px;
	float:				left;
}
#TextBox {
	width:				430px;
	float:				left;
	padding:			0px 10px;
}
#TextBox p {
	padding-bottom:		10px;	
}
#Price {
	width:				130px;
	float:				left;
	height:				150px;
	overflow:			hidden;
	background:			url(../_Images/price-bg.png);
	padding:			0px 10px;
}
#Price strong {
	font-size:			16px;	
	color:				#F5911E;
	font-weight:		bold;
}
#Price a {
	width:				71px;
	height:				22px;
	display:			block;
	background:			url(../_Images/img-comanda.png) center no-repeat;
	text-indent:		-200px;
	overflow:			hidden;
}

/*=================     FORM PAGE        ================*/

.generalForm {
	width:				300px;
	margin:				40px auto;
}

.generalForm label {
	width:				120px;
	display:			block;
	float:				left;
}

/*=================     FOTO GALLERY        ================*/

#FotoGallery {
	margin-left:		-20px;	
	clear:				both;
	margin-top:			20px;
	float:				left;
}

#FotoGallery a {
	width:				130px;
	height:				87px;
	overflow:			hidden;
	float:				left;
	margin-left:		20px;
	margin-bottom:		20px;
}


/*=================     NETWORK ZONE        ================*/


#Network {
	height:					352px;
	padding:				1px 0px;
	background:				url(../_Images/network-bg.png) top repeat-x;
}
	#NetworkContent {
		width:					902px;
		margin:					0px auto;
	}
	.gallery {
		width:					280px;
		height:					349px;
		float:					left;
		background:				#544441;
		padding:				0px 10px 0px 10px;
		position:				relative;
	}
	.gallery p {
		line-height:			28px;	
	}
	.gallery h2 a {
		display:				block;
		height:					50px;
		line-height:			25px;
		overflow:				hidden;
	}
	.gallery .image {
		width:					280px;
		height:					187px;
		overflow:				hidden;
		
		
	}
	.gallery a.galleryLink {
		width:					298px;
		height:					25px;
		border:					1px solid #544441;
		display:				block;
		line-height:			26px;
		background:				#291512;
		text-align:				center;
		position:				absolute;
		bottom:					0px;
		left:					0px;
	}
	.gallery a.galleryLink:hover {
		background-color:		#382522;
	}
	#Twitter {
		width:					300px;
		height:					110px;
		background:				#3F2D2A;
		float:					left;
	}
	#Twitter .image {
		float:					left;	
	}
	#Newsletter {
		width:					280px;
		height:					90px;
		background:				#291512;
		float:					left;
		padding:				10px;
		position:				relative;
	}
	#Newsletter h2 {
		width:				95px;
		height:				16px;
		text-indent:		200px;
		overflow:			hidden;
		background:			url(../_Images/img-newsletter.png) no-repeat;
		float:				left;
	}
	
	
	#Newsletter input {
		background:			url(../_Images/input-bg.png) repeat-x;
		width:				157px;
		height:				16px;
		border:				1px solid #C5B097;
		line-height:		16px;
		margin:				0px 0px 10px 10px;
		font-size:			11px;
		color:				#C5B097;
		padding:			0px;
	}
	#Newsletter button {
		font-size:			12px;
		font-weight:		bold;
		border:				none;
		background:			none;
		color:				#C5B097;
		margin:				0px;
		padding:			0px;
		position:			absolute;
		left:				35px;
		top:				40px;
	}
	#Newsletter div {
		float:				left;
		width:				160px;
	}

	
	#Facebook {
		width:					140px;
		padding:				10px;
		height:					109px;
		background:				#3F2D2A;
		float:					left;
	}
	#Facebook h2 {
		width:					98px;
		height:					22px;
		text-indent:			200px;
		overflow:				hidden;
		background:				url(../_Images/img-club.png) no-repeat;
	}
	#Blog {
		width:					120px;
		padding:				10px;
		height:					109px;
		background:				#3F2D2A;
		float:					left;
	}
	#Blog h2 {
		width:					36px;
		height:					22px;
		text-indent:			200px;
		overflow:				hidden;
		background:				url(../_Images/img-blog.png) no-repeat;
	}
#Footer {
	width:						900px;
	padding:					20px 0px;
	margin:						0px auto;
}
#Copyright {
	width:						200px;
	float:						left;
	height:						40px;
	line-height:				40px;
}
#Credits {
	float:						right;
	height:						40px;
	line-height:				40px;
}
#Credits img {
	vertical-align:				middle;
}