/*-------------------------- pozitionare -------------------------------------*/
BODY
{
	min-width: 990px;
	behavior: url("csshover.htc");
}
#wrapper
{
	position: relative;
	width: 980px;
	w\idth: 970px;
	left: 50%;
	margin-left: -485px;
}
/*---------------------------- design ----------------------------------------*/
BODY
{
	background-color: #333;
	font: normal 0.7em Arial, Sans-Serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#wrapper
{
	background-color: #000;
	padding: 0px;
	color: #FFF;
}
IMG.cboxPhoto
{
	width: 705px;
}
/*bannerul de identitate si butoanele aferente+casuta de cautare*/
#header
{
	position: relative;
	width: auto;
	clear: both;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #FF6600;
}
#lang
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #FFF;
}
#lang A
{
	color: #FFF;
}
/*div in care stau butoanele de sus*/
#topopt
{
	position: absolute;
	top: 73px;
	left: 230px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
/*lista de linkuri de sus*/
#topopt UL
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/*formatare ul din lista*/
#port, #serv, #biog, #cont, #nout, #comm
{
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}
#port A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/p_0.png) no-repeat top left;
}
#port A.nor:link, #port A.nor:visited, #port A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/p_1.png) no-repeat top left;
}
#port A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/p_0.png) no-repeat top left;
}
#serv A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/s_0.png) no-repeat top left;
}
#serv A.nor:link, #serv A.nor:visited, #serv A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/s_1.png) no-repeat top left;
}
#serv A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/s_0.png) no-repeat top left;
}
#comm A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/m_0.png) no-repeat top left;
}
#comm A.nor:link, #comm A.nor:visited, #comm A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/m_1.png) no-repeat top left;
}
#comm A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/m_0.png) no-repeat top left;
}
#biog A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/b_0.png) no-repeat top left;
}
#biog A.nor:link, #biog A.nor:visited, #biog A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/b_1.png) no-repeat top left;
}
#biog A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/b_0.png) no-repeat top left;
}
#cont A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/c_0.png) no-repeat top left;
}
#cont A.nor:link, #cont A.nor:visited, #cont A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/c_1.png) no-repeat top left;
}
#cont A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/c_0.png) no-repeat top left;
}
#nout A.sel
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/n_0.png) no-repeat top left;
}
#nout A.nor:link, #nout A.nor:visited, #nout A.nor:active
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: none;
	background: url(../pics/n_1.png) no-repeat top left;
}
#nout A.nor:hover
{
	display: block;
	width: 78px;
	height: 28px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 35px;
	text-decoration: underline;
	background: url(../pics/n_0.png) no-repeat top left;
}
/*bara de navigare care iti arata unde esti*/
#unde
{
	margin: 0px 0px 10px;
	padding: 3px 3px 3px 15px;
	background: #444;
	clear: both;
}
#unde A, #unde P
{
	color: #FFF;
}
/*stil folosit in majoritatea paginilor de formulare ca sa dea un pic de spatiere fata de margini si titluri*/
.margine
{
	margin: 10px 20px;
}
/*divuri diverse din wrapper*/
#single, #options, #pageh, #promohead
{
	width: auto;
	clear: both;
	padding: 0px;
}
/*[pagina produs]: buton inchis fereastra cu poza mare*/
.inchide
{
	float: right;
	margin: 15px 0px 3px 3px;
}
/*-------------------------- lista de produse --------------------------------
afisarea subcategoriilor din dreapta - navigare*/
.subcat
{
	display: block;
	width: auto;
	padding: 5px;
	margin: 5px 0px;
}
.col1, .col2
{
	width: 45%;
	display: block;
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
A.categ
{
	background: url(../pics/arrow.gif) no-repeat left top;
	padding: 0px 5px 0px 15px;
	margin: 0px;
	display: block;
}
/*separator randuri promotii/noutati*/
.sep
{
	display: block;
	padding: 0px;
	position: relative;
	width: auto;
	height: 2px;
	clear: both;
	margin: 1px;
	overflow: hidden;
}
/*caseta unui  produs promovat*/
.promotion
{
	position: relative;
	width: 119px;
	w\idth: 125px;
	display: block;
	padding: 1px;
	margin: 0px 2px;
	float: left;
	text-align: center;
	border: 1px solid #CCC;
}
/*div in care apare formularul de ordonare a listei de produse*/
#options
{
	padding: 2px;
	background-color: #F5F5F5;
	margin: 5px 0px 0px;
	text-align: right;
}
#options FORM
{
	padding: 0px;
	margin: 0px;
}
/*bara cu numere de pagini*/
.pages
{
	position: relative;
	display: block;
	clear: both;
	width: auto;
	padding: 4px 2px;
	margin: 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #333;
	text-align: center;
}
/*reclama de deasupra listei de produse*/
#adright
{
	margin: 0px;
	text-align: center;
	padding: 0px;
}
/*coloana doi a designului*/
#double
{
	position: relative;
	float: right;
	display: block;
	/*background-color: #fff;*/
	padding: 0px;
	margin: 0px;
	border-left: 2px solid #FF6600;
}
/*trebuie sa aiba aceeasi latime in design*/
#adright, #double
{
	width: 778px;
}
#blueimp-gallery
{
	padding-top: 10%;
	padding-bottom: 10%;
}
/*aici stau meniul din stanga sau formularul de filtrare*/
#mainnav, #filters, #topviews, #stiri, #adleft
{
	clear: left;
	display: block;
	width: 180px;
	float: left;
}
/*formatari meniu stanga*/
#mainnav
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
}
#mainnav UL
{
	padding: 5px 5px 5px 0px;
	margin: 0px;
	list-style-type: none;
	background-color: #333;
}
#mainnav UL UL
{
	padding: 1px 2px 1px 0px;
	margin: 0px 5px 0px 0px;
	list-style-type: none;
	background: none;
	border: none;
}
#mainnav LI
{
	margin: 0px;
	padding: 3px 4px 4px 15px;
	display: block;
	border-bottom: 1px dotted #CCC;
	/*E5BF65*/
}
#mainnav UL LI LI
{
	margin: 0px;
	padding: 3px 4px 4px 10px;
	display: block;
	border: none;
	background: none;
}
#mainnav A.sel
{
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#mainnav A.nor:link, #mainnav A.nor:visited, #mainnav A.nor:active
{
	font-weight: normal;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#mainnav A.nor:hover
{
	font-weight: normal;
	color: #FF6600;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
/*------------ titluri si subtitluri -----------------------------------------*/
H1
{
	padding: 5px 10px 5px 20px;
	font-size: 1.6em;
	color: #FFF;
	margin: 0px;
}
H2
{
	margin: 15px 0px 0px;
	padding: 5px;
	font-size: 1.2em;
	color: #F5F5F5;
	border-bottom: 2px solid #556233;
}
H2.news
{
	margin: 15px 0px 0px;
	padding: 5px 5px 5px 0px;
	font-size: 1.2em;
	color: #555;
	background: none;
	border: none;
}
H3
{
	padding: 14px 0px 3px;
	font-size: 1.2em;
	color: #555;
	margin: 0px;
	font-weight: bold;
	clear: both;
	display: block;
}
H3.act
{
	padding: 14px 0px 3px;
	font-size: 1.2em;
	color: #555;
	margin: 0px;
	font-weight: bold;
	clear: both;
}
/*cele mai populare*/
H4.categories, H4.popular, H4.news, H4.pagextra, H4.filter_fd
{
	width: auto;
	height: 29px;
	position: relative;
	margin: 5px 0px 0px;
	padding: 0px;
	font-size: 12px;
	color: #F5F5F5;
	background-color: #939F86;
}
H4.popular, H4.news, H4.pagextra, H4.filter_fd
{
	border-bottom: 2px solid #333;
	height: auto;
	padding: 5px;
}
H4 SPAN
{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
H4.popular
{
}
H4.news
{
}
/*formulare*/
FORM
{
	margin: 0px;
	padding: 0px;
}
.product3
{
	position: relative;
	display: block;
	float: left;
	margin: 15px;
}
.plista3
{
	position: relative;
	float: left;
	display: block;
	margin: 0px;
	background: #000 url(../pics/dsd.png) no-repeat bottom right;
}
.plista3 IMG
{
	position: relative;
	display: block;
	background: #000;
	border: 1px solid #DDD;
	margin: -7px 7px 7px -7px;
}
/*caseta in care sta un rand de produse recomandate*/
.product, .product2
{
	position: relative;
	display: block;
	float: left;
	width: 99px;
	height: 99px;
	margin: 20px 20px 3px 3px;
	text-align: center;
}
.productp
{
	position: relative;
	display: block;
	float: left;
	width: 345px;
	height: 182px;
	margin: 20px 20px 3px 3px;
	text-align: center;
}
.product2
{
	width: 66px;
	height: 66px;
}
.plista, .plista2
{
	width: 99px;
	position: relative;
	float: left;
	display: block;
	margin: 0px;
}
.plistap
{
	width: 342px;
	position: relative;
	float: left;
	display: block;
	margin: 0px;
	background: #000 url(../pics/dsd.png) no-repeat bottom right;
}
.plista2
{
	width: 66px;
	height: 66px;
}
.plista IMG, .plista2 IMG, .plistap IMG
{
	position: relative;
	display: block;
	background: #000;
	border: 1px solid #DDD;
	margin: 0 22px 22px 0;
	/*+box-shadow:5px 5px 6px #939F86;*/
	-moz-box-shadow: 5px 5px 6px #939F86;
	-webkit-box-shadow: 5px 5px 6px #939F86;
	-o-box-shadow: 5px 5px 6px #939F86;
	box-shadow: 5px 5px 6px #939F86;
	/*+placement:float-left 0px 0px;*/
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}
P
{
	padding: 3px 0px 2px;
	font-size: 1em;
	margin: 0px;
	color: #FFF;
	display: block;
}
OL, UL
{
	margin: 0px 0px 0px 20px;
	padding: 5px;
}
LI
{
	margin: 0px;
	padding: 3px;
}
/*culoare linkuri in general ------------------------------*/
A:link
{
	font-size: 1em;
	color: #FFF;
}
A:visited
{
	font-size: 1em;
	color: #EEE;
}
A:hover
{
	font-size: 1em;
	color: #FF6600;
}
A:active
{
	font-size: 1em;
	color: #FF6600;
}
.str
{
	text-align: right;
}
#stiri P.str A
{
	background: url(../pics/arrow.gif) no-repeat left top;
	padding: 0px 5px 0px 15px;
	margin: 0px;
	display: inline;
}
/*formatare div footer*/
#footer
{
	display: block;
	width: auto;
	clear: both;
	background-color: #222;
	color: #EEE;
	height: 20px;
	margin-top: 30px;
	padding: 3px 10px;
}
#footer A, #footer A:hover
{
	float: right;
	padding: 0px;
	margin: 0px;
	color: #EEE;
}
