@charset "utf-8";
/* CSS Document - Scris de Lucian Apetrei - LigaWeb */

html, body, a, div, table, tr, td, th, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead
{margin:0; padding:0; border:0; list-style:none; text-decoration:none; vertical-align:baseline; font-weight:normal; line-height:normal; outline:0 none;font-family:"Open Sans", Arial, Helvetica, sans-serif;}
/* RO - Resetare pentru cele mai importante elemente html */
/* EN - Reset for the most important html elements */


body, a, a:visited {font-size:12px; color:#535353; font-family:"Open Sans", Arial, Helvetica, sans-serif; outline:0 none; font-weight:normal}
a:active, a:hover {font-size:12px; color:#535353; font-family:"Open Sans", Arial, Helvetica, sans-serif; outline:0 none; font-weight:normal; text-decoration:none}
/* RO - Familia, marimea si culoarea caracterelor pentru text simplu si legaturi generale */
/* EN - Family, size and color for general plain text and link characters */

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link {font-family:"Open Sans", Arial, Helvetica, sans-serif}

h1 {color:#222; font-size:18px; font-weight:bold; margin:10px 0 10px 0}
h3 {font-size:14px; color:#444; font-weight:bold; margin:10px 0 10px 0}
.entry-title {color:#222; font-size:18px; font-weight:bold; margin:10px 0 10px 0; display:block}

.clear {clear:both}
.bold {font-weight:bold}
.bold-red {color:#e40c00 !important; font-size:14px !important; font-weight:bold}
.bold:hover {font-weight:bold !important}
.lefty {float:left; width:50%; border-bottom:1px dotted #222; height:150px}
.righty {float:right; width:50%; border-bottom:1px dotted #222; height:150px}
.lefty2 {float:left; width:46%;}
.righty2 {float:right; width:54%; padding:10px 0 0 0; text-align:right}

.righty a:hover {color:#5d700a}

body {background:#505c66}

#wrapper {
    width:100%;
    background:url(../img/header.png) no-repeat 50% 0
}

#header {
    width:1000px;
    margin:0 auto;
    height:186px;
    position:relative
}

#left {float:left; width:345px; height:152px}
#right {float:right; height:152px; width:652px; background:url(../img/search.png) no-repeat 147px 0}

#logo {margin-top:13px; display:block}
#slogan {display:block; font-size:10px; color:white; font-family:Arial, Helvetica, sans-serif; margin-top:14px}

#cos {float:right; margin-top:-87px}
#cos a, #cos a:visited {color:#d8d8d9; background:url(../img/cart-icon.png) no-repeat 50% 0; height:43px; text-align:center; display:block; line-height:120%}
#cos a:active {margin-top:1px}
#cos a:hover {color:#f1f1f1; background-position:50% -100px}

#cont {
    float:right;
}

#login {
    display: block;
    float: left;
    padding-top:6px;
    margin-right:30px;
}

#login a, #login a:visited {
    display:inline-block;
    padding:0 0 0 16px;
    background: url(../img/login.png) no-repeat 0 2px;
    height:14px;
    line-height:12px;
    color:#c5c5c5;
    font-size:12px;
    margin-left:20px;
}
#login a:hover {color:#f1f1f1; background-position:0 -38px}

#cautare {float:right}

#cautare input[type=text] {width:250px; height:35px; line-height:35px; display:block; float:right; margin:26px 12px 0 0; border:0 none; background:transparent; color:#3c454c; font-size:16px; font-weight:bold; font-style:italic}

#cautare input[type=submit] {width:103px; height:35px; display:block; float:right; border:0 none; background:url(../img/s-btn.png) no-repeat 0 0; margin:26px 0 0 0; cursor:pointer}
#cautare input[type=submit]:hover {background-position:0 -35px}

#meniu {
    height:36px;
    width:652px;
    float:right;
    text-align:right;
    margin-top:21px;
    text-transform: uppercase;
}

#meniu a, #meniu a:visited {
    height:37px;
    display:inline-block;
    position:relative;
    font-size:12px;
    color:#ebebec;
    font-style:italic;
    text-align:left;
    margin-left:23px;
}

#meniu a:hover,#meniu a.selected {
    background:url("../img/meniu_middle.png") repeat-x;
    color:#3c454c;
}
#meniu a div {
    display:inline-block;
    float:left;
}
.menu_left, .menu_right {
    position:absolute;
    top:0px;
    width:14px;
    height:37px;
}
#meniu a:hover .menu_left,#meniu a.selected .menu_left {
    background:url("../img/meniu_left.png") top left no-repeat;
    left:-14px;
}

