@charset "utf-8";
/* ==================================================================
*	style.css (stilurile temei folosite)
*	@autor: Daniel Ilas pentru proiectul ArraMedia CMS
*	@versiune: 1.0
*	copyright: (C) 2008 Arra Media Agency
*	e-mail: office@arramedia.ro
*	data inceperii proiectului: 25 aprilie 2008
*	ultima modificare: 18 mai 2008
* =================================================================== */

body
{
	background:url(images/top_bg.jpg) repeat-x center top;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0
}

table.form .input input,textarea,table.form .input select,table.form .submit,tr.middle td.c3 .search .searchfield
{
	font:8pt Verdana, Tahoma, Arial, Helvetica, sans-serif
}

.menuheader,h1,table#suport h6,.randomtitle,.menuheader,a.menu,a.menu:visited,a.menu:hover,a.menu:active,.exclusiv,a.titlu-latest,a.titlu-latest:visited,a.titlu-latest:hover,a.titlu-latest:active,#article-header,#article-headerr
{
	font:150% "Century Gothic", Arial, Verdana, Tahoma
}

table#main
{
	left:0;
	position:absolute;
	top:-1px
}

table.form .input input,textarea,table.form .input select,table.form .submit
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

td
{
	vertical-align:top
}

td.c1,td.c2
{
	width:201px
}

.top td.c1
{
	color:gray;
	font-weight:700;
	padding-top:8px;
	text-align:center
}

.top td.c1 img
{
	border:0
}

tr.top td.c3,tr.middle td.c3
{
	background:url(images/dot.gif) repeat-x center bottom
}

tr.top td.c3
{
	text-align:center;
	vertical-align:middle
}

tr.middle td.c3
{
	height:38px
}

tr.middle td.c3 .pathway
{
	float:left;
	padding:10px 0 10px 12px
}

tr.middle td.c3 .search
{
	background:url(images/search.png) no-repeat center center;
	float:right;
	height:28px;
	margin:4px 12px 4px 0;
	width:221px
}

tr.middle td.c3 .search .searchbutton
{
	background:none;
	border:0;
	float:right;
	height:28px;
	width:35px
}

tr.middle td.c3 .search .searchfield
{
	background:none;
	border:0;
	float:left;
	height:20px;
	margin:6px 0 0 16px;
	width:168px
}

tr.middle td.c1
{
	background-color:#9b9b9b;
	margin:0;
	padding:0
}

tr.middle td.c2
{
	margin:0;
	padding:0;
	vertical-align:top
}

tr.middle td.c2 p
{
	margin:0;
	padding:0;
	text-align:center
}

.menuheader
{
	background:#9b9b9b url(images/item_bg.jpg) repeat-x center top;
	color:#fff;
	font-weight:700;
	height:36px;
	margin:0;
	padding:14px 0 0;
        cursor:pointer;
	width:100%
}

.openheader
{
	background:#9b9b9b url(images/item_bg.jpg) repeat-x center top;
	color:#e50000
}

.headeritem
{
	padding:0 0 10px 10px
}

.menuheader a.menu,.menuheader a.menu:visited,.menuheader a.menu:hover
{
	color:#fff;
	display:block;
	font-size:100%;
	font-weight:700;
	padding:0 0 10px 10px;
	text-decoration:none
}

ul.categoryitems
{
	background-color:#c5c5c5;
	list-style-type:none;
	margin:0;
	padding:0
}

ul.categoryitems li
{
	margin:0 auto;
	width:195px
}

ul.categoryitems li a.item,a.item:visited,a.item:hover,a.item:active
{
	background:url(images/dot.gif) repeat-x center bottom;
	display:block;
	font-size:100%;
	font-weight:700;
	padding:2px 0 4px 10px;
	text-decoration:none
}

tr.reclame div.reclama
{
	float:left;
	margin-right:1px;
	width:198px
}

tr.reclame td.c3
{
	vertical-align:middle
}

