@charset "utf-8";

/* 
doc principal css
prima data clasele generale
reseteaza stilurile css individual in locul selectorului universal
*/

html, body{
margin:0;
padding:0;	
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
border-left:0;
line-height:1;
font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
font-size: 13px;
}

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, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, th{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

img{
	border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}


ol, ul{list-style:none;}

table{
border-collapse:separate;
border-spacing:0;
}

caption, th, td {
text-align:left;
font-weight:normal;
}

/*opreste resetarea stilurilor
tehnica clearing */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}

/*ascunde mac */
* html.clearfix {height:1%;}
.clearfix {display:block;}
/*sf optiunii hide */
/* nu schimba stilurile clearfix de mai sus */

p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom:.5em}


a{
text-decoration:none;
color:#000099;
}


a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}

h1{font-size:197%;}/*26px*/
h3{
  margin: 5px 0px;
  text-indent: 10px;
}

h4{font-size:152%;}/*20px*/
h5{font-size:136%;}/*18px*/
h6{font-size:122%;}/*16px*/
body{
text-align:left; /*for ie5*/
}

.zarro_float{float: none;height: 0px;overflow: hidden;width: 100%;}
.float_left{float: left;}
.float_right{float: right;}
.align_right{text-align: right;}
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_justify{text-align: justify;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.normal{font-style: normal; font-weight: normal}


.left{
	display:block;
	width:150px;
	height:112px;
	overflow:hidden;
	float:left;
	margin:5px 15px 5px 15px;
	border:#CCC 1px solid;
}


#cuvCheie{
width:100%;
height:18px;
position:fixed;
bottom:0px;
left:0px;
background-color:#DFDFDF;
color:#999999;
z-index:1;
}

#cuvCheie h1{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
margin:0 0 0 3px;
}

#cuvCheie h2{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
margin:0 0 0 3px;
}


#cuvCheie h3{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
margin:0 0 0 3px;
}



#containerTop{
width:100%;
height:90px;
background-color:#373737;
border-bottom:#ffaf02 3px solid;
}

#topCenter{
width:990px;
height:90px;
margin-left:auto;
margin-right:auto;
position:relative;
}



#butoane{
height:33px;
position:absolute;
bottom:-3px;
right:0px;
}

ul#botton{
list-style:none;
float:right;
color:#F5F5F5;
padding:0 0 0 0;
}

ul#botton li{
float:left;
color:#F5F5F5;
padding:0 1px 0 0;
}

ul#botton li a{
width:115px;
height:23px;
padding:10px 0 0 0;
text-align:center;
background:url(../poze/buton.jpg) no-repeat;
color:#E1E1E1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
display:block;
}

ul#botton li a:hover{
text-decoration:none;
color:#242424;
background:url(../poze/on_mouse_over.jpg) no-repeat;
}

#siglaTop{
width:195px;
height:60px;
float:left;
margin-top:15px;
margin-left:30px;
}

#linkSigla{
width:195px;
height:60px;
display:block;
background:url(../poze/sigla_integral.png) no-repeat;
overflow:hidden;
white-space:nowrap;
text-indent:200px;
}

.textSigla{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
}

#search{
width:200px;
height:50px;
float:right;
margin-top:10px;
margin-right:32px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#F2F2F2;
font-weight:bold;
}

#search a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin-left:90px;
}



#searchInput{
background-color:#F0F0F0;
border:#FFFFFF 0px solid;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:2px 1px 2px 1px;
}

#submitCautare{
border:#373737 0px solid;
background-color:#373737;
width:21px;
height:22px;
padding-bottom:2px;
background:url(../poze/buton.png) no-repeat;
}

#containerContent{
width:990px;
margin-left:auto;
margin-right:auto;
}

#greenBlock{
width:213px;
height:16px;
background-color:#cde599;
margin:1px 0 1px 30px;
}

ul#lang{
float:left;
padding:2px 0 2px 50px;
font-size:11px;
color:#484848;
font-weight:bold;
}

ul#lang li{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#484848;
font-weight:bold;
}

ul#lang li a{
float:left;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#484848;
font-weight:bold;
}

ul#lang li a:hover{
}


#bannerDown{
width:990px;
height:241px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
background:url(../poze/banner.jpg) no-repeat;
}

#siglaBanner{
width:125px;
height:125px;
position:absolute;
background:url(../poze/sigla.png) no-repeat;
top:55px;
left:55px;
}

#linkBanner{
width:125px;
height:125px;
display:block;
background:url(../poze/sigla.png) no-repeat;
overflow:hidden;
white-space:nowrap;
text-indent:130px;
}


#contentLeft{
width:213px;
height:auto;
min-height:720px;
background-color:#cde599;
margin:0 25px 0 30px;
float:left;
}

#homeCont{
	width:705px;
	min-height:200px;
	margin:15px 0 0 0;
	float:left;
}

#galerie{
padding:30px 0 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:140%;
}

#galerie a{
color:#333333;
font-weight:bold;
}