#meniu a:hover .menu_right,#meniu a.selected .menu_right {
    background:url("../img/meniu_right.png") top left no-repeat;
    right:-14px;
}
.menu_middle {
    line-height:37px;
    vertical-align: middle;
    text-indent: 21px;
    background-repeat: no-repeat;
     background-position: left center;
}
.menu_middle img {
    float:left;
    margin-top:11px;
}

#acasa, #acasa:visited {background-image:url("../img/meniu_home.png");}
#despre, #despre:visited {background-image:url("../img/meniu_despre.png");}
#produse, #produse:visited {background-image:url("../img/meniu_produse.png");}
#utile, #utile:visited {background-image:url("../img/meniu_utile.png");}
#certificari, #certificari:visited {background-image:url("../img/meniu_certificari.png");}
#contact, #contact:visited {background-image:url("../img/meniu_contact.png");}

#acasa:hover, .selected #acasa{
    background-image:url("../img/meniu_home_hover.png");
}

#language {float:right}

#language img { vertical-align:middle}

#language a, #language a:visited {color:#bfbfbf; font-style:italic; display:block; margin-top:4px}
#language a:active {margin-top:5px}
#language a:hover {color:white}

#breadcrumbs {
    color:#3c454c;
    width:100%;
    padding-top:12px;
    font-size:11px;
    padding-top:13px;
    position:absolute;
    margin-top:140px
}
#breadcrumbs a, #breadcrumbs a:visited {
    font-size:11px !important; 
    color:#3d454c !important;
    cursor:pointer;
}
#breadcrumbs a:hover {
    color:white !important;
}

#first-page {
    background:url(../img/home-icon.png) no-repeat 0 0;
    width:14px;
    height:11px;
    display:block; float:left;
    margin:2px 4px 0 5px;
    font-size:11px;
    color:#3c454c;
}
#first-page:hover {background-position:0 -16px}

#content {
    width:1000px;
    margin:0 auto;
    background:url(../img/sidebar-border-right.png) #fff repeat-y 252px 0;
    min-height:897px;
    margin-top:-17px
}

#sidebar {
    width:252px;
    float:left;
}

#right-content {
    width:716px;
    float:right;
    margin:10px 15px 0 0
}

.p-justify {text-align:justify; text-indent:10px; margin-bottom:8px}

.nav-title {
    padding:0 0 0 20px;
    margin:5px 0 0 10px;
    color:#3c454c;
    font-size:18px;
    font-weight:bold;
    background:url(../img/curved-arrow.png) no-repeat 0 120%;
}

#nav-top {width:253px; height:5px; display:block; background:url(../img/nav-top.png) no-repeat; margin-left:-10px; margin-top:5px}
#nav-bottom {width:253px; height:6px; display:block; background:url(../img/nav-jos.png) no-repeat; margin-left:-10px}

#nav-middle {
    width:243px;
    display:block;
    background:url(../img/nav-rep.png) repeat-y;
    padding:5px;
    margin-left:-10px
}
#nav-middle >ul > li > a {
    display:block;
    width:239px;
    height:25px;
    line-height:25px;
    text-indent:8px;
    margin:0 0 3px 1px;
    text-align:left;
    color:#505c66;
    font-size:12px;
    font-weight:bold;
    font-family:"PT Sans", Arial, Helvetica, sans-serif;
}
.dcjq-parent, .dcjq-parent:visited {

    background:url(../img/nav-btn.png) no-repeat
}
.dcjq-parent:active, .dcjq-parent:hover, .dcjq-parent-li .active {
    font-family:"PT Sans",Arial, Helvetica, sans-serif !important;
    font-size:12px !important;
    font-weight:bold !important;
    color:white !important;
    background-position:0 -61px;
    background-color:#3c454c}

#nav-middle > ul li ul li {
    background-color:#3c454c;
    width:239px;
    margin-left:1px;
}

