/**
 * --------------------------------------------------------------
 * Stilul CSS pentru promoda.com.ro
 * Copyright (C) 2007-2009 Arra Media Agency. Toate drepturile rezervate
 * --------------------------------------------------------------
 */

body
{
	background-image:url(images/fundal.jpg);
	font:70% Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0
}

img
{
	border:0
}

input,textarea,select
{
	font:11px Verdana, Tahoma, Arial, Helvetica, Sans-serif
}

#antet,#continut,#subsol
{
	clear:both;
	margin:0 auto;
	width:906px
}

#antet .sigla
{
	float:left;
	margin:20px 0 30px;
	text-decoration:none
}

#antet .colaborare
{
	background:url(images/colaborare-trans.png) no-repeat 0 0;
	color:#cb0000;
	float:right;
	font-size:18px;
	font-weight:700;
	height:64px;
	padding:30px 0 0 90px;
	text-decoration:none;
	text-transform:uppercase;
	width:160px
}

#antet #header
{
	clear:both;
	margin:0 auto;
	width:840px
}

#antet .meniu,#antet .meniu li,#antet .meniu ul
{
	list-style-type:none;
	margin:0;
	padding:0
}

#antet .meniu
{
	color:#fff;
	font-weight:700;
	height:37px;
	position:relative;
	top:-60px;
	width:100%;
	z-index:597
}

#antet .meniu li
{
	background-repeat:no-repeat;
	float:left;
	height:62px
}

#antet .meniu li.meniu_1
{
	background-image:url(images/meniu_despre_noi-trans.png);
	width:109px
}

#antet .meniu li.meniu_2
{
	background-image:url(images/meniu_femei-trans.png);
	width:75px
}

#antet .meniu li.meniu_3
{
	background-image:url(images/meniu_barbati-trans.png);
	width:88px
}

#antet .meniu li.meniu_4
{
	background-image:url(images/meniu_promotii-trans.png);
	width:101px
}

#antet .meniu li.meniu_5
{
	background-image:url(images/meniu_parteneri-trans.png);
	width:106px
}

#antet .meniu li.meniu_6
{
	background-image:url(images/meniu_cum_cumpar-trans.png);
	width:137px
}

#antet .meniu li.meniu_7
{
	background-image:url(images/meniu_galerie_foto-trans.png);
	width:125px
}

#antet .meniu li.meniu_8
{
	background-image:url(images/meniu_contact-trans.png);
	width:98px
}

#antet .meniu li.meniu_9
{
	background-image:url(images/meniu_dreapta-trans.png);
	width:34px
}

#antet .meniu li.meniu_0
{
	background-image:url(images/meniu_stanga-trans.png);
	width:33px
}

#antet .meniu li.hover,#antet .meniu li:hover
{
	z-index:599
}

#antet .meniu li.hover .dir a,#antet .meniu li .dir a
{
	display:block;
	float:left;
	height:40px;
	margin-top:10px;
	text-decoration:none;
	width:100%
}

#antet .meniu ul
{
	background:#cb0000;
	float:left;
	font-size:10px;
	height:16px;
	margin-left:6px;
	position:absolute;
	top:64px;
	visibility:hidden;
	z-index:598
}

#antet .meniu ul li
{
	background:url(images/point.gif) repeat-y 0 0;
	float:left;
	height:16px;
	padding:2px 10px 0
}

#antet .meniu ul > li:first-child
{
	background:none
}

#antet .meniu a,#antet .meniu span
{
	color:#fff;
	height:16px;
	margin:0;
	padding:0;
	text-decoration:none
}

#continut #meniu-admin
{
	border-bottom:1px #fff solid;
	clear:both;
	float:left;
	font-size:10px;
	list-style-type:none;
	margin:0 33px 36px;
	padding:0;
	position:relative;
	width:840px
}

#continut #meniu-admin li
{
	background-color:#fff;
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:110px
}

#continut #meniu-admin li a.admin,a.admin:visited
{
	color:#333;
	float:left;
	font-weight:700;
	margin:0;
	padding:0 0 5px;
	text-align:center;
	text-decoration:none;
	width:100%
}

#continut #meniu-admin li a.admin:hover,a.admin:active
{
	color:#cb0000
}

#continut #promo
{
	background-image:url(images/fundal-promo.jpg);
	clear:both;
	margin:auto;
	padding-bottom:20px;
	padding-top:10px;
	position:relative;
	top:-36px;
	width:840px
}

#continut #promo .palarii,#continut #promo .fulare,#continut #promo .esarfe
{
	float:right;
	height:184px;
	margin-top:6px;
	width:275px
}

