body { 
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	color:#000000;
	margin:0;
}

#container {
width:100%;
max-width: 1022px;
margin: 0px auto;
}

#top {
}


#cautare {
position:absolute;
margin-left:250px;
top:45px;
width:420px;
line-height:25px;
color:#000;
}  


#cautare input.nume {
width:317px;
height:18px;
border: 1px solid #FFFFFF;
color:#383838;
top:0px;
}

 
#sigla {
	position:absolute;
	width:600px;
	height:80px;
	margin-top:  60px;
	margin-left: 190px;
} 
 
#bg-sigla {
	position:absolute;
	margin-left:240px;
	width:480px;
	height:202px;	
}
 
#motto {
	position:absolute;
	width:141px;
	height:12px;
	margin-top:30px;
	margin-left:360px;
}
 
#slidu {
	position:absolute;
	margin-top:  84px;
	margin-left: 0px;
	width:100%;
	z-index:1;
}  
 
#sus-login {
position:absolute;
left:615px;
top:35px;
color:#870000;
} 

#meniu {
position:absolute;
margin-top:25px;
width:100%;
height:40px;
line-height:83px;
z-index:2;
}

ul#meniul { 
list-style-type: none;
color: #000000;
font-size:12px;
font-weight:bold;
text-shadow: 0 1px 1px #FFFFFF;
letter-spacing: -0.01em;
}

ul#meniul li { 
display:inline;
}

ul#meniul li a {
width: auto;
color:#333333;
padding: 0px;
text-decoration:none;
margin: 0.7em 0.5em;
text-shadow: 0 1px 1px #FFFFFF;
}

ul#meniul li a:hover {
color:#333333;
text-decoration:underline;
}
 
 
#top h1 {
margin:0;
padding:0;
}

a.menu1 {
	DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 150px; COLOR: #000000;  TEXT-DECORATION: none	
}
a.menu1:hover {
	DISPLAY: block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 150px; COLOR: #000000;  TEXT-DECORATION: none	
}

a.menu2 {
	DISPLAY: block; 
	border-top: 1px solid #FFFFFF; 
	font-size:10px;
	color:#000000;
	line-height:14px;
	padding-left:10px;
	cursor: pointer;
	cursor: hand;

}
a.menu2:hover {

	DISPLAY: block; 
	border-top: 1px solid #FFFFFF; 
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
	padding-left:10px;
	background:#8c4728;
	cursor: pointer;
	cursor: hand;
}


a.menu3 {
	DISPLAY: block; 
	border-top: 1px solid #FFFFFF; 
	font-size:9px;
	color:#000000;
	line-height:16px;
	padding-left:14px;
	background:#ffb78d;
	cursor: pointer;
	cursor: hand;
	text-decoration:none;

}
a.menu3:hover {

	DISPLAY: block; 
	border-top: 1px solid #FFFFFF; 
	font-size:9px;
	color:#ffffff;
	line-height:16px;
	padding-left:14px;
	background:#ce2d01;
	cursor: pointer;
	cursor: hand;
	text-decoration:none;
}


#leftnav
{
	position:relative;
	float:right;
	width: 205px;
	min-height:325px;
	margin: 0;
	padding: 10px 0 0 10px;
}

#breadcumb-sml {
	float:left;
	width:240px;
	padding-top:33px;
	padding-left:25px;
	color:#FFF;
	font-weight:bold;
}

.meniu_scat {
	margin:0;
	padding:0;
}

.meniu_scat li {
	padding: 0 0 3px;
	width:200px;
	
}


.meniu_scat li a{
	color:#4f4f4f;
	font-size:12px;
	text-decoration:none;
	display:block;
	height:25px;
	width:170px;
	line-height:25px;
	padding-left:4px;
}


.meniu_scat li a:hover {
	background: none repeat scroll 0 0 #2d3533;
	color:#FFF;
}

/*----*/

#rightnav
{
position:relative;
float:right;
width: 180px;
color:#FFF;
}

/*---*/

#content {
	margin:0 auto;
	position:relative;
	width:100%;
}



#footer {
   position:relative;
   margin-top:0px;
   margin-bottom:0px;
   width:100%;
   height:180px;   /* Height of the footer */
   background:#29739a;
}


#wraper {
width:100%;
margin: 0px auto;
height:175px;
position:absolute;
/*background:url(jos.jpg) top left no-repeat;*/
}


#content-wrapper {
position:relative;
}