#nav-middle > ul li ul {margin-bottom:3px}

#nav-middle > ul  li ul li a, #nav-middle > ul  li ul li a:visited {
    color:white !important;
    font-size:11px !important;
    font-family:"PT Sans", Arial, Helvetica, sans-serif !important;
    font-weight:normal !important;
    display:block;
    padding:2px 5px 2px 5px;
}

#nav-middle > ul  li ul li a:active, #nav-middle > ul  li ul li a:hover {
    background:#48535b;
    text-indent:2px;
    color:white !important;
    font-size:11px !important;
    font-family:"PT Sans", Arial, Helvetica, sans-serif !important;
    font-weight:normal !important;
}

#noutati h2 {font-size:18px; font-weight:bold; color:#3c454c; text-indent:10px; height:48px; line-height:34px; background:url(../img/h2-shadow.png) no-repeat 50% 100%}

#noutati {
    width:222px;
    display:block;
    float:left;
    margin:10px 0 0 16px;
    padding-bottom:20px;
    background: url(../img/nou.png) no-repeat 100% 100% #efefef;
    border:1px solid #dbdbdb;
}

#noutati a, #noutati a:visited {color:#4e5962; display:block; width:190px; margin-left:10px; padding:2px 5px 2px 5px; background:url(../img/nou-hover-pixel.png) no-repeat -1000px 0}

#noutati a:active, #noutati a:hover {color:#38420c; background-position:0 0; background-repeat:repeat}

#produse-sidebar {
    width:222px;
    display:block;
    float:left;
    margin:10px 0 0 16px;
    text-align:center;
}

#produse-sidebar img {
    margin-bottom:10px;
    max-width: 109px;
    max-height: 109px;
}

#produse-sidebar a, #produse-sidebar a:visited {
    font-weight:bold;
    color:#222
}

#produse-sidebar a span {font-size:18px; color:#ee2310}

#promotie {display:block; float:left; margin:10px 0 0 16px;}

#recomandari, #similare {display:block; position:relative;overflow:hidden}
#similare {margin-top:20px}

#recomandari h3, #similare h3 {display:block; position:absolute; left:0; top:0; color:#222; font-size:16px; font-weight:bold; margin-top:0}

#footer {
    width:100%;
    height:87px;
    background:#30373d;
}

#f-text {width:980px; height:87px; margin:0 auto; padding:0 10px 0 10px; background:url(../img/page-bottom.png) no-repeat 50% 0 #30373d}
#f-left {float:left; width:50%; text-align:left; margin-top:25px; color:white}
#f-left span {color:#a4b0ba}
#f-right {float:right; width:50%; text-align:right; margin-top:25px; color:white}

#f-right a, #f-right a:visited {color:white}
#f-right a:hover {color:#b5cc57}

/* CONTACT FORM */

#contact-form input[type=text],#contact-form input[type=password] {
    width:236px;
    height:24px;
    padding:4px;
    margin:10px 5px 0 0;
    float:right;
    color:#808080;
    background:url(../img/input-text.png) no-repeat;
    border:0;
}
#contact-form textarea,#login-form textarea {
    width:236px;
    height:147px;
    padding:4px;
    margin:10px 5px 0 0;
    float:right;
    color:#b0b0b0;
    border:0;
    background:url(../img/textarea.png) no-repeat
}
#login-form textarea {
	margin:3px;
}

#contact-form input[type=submit] {
    width:112px;
    height:33px;
    line-height:33px;
    text-align:center;
    margin:10px 5px 0 0;
    float:right;
    background:url(../img/btn-rep.png) repeat-x;
    border:0;
    color:#5d700a;
    font-size:16px;
    font-weight:bold;
    cursor:pointer
}
#login-form input[type=text],#login-form input[type=password] {
    width:236px;
    height:24px;
    padding:4px;
    margin:3px;
    float:right;
    color:#808080;
    background:url(../img/input-text.png) no-repeat;
    border:0;
}#login-form input[type=submit] {
    width:112px;
    height:33px;
    line-height:33px;
    text-align:center;
    margin:10px 5px 0 0;
    float:right;
    background:url(../img/btn-rep.png) repeat-x;
    border:0;
    color:#5d700a;
    font-size:16px;
    font-weight:bold;
    cursor:pointer
}