tr.reclame td.c1,tr.reclame td.c2
{
	text-align:center
}

tr.footer
{
	background-color:#ededed;
	color:#999
}

tr.footer td
{
	padding:10px 0;
	text-align:center;
	vertical-align:middle
}

tr.footer a.flink,a.flink:visited
{
	color:gray;
	margin:0 8px;
	text-decoration:none
}

tr.footer a.flink:hover,a.flink:active
{
	color:gray;
	text-decoration:underline
}

td.bottom
{
	padding:10px 0;
	text-align:center
}

td.content
{
	height:480px
}

form
{
	background:url(images/left-top.jpg) no-repeat left top;
	margin:20px auto 0;
	width:94%
}

table.form
{
	background:url(images/right-bottom.jpg) no-repeat right bottom;
	border:0;
	margin:0;
	padding:0;
	width:100%
}

table.form td
{
	padding:6px;
	vertical-align:top
}

table.form .label
{
	font-weight:700;
	padding-top:10px;
	text-align:right;
	width:20%
}

table.form .outlb
{
	font-weight:700;
	padding-top:10px
}

table.form .input input,textarea,table.form .input select
{
	border:1px #ccc solid;
	padding:4px;
	width:98%
}

table.form .input textarea
{
	height:200px
}

table.form .input .radio,table.form .input .checkbox
{
	border:0;
	width:auto
}

table.form .submit
{
	background-color:#e50000;
	border:0;
	color:#fff;
	font-weight:700;
	padding:5px;
	width:auto
}

.bodytext
{
	margin:20px
}

.msg
{
	font-weight:700;
	margin:20px
}

.error
{
	font-weight:700;
	margin-left:20px
}

ul.buttons
{
	margin:0;
	padding:0 0 0 20px
}

table.panel
{
	margin-top:30px
}

table.panel td
{
	padding:10px;
	text-align:center;
	vertical-align:top
}

table.panel img
{
	margin:20px 0 10px
}

table.panel td a.icon,a.icon:visited
{
	display:block;
	font-weight:700;
	text-align:center;
	text-decoration:none
}

a.path,a.path:visited,a.admin,a.admin:visited
{
	font-weight:700;
	text-decoration:underline
}

a.path:hover,a.path:active,a.admin:hover,a.admin:active
{
	text-decoration:none
}

h1
{
	border-bottom:1px #e1e1e1 solid;
	color:#ccc;
	font-size:200%;
	font-weight:700;
	margin:20px
}

table#list,table.panel,table#suport,table#galerie,table#toppanel
{
	margin:0;
	width:100%
}

table#suport
{
	padding:20px
}

table#toppanel
{
	background-color:#9b9b9b
}

table#list td,table#toppanel td
{
	margin:0;
	padding:10px;
	vertical-align:top
}

table#toppanel td
{
	padding:5px 0
}

table#galerie td
{
	padding:4px 10px;
	vertical-align:top
}

td.remember
{
	background-color:#9b9b9b;
	color:#fff;
	padding:5px 10px
}

table#list tr.odd,table#galerie tr.odd
{
	background-color:#ededed
}

table#list .element
{
	font-weight:700
}

table#list .id
{
	text-align:right;
	width:20px
}

.normal
{
	font-style:normal;
	font-weight:400
}

.caption
{
	color:#666
}

td.img
{
	border:1px #ccc solid;
	height:100px;
	padding:8px;
	text-align:center;
	vertical-align:bottom
}

td.img:hover
{
	background-color:#e1e1e1
}

a.pmenu,a.pmenu:visited
{
	color:#fff;
	font-weight:400;
	margin:10px;
	text-decoration:none
}

table#suport h6
{
	color:#e50000;
	font-size:140%;
	font-weight:700;
	margin:0 0 6px;
	padding:0
}

table#suport .index
{
	font-size:100%;
	line-height:12pt
}

table#suport .index li
{
	margin-bottom:4px
}