#produse{
width:213px;
height:16px;
text-align:center;
background-color:#6aa400;
margin:12px 0 15px 0;
padding:6px 0 6px 0;
border-top:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
}

#produse h6{
color:#373737;
font-family:Arial, Helvetica, sans-serif;
}

#divlistaProduse{
padding:3px 3px 3px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#365d00;
}

#listaProduse{
padding:3px 3px 3px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#365d00;
}

#listaProduse li{
padding:2px 0 3px 0;
}

#listaProduse li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#151515;
}

#listaProduse li a:hover{
text-decoration:none;
color:#365d00;
}

#newsletter{
width:213px;
height:16px;
text-align:center;
background-color:#6aa400;
margin:12px 0 15px 0;
padding:6px 0 6px 0;
border-top:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
}

#newsletter h6{
color:#373737;
font-family:Arial, Helvetica, sans-serif;
}

#contentNewsletter{
padding:15px 3px 3px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#365d00;
}

#contentRight{
width:712px;
min-height:680px;
position:relative;
margin:22px 0 10px 5px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#444343;
}


#contentRight ul{
padding:20px 0 0 20px;
}

#contentRight ul li{
list-style:circle;
}


#contentRight h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#365d00;
}

#contentRight h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#365d00;
}

#contentRight h3{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#365d00;
}

#contentRight hr{
width:100%;
color:#365d00;
}

#bottom{
width:100%;
float:left;
height:50px;
background-color:#373737;
border-top:#ffaf02 3px solid;
margin-top:1px;
margin-bottom:8px;
}

#bottomCenter{
width:990px;
height:50px;
margin-left:auto;
margin-right:auto;
}

#copyright{
width:250px;
padding:4px 5px 3px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
color:#CDCDCD;
line-height:110%;
}

#copyright a{
color:#4F7EFB;
}

#downlinks{
width:740px;
float:left;
}

ul#meniuBottom{
float:left;
padding:10px;
}

ul#meniuBottom li{
float:left;
padding:0 30px 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#989797;
}

ul#meniuBottom li a{
display:block;
color:#989797;
}

ul#meniuBottom li a:hover{
text-decoration:none;
color:#DDDDDD;
}


#slideshow{
width:403px;
height:241px;
position:absolute;
top:0px;
right:174px;
}


#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


.inputNewsletter{
border:#333333 1px solid;
margin-top:6px;
}

#contactLeft{
width:300px;
height:auto;
min-height:100px;
float:left;
padding:0 20px 0 0;
}

#formContact{
width:250px;
min-height:180px;
float:left;
padding:25px 15px 15px 15px;
border:#373737 1px solid;
}

#hartaContact{
width:350px;
margin-top:30px;
margin-left:100px;
float:left;
}

#submeniu{
padding:5px 0 5px 35px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#365d00;
}

.marci{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#0000FF;
}





#formCautareAvansat{
	width:450px;
	margin:10px 0 0 0;
	background:#EEE;
	padding:25px 25px 25px 25px;
	border:#373737 1px solid;
}

.CautareAvansata{
	border:#373737 1px solid;	
}




.containerProdus{
	width:220px;
	height:190px;
	border:#6AA400 1px solid;
	float:left;
	margin:10px 10px 0 0;
	position:relative;
}

.containerProdTop{
	width:220px;
}


.prodPict{
	width:110px;
	height:100px;
	overflow:hidden;
	border-right:#6AA400 1px solid;
	border-bottom:#6AA400 1px solid;
	margin:0 0 0 0;
	float:left;
	
}

.prodBrand{
	width:80px;
	margin:0 0 0 10px;
	float:left;
}

.pozaMarca{
	width:60px;
	margin:10px 0 0 10px;
	border:none;
}

.pozaProdus{
	width:100px;
	margin:5px 5px 5px 5px;
	border:none;
}

.prodCont{
	width:210px;
	padding:5px 5px 5px 5px;
}


.prodDetails{
	width:220px;
	padding:5px 0 5px 0;
	background:#373737;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
}

.prodDetails a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#F0F000;
}





/* detalii produs */

#containerDetalii{
	width:600px;
}

#pozaMarca{
	width:600px;
}

#pozaThProd{
	width:100px;
	padding:10px 10px 10px 10px;
	margin:20px 50px 10px 20px;
	border:#666666 1px solid;
	float:left;
}

#pozaThMarca{
	width:400px;
	margin:10px 0 10px 0px;
	float:left;
}

#thumbMarca{
	width:100px;
	margin:0px 10px 10px 290px;
}

#ifprom{
	width:600px;
	height:30px;
	margin:5px 0 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C00;
}

#paginatie{
	width:600px;
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#009;
}

.LeftRight{
	width:600px;
	margin-top:20px;
}

.leftDetalii{
	width:130px;
	margin:0 10px 0 0;
	float:left;
	text-align:left;
}

.rightDetalii{
	width:420px;
	float:left;
	text-align:left;
}

.red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C00;
}

/* end of detalii produs */