#login-form td {
    vertical-align: middle;
}



.lefty2 span {
    font-size:16px;
    color:#898989;
    line-height:43px;
    text-align:right;
    width:65px;
    float:left
}

/* TABEL COS */

.cart {
    width:100%;
    padding-bottom:15px;
    background:url(../img/umbra-cart.png) no-repeat 50% 100%
}

.cap td {
    background:#eeeeee;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#3c454c;
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid #bbbbbb
}

.cart-item td {
    height:30px;
    color:#3c454c;
    font-size:12px;
    text-align:center;
    vertical-align: middle;

}

.t-left {text-align:left !important;}

.cart-item input[type=text] {
    width:40px;
    text-align:center
}
#total {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    float:right;
    margin:5px 15px;
}

.update {
    float:right;
    width:126px;
    height:31px;
    line-height:32px;
    font-size:12px;
    border:0;
    background:url(../img/butoane.png) no-repeat 0 0;
    font-style:italic;
    text-transform:uppercase;
    padding-left: 12px;
    color:#475605;
    text-indent:20px;
    cursor:pointer;
    margin-right:5px
}
.update:hover {background-position:0 -31px}

.continua {
    float:right;
    width:102px;
    height:31px;
    line-height:32px;
    padding-left: 12px;
    font-size:12px;
    border:0;
    background:url(../img/butoane.png) no-repeat;
    background-position:-139px 0;
    font-style:italic;
    text-transform:uppercase;
    color:#475605;
    text-indent:15px;
    cursor:pointer
}
.continua:hover {background-position:-139px -31px}

.clear_cart {
    float:right;
    width:126px;
    height:31px;
    line-height:32px;
    font-size:12px;
    border:0;
    background:url(../img/butoane.png) no-repeat 0 -62px;
    font-style:italic;
    text-transform:uppercase;
    padding-left: 12px;
    color:#3b0300;
    text-indent:20px;
    cursor:pointer;
    margin-right:5px
}
.clear_cart:hover {background-position:0 -93px}

#filtre {
    width:60%;
    float:left
}

#filtre select {border:1px solid #828b92; padding:3px}

.paginare {
    width:40%;
    height:26px;
    line-height:26px;
    float:right;
    text-align:right
}
.paginare a {
    display:inline-block;
    width:26px;
    height:20px;
    line-height:20px;
    background:url(../img/paginare-mo.png) 0 20px no-repeat;
    color:#3c454c;
    text-align:center;
    font-weight:bold
}
.paginare a:hover,.paginare a.selected {background-position:0 0 !important; color:white !important}

.produs {
    background:url(../img/item-bg.png) no-repeat;
    width:703px;
    height:130px;
    margin-top:10px;
    padding:8px;
    position:relative;
}
.produs img {
    max-width:130px;
    max-height:130px;
}
.produs a.image {
    height:100%;
    float:left;
}
.produs a.image table,.produs a.image table td {
    height:100%;
    vertical-align:middle;
}


.detalii {width:50%; float:right; text-align:left; color:#3c454c}
.btn_detalii {
    position:absolute;
    right: 102px;
    bottom: 13px;

}

.detalii h2, .t-14 {
    font-size:14px !important;
    font-weight:bold;
    color:#222;
    margin-bottom:10px
}
.t-14 {text-align:center !important; display:block}

.pret2,.pret {width:30%; float:right; color:#3c454c;}
.pret2 {width:222px;}
.pret-rosu,#pret-redus {
    color:#e30b00;
    font-size:20px;
    font-weight:bold;
    display:block;
}

#pret-redus span {
    text-decoration: line-through;
}
.pret-rosu-mare {
    color:#e30b00;
    font-size:28px;
    font-weight:bold;
    display:block;
}

.pret-rosu-mare .inctva {
    color:#3C454C;
    font-size:16px;
}

