/**
** General Reset (kudos to Eric Meyer)
**/
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;
	padding-bottom: 1em;
}

/* 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: "" "";
}

/**
** General Styles
**/
 
body { width: 972px; margin: 0 auto; _overflow: hidden; position: relative; font: 81.25%/140% Verdana, Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, table { margin: 1em 0; font-weight: normal; }

h4, h5, h6 { font-weight: bold; }

h1 { font-size: 2em; margin-top: 0; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h3 span { font-size: .5em; font-weight: normal; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

ol, ul { margin-left: 2em; }

a { color: #327f3b; }
a:hover { text-decoration: none; }

a.button{background:#327F3B; padding:1px 5px; font-weight:bold; color:#fff;text-decoration: none; display:block; float:left; margin:5px 0 0 0; }
a.button:hover{background:#939AA4; }

strong { font-weight: bold; }

.clear { display: inline-block; }
.clear { display: block; }
.clear:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.clear-this { clear: both; }

hr { display: none; }

.ar { text-align: right; }
.ar h3 { display: inline; }


/**
** Header
**/
 
#logo { float: left; width: 231px; margin: 0 0 .5em 0; }
#logo a { display: block; width: 359px; height: 100px; background: url(../images/logo.jpg) no-repeat 0 0; text-indent: -9999em; }
 
#banner { float: right; width: 728px; margin: 8px 0 .5em 0; }


/**
** Navigation bar
**/

#nav { clear: both; background: #939aa4; color: #fff; font-weight: bold; font-size: .923em; padding: 0 2em; display: inline-block; } 
#nav { display: block; } 
#nav a { color: #fff; text-decoration: none; font-weight: bold; }
#nav a:hover { text-decoration: underline; }
 
#nav ul { margin: 0; float: left; } 
#nav ul li { margin: 0; list-style: none; display: inline; float: left; } 
#nav ul li a { display: inline; float: left; padding: .4em 1em; } 
#nav ul li a:hover { background: #4D4D4D; text-decoration: none; } 

#nav form { float: right; clear: none; margin: 0; padding: .25em 0 .2em 1em; width: 18em; text-align: right; }
#nav form legend { display: none; }
#nav form label { display: none; }
#nav form input { }
#nav form input[type=submit] {  }

#nav p { text-align: right; floa/t: right; margin: 0; padding: .4em 0 .4em 1em; }


/**
** Breadcrumbs
**/
#breadcrumbs { font-size: .846em; color: #939AA4; margin-left: 0; }
#breadcrumbs a { color: #939AA4; }



/**
** Content
**/
#content { float: left; display: inline; width: 725px; margin-top: .4em; margin-left: 20px; _overflow: hidden; clear:left;  }
#content:after { content:'.'; display:block; visibility:hidden; height:0; clear:both; }
#content  { display:inline-block; }
#content { display:block; }
#view #content { float: none; width: auto; margin-left: 0; }


/**
** List
**/
#cover { float: left; display: inline; margin: 0 10px 1em 0; width: 188px;/* height: 193px; */padding-top: 5px; text-align: center; border:1px solid #cde4d1; background:#f1f8f2; /*background: url(../images/hover_box.png) no-repeat 0 0;*/ }
.descr{float:left; width:511px;padding:0 0 10px 0}
.descr p{float:left;padding-right:3px;width:511px; margin:0;}
.descr .radiobuttons{float:left; width:320px;}
.descr .radiobuttons label{display:block; float:left}
#items { list-style: none; _position: relative; _left: -20px; width: 752px; margin: 0 0 0 -20px; _margin: 0; }
#items li { float: left; width: 188px; overflow: hidden; text-align: center; margin-bottom: 1em; width:752px; clear:left;}
#items li.new-row { clear: left; }
#items li strong { display: block;  }
#items a { text-decoration: none; display: block; padding: 5px 1px; float:left }
#items a.cover{width:196px;}
#items a:hover {color: #000; border:1px solid #cde4d1; background:#f1f8f2; padding:4px 0 !important;}  
#items li p{float:right;width:551px; text-align:left} 
#items li p p{width:171px;}
#items li p a{height:auto !important}
#items .gol a { text-decoration: none; display: block; padding: 1em 0 .5em 0; }
#items .gol a:hover { color: #000;}

#items.archive li{height: 250px;width: 188px; clear:none;}
#items.archive a{display:block;height: 245px; padding:5px 0 0 0; width: 188px;}
#items.archive a:hover{background:transparent url(../images/hover_box.png) no-repeat left top; border:none; padding:0; padding:5px 0 0 0 !important}

#content #items .online, #content #items .donwload  { padding-left:0!important; text-align:left; padding-left:70px!important; height:33px!important; line-height:33px!important; }
.online { background:url(../images/account/editeaza.png) no-repeat left -58px!important; }
#items a.online:hover { background:url(../images/account/editeaza.png) no-repeat 1px top!important; }
.donwload { background:url(../images/account/descarca.png) no-repeat left -58px!important; }
#items a.donwload:hover { background:url(../images/account/descarca.png) no-repeat 1px top!important; }

#items.myproducts li:After { content:'.'; display:block; height:0; visibility:hidden; clear:both;  }
#items.myproducts li { width:auto!important; clear:both; display:inline-block; }
#items.myproducts li { display:block; }
.myproducts h3 { margin-left:5px!important; text-align:left; }
.myproducts li img { float:left; }
.myproducts li .read  { float:left; width:600px; padding-left:10px; }
.myproducts li .read  a { zoom:1; }


#items h3  {margin: .2em}
#items p  { margin: 0px; display: inline}
#items p span {display: inline;}
#items .tooltip {height: 37px; display: block!important; overflow: hidden; padding: 1px 0; text-align:center;}
#items .tooltip * {vertical-align: middle!important}
#items .tooltip img {vertical-align: middle!important}
#items .tooltip span {height: 36px; overflow: hidden; cursor:pointer}


div.tultip {display: inline; }
#WzBoDy table {background: #ffffff!important;}
#WzTitle table {background: #ffffff!important;}

/**
** Filtru
**/
.filtru legend { background: #CDE6D0; col/or: #fff; padding: .2em 1em; }
.filtru fieldset { backg/round: red; padding: .5em 1em .5em 1em; text-align: right; border: 1px solid #939AA4; }


/**
** Search Results
**/
#list { margin-left: 0; }
#list li { list-style: none; padding-bottom: 1em; }
#list .image { float: left; display: inline; margin: 0 2em 1em 0; width: 188px; height: 193px; padding-top: 40px; text-align: center; background: url(../images/hover_box.png) no-repeat 0 0; }
#list h3 { margin-bottom: 0; }


/**
** Pager
**/
.pager { clear: both; text-align: left; padding: 1em 0; font-size: .864em; line-height: 2.3em; }
.pager form, .pager p { float: right; margin: 0; }
.pager a, .pager strong { padding: .2em .5em;}
.pager a:hover { text-decoration: none; background: #CDE6D0; color: #000; font-weight: normal; }
.pager strong { text-decoration: none; background: #134D1A; color: #fff; font-weight: normal; }


/**
** Info & Shop bar
**/
.shop-bar { background: #cde6d0; padding: .5em .5em .5em 1em; line-height: 1.8em; margin: 1em 0 2em 0; font-family: Helvetica, Arial, sans-serif; }
.shop-bar a, .shop-bar input { float: right; background: #134d1a; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: .846em; padding: 0 .8em; border: 0; }
.shop-bar input { padding: .4em .8em; border: 0; }
.shop-bar strong a { float: none; background: none; color: #134D1A; font-weight: normal; text-decoration: underline; text-transform: none; }
.shop-bar span { font-size: .8em; }




/**
** Additional Info column
**/
#additional-info { float: right; width: 204px; margin-top: 1em; }
#additional-info h2 { background: #a1cba5; color: #134D1A; margin: 0; padding: .4em .5em; clear:both }
#additional-info h2:first-child, #additional-info h2.first-child { background-image: url(../images/additional-top.gif); background-repeat: no-repeat; background-position: 0 0; }

#additional-info form { margin: 0; }

#additional-info a { color: #327f3b; text-decoration: none;  text-align:center;}
#additional-info  a:hover { text-decoration: none; }



/**
** Categorii
**/
#categorii { background: #e4ebf5; }
#categorii ul { margin: 0; }
#categorii li { list-style: none; }
#categorii li a { display: block; font-weight: bold; border-bottom: 1px solid #bbc2cc; color: #474e58; text-decoration: none; padding: .3em 1em; }
#categorii li a:hover { color: #fff; background: #474e58; }

#download {  background: #E9EFF7;  padding: 10px 0}
#download ul { margin: 0; }
#download h4 {margin: 0px 10px; font-size:1.3em; font-weight: normal;}
#download p {margin: 5px 10px;}
#download li { list-style: none; }
#download a.download span {display: none;}
#download a.download { display: block; width: 200px; height: 61px; overflow: hidden; background: url(../images/download.png) no-repeat center top }
#download a.download:hover { background: url(../images/download.png) no-repeat center -59px; }

/**
** Cos
**/
#cos { background: #e4ebf5; margin: 0; padding: .5em; }
#cos li { list-style: none; padding: .5em .5em 1em .5em; clear:both; display:inline-block; }
#cos li { display:block; }

#cos .img { float: left; display: inline; margin-right: .5em; }
#cos h3 { margin: 0; font-size: 1em; font-weight: bold; l/ine-height: 1.2em; }
#cos input { width: 2em; text-align: center; }
#cos li a { display:block; }

#actiuni { background: #a1cba5 url(../images/additional-bottom.gif) no-repeat left bottom; margin: 0 0 1em 0; padding: .5em 1em; text-align: center; font-size: .9em; font-weight: normal; }
#actiuni span { display: block; margin-bottom: 1em; }
#actiuni strong { font-weight: normal; }
#actiuni a { color: #1e4121; text-decoration: none; font-weight: bold; text-decoration: none; background: url(../images/cart.gif) no-repeat 0 0; padding-left: 20px; font-size: 1.3em; }


/**
** Pasi
**/
#pasi { list-style: none; color: #939AA4; margin-left: 0; }
#pasi li { float: left; line-height: 27px; display: inline; padding-right: 1em; background: url(../images/pasi_linie.gif) repeat-x left 1.55em; }
#pasi i { float: left; width: 39px; height: 39px; background: url(../images/pasi.gif) no-repeat 0 0; display: inline; margin-right: 1em; }
#pasi a { color: #939AA4; text-decoration: none; }

#pasi .pas2 i { background-position: 0 -39px; } 
#pasi .pas3 i { background-position: 0 -78px; } 
#pasi .pas4 i { background-position: 0 -116px; } 

#pasi #pas-active { color: #000; }

#pasi .pas1#pas-active i { background-position: -39px 0; }
#pasi .pas2#pas-active i { background-position: -39px -39px; }
#pasi .pas3#pas-active i { background-position: -39px -78px; }
#pasi .pas4#pas-active i { background-position: -39px -117px; }

/**
** Metode plata
**/
#metode-de-plata:after { content:'.'; display:block; height:0; visibility:hidden; clear:both; }
#metode-de-plata { display:inline-block; margin-left:10px; }
#metode-de-plata { display:block; }
#metode-de-plata li { float: left; list-style: none; padding-left:20px; clear:both; zoom:1; }
#metode-de-plata li a { text-decoration:none;  clear:both; display:block; padding-left:102px; font-weight:bold; font-size:15px; line-height:83px; height:83px; zoom:1; width:653px; }
#metode-de-plata .credit a { background-image:url(../images/icons/card.gif); background-repeat: no-repeat; background-position:0 0;  }
#metode-de-plata a:hover { background-position:0 -83px!important; }
#metode-de-plata .ordinplata_mandatpostal a  { background-image:url(../images/icons/ordinplata.gif); background-repeat: no-repeat; background-position:0 0; }
#metode-de-plata .sms a  { background-image:url(../images/icons/phone.gif); background-repeat: no-repeat; background-position:0 0; }


/**
** Forms
**/
form { margin: 2em 0; clear: both; }
form p { margin: 0 0 .6em 0; clear: both; }
form p label { float: left; width: 170px; padding-right: 10px; text-align: right; }
form p.label { margin-left: 180px; }
form p.label label { display: inline; float: none; }
form p.collapse label { display: inline; float: none; }


/**
** Additional Info
**/
.info { color: #939AA4; font-size: .85em; padding: 2em; }


/**
** Table
**/
table { text-align: center; background: #F6F7F9; border: 1px solid #939AA4; width: 100%; }
thead { background: #939AA4; color: #fff; font-weight: bold; }
thead td { color: #fff; font-weight: bold; }
td { vertical-align: middle; padding: 4px 6px; text-align: center; }
td.aleft { text-align: left; }
td.aright { text-align: right; }
tr.odd { background: #fff; }



/**
** Comentarii
**/
.comentarii { width:425px!important; }
.comentarii thead strong { font-weight: normal; }
.comment { text-align: left; padding: 10px 15px; }

#raspunsuri { width: 726px; margin-left: 0; }
#raspunsuri li { list-style: none; clear: both; padding-bottom: 20px; }
#raspunsuri li .answer { background: url(../images/answer.png) repeat 0 0; }
#raspunsuri li .answer-top { background: url(../images/answer-top.png) no-repeat 0 0; }
#raspunsuri li .answer-bottom { background: url(../images/answer-bottom.png) no-repeat left bottom; padding: 15px 15px 22px 15px; }
#raspunsuri p { margin: 0; padding-left: 20px; color: #939AA4; text-align: right; font-size: .846em; }
#raspunsuri p strong { float: left; color: #4B4B4B; }


/**
** Additional layout stuff
**/
.col { float: left; width: 45%; padding-right: 4%; }


/**
** Footer
**/
#footer { clear: both; background: #939aa4; color: #fff; text-align: right; padding: .3em 1em; display: inline-block; margin:10px 0 0;}
#footer { display: block; }
#footer ul { margin: 0; position:relative; zoom:1; overflow:hidden; float:left; }
#footer li { list-style: none; display: inline; float: left; padding: 0 .5em; margin-left:-1px; }
#footer li { background:url(../images/delimit.gif) no-repeat left center; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#footer .autoPad{overflow:hidden}

/**
** footerlogos
**/
#footerlogos {  color: #fff; text-align: right; padding: .3em 1em; display: inline-block; margin:10px 0 0;}
#footerlogos { display: block; }
#footerlogos ul { margin: 0; position:relative; zoom:1; overflow:hidden; float:left; }
#footerlogos li { list-style: none; display: inline; float: left; padding: 0 .5em; margin-left:-1px; }
#footerlogos li { background:url(../images/delimit.gif) no-repeat left center; }
#footerlogos a { color: #fff; text-decoration: none; }
#footerlogos a:hover { text-decoration: underline; }


/**
**Iconite account 
**/
#accountIcons {float: left; }
#accountIcons a {width: 500px ;height: 59px; display: block; overflow: hidden;  padding-left: 80px; float: left; clear: left;  font-size: 1.12em; font-weight:bold; text-decoration: none; }
#accountIcons span {position: absolute; left: 80px; top: 20px; }
#accountIcons p {position: relative; height: 70px; width:600px; float: left; clear: left; cursor: pointer; }
p.abonamente a {background:url(../images/account/abonamente.png) no-repeat left -58px; }
p.abonamente a:hover ,p.abonamente:hover a {background:url(../images/account/abonamente.png) no-repeat 1px top; }
p.descarcare a {background:url(../images/account/descarca.png) no-repeat left -58px; }
p.descarcare a:hover, p.descarcare:hover a {background:url(../images/account/descarca.png) no-repeat 1px top; }
p.comentarii a {background:url(../images/account/comentarii.png) no-repeat left -58px; }
p.comentarii a:hover, p.comentarii:hover a {background:url(../images/account/comentarii.png) no-repeat 1px top; }
p.editare a {background:url(../images/account/editeaza.png) no-repeat left -58px; }
p.editare a:hover, p.editare:hover a {background:url(../images/account/editeaza.png) no-repeat 1px top; }
p.parola a {background:url(../images/account/parola.png) no-repeat left -57px; }
p.parola a:hover, p.parola:hover a {background:url(../images/account/parola.png) no-repeat 1px 1px; }
p.istoric a {background:url(../images/account/istoric.png) no-repeat left -58px; }
p.istoric a:hover, p.istoric:hover a {background:url(../images/account/istoric.png) no-repeat 1px top; }


#accountIconsd {float: left; background:#a1cba5; }
#accountIconsd a {width: 137px; height: 59px; display: block; overflow: hidden;  padding-left: 67px; float: left; clear: left;  font-size: 1.12em; font-weight:bold; text-decoration: none; }
#accountIconsd span {position: absolute;top: 47px; display:block; padding-left:67px;clear:left;width: 137px;}
#accountIconsd p {position: relative;  width:204px; margin:0; padding:10px 0 22px 0; overflow:hidden; clear: left; cursor: pointer;border-bottom:2px solid #fff; }

#accountIconsd p.abonamente a {background:url(../images/account/abonamente.gif) no-repeat left -58px; }
#accountIconsd p.abonamente a:hover ,#accountIconsd p.abonamente:hover a {background:url(../images/account/abonamente.gif) no-repeat 1px top; }
#accountIconsd p.descarcare a {background:url(../images/account/descarca.gif) no-repeat left -58px; }
#accountIconsd p.descarcare a:hover, #accountIconsd p.descarcare:hover a {background:url(../images/account/descarca.gif) no-repeat 1px top; }
#accountIconsd p.comentarii a {background:url(../images/account/comentarii.gif) no-repeat left -58px; }
#accountIconsd p.comentarii a:hover, #accountIconsd p.comentarii:hover a {background:url(../images/account/comentarii.gif) no-repeat 1px top; }
#accountIconsd p.editare a {background:url(../images/account/editeaza.gif) no-repeat left -58px; }
#accountIconsd p.editare a:hover, #accountIconsd p.editare:hover a {background:url(../images/account/editeaza.gif) no-repeat 1px top; }
#accountIconsd p.parola a {background:url(../images/account/parola.gif) no-repeat left -57px; }
#accountIconsd p.parola a:hover, #accountIconsd p.parola:hover a {background:url(../images/account/parola.gif) no-repeat 1px 1px; }
#accountIconsd p.istoric a {background:url(../images/account/istoric.gif) no-repeat left -58px; }
#accountIconsd p.istoric a:hover, #accountIconsd p.istoric:hover a {background:url(../images/account/istoric.gif) no-repeat 1px top; }

/**
**limbile
**/
div#langNav {float: right; color:#316483; font-size: 11px; margin-right: 26px;}
div#langNav a {color:#316483; text-decoration: none; font-weight:bold;}
div#langNav a:hover {color:#29556F; text-decoration: none;}