/* 
	Document   : style
	Created on : Nov 23, 2010, 10:34:16 AM
	Author     : FP
*/

/*
RESETS
------------------------------------------------------------ */
* {
	margin: 0; padding: 0;
}
body {
	
	font:normal 13px Verdana, sans-serif;
	color:#484848;
	background: url("../images/bg_repeat.png") repeat-x left top;
}
a {color: #000; text-decoration: underline; outline-style: none;}
a:hover {color: #008cd5;}
a img {border: none;}

.fL {float:left;}
.fR {float:right;}
.clear {clear: both;}

.picR {float: right; margin: 0 0 5px 10px;}
.pr10{padding-right: 10px;}

.empty3{height: 3px;}


/*
BUTTONS
------------------------------------------------------------ */
.btn-all {
	display: block;
	cursor: pointer;
	padding-left: 3px;
	background: url("../images/btn_all_left.png") no-repeat left top;
}
.btn-all:hover {
	background: url("../images/btn_all_left.png") no-repeat left bottom;
}
.btn-all a {
	display: block;
	padding: 0 10px 0 7px;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	background: url("../images/btn_all_right.png") no-repeat right top;
}
.btn-all a:hover {
	background: url("../images/btn_all_right.png") no-repeat right bottom;
}
.btn-all:hover a {background: url("../images/btn_all_right.png") no-repeat right bottom;}



/*
FORM ELEMENTS
------------------------------------------------------------ */
.row {
	padding: 0 0 8px 0;
}
.row label {
	display: block;
}
.mesaj-req {
	display: inline-block;
	padding: 5px 0 0 10px;
	font-size: 11px;
	color: #dc3900;
}
.red {
	color: #dc3900;
}
input[type="text"], input[type="password"], textarea, select {
	padding: 4px;
	border-left: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	background: #f6f6f6;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border-left: 1px solid #f0c12c;
	border-top: 1px solid #f0c12c;
	border-right: 1px solid #ffeeb6;
	border-bottom: 1px solid #ffeeb6;
	background: #fffbed;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-left: 1px solid #f0c12c;
	border-top: 1px solid #f0c12c;
	border-right: 1px solid #ffeeb6;
	border-bottom: 1px solid #ffeeb6;
	background: #fffbed;
}
input[type="submit"] {
	padding: 3px;
	border: 1px solid #f0c12c;
	cursor: pointer;
	background: #ffcd31 url("../images/btn_input_bg.png") repeat-x left top;
}
input[type="submit"]:hover {
	border: 1px solid #777777;
	color: #fff;
	background: #353535 url("../images/btn_input_bg_hover.png") repeat-x left top;
}
.msgS {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #447900;
	font-size: 15px;
	text-align: center;
	color: #447900;
	background: #ebffd2;
}
.msgE {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #cf0000;
	font-size: 15px;
	text-align: center;
	color: #cf0000;
	background: #ffe5e5;
}



/*
HEADER
------------------------------------------------------------ */
.header {
	height: 185px;
	position: relative;
}
.header .logo-bsr {
	display: block;
	float: left;
	width: 550px;
	height: 130px;
	text-indent: -9999px;
	background: url("../images/logo_bsr.png") no-repeat left center;
}
.header .tel {
	float: right;
	width: 253px;
	height: 33px;
	margin: 3px 80px 0 0;
	line-height: 33px;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	background: url("../images/header_bg_tel.png") no-repeat left top;
	text-shadow: 0 1px 0 #fff;
}
.header .fitinguri {
	position: absolute;
	width: 317px;
	height: 186px;
	top: 0px;
	right: -15px;
	background: url("../images/header_fittinguri.png") no-repeat left top;
}

/* HEADEER - Navigation */
.header .nav {
	padding: 2px 0 0 0;
	background: url("../images/header_bg_nav.png") no-repeat left 1px;
}
.header .nav ul {
	list-style: none;
	height: 54px;
	padding-left: 1px;
}
.header .nav ul li {
	float: left;
}
.header .nav ul li a {
	display: block;
	padding: 18px 8px 19px 8px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url("../images/header_nav_desp.png") no-repeat right top;
	text-shadow: 0 1px 0 #ffecb0;
}
.header .nav ul li a:hover {
	color: #404040;
	background: #fff url("../images/header_nav_desp.png") no-repeat right top;
	text-shadow: none;
}
.header .nav ul li a.sel {
	color: #404040;
	background: #fff url("../images/header_nav_desp.png") no-repeat right top;
	text-shadow: none;
}



/*
CONTAINERS
------------------------------------------------------------ */
.wrap-site {
	background: url("../images/bg_main.jpg") no-repeat center top;
}
.w960 {
	width: 960px;
	margin: 0px auto;
}
.wrap-all-content {
	padding: 19px 19px 12px 19px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background: #fff;
}
.all-content-bottom {
	height: 6px;
	background: url("../images/all_content_bottom.png") no-repeat left top;
}
.w330 { /* Jumate din Main Content */
	width: 330px;
}



/*
LEFT SIDE
------------------------------------------------------------ */
.left {
	float: left;
	width: 220px;
}
/* LEFT SIDE - Navigation */
.left .nav {
	margin-bottom: 10px;
/*	background: url("../images/left_nav_bg.png") repeat-y left top;*/
	background: url("../images/left_box_bg.png") repeat-y left top;
}
.left .nav-top {
/*	background: url(../images/left_nav_bg_top.png) no-repeat left top;*/
	background: url("../images/left_box_top.png") no-repeat left top;
}
.left .nav-bottom {
	padding: 10px;
/*	background: url(../images/left_nav_bg_bottom.png) no-repeat left bottom;*/
	background: url("../images/left_box_bottom.png") no-repeat left bottom;
}
.left .nav ul {
	list-style: none;
}
.left .nav ul li.nav-title {
	padding: 4px 0 7px 0;
	font-size: 14px;
	color: #000;
	letter-spacing: -0.03em;
}
.left .nav ul li.nav-title:hover {
	background: url("../images/left_nav_bg_li.png") repeat-x left bottom;
	background-color: none;
}
.left .nav ul li {
	padding: 1px 0 5px 0;
	background: url("../images/left_nav_bg_li.png") repeat-x left bottom;
}
.left .nav ul li:hover {
	color: #000;
	background: #eee3be url("../images/left_nav_bg_li.png") repeat-x left bottom;
}
.left .nav ul li.sel {
	background: #eee3be url("../images/left_nav_bg_li.png") repeat-x left bottom;
}
.left .nav ul li a {
	display: block;
	padding: 7px 10px 7px 36px;
	text-decoration: none;
	text-shadow: 0 1px 0 #f1e9d0;
}
.left .nav ul li a:hover {
	text-decoration: underline;
}
.left .nav ul li.sel a {
	color: #008cd5;
	text-decoration: underline;
}
.left .nav ul li a.icon-fitinguri-pe100 {min-height: 30px; background: url("../images/icons_meniu/01_icon_fitinguri_pe100.png") no-repeat left center;}
.left .nav ul li a.icon-fitinguri-speciale {background: url("../images/icons_meniu/02_icon_fitinguri_speciale.png") no-repeat left center;}
.left .nav ul li a.icon-fitinguri-electrofuziune {background: url("../images/icons_meniu/03_icon_fitinguri_electrofuziune.png") no-repeat left top;}
.left .nav ul li a.icon-fitinguri-pn16 {background: url("../images/icons_meniu/04_icon_fitinguri_pn16.png") no-repeat left top;}
.left .nav ul li a.icon-fitinguri-agrift {background: url("../images/icons_meniu/05_icon_fitinguri_agrift.png") no-repeat left top;}
.left .nav ul li a.icon-fitinguri-series-1 {background: url("../images/icons_meniu/06_icon_fitinguri_series_1.png") no-repeat left top;}
.left .nav ul li a.icon-vane-gaz {background: url("../images/icons_meniu/07_icon_vane_gaz.png") no-repeat left top;}
.left .nav ul li a.icon-scule-dispozitive {background: url("../images/icons_meniu/08_icon_scule_dispozitive.png") no-repeat left top;}
.left .nav ul li a.icon-aparate-sudura {background: url("../images/icons_meniu/09_icon_aparate_sudura.png") no-repeat left top;}
.left .nav ul li a.icon-vane-hidranti {background: url("../images/icons_meniu/10_icon_vane_hidranti.png") no-repeat left top;}
.left .nav ul li a.icon-cuplaj-larga {background: url("../images/icons_meniu/11_icon_cuplaj_larga.png") no-repeat left top;}
.left .nav ul li a.icon-fitinguri-tranzitie {background: url("../images/icons_meniu/12_icon_fitinguri_tranzitie.png") no-repeat left top;}
.left .nav ul li a.icon-programul-pentru {background: url("../images/icons_meniu/12_01_icon_programul_pentru.png") no-repeat left top;}
.left .nav ul li a.icon-tevi-fitinguri {background: url("../images/icons_meniu/13_icon_tevi_fitinguri.png") no-repeat left top;}
.left .nav ul li a.icon-pprct {background: url("../images/icons_meniu/14_icon_pprct.png") no-repeat left top;}


/* LEFT SIDE - Yellow box */
.left .box {
	margin-bottom: 10px;
	color: #2a2a28;
	background: url("../images/left_box_bg.png") repeat-y left top;
}
.left .box .box-top {
	background: url("../images/left_box_top.png") no-repeat left top;
}
.left .box h3 {font-size: 15px; font-weight: bold;}
.left .box .box-bottom {
	padding: 4px 10px 18px 10px;
	background: url("../images/left_box_bottom.png") no-repeat left bottom;
}
.left .box h1.label, .left .box-green h1.label {
	font: bold 20px Verdana;
	color: #000;
}
.left .box .noutati-data {
	color: #a99556;
}
.left .box .noutati-lista {
	padding-left: 10px;
}
.left .box .noutati-lista a {
	display: block;
	padding: 2px 0 2px 0;
}
.left .box p {
	padding: 0 0 10px 0;
}

/* LEFT SIDE - Green box */
.left .box-green {
	color: #2a2a28;
	background: url("../images/box_green_bg.png") repeat-y left top;
}
.left .box-green .box-green-top {
	background: url("../images/box_green_top.png") no-repeat left top;
}
.left .box-green .box-green-bottom {
	padding: 4px 10px 18px 10px;
	background: url("../images/box_green_bottom.png") no-repeat left bottom;
}
.left .box-green p {
	padding: 0 0 10px 0;
}



/*
MAIN (center content)
------------------------------------------------------------ */
.main {
	float: right;
	width: 680px;
}
.main h1.title {
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 20px;
	color: #000;
}
.main h1.title span.s {
	color: #efbb17;
}
.main h2.sub-title {
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #373737;
	letter-spacing: 0.02em;
}
.main p {
	padding: 0 0 10px 0;
	line-height: 18px;
	letter-spacing: 0.02em;
}

/* MAIN - Homepage boxes */
.main .box-home {
	margin-bottom: 20px;
}
.main .box-home .title-right {
	background: url("../images/box_home_title_right.png") no-repeat right top;
}
.main .box-home .title-left {
	position: relative;
	padding: 9px 0 11px 10px;
	font-size: 15px;
	background: url("../images/box_home_title_left.png") no-repeat left top;
	text-shadow: 0 1px 0 #fff;
}
.main .box-home .content {
	padding: 10px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
.main .box-home .btm-right {
	background: url("../images/box_home_bottom_right.png") no-repeat right top;
}
.main .box-home .btm-left {
	height: 4px;
	background: url("../images/box_home_bottom_left.png") no-repeat left top;
}
.box-home .icon-apa {
	position: absolute;
	width: 37px;
	height: 33px;
	top: -5px;
	right: 10px;
	background: url("../images/home_icon_apa.png") no-repeat left top;
}
.box-home .icon-gaz {
	position: absolute;
	width: 45px;
	height: 24px;
	right: 10px;
	top: 0px;
	background: url("../images/home_icon_gaz.png") no-repeat left top;
}
.box-home .icon-constructii {
	position: absolute;
	width: 46px;
	height: 34px;
	top: -5px;
	right: 10px;
	background: url("../images/home_icon_constructii.png") no-repeat left top;
}
.box-home .icon-industrie {
	position: absolute;
	width: 25px;
	height: 32px;
	top: -6px;
	right: 10px;
	background: url("../images/home_icon_industrie.png") no-repeat left top;
}
.box-home .icon-tehnologie {
	position: absolute;
	width: 26px;
	height: 23px;
	top: 0px;
	right: 15px;
	background: url("../images/home_icon_termoplastice.png") no-repeat left top;
}

/* MAIN - List for general content */
.main .li-txt {
	list-style: none;
}
.main .li-txt li {
	padding: 2px 0 2px 10px;
	color: #5c5746;
}
.main .li-txt li .heading {
	display: inline-block;
	width: 155px;
	padding: 2px 0 2px 3px;
	background: #f1efdf;
}

/* MAIN - Furnizori */
.main .furnizor {
	margin-bottom: 20px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e7e7e7;
}
.main .furnizor .logo {
	float: right;
	width: 170px;
	text-align: right
}
.main .furnizor .desc {
	float: left;
	width: 510px;
}

/* MAIN - Noutati */
.main .noutate {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.main .noutate .data {
	display: block;
	padding: 0 0 4px 0;
	font-size: 11px;
	letter-spacing: 2px;
	color: #817c6a;
}
.main .noutate .titlu-noutate {
	display: block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.02em;
}
.main .noutate .titlu-noutate a {
	display: block;
	text-decoration: none;
}

/* MAIN - Detalii contact */
.main .det-contact {
	list-style: none;
}
.main .det-contact li {
	padding: 15px 0 15px 45px;
}
.main .det-contact li.adresa {
	background: url("../images/icon_contact_adresa.png") no-repeat left 7px;
}
.main .det-contact li.tel {
	background: url("../images/icon_contact_telefon.png") no-repeat left 7px;
}
.main .det-contact li.fax {
	background: url("../images/icon_contact_fax.png") no-repeat left 7px;
}
.main .det-contact li.email {
	background: url("../images/icon_contact_email.png") no-repeat left 7px;
}
.main .det-contact li.www {
	background: url("../images/icon_contact_www.png") no-repeat left 7px;
}
.main .det-contact li.map {
/*	background: url("../images/icon_contact_www.png") no-repeat left 7px;*/
}

/* MAIN - PDF documents nav */
.catalog {
	height: 24px;
	margin-bottom: 20px;
	background: url("../images/catalog_nav_bg.png") no-repeat left top;
}
.catalog span.label {
	display: inline-block;
	width: 75px;
	padding-left: 7px;
	line-height: 24px;
	background: url("../images/catalog_nav_label_bg.png") no-repeat left top;
	text-shadow: 0 1px 0 #f9ec8b;
}
.catalog span.doc-pdf {
	background: url("../images/catalog_nav_pdf.png") no-repeat left center;
}
.catalog .pdf {
	display: inline-block;
	padding: 0 12px 0 20px;
	text-decoration: none;
	line-height: 24px;
	background: url("../images/catalog_nav_desp.png") no-repeat right top;
}

/* MAIN - Products listing */
.prod {
	float: left;
	width: 155px;
	height: 200px;
	margin: 0 20px 20px 0;
	background: url("../images/prod_bg.png") no-repeat left top;
}
.prod h1 {
	height: 32px;
	padding-top: 15px;
	border-bottom: 1px solid #f2ecd8;
	overflow: hidden;
	font-size: 12px;
	color: #5e5949;
	text-align: center;
}
.prod .pic {
	height: 110px;
	padding: 10px 0 0 0;
	text-align: center;
}
.prod .cod {
	display: block;
	height: 27px;
	border-top: 1px solid #f0f0f0;
	font-size: 11px;
/*	line-height: 27px;*/
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
.prod-medium {
	float: left;
	width: 155px;
	height: 210px;
	margin: 0 20px 20px 0;
	background: url("../images/prod_bg_medium.png") no-repeat left top;
}
.prod-medium h1 {
	height: 32px;
	padding-top: 15px;
	border-bottom: 1px solid #f2ecd8;
	overflow: hidden;
	font-size: 12px;
	color: #5e5949;
	text-align: center;
}
.prod-medium .pic {
	height: 110px;
	padding: 10px 0 0 0;
	text-align: center;
}
.prod-medium .cod {
	display: block;
	padding-top: 4px;
	height: 37px;
	border-top: 1px solid #f0f0f0;
	font-size: 11px;
/*	line-height: 27px;*/
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
.prod-large {
	float: left;
	width: 155px;
	height: 225px;
	margin: 0 20px 20px 0;
	background: url("../images/prod_bg_large.png") no-repeat left top;
}
.prod-large h1 {
	height: 32px;
	padding-top: 15px;
	border-bottom: 1px solid #f2ecd8;
	overflow: hidden;
	font-size: 12px;
	color: #5e5949;
	text-align: center;
}
.prod-large .pic {
	height: 110px;
	padding: 10px 0 0 0;
	text-align: center;
}
.prod-large .cod {
	display: block;
	padding-top: 4px;
	height: 52px;
	border-top: 1px solid #f0f0f0;
	font-size: 11px;
/*	line-height: 27px;*/
	text-align: center;
	text-shadow: 0 1px 0 #fff;
}
.mr0 {
	margin-right: 0px;
}

/*
FOOTER
------------------------------------------------------------ */
.footer {
	margin-bottom: 20px;
	font-size: 11px;
}
.footer .copy-nav {
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
}
.footer .copy-nav .copy {
	float: left;
}
.footer .copy-nav .nav {
	list-style: none;
}
.footer .copy-nav .nav li {
	float: right;
	padding: 1px 10px 1px;
	border-left: 1px solid #484848;
}
.footer .copy-nav .nav li a {
	display: block;
	text-decoration: none;
}
.footer .fp {
	padding-top: 10px;
	text-align: center;
}
.footer .fp a {
	text-decoration: none;
}

/* MAIN - Download */
.down {margin-bottom: 10px; padding: 5px 0 5px 40px; background: url("../images/down_icon_pdf.png") no-repeat 2px 5px;}
.down .down-titlu { font-size: 15px; font-weight: bold;}
.down .down-desc {font-size: 11px; padding: 0; line-height: 14px;}

/*.tbl-info {border-top: 1px solid #dbdbdb;}*/
.tbl-info th {border-bottom: 1px solid #f2ecd8; font-size: 11px;}
.tbl-info td {font-size: 11px; text-align: center; line-height: 12px;}
.tbl-info tr:hover td {background: #f0f0f0;}