#retele-sociale {
position:absolute;
left:400px;
top:35px;
width:150px;
}


#retele-sociale-icoane1 {
position:absolute;
left:460px;
top:50px;
width:40px;
}


#retele-sociale-icoane2 {
position:absolute;
left:460px;
top:90px;
width:40px;
}


#retele-sociale ul { list-style-type: none; }
#retele-sociale ul li { height:45px; line-height:30px; vertical-align:middle; }
#retele-sociale ul li a { color:#870000 }


#retele-utile {
	position:absolute;
	left:400px;
	top:15px;
	width:280px;
}

#retele-utile ul { list-style-type: none; }
#retele-utile ul li { height:20px; }
#retele-utile ul li a { color:#870000 }



#retele-drepturi {
	position:absolute;
	left:634px;
	top:36px;
	width:250px;
	color:#ffffff;
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }



.chenarpoza
{
BORDER: #0094c1 1px solid;
padding: 2px;
background-color:#fff

}

.chenar {

overflow: hidden;
width: 88%;
border: 1px solid #2eaadd;
max-height:200px;
}


a.submeniu{
	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none; font-weight:bold;
}
a.submeniu:hover {
	FONT-SIZE: 10px; COLOR: #00000;  TEXT-DECORATION: underline; font-weight:bold;
}



a.slinks{
	FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold;
}
a.slinks:hover {
	FONT-SIZE: 10px; COLOR: #ffffff;  TEXT-DECORATION: underline; font-weight:bold;
}



a.menu{
	FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold;
}
a.menu:hover {
	FONT-SIZE: 10px; COLOR: #ffffff;  TEXT-DECORATION: underline; font-weight:bold;
}


a.comandap{
	FONT-SIZE: 12px; COLOR:#961513; TEXT-DECORATION: none; font-weight:bold;
}
a.comandap:hover {
	FONT-SIZE: 12px; COLOR:#000000;  TEXT-DECORATION: underline; font-weight:bold;
}



a.numep{
	FONT-SIZE: 14px; COLOR:#000000; TEXT-DECORATION: none; 
}
a.numep:hover {
	FONT-SIZE: 14px; COLOR:#000000;  TEXT-DECORATION: underline; 
}


a.detaliip{
	FONT-SIZE: 10px; COLOR:#000000; TEXT-DECORATION: none; font-weight:bold; margin-left:4px;
}
a.detaliip:hover {
	FONT-SIZE: 10px; COLOR:#000000;  TEXT-DECORATION: none;  font-weight:bold; margin-left:4px;
}

/*afisare produse*/

.afisare_produse {
	border: 1px solid #D3D3D3;
	position:relative;
	background:url(bg_produse.png) top left no-repeat;
	width:580px;
	height:94px;
	margin-top:3px;
}
.afisare_produse .pic_produs {
	float:left;
	padding:15px;	
}
.afisare_produse .titlu_produs {
	float:right;
	width:480px;
	margin-top:10px;	
}

.afisare_produse input.cant {
	float:right;
	width:20px;
	margin-right:15px;
}

.afisare_produse .pret {
	color:#000000;
	float:right;
	width:60px;
	margin-right:5px;
	font-size:14px;
	padding-top:4px;
	text-align:right;
}


.afisare_produse .descriere {
	width:400px;
	color:#000000;
	line-height:110%;
	margin-top:10px;
}

.afisare_produse .comanda {
	position:absolute;
	bottom:15px;
	right:10px;
}


.afisare_produse .comanda a {
	FONT-SIZE: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none; font-weight:bold;  
}

.afisare_produse .comanda a:hover {
	FONT-SIZE: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: underline; font-weight:bold;  
}


.inchis { display:none; }

.deschis { display:block; }

table.prod{
border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-color: #dddddd;
padding: 2px;
}

.detprod{
border-style: solid;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 1px;
border-color: #dddddd;
padding: 2px;
}


.tidprod1 {
vertical-align:top;
text-align:center;
padding-left:5px;
padding-top:2px;
}

.tidprod2 {
vertical-align:top;
text-align:left;
padding-left:5px;
}

.produse {
float:left;
}

#resultdiv {
	color:#000000;
}

/* ----- partea de cos -------------*/

