@charset "utf-8";
/* CSS Document */
body{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;color:#333; overflow:scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;

}
table {
   border-collapse:collapse;
   border-spacing:0;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

strong {font-weight:bold;}
.clear {clear:both}

/*input.text {border:1px solid #1978AB;width:40%;}*/

.top {width:900px;margin:0 auto;height:50px;}
.top .logo {background:url(../images/logoBack.gif) repeat-x;width:200px;height:50px;float:left;text-align:center;}

.top .meniu {background:url(../images/meniuBack.gif) repeat-x;width:698px; height:50px; float:left;}

.top .meniu .lista {float:left;margin:15px 0px 0px 10px;}
.top .meniu .lista ul {list-style:none;color:#fff;}
.top .meniu .lista ul li {display:inline;}
.top .meniu .lista ul li a {font-weight:bold;color:#fff;text-decoration:none;}
.top .meniu .lista ul li a:hover {background:#1978AB;}

.top .loginsicos {float:right;}

.top .meniu .login {float:left;margin:15px 0px 0px 0px;}
.top .meniu .login ul {list-style:none;color:#aaaaa9;float:left;}
.top .meniu .login ul li {display:inline;}
.top .meniu .login ul li a {font-weight:bold;color:#aaaaa9;text-decoration:none;}
.top .meniu .login ul li a:hover {background:#1978AB;color:#fff}

.top .meniu .cos {float:left;color:#fff;margin-left:10px;width:80px;height:50px;background:url(../images/cos.gif) no-repeat;font-weight:bold;}
.top .meniu .cos p{margin-top:35px;}


.undertop {width:900px;margin:0 auto;}
.undertop .uleftSide {width:200px;float:left;}
.undertop .uleftSide .cautare {margin-top:15px; text-align:left}
.undertop .uleftSide .cautare a {color:#333;text-decoration:none;font-weight:bold;}
.undertop .uleftSide .cautare h1 {background:#aaaaa9;color:#fff; font-weight:bold; font-size:18px;text-align:right;width:80%;}

.undertop .uleftSide .producatori {margin-top:15px; text-align:left}
.undertop .uleftSide .producatori div{padding:5px 0px 5px 0px;}
.undertop .uleftSide .producatori a {color:#333;text-decoration:none;font-weight:bold;padding-top:2px;}
.undertop .uleftSide .producatori h1 {background:#aaaaa9;color:#fff; font-weight:bold; font-size:18px;text-align:right;width:80%;}

.fields {margin-top:10px;}
input.btnCauta {background:url(../images/cautaBtn.gif) no-repeat;font-weight:bold;width:50px;height:21px;border:0px;color:#fff; cursor:pointer}
input.text {border:1px solid #006699;width:100px;height:19px;}
.undertop .urightSide {width:698px;float:left;}
.undertop .urightSide .img{width:698px;}
.undertop .urightSide .slogan{width:698px;background:#000;color:#fff;font-size:16px;font-weight:bold;padding:5px 0px 5px 0px}

.main {width:900px;margin:0 auto;}
.main .leftSide {width:200px;float:left;}
.main .leftSide .categorii {text-align:left}
.main .leftSide .categorii h1 {background:#aaaaa9;color:#fff; font-weight:bold; font-size:18px;text-align:right;width:80%;}
.main .leftSide .categorii .listare {margin-top:10px;}
/*.main .leftSide .categorii .listare .subtitlu {padding-left:5px;font-weight:bold;margin-top:5px;}*/
.main .leftSide .categorii .listare ul {list-style:none;margin-top:5px;}
.main .leftSide .categorii .listare ul li {border-bottom:1px dotted #ccc;height:20px;width:180px;}
.main .leftSide .categorii .listare ul li.subCateg{border-bottom:1px dotted #ccc;height:20px;width:180px;padding-left:5px}
.main .leftSide .categorii .listare ul li.subtitlu{font-weight:bold;margin-top:5px;border:none;cursor:pointer;}
.main .leftSide .categorii .listare ul li.subtitlu a{text-decoration:none; color:#333; line-height:18px;}
.main .leftSide .categorii .listare ul li:hover {background:#1978AB;color:#fff;}
.main .leftSide .categorii .listare ul li:hover a{color:#fff;}
.main .leftSide .categorii .listare ul li a {text-decoration:none;color:#333;padding:2px 0px 0px 10px;}

.main .line {width:2px;background:#000;float:left;}

.main .rightSide {width:698px;float:left;}
.main .rightSide .produse{ float:left; }
.main .rightSide .produse h1 {color:#1978AB;font-size:14px;padding:3px 10px 3px 3px;  font-variant:small-caps;}
.main .rightSide .produse .row {margin:20px 20px 0px 50px;}
.main .rightSide .produse .row .produs{width:265px;border:1px solid #222;height:160px;}
.main .rightSide .produse .row .produs .imagine {width:100px; height:100px;float:left;}
.main .rightSide .produse .row .produs .titlu {float:left;color:#808080;font-weight:bold;padding:40px 0px 0px 0px;width:160px;text-align:center;}
.main .rightSide .produse .row .produs .actions {border-top:2px solid;width:200px;margin:0 auto;padding:10px;margin-top:20px;}
.main .rightSide .produse .row .produs .actions .detalii {float:left;background:url(../images/detalii-back.gif) no-repeat;width:80px;height:24px;color:#fff;font-weight:bold;text-align:center;}
.main .rightSide .produse .row .produs .actions .detalii p {padding-top:5px;}
.main .rightSide .produse .row .produs .actions .detalii a{font-weight:bold;padding-top:3px;text-decoration:none;color:#fff;}
.main .rightSide .produse .row .produs .actions .comanda {float:right;background:url(../images/comanda_back.gif) no-repeat;width:80px;height:24px;color:#fff;font-weight:bold;text-align:center;}
.main .rightSide .produse .row .produs .actions .comanda p {padding-top:4px;}
.main .rightSide .produse .row .produs .actions .comanda a{font-weight:bold;text-decoration:none;color:#fff;}
.main .rightSide .contulMeu h1{font-size:16px;}

.bottom {width:900px;margin:0 auto;color:#333;text-align:center;font-weight:bold;margin-top:20px;}
.bottom p.text {margin-top:10px;}
.bottom a{color:#333;text-decoration:none;}
.bottom a:hover {color:#BF1F24;}
.bottom ul {list-style:none;}
.bottom ul li {display:inline;}

h3{
margin:20px 0 0 0; line-height:40px; background-color:#eaeaea; padding-left:20px; text-align:left
}
.numeCategorie{color:#006699; font-size:18px; text-align:left; margin:10px 0 0 10px;}

.comandaBtn {background:url(../images/comanda_back.gif) no-repeat;width:80px;height:24px;margin:0 auto}
.comandaBtnBigger {background:url(../images/comanda_btn_back.gif) repeat-x;width:150px;height:24px;margin:0 auto;text-align:center;}
.comandaBtn a,.comandaBtnBigger a{font-weight:bold;color:#fff;text-decoration:none;padding:3px}


#menu_navigare{font-size:12px; text-align:left; margin:10px}
#menu_navigare a{text-decoration:none; color:#555}
#menu_navigare a:hover{text-decoration:underline; color:#000}



.listareCategorii {}
.listareCategorii ul {list-style:none;text-align:left;padding-left:20px}
.listareCategorii ul li{padding:5px;border-bottom:1px solid #ccc}
.listareCategorii ul li a{font-weight:bold;text-decoration:none;color:#333}


.listareProduse {}
.listareProduse .baraHeader {background:#278DC4;width:90%;color:#fff}
.listareProduse .baraHeader .SortareSorteaza{background:#0f6896;float:left;width:100px;font-weight:bold;border-right:1px solid #ccc}
.listareProduse .baraHeader .SortareProducator{float:left;width:45%;font-weight:bold;text-align:left;padding-left:15px}
.listareProduse .baraHeader .SortarePret{float:right;width:35%;font-weight:bold;text-align:center;border-left:1px solid #ccc;}
.listareProduse .baraHeader .SortarePret img{border:none;}

.listareProduse .counterProduse {text-align:center;padding-left:25px;}
.listareProduse .produs{border-bottom:1px solid #ccc;height:100px;padding:5px;width:90%}
.listareProduse .imagine {width:100px; height:100px;float:left;}
.listareProduse .details {float:left;text-align:left;width:45%;margin-top:30px;padding-left:15px;}
.listareProduse .details .titluProdus {color:#808080;font-weight:bold;text-align:left;}
.listareProduse .details .titluProdus a{color:#808080;font-weight:bold;text-decoration:none;}
.listareProduse .particularitati {color:#222;}
.listareProduse .actions {height:100px;width:35%;float:right;}
.listareProduse .actions .pret {color:#b90d0d;font-weight:bold;margin-top:20px}
.listareProduse .actions .detaliu {background:url(../images/detalii-back.gif) no-repeat;width:80px;height:24px;color:#fff;font-weight:bold;text-align:center;}


.comandaLink {background:url(../images/comanda_back.gif) no-repeat;width:80px;height:24px;float:left;margin-top:3px;}
.comandaLink a{font-weight:bold;color:#fff;text-decoration:none;padding:3px}
.detaliiLink {background:url(../images/detalii-back.gif) no-repeat;width:80px;height:24px;float:right;margin-left:5px;margin-top:3px;}
.detaliiLink a{font-weight:bold;color:#fff;text-decoration:none;padding:3px}

.produsDetaliat {clear:both;width:698px;}
.produsDetaliat table {width:698px !important;}
.produsDetaliat .titlu{float:left;width:99%;text-align:center;font-weight:bold;background:#E2E2E2;float:right;}
.produsDetaliat .continut{float:left;width:99%;text-align:left;background:#F0F0F0;float:right;}
.produsDetaliat .produsLeftSide {width:30%;float:left;margin-left:2px}
.produsDetaliat .produsLeftSide a{font-weight:bold;color:#333;text-decoration:none}
.produsDetaliat .produsLeftSide a:hover{color:#b90d0d;padding:0px 2px 0px 2px;}
.produsDetaliat .produsLeftSide .imagineProdus{border:1px solid #222;padding:2px;}
.produsDetaliat .produsLeftSide .row{padding:10px 0px 2px 0px;}
.produsDetaliat .produsRightSide {width:69%;float:right;}
.produsDetaliat .produsRightSide .titluProdus {background:#F6F6F6;text-transform:uppercase;font-size:14px;font-weight:bold;color:#0a81c1;}
.produsDetaliat .produsRightSide .pretProdus {color:#b90d0d;font-size:14px;font-weight:bold;}
.produsDetaliat .produsRightSide .comandaProdus {text-align:center;margin-top:5px}
.produsDetaliat .produsRightSide .specificatii {padding:1px; border:1px solid #ccc;}
.produsDetaliat .produsRightSide .specificatii .row{padding:2px 0px 2px 0px;}
.produsDetaliat .produsRightSide .specificatii .row .parteaStanga{float:left;width:30%;text-align:left;font-weight:bold;background:#E2E2E2;}
.produsDetaliat .produsRightSide .specificatii .row .parteaDreapta{float:right;width:69%;height:auto;text-align:left;background:#F0F0F0;}


/*word-wrap: break-word;*/

.produsGeneric {width:265px;border:1px solid #222;height:165px;float:left;margin:20px 20px 0px 30px;background:url(../images/produs_back.gif) repeat-x;}
.produsGeneric .image {width:100px; height:100px;float:left;padding:5px 0px 0px 5px;}

.produsGeneric .pretsititlu {float:right;width:150px;}
.produsGeneric .pretsititlu .titlu {color:#808080;font-weight:bold;padding:40px 0px 0px 0px;text-align:center;width:150px;}
.produsGeneric .pretsititlu .titlu a{color:#808080;font-weight:bold;text-decoration:none;}
.produsGeneric .pretsititlu .pret {color:#b90d0d;font-weight:bold;}
.produsGeneric .pretsititlu .pret a{color:#b90d0d;font-weight:bold;text-decoration:none;}
.produsGeneric .actions {border-top:2px solid;width:200px;margin:0 auto;padding:10px;margin-top:10px;}
.produsGeneric .actions .detalii {float:left;background:url(../images/detalii-back.gif) no-repeat;width:80px;height:24px;color:#fff;font-weight:bold;text-align:center;}
.produsGeneric .actions .detalii p {padding-top:5px;}
.produsGeneric .actions .detalii a{font-weight:bold;padding-top:3px;text-decoration:none;color:#fff;}
.produsGeneric .actions .comanda {float:left;background:url(../images/comanda_back.gif) no-repeat;width:80px;height:24px;color:#fff;font-weight:bold;text-align:center;margin-left:30px;}
.produsGeneric .actions .comanda p {padding-top:4px;}
.produsGeneric .actions .comanda a{font-weight:bold;text-decoration:none;color:#fff;}

.userLogin {text-align:left;width:40%;margin:0 auto;background:url(../images/forms_back.gif) repeat-x bottom;height:165px;border:1px solid #006ecc;margin-top:10px;}
.userLogin input.text {border:1px solid #1978AB;width:60%;}
.userLogin h1 {color:#1978AB;font-size:16px;padding:3px;}
.userLogin p{padding:5px 0px 0px 20px;}
.userLogin p a{text-decoration:none;color:#333;}
.userLogin p a:hover{text-decoration:none;color:#b90d0d;padding:0px 2px 0px 2px;}
.userLogin .inputs {width:100%;margin-top:20px;}
.userLogin .inputs .row {padding:2px 0px 2px 20px;height:20px}
.userLogin .inputs .row label {float:left;width:35%;}

.inregistrare {text-align:left;width:70%;margin:0 auto;background:url(../images/forms_back.gif) repeat-x bottom;border:1px solid #006ecc;margin-top:10px;}
.inregistrare input.text {border:1px solid #1978AB;width:280px;}
.inregistrare .textArea {border:1px solid #1978AB;width:280px;/*overflow:hidden;*/}
.inregistrare h1 {color:#1978AB;font-size:16px;padding:3px;}
.inregistrare p{padding:5px 0px 0px 20px;}
.inregistrare p a{text-decoration:none;color:#333;}
.inregistrare p a:hover{text-decoration:none;color:#b90d0d;padding:0px 2px 0px 2px;}
.inregistrare .inputs {width:100%;margin-top:20px;}
.inregistrare .inputs .row {padding:2px 0px 2px 20px;}
.inregistrare .inputs .row label {float:left;width:35%;}

input.btn {background:url(../images/pseudobtn_back.gif) repeat-x;border:none;width:100px;height:25px;font-weight:bold;color:#FFF;font-family:Geneva, Arial, Helvetica, sans-serif; cursor:pointer}
input.btn:hover {background:url(../images/pseudobtn_back_over.gif) repeat-x;border:none;width:100px;height:25px;font-weight:bold;color:#FFF;font-family:Geneva, Arial, Helvetica, sans-serif}

.cos a{text-decoration:none;color:#333}
.cos h1 {color:#1978AB;font-size:16px;padding:3px;}
.cos .baraHeader {background:#278DC4;width:90%;color:#fff}
.cos .baraHeader .denumire {float:left;width:50%;border-right:1px solid #ccc}
.cos .baraHeader .pret {float:left;width:13%; border-right:1px solid #ccc}
.cos .baraHeader .cantitate {float:left;width:17%;border-right:1px solid;}
.cos .baraHeader .pretTotal {}
.cos .produsCos {border-bottom:1px solid #ccc;height:100px;padding:5px;width:90%}
.cos .produsCos .imagine {width:20%;float:left;}
.cos .produsCos .numeProdus {color:#808080;font-weight:bold;text-align:left;float:left;width:30%;margin-top:40px;}
.cos .produsCos .pretTotal {color:#b90d0d;font-weight:bold;margin-top:40px;}
.cos .produsCos .valoareProdus {color:#b90d0d;font-weight:bold;margin-top:40px;float:left;width:13%;width:13%}
.cos .produsCos .cantitateProdus {float:left;margin-top:38px;width:17%;}
.cos .comenzi {margin-top:5px}
.cos .comenzi .valoareTotala {color:#b90d0d;font-weight:bold;}
.cos .directii {margin-top:10px;width:235px;margin: 0 auto}

.navigareCos {}
.navigareCos ul.navigare {list-style:none}
.navigareCos ul li {float:left}
.navigareCos ul li.selected {font-weight:bold;color:#b90d0d;font-size:14px;text-transform:uppercase;}

.forma {text-align:left;width:70%;margin:0 auto;background:url(../images/forms_back.gif) repeat-x bottom;border:1px solid #006ecc;margin-top:10px;}
.forma input.text {border:1px solid #1978AB;width:270px}
.forma .select {border:1px solid #1978AB;width:270px;}
.forma .textArea {border:1px solid #1978AB;width:270px;overflow:hidden;height:100px;}
.forma .textAreaFeedBack {border:1px solid #1978AB;width:480px;overflow:hidden;height:100px;}
.forma h1 {color:#1978AB;font-size:16px;padding:3px;}
.forma p{padding:5px 0px 0px 20px;}
.forma p a{text-decoration:none;color:#333;}
.forma p a:hover{text-decoration:none;color:#b90d0d;padding:0px 2px 0px 2px;}
.forma .inputs {width:100%;margin-top:20px;}
.forma .inputs .row {padding:2px 0px 2px 20px;}
.forma .inputs .row label {float:left;width:35%;}


.pseudobtn_single {background:url(../images/pseudobtn_back.gif) repeat-x; height:25px;padding:3px 3px 2px 3px;width:100px; text-align:center;font-weight:bold;}
.pseudobtn_single:hover {background:url(../images/pseudobtn_back_over.gif) repeat-x}
.pseudobtn_single a{color:#fff;text-decoration:none;padding-top:1px}
.pseudobtn_single a:hover {color:#222;text-decoration:none;padding-top:1px}

.pseudobtn {background:url(../images/pseudobtn_back.gif) repeat-x; height:25px;padding:3px 3px 2px 3px;width:100px; text-align:center;font-weight:bold;float:left;margin-left:10px}
.pseudobtn:hover {background:url(../images/pseudobtn_back_over.gif) repeat-x}
.pseudobtn a{color:#fff;text-decoration:none;padding-top:1px}
.pseudobtn a:hover {color:#222;text-decoration:none;padding-top:1px}

.recovpass {border:5px solid #000;padding:7px;color:#b90d0d;}

.listareProducatori {margin:5px;}
.listareProducatori h1 {color:#1978AB;font-size:14px;padding:3px 10px 3px 3px;  font-variant:small-caps;}
.listareProducatori a{text-decoration:none; color:#333; font-weight:bold;}
.listareProducatori a:hover{text-decoration:underline; color:#b90d0d;}
.listareProducatori .producator {float:left;padding:8px 16px 8px 16px;}
.listareProducatori .producator .numeProducator {padding:5px;}
.listareProducatori .producator .logoProducator {margin-left:5px;}