/*************************************************

	@file:		master.css
	@descr:		Master styles for all screen media
	@update:	17 Mar 2008

*************************************************/
* {
	margin:				0;
	padding:			0
}

body {
	font:				normal 11px Arial, Helvetica, sans-serif;
	color:				#333333;
	background:			url(/static/images/site/body_background.jpg) repeat left top;
	height:				100%;
	text-align:			center
}

html { /*  for vertical scrollbar in MOZ in every page,  */
	/overflow:			hidden;
	min-height:			100.01%;
	height: 			100%
}
ul {
	height:				1%
}
img { 
	border: 			none
}
p, td, th, blockquote	{ font: normal 11px Arial, Helvetica, sans-serif; text-align: left; color: #333333 }

a {
	color:				#727784
}
a:hover {
	color:				#DC7C10
}

noscript { 
	position: 			absolute;
	z-index:			999;
	padding: 			5px 0; 
	top: 				0;
	left: 				0;
	background: 		#FFFFE1 url(/static/images/site/atention.png) no-repeat 10px 4px; 
	border-bottom: 		1px inset #999999; 
	width: 				100%;
	text-align:			left;
	line-height:		20px
}
noscript span { 
	margin: 			0 30px; 
	font: 				normal 11px Tahoma, Arial, Helvetica, sans-serif; 
	color: 				#000000; 
	text-align: 		left;
	width:				100%
}
/* class clear */
.clear { 
	line-height: 		0; 
	height:				0; 
	font-size:			0; 
	clear: 				both
}
/* floating elements */
.left {
	float:				left
}
.right {
	float:				right
}
/* clearing floated elements */
.clearing:after {
	content: 			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden
}
.clearing {
	display: 			inline-block
}
.clearing { /* Hides from IE-mac \*/
	display:			block
}
.container {
	top:				0;
	left:				0;
	width:				100%;
	min-width:			800px;
	background:			url(/static/images/site/container_background.jpg) repeat-x 0 200px;
	position: 			relative;
	display: 			table;
	height: 			100%;
	overflow:			auto;
}
.wrapper {
	margin:				0 auto;
	margin-top:			105px;
	position: 			relative;
	width:				800px;
	text-align:			left
}
#header {
	border:				1px solid #000000;
	background:			#000000 url(/static/images/site/header_background.jpg) repeat-x left bottom;
	height:				90px;
}
#header blockquote {
	width:				798px;
	height:				90px;
	position:			absolute
}
#header h1 {
	margin-left:		10px;
	margin-top:			10px;
}
#header h1 a {
	font-weight:		normal;
	font-size:			26px;
	text-decoration:	none;
	color:				#FD8324
}
#header h1 a:hover {
	color:				#FFFFFF
}
#header h2 {
	margin-left:		10px;
	font-weight:		normal;
	font-size:			10px;
	color:				#CCCCCC
}
#header a.lang {
	position: 			absolute;
	bottom:				3px;
	left:				10px;
	font-size:			10px;
	text-decoration:	none;
	color:				#CCCCCC;
}
#header a:hover.lang {
	color:				#FFFFFF;
}
#header a.lang img {
	margin-right:		5px;
	vertical-align:		bottom
}
#header a.en {
	left:				80px
}
#header a#active {
	color:				#FFFFFF;
}
#header ul {
	list-style-type:	none;
	float:				right;
	border-left:		1px solid #888F9F;
	background:			#888F9E url(/static/images/site/menu_background.jpg) repeat-x left bottom;
	width:				588px;
	height:				71px
}
#header ul li {
	list-style-type:	none;
	float:				right;
	padding-left:		2px;
	padding-right:		1px;
	background:			url(/static/images/site/menu_li_background.jpg) no-repeat left bottom
}
#header ul li.first {
	padding-left:		0;
	background:			none
}
#header ul li.active a {
	background:			url(/static/images/site/menu_a_background.jpg) repeat-x left bottom
}
#header ul li a {
	line-height:		71px;
	display:			block;
	padding:			0 15px;
	font-size:			18px;
	font-weight:		normal;
	color:				#333333;
	text-decoration:	none
}
#header ul li a:hover {
	background:			url(/static/images/site/menu_a_background.jpg) repeat-x left bottom
}
#footer {
	margin:				3px 0;
}
#footer object {
	border:				1px solid black;
	margin-bottom:		3px;
}

#footer p {
	text-align:			right;
	padding:			3px 10px;
	font-size:			10px;
	color:				#DEBD95;
	background:			#F08511 url(/static/images/site/footer_background.jpg) repeat-x left top;
	border:				1px solid black;
}
#footer blockquote {
	margin:				5px 0;
	text-align:			center
}
#footer blockquote div {
	margin:				10px 0
}
#footer blockquote span {
	margin:				0 5px;
	color:				#999999
}
#footer blockquote a {
	color:				#999999;
	text-decoration:	none
}
#footer blockquote a:hover {
	text-decoration:	underline;
	color:				#FFFFFF
}

