@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }
body { font-family:Arial, Helvetica, sans-serif; background-color:#99CCCC; }
#container { width:1000px; height:auto; margin-left:auto; margin-right:auto; background-color: #3F2419; }
#header { height:235px; width:1000px; margin-right:auto; margin-left: auto; }
#menu { width:996px; margin-left:auto; margin-left:-2px; height:48px; float: left; margin-right: auto; background-color: #563F31; padding-bottom: 2px; }
#head { float:left; margin-right: auto; margin-left: 4px; }
.logo { float:left; width: 991px; height: 186px; background-image: url(../img/logo_big.jpg);background-repeat:no-repeat; }
.banner { float:left; width: 742px; height: 183px; }
.link { }
.link1 { padding-top:10px; }
.btn1 { float:left; width: 69px; height: 48px; }
.btn1 { display: block; background:url(../img/1home_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width: 69px; height: 48px;vertical-align:middle; float:left; width: 69px; height: 48px; }

.btn1:hover { color: black; background:url(../img/1home_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width: 69px; height: 48px; vertical-align:middle; }
.btn2:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:125px; vertical-align:middle; }
.btn3:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:125px; height:48px; vertical-align:middle; }
.btn4:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; width:125px; height:48px; }
.btn5:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:125px; height:48px; vertical-align:middle; }
.btn6:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:125px; height:48px; vertical-align:middle; }
.btn7:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:98px; height:48px; vertical-align:middle; }
.btn8:hover { color: black; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:125px; height:48px; vertical-align:middle; }
.btn9:hover { color: black; background:url(../img/9contact_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width:78px; height:48px; vertical-align:middle; }





.btn1sel { display: block; background:url(../img/1home_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; width: 69px; height: 48px; vertical-align:middle; float:left; width: 69px; height: 32px; padding-top: 16px; }

.btn2sel {display: block; background:url(../img/2despre_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px;}
.btn3sel {display: block; background:url(../img/9contact_h.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:78px; height:32px; padding-top:16px;}
.btn4sel { display: block; background:url(../img/2despre_h.jpg) no-repeat center; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:98px; height:32px; padding-top:16px; }
.btn2 { width:125px; height:32px; padding-top:16px; float:left; }
.btn2 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px; }

.btn3 { float:left; width:125px; height:32px; padding-top:16px; }
.btn3 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px; }

.btn4 { float:left; width:125px; height:32px; padding-top:16px; }
.btn4 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px; }

.btn5 { float:left; width:125px;}
.btn5 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:40px;padding-top:8px;  }

.btn6 { float:left; width:125px; height:32px; padding-top:16px; }
.btn6 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px; }

.btn7 { float:left; width:98px; height:32px; padding-top:16px; }
.btn7 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:98px; height:32px; padding-top:16px; }