.tabel_cos {
			border-style: solid;
			border-bottom-width: 2px;
			border-left-width: 2px;
			border-right-width: 2px;
			border-top-width: 2px;
			border-color: #961513;
			font-size:10px;
     		}


   .cos_antet {
			border-style: solid;
			border-bottom-width: 2px;
			border-left-width: 2px;
			border-right-width: 2px;
			border-top-width: 2px;
			border-color: #961513;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			vertical-align:middle;
			background-color:#961513;
			color:#FFFFFF;

			}
			
			.cos_antet_a {
			border-style: solid;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-color: #7f7f7f;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			vertical-align:middle;

			}
			
			.cos_antet_b {
			border-style: solid;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-right-width: 1px;
			border-top-width: 0px;
			border-color: #7f7f7f;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			vertical-align:middle;
	}		
							.input_cantitate {

         BORDER: #d5d4d1 1px solid;
         FONT-WEIGHT: normal;
         FONT-SIZE: 10px;
         COLOR: #000000;
         FONT-FAMILY: verdana;
         BACKGROUND-COLOR: #FFFFFF;
	}	
	
	a.prodcart{
	FONT-SIZE: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; COLOR: #4a69ca; TEXT-DECORATION: none; font-weight:bold;  
	}
a.prodcart:hover {
	FONT-SIZE: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; COLOR: #4a69ca;  TEXT-DECORATION:underline; font-weight:bold; 
}

.formular_ic {
height:20px;
width:270px;
border: 1px solid #D5D5D5;
}

.formular_textarea {
height:140px;
overflow:auto;
width:270px;
border: 1px solid #D5D5D5;
}


.formular_buton {
border: 1px solid #000000;
background:#D5D5D5;
color:#000000;
width:150px;
}

table.comanda {
border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-color: #818181;
background:#e9e9e9;
color:#000000;

}
p {
  line-height: 25px !important;
}

#retele-utile  h1{
  font-size:12px;
}

#mobile-menu { display:none; position:absolute;	right:22px; top:28px; cursor:pointer;}
#mobile {background:#FFF;display:none; position:absolute; z-index:999; top:87px; width:100%;}

.submenu-mobile {position:absolute; width:60px; height:40px; right:5px; top:12px; cursor:pointer;}

.navbar-nav {
    margin: 7.5px -15px;
}

.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}


.nav > li {
    float: left;
    position: relative;
    width: 100%;
}


.navbar-nav > li > a {
    color: #777;
}

.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-nav > li > a {
    line-height: 20px;
	 padding:10px 0 10px 33px;
	 text-decoration:none;
	 font-size:14px;
}


.navbar-nav > li > a:focus {
    background-color: transparent;
    color: #333;
}


.nav > li > a {
    display: block;
    position: relative;
	border-bottom:1px solid rgba(0, 0, 0, 0.05);
}

.submenuItems {
   background:rgba(245, 244, 244, 0.45);
   float:left;
   width:90%;
   padding-left:50px;
}

.submenuItems a {
    display:block;
    color:#9E9B9B;
	text-decoration: none;
    font-size: 13px;
	font-weight:none;
	padding-bottom: 10px;
    padding-top: 10px;
	z-index:999;
}

.responsive_img {
    height: auto;
    width: 100%;
}

.submenu-mobile-content{
    margin: 4px 4px 4px 0;
    padding: 4px 0 0 4px;
}
.submenu-mobile-content li{
    color: #777;
    font-weight: normal;
    line-height: 20px;
    display: list-item;
    list-style: outside none none;
	padding:5px;
}

.submenu-mobile-content li a{
    color:#000;
	text-decoration:none;
	font-size: 14px;
}

.content-wrapper-mobile {
  display:none;
}

/* -----*/
@media screen and (max-width:1005px){

}

@media screen and (max-width:960px){
#retele-utile{left:160px;}
#retele-sociale{left:160px;}
#retele-sociale-icoane1{left:160px;}
#retele-sociale-icoane2{left:160px;}
#retele-drepturi{left:500px;}
}
@media screen and (max-width:720px){
#retele-utile{left:150px;}
#retele-sociale{left:150px;}
#retele-sociale-icoane1{left:150px;}
#retele-sociale-icoane2{left:150px;}
}

@media screen and (max-width:640px){
.content-wrapper-mobile { display:block; }
#mobile-menu { display:block; 	}
#meniu {display:none}
#retele-utile{left:100px;}
#retele-sociale{left:100px;}
#retele-sociale-icoane1{left:100px;}
#retele-sociale-icoane2{left:100px;}
#retele-drepturi {left: 89px;top: 110px;}
}
@media screen and (max-width:390px){

}

@media screen and (max-width:320px){

}

@media screen and (max-width:240px){

}