table#suport ul.lista
{
	color:#ccc;
	line-height:14pt;
	list-style-type:square
}

table#suport .stext
{
	line-height:14pt;
	text-align:justify;
	text-indent:10px
}

.powerby
{
	border-top:1px #e1e1e1 solid;
	color:#888;
	margin-top:30px;
	padding-top:5px
}

#random
{
	color:#666;
	line-height:12pt;
	padding:0 40px;
	text-align:justify
}

#random .randomtitle
{
	clear:both;
	color:#e50000;
	font-weight:700;
	margin-bottom:12px
}

a.thumbnail,a.thumbnail:visited
{
	border:4px #e1e1e1 solid;
	clear:both;
	display:block;
	height:100px;
	margin:10px 0 8px;
	text-decoration:none;
	width:120px
}

a.thumbnail:hover,a.thumbnail:active
{
	border:4px #ccc solid
}

a,a:visited,.msg a,a:visited
{
	color:#333;
	text-decoration:underline
}

td.content .msg,.error,a:hover,a:active,.menuheader a.menu:hover,.menuheader a.menu:active
{
	color:#e50000;
	font-size:100%;
	text-decoration:none
}

tr.middle td.c2,tr.footer td.c2,table#list tr:hover,table#galerie tr:hover
{
	background-color:#d6d6d6
}

tr.footer a.arra,a.arra:visited,.msg a:hover,a:active
{
	color:gray;
	text-decoration:none
}

table#summary
{
	border:0;
	width:100%
}

table#summary a.brandtitle, a.brandtitle:visited, a.brandtitle:hover, a.brandtitle:active
{
	color:red;
	font-family:Arial, Helvetica, Sans-serif;
	font-weight:700;
	font-size:160%;
	text-transform:uppercase;
	text-decoration:none;
}

.summary_title,a.heading,a.heading:visited,a.heading:hover,a.heading:active
{
	background-color:#e1e1e1;
	clear:both;
	color:#333;
	display:block;
	font-weight:700;
	padding:4px 6px;
	text-decoration:none;
	text-transform:uppercase
}

.summary_title
{
	background-color:#e50000;
	color:#fff
}

.date,.readmore
{
	clear:both;
	color:gray;
	margin:6px
}

#article
{
	background:url(images/dot.gif) repeat-x center bottom;
	clear:both;
	margin-bottom:10px;
	padding-bottom:5px
}

.article
{
	padding:0 6px
}

.arhive
{
	color:#666;
	list-style-type:square;
	margin-bottom:10px;
	margin-top:10px
}

#archives
{
	border:1px #e50000 solid;
	clear:both;
	width:100%
}

table.panel td a.icon:hover,a.icon:active,a.more,a.more:visited,a.more:hover,a.more:active
{
	font-weight:700;
	text-decoration:none
}

tr.footer a.arra:hover,a.arra:active,a.pmenu:hover,a.pmenu:active,a.heading:hover,a.heading:active
{
	text-decoration:underline
}

#articolul
{
	clear:both;
	margin:auto;
	padding:10px 0 0;
	width:96%
}

.article_title,.back
{
	clear:both;
	color:#999;
	line-height:13pt;
	padding:0 0 10px;
	text-align:right
}

.back
{
	margin-top:20px;
	text-align:center
}

.titlul
{
	float:left;
	text-align:left
}

.data
{
	float:right;
	padding-bottom:10px
}

#article_content
{
	clear:both;
	width:100%
}

table#list .comenzi,.readmore
{
	text-align:right
}

.butoane
{
	clear:both;
	float:left;
	font-weight:400;
	line-height:14pt
}

.categorie
{
	background-color:#e1e1e1;
	border-top:1px #ccc solid;
	clear:both;
	font-weight:700;
	margin:0 4px 2px;
	padding:4px;
	text-transform:uppercase
}

.titlu
{
	clear:both;
	color:#e50000;
	margin:4px
}