.btn8 { float:left; width:125px; height:32px; padding-top:16px; }
.btn8 { display: block; background:url(../img/2despre_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:125px; height:32px; padding-top:16px; }

.btn9 { float:left; width:78px; height:32px; padding-top:16px; }
.btn9 { display: block; background:url(../img/9contact_n.jpg) no-repeat; color:#333333; font-size: 14px; font-weight:bold; text-align: center; text-decoration: none; vertical-align:middle; float:left; width:78px; height:32px; padding-top:16px; }

#content { background-image:url(../img/content_bg.jpg); width: 1000px; margin-left: auto; margin-right: auto;  height: auto; margin-top: -3px; background-position: center; background-repeat: repeat-y; background-color: #3F2419; float: left; }
#content_tm { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto;   height: 2200px; background-repeat: repeat-y; }
#content_fe { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto;  height: 1122px; background-repeat: repeat-y; }
#content_fee { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto; margin-right: auto;   height: 1360px; background-repeat: repeat-y; }
#content_co { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto; margin-right: auto;   height: 665px; background-repeat: repeat-y; }

#content_p { margin-top:-3px; background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto; margin-right: auto;   height: 1500px; background-repeat: repeat-y; }
#content_pf { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto; margin-right: auto;   height: 1362px; background-repeat: repeat-y; }
#content_sp { margin-top:-3px;background-image:url(../img/content_bg.jpg); width: 996px; margin-left: auto; margin-right: auto;   height: 1490px; background-repeat: repeat-y; }
#footer { background-image:url(../img/footer_bg.jpg); background-repeat:no-repeat; height: 65px; width: 1000px; background-position: center; margin-left: auto; margin-right: auto; float: left; background-color: #3F2419; }
#footerx { background-image:url(../img/footer_bg.jpg); background-repeat:no-repeat; height: 65px; width: 1000px; background-position: center; margin-left: -2px; margin-right: auto; float: left; }
#home_app { margin-left:auto; margin-right: auto; height: 168px; padding-left: 4px; margin-top:2px; }
#home_appx { margin-left:auto; margin-right: auto; height: 168px; padding-left: 4px; float: left; margin-top: 2px; }
.left { float:left; background-image: url(../img/blue_bg.png); height: 167px; width: 480px; padding-left: 5px; background-position: 0 1px; }
.right { float:left; width: 505px; height: 166px; margin-top: 1px; }
.imgtext { float:left; width: 440px; height: 168px; }
.imgtext img { margin-left: 15px; }
.imgtext p { float: left; width: 420px; font-size: 12px; padding-left: 20px; padding-top: 15px; }
.btns { float:right; height:96px; width:24px; margin-top: 70px; }
.btns a { display: block; background:url(../img/bg_nav_n.jpg) no-repeat; width:24px; height:24px; color:#1A4269; font-size: 14px; text-align: center; text-decoration: none; }
.btns a:hover { color: white; background:url(../img/bg_nav_h.jpg) no-repeat; width:24px; height:24px; }
#oferta { float:left; margin-left:5px; margin-right:auto; width: 990px; padding-left: 3px; margin-top: 10px; }
.superoferta { float:left; background-image: url(../img/oferta_bg.png); background-repeat: no-repeat; width: 480px; height: 249px; }
.superofertax { float:left; background-image: url(../img/acoperis_bg_bir.png); background-repeat: no-repeat; width: 480px; height: 249px; }
.superofertax img { border:#FFFFFF solid 5px; width: 339px; height: 80px; margin-left: 60px; margin-top: 1px; }
.superoferta img { border:red solid 5px; width: 339px; height: 80px; margin-left: 60px; margin-bottom: 8px; }
.acoperis { float:left; height: 249px; width: 499px; background-image: url(../img/acoperis_bg.png); background-repeat: no-repeat; margin-left: 5px; }
.acoperisx { float:left; height: 249px; width: 499px; background-image: url(../img/acoperis_bg_tel.png); background-repeat: no-repeat; margin-left: 5px; }
.f1 { font-size:26px; color:#000000; padding-left: 50px; padding-top: 5px; font-weight: bold; }
.f2 { font-size:14px; color:#000000; padding-left: 50px; }
.f2xx { font-size:14px; color:#000000; padding-left: 50px; line-height: 6px; }
.pret { font-size:30px; color:#000000; font-weight:bold; margin-left: 50px; text-align: right; padding-right: 20px; }
.small_f { font-size:12px; color:#000000; margin-left: 180px; text-align: right; padding-right: 30px; }
.small_fx { font-size:20px; color:#000000; margin-left: 180px; text-align: right; padding-right: 30px; }
.acoperis img { margin-left:20px;margin-top: 20px; }
.blueboldtext { color:#006699; font-size: 24px; font-weight: bold; }
.blackboldtext { color:#000000; font-size: 20px; }
.bluethintext { color:#006699; font-size: 24px; text-align: center; }
.style1 { color:#FF0000; }
.style2 { font-size: 22px; font-weight: bold; padding-left: 5px; }
#avantaje { float:left; background-image:url(../img/avantaje.jpg); width:980px; height:204px; margin-left: 10px; margin-top: 10px; }
.bife { float:left; width: 60px; height: 154px; padding-top: 40px; }
.text { float:left; width: 900px; height: 160px; }
.av { color:#FFFFFF; font-size: 26px; font-weight: bold; padding-top: 10px; padding-left: 30px; }
.bife img { float:left; margin-top:5px; margin-left: 10px; }
.text p { font-size:14px; font-weight:normal; color:#FFFFFF; margin-top: 20px; }
#prefooter { font-size:14px; color:#FFFFFF; width: 986px; height: 55px; padding-top: 10px; background-repeat: repeat-y; background-image: url(../img/content_bg.jpg); float: left; background-position: center; background-color: #3F2419; margin-left: 2px; padding-left: 10px; }
#prefooterx { font-size:14px; color:#FFFFFF; width: 986px; height: 65px; float: left; padding-left: 10px; padding-top: 10px; background-repeat: repeat-y; background-image: url(../img/content_bg.jpg); margin-left: -7px; }
.footerleft { float:left; height: 65px; width: 430px; }
.footerleft p { float:left; color:#CCCCCC; font-size:14px; margin-top: 20px; margin-left: 20px; }
.footerright { float:right; height: 65px; width: 550px; }
.footerright img { float:right; margin-top: 20px; margin-right: 10px; }
.vezitoticlientii { float:left; height: 35px; margin-top: 70px; width: 180px; padding-left: 40px; }
.vezitoticlientii a{ text-decoration:none; font-size: 14px; font-weight: bold; color: black; text-align: center; width: 200px; }
.clientiinostrii{ float:left; width: 240px; height: 155px; margin-top: 5px; padding-left: 15px; }
.h { font-size:18px; font-weight:bold; margin-top: 10px; padding-left: 30px; color: #1C4269; }
.clientiinostrii p{ font-size:14px; color: #1C4269; padding-left: 60px; padding-top: 5px; }
#top { float:left; background-image:url(../img/top.jpg); background-repeat:no-repeat; width:982px; height:11px; margin-right:auto; margin-top: 25px; }
#mid { float:left; width: 982px; background-color: #4B3327; height: auto; color: white; }
#bottom { float:left; background-image:url(../img/bottom.jpg); background-repeat:no-repeat; width:982px; height:9px; margin-right:auto; }
#mid p{ color:white; padding-left: 10px; padding-top: 10px; font-size: 12px; }
#text { width:600px; float:left; height:auto; }
#textxxx { width:980px; float:left; height:auto; }
#text_tm { width:550px; float:left; height:auto; }
#text_ref { width:970px; float:left; height:auto; }
#text_sp { width:675px; float:left; height:auto; }
#text_fe { width:980px; float:left; height:auto; }
#text_fe ul{ color:white; }
#text_co { width:980px; float:left; height:auto; }
#text_co ul{ color:white; }
#text_co p{ color:white; text-indent: 0px; font-size: 12px; }
#rightpics { float:right; width:300px; height:auto; }
#rightpicsx { float:right; width:294px; height:auto; }
#rightpicsx img{margin-top :10px;}
#rightpicsy { float:right; width:160px; height:auto; }
#rightpics_tm { float:right; width: 401px; }
#rightpics_tm img{ margin-top:10px; }
#rightpicsy img{ float:left; margin-top:5px; margin-right: auto; }
#rightpics img{float:left; margin-top:20px;}
.desc { background-image:url(../img/sistem-pluvial_bfg.jpg); width:779px; height:199px; float: left; margin-bottom: 20px; }
.rowx { float:left; margin-top:10px; font-size:14px; background-image:url(../img/row_bg.jpg); background-repeat:no-repeat; margin-left:15px; width:551px; height:19px; color: white; margin-bottom: 10px; }
.rowleft {float:left;width:225px;}
.rowright { float:left; width:325px; background-color: #412D22; margin-bottom: 10px; }
.mini_tabel { float:left; background-image:url(../img/tabel_val.jpg); height:100px; width:546px; margin-left: 15px; margin-top: 20px; margin-bottom: 20px; }
.col1 { float:left; width: 46px; height: 64px; text-align: center; vertical-align: baseline; padding-top: 42px; }
.col2 { float:left; height: 96px; margin-left: 20px; width: 155px; text-align: center; vertical-align: middle; }
.col3 { float:left; height: 96px; width: 155px; margin-left: 25px; text-align: center; vertical-align: middle;}
.col4 { float:left; height: 96px; width: 190px; margin-left: 60px; text-align: center; vertical-align: middle;}
.t { width:400px; color:white; padding-left:30px; font-size:14px; margin-top: 20px; }
#colorpalette { width:550px; height:124px; }
#colorpalette img{ float:left; margin-left: 6px; }
.rowy { float:left; font-size:14px; background-image:url(../img/row_sistem_pluvial.jpg); background-repeat:no-repeat; margin-left:15px; width:655px; height:96px; color: white; margin-bottom: 10px; }
.col2 ul{font-size:12px;text-decoration:none;color:white;}
.col2 img{ margin-top:3px; }
.col3 ul{font-size:14px;text-decoration:none;color:white;margin-top:25px;}
.col4 ul{margin-top:25px;}
#round { height:auto; width:auto; margin-left:9px; margin-right:auto; float: left; }
#roundx { height:auto; width:985px; margin-left:9px; margin-right:auto; float: left; }
#row { float:left; width:980px; height:auto; background-image:url(../img/p_row_bg.jpg); margin-top: 10px; }
.row { float:left; width:980px; height:auto; background-image:url(../img/p_row_bg.jpg); margin-top: 10px; }
#rowleft { float:left; width: 395px; }
.rowleft { float:left; width: 195px; }
.rowleft1 { float:left; width: 370px; }
#rowright { float:left; }
.rowright { float:right; width: 320px; }
.rowright1 { float:right; width: 600px; }
table {color:white}
#row_ref { background-image:url(../img/referinte_bg.jpg); width:471px; height:118px; float:left; margin-top:10px;margin-lefT:10px;}
.row_ref { background-image:url(../img/referinte_bg.jpg); width:471px; height:118px; float:left; margin-top:10px;margin-lefT:10px;}
.row_ref img { border: 2px solid white; margin-left: 30px; margin-top: 5px; }
#left_c { float:left; width: 450px; }
#right_c { float:right; width: 520px; }
#box_c { height:auto; width:450px; margin-top: 15px; float: left; background-color: #402C21; padding-bottom: 10px; }
#box_cx { height:auto; width:520px; float: left; background-color: #402C21; font-size: 12px; }
.imgg { float:left; margin-right: 5px; margin-left: 15px; margin-bottom: 20px; }
#row img { float:left; margin-left: 6px; }
.row img { float:left; margin-left: 6px; }
#txt { float:left; width:720px; }

.txt { float:left; width:720px; }
#txtx { float:left; width:680px; margin-top: 10px; }
#pics { float:left; width:160px; padding-left: 10px; }
.pics { float:left; width:160px; padding-left: 10px; }
#picsx  {
float:left;
margin-left:40px;
margin-top:10px;
padding-left:10px;
width:220px;
}
#picsx img { margin-top:5px; margin-left:5px; border: 1px solid black; margin-bottom: 10px; }
.x {width:200px;}

.pret1 {text-align:right;padding-right:20px;}
/* FORM */

.form input, .form textarea
{
 border: 1px solid #cccccc;
 background-color: #f1f1f1;
 width: 100%;
}
.form input.radio
{
 border: none;
 background-color: #f1f1f1;
 width: 20px;
}

.form
{
 margin-bottom: 10px;
}
.form .ftitle
{
 border: 0px;
 padding: 0px;
  text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	color: #000033;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 7px;
}
.form .etitle
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 7px;
}
.form .line
{
}
.form .line .name
{
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
}
.form .line .name2
{
	text-align: right;
	vertical-align: top;
}
.form .line .error
{
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
	color: red;
}
.form .line .value
{
	padding-right: 1px;
	font-weight: bold;
	width: 300px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .line .button input
{
 text-transform: uppercase;
 border: 1px solid #121212;
 background-color: #121212;
 font-size: 12px;
 color: white;
 padding: 2px;
}
.form .line .button input:hover
{
 border: 1px solid #3e6f99;
 background-color: #3e6f99;
}
.form .star
{
	text-align: right;
	vertical-align: top;
	font-size: 11px;
}

#rowwww { float:left; width:960px; margin-top: 20px; background-color: #553F32; margin-left: 10px; }
.rowwww { float:left; width:960px; margin-top: 20px; background-color: #553F32; margin-left: 10px; }
#pics img { margin-top:5px;  margin-left:5px; border: 1px solid black; }
#div1 { float:left; background-image: url(../img/1ng.jpg); height: 80px; width: 185px; margin-left: 10px; color: white; }
#div2 { float:left; background-image: url(../img/2ng.jpg); height: 80px; width: 185px; margin-left: 10px; color: white;}
#div3 { float:left;}
#div4 { float:left;}
#div5 { float:left;}

.div1 { float:left; background-image: url(../img/1ng.jpg); height: 80px; width: 185px; margin-left: 10px; color: white; }
.div2 { float:left; background-image: url(../img/2ng.jpg); height: 80px; width: 185px; margin-left: 10px; color: white;}
.div3 { float:left;}
.div4 { float:left;}
.div5 { float:left;}

.logo_link {float:left;width:auto;}
.curs_valutar { float:right; width:400px; }
.formular { background-repeat:no-repeat; width:480px; height:290px; float: left; margin-top: 5px; background-position: center; background-color: white; border: 1px solid red; margin-right: 5px; }
.paletar { width:auto; height:auto; float: left; margin-top: 5px; }
.title { font-size:26px; font-weight:bold; padding-left: 5px; padding-bottom: 5px; padding-top: 4px; }

.garantie { float:right; width: 400px; padding-top: 80px; }

/*new*/
.title {background-color:#553f32; vertical-align:top; border-color:#553F32; font-size:16px; padding:2px 0;}

.nume, .um, .pret, .cant, .stot{ border-color:#553F32; background-color:#3E2417; font-size:12px; vertical-align:bottom;}

.nume{}
.um{text-align:center;}
.um p{padding-right:10px;}
#preturi .pret{text-align:center; color:#fff;}
.cant{}
.stot, .total{ padding-left:10px;}

		
.title1 { font-size:22px; margin-left:10px; font-weight:bold; height: 35px; margin-top: 5px; }

.infobox { width:290px; height:60px; background-color:#000000; border:2px solid yellow; text-align: center; padding-top: 10px; font-size: 20px; text-decoration: none; }
.infobox a{color:white;text-decoration:none;}
.infobox a:hover {color:white;text-decoration:underline;}

#rowright a{border:1px solid red;}
.rowright a{border:1px solid red;}
.rowright1 a{ }
.boxes { width:990px; float:left; }
.box { float:left; background-image: url(../img/primapagina/bg_box.jpg); width: 326px; height: 311px; margin-left: 2px; }
.top_img1 { width: 326px; height: 134px; }
.top_img2 { width: 326px; height: 134px; }
.top_img3 { width: 326px; height: 134px; }
.top_img img{ margin-top:15px; margin-left: 6px; }
.blacktext { float:left; width: 160px; padding-left: 10px; font-size: 14px; }
.redtext { float:left; color: red; padding-left: 10px; font-size: 17px; width: 316px; margin-top: 5px; }
.preturi { color:black; width: 140px; float: left; font-size: 13px; }
.redstext { color:#000000; font-size:14px; }
.pic1 {width:314px;height:134px;background-image:url(../img/primapagina/1.jpg);margin-top:10px;margin-left:6px;}
.pic1:hover{ width:314px; height:134px; background-image:url(../img/primapagina/1h.jpg); margin-top:10px; margin-left:6px; }
.pic2 {width:314px;height:134px;background-image:url(../img/primapagina/2.jpg);margin-top:10px;margin-left:6px;}
.pic2:hover{width:314px;height:134px;background-image:url(../img/primapagina/i_2.jpg);margin-top:10px;margin-left:6px;}
.pic3 {width:314px;height:134px;background-image:url(../img/primapagina/2.jpg);margin-top:10px;margin-left:6px;}
.pic3:hover{width:314px;height:134px;background-image:url(../img/primapagina/2h.jpg);margin-top:10px;margin-left:6px;}