.stoc {color:#779200; font-size:14px; font-weight:bold}

.buy {
    width:198px;
    height:34px;
    display:block;
    background:url(../img/add-to-cart.png) no-repeat;
    margin:10px 0 0 -6px;
    cursor:pointer
}
.buy-2 {
    width:198px;
    height:34px;
    display:block;
    background:url(../img/add-to-cart.png) no-repeat;
    margin:10px 0 0 0;
    border:0 none;
    cursor:pointer
}
#cere-oferta {
    width:198px;
    height:34px;
    display:block;
    background:url(../img/btn-cart.png) no-repeat;
    margin:10px 0 0 0;
    border:0 none;
    cursor:pointer;
    padding: 5px 0px 6px 62px;
    color: #FFFFFF;
    font-size: 18px;
}
.buy:active {margin:11px 0 0 -6px}

.cod {
    float:right;
    color:#aaaaaa;
    text-align:right;
    display:block;
    margin-top:-30px
}

#detalii-produs {
    background:url(../img/detalii-produs-rep.png) repeat-y;
    width:699px;
    min-height:300px;
    padding:10px;

    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
}

.big-img {
    text-align:center;
    width:65%;  
    position:relative;
    margin-bottom:90px;
    float:left;
}
.big-img img {
    max-width: 353px;
    max-height: 353px;
}

#photogallery{
    position:absolute;
    bottom:-80px;
    left:0px;
}
hr {height:1px; width:100%; border:0; border-bottom:1px dotted #666 !important}

#detalii-produs select {border:1px solid #828b92; padding:3px; margin:5px 0 5px 10px}

.culori {
    border:1px solid #e8e8e8;
    padding:4px;
    text-align:center;
    position: relative;
    overflow: hidden;
    display:block;
    width:213px;
}
#culori li {
    width:71px;
    float:left;
}
#culori li a {
    display:block;
    float:left;
    height:61px;
    width:61px;
    margin:0 2px;
    position:relative;

}
#culori a img {
    max-height: 61px;
    max-width: 61px;
}
#culori2 a img {
    max-height: 35px;
    max-width: 35px;
}
#culori2 a {
    display:block;
    width:35px;
    height:35px;
    border:1px solid white;
    float:left;
}
.firma {
    display:none;
}
/*jcarousel*/
#recomandari .jcarouselNav {
    float:right;    
}
#recomandari  .jcarouselNav a {
    width:38px;
    height:26px;
    display:inline-block;
    cursor:pointer;

}
#recomandari  #jcarousel a{
    width: 150px;
    height: 210px;
    position: relative;
    margin: 0 17px;
    text-align: center;
    display:block;
    float:left;

}
#recomandari .jcarousel-img {
    width:140px;
    height:140px;
    display: table-cell;
    vertical-align: middle;

}
#recomandari #jcarousel a img {
    max-height: 172px;
    max-width: 140px;
}
#recomandari .jcarousel-desc{
    position: absolute;
    width:100%;
    bottom:0px;
    left:0px;
    font-weight: bold;
    color: #222;
    text-align: center;
}
#recomandari .jcarousel-desc span{
    font-size: 18px;
    color: #EE2310;
}

#photosNav {
    text-align:left;
}
#photosNav a {
    width:38px;
    height:26px;
    display:inline-block;
    cursor:pointer;
}
.jcarousel_left {
    background:url("../img/left.png") no-repeat;
}
.jcarousel_right {
    background:url("../img/right.png") no-repeat;

}
.jcarousel_left:hover {
    background:url("../img/left-hover.png") no-repeat;
}
.jcarousel_right:hover {
    background:url("../img/right-hover.png") no-repeat;
}

/*Slider*/


#slider {

}
.nivoSlider {
    position:relative;
    background:url("../img/loading.gif") center center no-repeat;
    height:238px;
    width:716px;
    border-bottom: #dcdcdc solid 10px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    z-index:8;
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align: center;
    width:100%;
    position:absolute;
    bottom:-2px;
}
.nivo-controlNav a {
    overflow:hidden;
    position:relative;
    z-index:9;
    text-indent:-999px;
    display:inline-block;
    width:13px;
    height:13px;
    padding:5px;
    background:#dcdcdc url('../img/white-dot.jpg') center center no-repeat ;
    cursor:pointer;
}
.nivo-controlNav a.active {
    background:#dcdcdc url('../img/green-dot.jpg') center center no-repeat; 
}