a.link-titlu,a.link-titlu:visited,a.link-exclusiv,a.link-exclusiv:visited
{
	line-height:12pt;
	padding:2px 4px;
	text-decoration:underline
}

a.link-exclusiv,a.link-exclusiv:visited
{
	color:gray;
	font-weight:700;
	margin-bottom:5px
}

.exclusiv
{
	color:#333;
	font-size:130%;
	font-weight:700;
	padding:4px 8px;
	text-transform:uppercase
}

.latest
{
	clear:both;
	padding:4px 8px
}

.latest em
{
	color:#e50000;
	font-style:normal;
	font-weight:700
}

a.titlu-latest,a.titlu-latest:visited
{
	color:#e50000;
	font-weight:700;
	padding:0 8px;
	text-decoration:none
}

a.titlu-latest:hover,a.titlu-latest:active
{
	color:#333;
	font-weight:700;
	text-decoration:underline
}

.td-caption
{
	background-color:#333;
	color:#fff;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle
}

.td-caption em
{
	background-color:#e50000;
	color:#fff;
	font-style:normal;
	padding:5px
}

.td-exclusiv,.lista-editoriale
{
	border-left:1px #e1e1e1 solid;
	padding-bottom:10px
}

.td-exclusiv-left
{
	padding-bottom:10px;
	padding-top:10px
}

.info
{
	clear:both;
	padding-top:8px
}

.antet-revista
{
	background-color:#333
}

a.link-titlu:hover,a.link-titlu:active,a.link-exclusiv:hover,a.link-exclusiv:active
{
	background-color:#e50000;
	color:#fff;
	text-decoration:none
}

#map
{
	text-align:center;
	width:80%
}

#map td
{
	padding:10px;
	text-align:center;
	vertical-align:middle
}

.cautare
{
	line-height:12pt;
	margin-top:20px
}

.cautare li
{
	margin-bottom:8px
}

.ilink
{
	color:#999
}

.loc
{
	color:#999;
	font-weight:700
}

table#reclame
{
	border-top:0px #D6D6D6 solid;
	margin:0;
	padding:0;
}

table#reclame td
{
	width:201px;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:top
}

.rt
{
	color:gray;
	font-size:120%;
	margin:20px 0
}

.lista-editoriale
{
	width:200px
}

.lista-editoriale .editorial
{
	color:#666;
	margin:4px 0 4px 10px
}

tr.top td.c3 p,tr.reclame td.c3 p,tr.reclame td.c1 p,tr.reclame td.c2 p,.location,.cover p
{
	margin:0;
	padding:0
}

.headeritem:hover,a.admin:hover,a.admin:active,.exclusiv b
{
	color:#e50000
}

.brand
{
	clear:both;
	font-weight:normal
}

.header
{
	background:url(images/header.jpg) no-repeat left center;
	height:24px;
	border-top:1px #ccc solid;
	padding:4px 0 0 110px;
	color:#999;
	text-transform:uppercase;
}

.brandname
{
	color:#333;
	background-color:#e1e1e1;
}

a.brand-link, a.brand-link:visited, a.brand-link:hover, a.brand-link:active
{
	color:red;
	font-weight:700;
	text-decoration:none;
}

#article-header,
#article-headerr
{
	width:100%;
	height:24px;
	font-size:12px;
	border-top:1px #ccc solid;
	background:url(images/article-header.jpg) no-repeat left center;
	clear:both;
}

#article-headerr
{
	background:url(images/header.jpg) no-repeat left center;
}

#article-header .left
{
	width:120px;
	padding:4px 0 0 0;
	text-align:center;
	color:#fff;
	float:left;
}

#article-header .categorytitle,
#article-headerr .categorytitle
{
	padding:4px;
	color:gray;
	text-transform:uppercase;
	margin-left:84px;
	float:left;
}

#article-headerr .categorytitle
{
	margin-left:106px;
}