#continut #promo .palarii
{
	background:url(images/palarii-trans.png) no-repeat 0 0
}

#continut #promo .fulare
{
	background:url(images/fulare-trans.png) no-repeat 0 0
}

#continut #promo .esarfe
{
	background:url(images/esarfe-trans.png) no-repeat 0 0
}

#continut #promo div h2
{
	color:#4f4f4f;
	font-size:24px;
	letter-spacing:-0.08em;
	margin:20px 0 0 10px;
	text-transform:uppercase
}

#continut #promo div h2 b
{
	color:#cb0000
}

#continut #coloane
{
	color:#fff;
	margin:0 auto;
	position:relative;
	top:-20px;
	width:840px
}

#continut #coloane .col
{
	float:left;
	margin:0 10px;
	padding:0;
	width:260px
}

#continut #coloane .col a.colink,a.colink:visited
{
	clear:none;
	color:#cb0000;
	float:none;
	font-weight:700;
	margin:0;
	padding:0;
	text-decoration:underline
}

#continut #coloane .col a.colink:hover,a.colink:active
{
	color:#ccc;
	text-decoration:none
}

#continut #coloane .col h1,#continut #coloane .col p
{
	font-size:11px;
	margin:6px 0
}

#continut #coloane .col h1
{
	background:url(images/bullet-trans.png) no-repeat 0 0;
	color:#cb0000;
	font-size:12px;
	height:15px;
	padding-left:26px;
	padding-top:3px
}

#continut #coloane .col p
{
	line-height:16px;
	margin-left:26px
}

#continut #promo .produse
{
	width:100%
}

#continut #promo .produse td
{
	font-size:11px;
	padding-bottom:30px;
	text-align:center;
	vertical-align:top
}

#continut #promo .produse td .poze
{
	margin:10px auto;
	min-height:310px;
	width:260px;
	background:none;
	text-align:right
}

#continut #promo .produse td .poze .poza-produs a
{
	clear:both;
	float:none;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none
}

#continut #promo .produse td .poze .poza-produs
{
	border:1px #fff solid;
	margin:0;
	position:relative;
	left:0;
	text-align:right;
	clear:both;
	width:260px
}

#continut #promo .produse td .nume-produs,#continut #promo .produse td .cod-produs,#continut #promo .produse td .caracteristici,#continut #promo .produse td .marimi-produs,#continut #promo .produse td .culori-produs,#continut #promo .produse td .pret-produs
{
	clear:both;
	color:#fff;
	margin:auto;
	padding:5px;
	text-align:left;
	width:252px
}

#continut #promo .produse td .nume-produs,#continut #promo .produse td .cod-produs
{
	background:url(images/fundal-meniu.jpg) repeat-x 0 0
}

#continut #promo .produse td .pret-produs
{
	background:#d3d3d3 url(images/bullet-trans.png) no-repeat 5px center;
	color:#cb0000;
	text-align:right
}

#continut #promo .produse td .pret-produs s
{
	color:#000
}

#continut #promo .produse td .pret-produs big
{
	font-size:12px;
	font-weight:700
}

#continut #promo .produse td .nume-produs
{
	font-weight:700
}

#continut #promo .produse td .culori-produs
{
	padding:0 5px
}

#continut #promo .produse td .culori-produs b
{
	float:left;
	margin-right:6px
}

#continut #promo .produse td .culori-produs .color
{
	border:1px #fff solid;
	float:left;
	height:10px;
	margin:1px 2px 0;
	width:10px
}

#continut #promo .contact
{
	color:#fff;
	float:right;
	font-size:11px;
	line-height:17px;
	margin:20px 20px 0 0;
	text-align:right;
	width:30%
}

#continut #promo .contact a,a:visited
{
	color:#fff;
	float:none;
	margin:0;
	padding:0;
	text-decoration:underline
}

#continut #promo .contact a:hover,a:active
{
	text-decoration:none
}

#continut #promo fieldset
{
	border:1px #fff solid;
	color:#fff;
	margin:20px;
	width:60%
}

#continut #promo fieldset legend
{
	color:#fff;
	font-size:18px;
	font-weight:700;
	padding:0;
	text-transform:uppercase
}

#continut #promo form,#continut #promo form #formular
{
	padding:0;
	width:100%
}

#continut #promo #formular td
{
	font-size:11px;
	padding:4px
}

#continut #promo #formular td.label
{
	width:20%
}

#continut #promo #formular td input,select,textarea
{
	border:1px #ccc solid;
	float:left;
	padding:4px;
	width:92%
}

#continut #promo #formular td select
{
	width:94%
}

#continut #promo #formular td .culoare
{
	float:left;
	margin:0 9px 0 0;
	width:11%
}