/* 
*	Website Content Styles
*
*/
.content {
	margin-top:			3px;
	border:				1px solid black;
	background:			#DBE5FE url(/static/images/site/content_background.jpg) repeat-x left top
}
#flash-home {
	width:				800px;
	height:				368px;
	margin-top:			3px;
	border:				1px solid black
}
.main {
	padding:			10px;
	padding-left:		220px;
	font-size:			12px;
	position:			relative;
	background:			url(/static/images/site/main_background.jpg) no-repeat left bottom;
}
.main td {
	font-size:			11px;
	margin:				2px;
	padding:			2px
}
.main .certificare {
	position:			absolute;
	left:				50px;
	_left:				-160px;
	bottom:				7px
}
.main .extinctor {
	position:			absolute;
	left:				10px;
	_left:				-220px;
	top:				40px
}
.main .go-back {
	text-align:			right;
}
.main .go-back a {
	padding:			3px 5px;
	text-decoration:	none;
}
.main .go-back a:hover {
	background:			#666666;
	color:				#FFFFFF;
}
.main h1.title {
	padding-bottom:		5px;
	margin-bottom:		15px;
	border-bottom:		1px dotted #C8D1E8;
	font-size:			22px;
	font-weight:		normal;
	color:				#000000
}
.main h2.subtitle {
	font-size:			18px;
	font-weight:		normal;
	color:				#FD7526
}
.main p {
	font-size:			12px
}
.main ul.products {
	list-style-type:	none
}
.main ul.products li {
	margin:				5px 0	
}
.main ul.products li a {
	display:			block;
	background:			#A5A6C6;
	line-height:			25px;
	color:				#000000;
	text-decoration:		underline;
	padding:			0 10px
}
.main ul.products li a:hover {
	color:				#FFFFFF;
	text-decoration:		none;
}
.main .imagini-produse {
	position:			absolute;
	left:				10px;
	_left:				-210px;
	top:				10px
}
.main .imagini-produse blockquote {
	margin-bottom:		10px;
	padding:			10px 0;
	text-align:			center;
	background:			#FFFFFF
}
.main .imagini-produse blockquote div.clasa-incendiu {
	text-align:			center
}
.main .imagini-produse blockquote div.clasa-incendiu img {
	margin:				0 5px
}
.main .imagini-produse blockquote div.clasa-incendiu img {
	margin:				0 5px
}
.main .imagini-produse blockquote div.note {
	width:				180px;
	padding:			10px;
	background:			#D6D3DE;
	text-align:			justify;
	color:				#333333
}
.main .contact-form {
	padding:			10px 0;
	border:				1px solid #CFD6F0
}
.main .contact-form h3 {
	margin:				0 10px;
	font-size:			12px;
	color:				#686C78
}
.main .contact-form blockquote {
	margin:				0 10px;
	width:				260px;
	float:				left
}
.main .contact-form blockquote p {
	margin:				10px 0;
	position:			relative
}
.main .contact-form blockquote p label {
	position:			absolute;
	left:				0;
	color:				#686C78;
	top:				-1px;
	width:				110px;
	display:			block;
	text-align:			right;
	font-size:			11px
}
.main .contact-form blockquote p label.right {
	text-align:			left;
	width:				200px;
	top:				-3px;
}
.main .contact-form blockquote p label span {
	margin-right:		5px;
	font-size:			14px;
	color:				#FC9815
}
.main .contact-form blockquote p input {
	vertical-align:		top;
	margin-left:		120px;
	font-size:			11px;
	border:				1px solid #9198A8;
	background:			#DBE5FE;
}
.main .contact-form blockquote p textarea {
	width:				250px;
	border:				1px solid #9198A8;
	background:			#DBE5FE;
	height:				63px;
	/height:			73px
}
.main .contact-form p.clearing {
	margin:				0 10px;
	padding-bottom:		5px;
	text-align:			right;
	font-size:			10px;
	border-bottom:		1px dashed #9198A8
}
.main .contact-form p.clearing span {
	font-size:			14px;
	vertical-align:		bottom;
	color:				#FC9815
}
.main .contact-form div.submit {
	margin:				10px;
	position:			relative;
	text-align:			right;
}
.main .contact-form div.submit #results {
	position:			absolute;
	left:				0;
	top:				5px;
	font-size:			11px;
	color:				#686C78
}
.main .contact-form div.submit #results img {
	margin-left:		5px
}
.main .contact-form div.submit input {
	margin-left:		5px;
	padding:			2px 15px;
	border:				none;
	background:			#9198A8;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			11px
}