#continut #promo #formular td .submit
{
	background-color:#cb0000;
	border:0;
	color:#fff;
	width:auto
}

#continut #promo #formular td em
{
	clear:both;
	float:left
}

#continut #promo #formular td .tooltip
{
	float:right;
	margin-top:2px
}

#tooltip
{
	background:#fff url(images/help-trans.png) no-repeat 1px 1px;
	border:1px solid #ccc;
	color:#333;
	font-size:10px;
	margin:0;
	padding:3px 3px 3px 20px;
	position:absolute;
	width:150px;
	z-index:10000
}

#continut #promo h1,#continut #promo p
{
	color:#fff;
	margin:20px;
	text-align:justify
}

#continut #promo h1
{
	clear:both;
	font-size:17px;
	margin:10px 20px;
	padding:0
}

#continut #promo p a
{
	color:#fff;
	float:none;
	margin:0;
	padding:0;
	text-decoration:underline
}

#continut #promo p,#continut #promo .tabel
{
	line-height:18px;
	margin:0 20px 10px
}

#continut #promo .tabel div
{
	height:20px;
	padding:2px 6px
}

#continut #promo .tabel .par
{
	background-color:#fff
}

#continut #promo .tabel .impar
{
	background:url(images/fundal-meniu.jpg) repeat-x 0 0;
	color:#fff
}

#continut #promo .tabel .caption
{
	background:url(images/fundal-meniu.jpg) repeat-x 0 0;
	color:#fff;
	font-size:9px;
	font-weight:700;
	text-transform:uppercase
}

#continut #promo .tabel div .nume,#continut #promo .tabel div .denumire,#continut #promo .tabel div .sectiune
{
	float:left
}

#continut #promo .tabel div .nume
{
	font-weight:700;
	width:60%
}

#continut #promo .tabel div .denumire
{
	font-weight:700;
	width:50%
}

#continut #promo .tabel div .actiuni
{
	float:right
}

#continut #promo .tabel div .actiuni a.actiune,a.actiune:visited
{
	float:none;
	margin:0 0 0 12px;
	padding:0;
	text-decoration:none
}

#continut #promo .tabel div .actiuni a.actiune:hover,a.actiune:active
{
	text-decoration:underline
}

#continut #promo .tabel .impar .actiuni a.actiune
{
	color:#fff
}

#continut #promo .tabel .par .actiuni a.actiune
{
	color:#cb0000
}

#continut #promo .mesaj
{
	color:#fff;
	font-weight:700;
	padding:40px 0 0;
	text-align:center
}

#continut #promo #galerie-foto,#continut #promo #pagini
{
	clear:both;
	margin:10px auto;
	width:798px
}

#continut #promo #galerie-foto a
{
	margin:0;
	padding:0;
	text-decoration:none
}

#continut #promo #galerie-foto .thumb
{
	border:3px #fff solid;
	float:left;
	margin:4px
}

#continut #promo #galerie-foto .thumb:hover
{
	border-color:#000
}

#continut #promo #pagini a.pag,a.pag:visited
{
	background-color:#fff;
	color:#000;
	margin:4px;
	padding:4px 6px
}

#continut #promo #pagini a.pag:hover,a.pag:active
{
	background-color:#cb0000;
	color:#fff
}

#subsol
{
	background-image:url(images/fundal-subsol-trans.png);
	height:100px
}

#subsol .meniu-subsol
{
	float:left;
	padding:15px 0 6px 15px
}

#subsol .meniu-subsol a.link-subsol,a.link-subsol:visited
{
	background:url(images/linia-trans.png) no-repeat 0 0;
	color:#999;
	float:left;
	font-weight:700;
	height:21px;
	padding:3px 10px 0 12px;
	text-decoration:none
}

#subsol .meniu-subsol a.link-subsol:hover,a.link-subsol:active
{
	color:#fff
}

#subsol .meniu-subsol > a.link-subsol:first-child
{
	background-image:none;
	padding-left:0
}

#subsol .concept
{
	float:right;
	padding:15px 15px 6px 0
}

#subsol .concept a,a:visited
{
	color:#999;
	padding:3px 0 0;
	text-decoration:none
}

#subsol .concept a:hover,a:active
{
	color:#fff
}

#subsol .copyright
{
	background:url(images/double-point-trans.png) repeat-x 0 0;
	float:left;
	padding-top:10px;
	width:100%
}

#subsol .copyright a,a:visited
{
	color:#999;
	float:left;
	padding:6px 14px;
	text-decoration:none
}

#subsol .copyright a:hover,a:active
{
	color:#fff
}

#subsol .copyright a.login
{
	float:right
}