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

/* ERIC MEYER CSS RESET */

				html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
				del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
				h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
				dl, dt, dd, ol, fieldset, form, label, legend {
					/*vertical-align: baseline;*/
					font-family: Tahoma, Arial, sans-serif;
					font-weight: inherit;
					font-style: inherit;
					font-size: 11px;
					outline: 0;
					padding: 0;
					margin: 0;
					border: 0;
					text-decoration:none;
					}
				/* remember to define focus styles! */
				:focus {
					outline: 0;
					}
				body {
					background: white;
					line-height: 1;
					color: black;
					}
				/* tables still need cellspacing="0" in the markup */
				table {
					border-collapse: separate;
					border-spacing: 0;
					}
				caption, th, td {
					font-weight: normal;
					text-align: left;
					}
				/* remove possible quote marks (") from <q> & <blockquote> */
				blockquote:before, blockquote:after, q:before, q:after {
					content: "";
					}
				blockquote, q {
					quotes: "" "";
					}

/* END OF ERIC MEYER CSS RESET */

/* GENERAL CLASSES */
.clear {clear:both; font-size:1px; line-height:1px;}
.left {float:left;}
.right {float:right;}
.l_spacing {margin-left:20px;}
.r_spacing {margin-right:20px;}
/* END OF GENERAL CLASSES */	
	
body {
	background-color: #181818;
	background-image: url(../img/body_bg.gif);
	background-position: 0 184px;
	background-repeat: repeat-x ;
	padding:0;
}

a:link, a:active, a:visited, a:hover {
	color: #fff;
	text-decoration: none;
}

#Container {
	width: 1000px;
	margin: 0 auto;
}

#Header {
	background: url(../img/header_bg.gif) no-repeat top right;
	height: 162px;
	padding-top: 22px;
}

#Header a.logo {
	float: left;
	margin: 14px 0 0 23px;
	display:block;
}

#HeaderButtons {
	float:right;
	padding-right:40px;
}

#MainBox {
	height:480px;
	position: relative;
}

#Footer {
	margin-top:55px;
	border-top: 1px solid #627387;
	color: #627387;
	text-align: left;
	line-height:25px;
}

#Footer a {
	color: #627387;
}

#Footer a:hover {
	color:#fff;
}

#Footer .BottomLinks {
	color:#505050;
	border-top: 1px solid #627387;
}

#Footer .BottomLinks a {
	color:#505050;
}

#Footer .BottomLinks a:hover {
	color:#fff;
}

a.GreyButton {
	background-color: #505050;
	padding: 10px 15px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-size:12px;
}

h1 {
	font-size:12px;
}

h2 {
	font-size: 24px;
}

h2 a {
	font-size:24px;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

h4 {
	font-size: 18px;
}

.long h4 img {
	margin-bottom:10px;
}

a.GreyButton:hover {
	background-color: #627387;
}

a.BlueButton {
	background-color: #627387;
	padding: 5px 10px;
	color: #fff;
	display: block;
	text-align: center;
	font-size:12px;
	border: 1px solid #fff;
}

.AlphaBox {
	position: absolute;
	border: 1px solid #fff;
	background: url(../img/alpha_box_bg.png) repeat top left;
	color: #fff;
	padding:30px;
}

.BigTitle {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display:block;
}

.AlphaBox p {
	clear: both;
	padding-bottom:10px;
	line-height: 13px;
	text-align: justify;
	font-size:12px;
	float:left;
	width:100%;
}

.AlphaBox table td {
	font-size:12px;
	padding: 3px 0;
}


span.OrangeTitle {
	color: #ef8122;
	text-transform: uppercase;
}

* html span.OrangeTitle {
	color: #fff;
}

.input_text {
	background-color: #909ca6;
	border:1px solid #52667d;
	color: #fff;
	padding:4px;
	margin-bottom:5px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
}

#mesaje {
	position:absolute;
	z-index: 100;
	top: 23px;
	right:240px;
	color:#fff;
	font-size:12px;
}

.message_container_info {
	position:absolute;
	width:285px;
	top:-48px;
	padding-bottom:9px;
	display:none;
}

.dl_right {
	background: url(../img/info_arrow.png) no-repeat 260px 40px;
	display:block;
}

.dl_middle {
	background: url(../img/info_arrow.png) no-repeat 140px 40px;
	display:block;
}

.dl_left {
	background: url(../img/info_arrow.png) no-repeat 15px 40px;
	display:block;
}

.message_info {
	background: #505050;
	padding: 14px 0 15px 20px;
}

.message_container_ok {
	background: url(../img/error_grey_right.png) no-repeat top right;
	padding-right:20px;
	padding-bottom:28px;
}

.message_ok {
	background: #999;
	padding: 14px 0 15px 20px;
}

.message_container_err {
	background: url(../img/error_orange_right.png) no-repeat top right;
	padding-right:20px;
	padding-bottom:28px;
}

.message_err {
	background: #ef8122;
	padding: 14px 0 15px 20px;
}

.Prod {
	width:333px;
	height:480px;
	float:left;
	position: relative;
	z-index:100;
}

.Inox {
	background: url(../img/prod_inox.jpg) no-repeat top left;
}

.Sticla {
	background: url(../img/prod_sticla.jpg) no-repeat top left;
}

.Granit {
	background: url(../img/prod_granit.jpg) no-repeat top left;
}

.Inox .AlphaBox, .InoxLabel {
	background: url(../img/cat_inox_bg.png) repeat top left;
	border:none;
	width: 273px;
	bottom: 17px;
	padding: 33px 30px 15px 30px;
	z-index:100;
}

.Inox .AlphaBox:hover {
	background: url(../img/cat_inox_bg_on.png) repeat top left;
}

.Sticla .AlphaBox, .SticlaLabel {
	background: url(../img/cat_sticla_bg.png) repeat top left;
	border:none;
	width: 273px;
	bottom: 17px;
	padding: 33px 30px 15px 30px;
	z-index:100;
}

.Sticla .AlphaBox:hover {
	background: url(../img/cat_sticla_bg_on.png) repeat top left;
}

.Granit .AlphaBox, .GranitLabel {
	background: url(../img/cat_granit_bg.png) repeat top left;
	border:none;
	width: 273px;
	bottom: 17px;
	padding: 33px 30px 15px 30px;
	z-index:100;
}

.Granit .AlphaBox:hover {
	background: url(../img/cat_granit_bg_on.png) repeat top left;
}

#categorie0 {
	background: #181818;
	position:relative;
	top: 368px;
	z-index:50;
	height:30px;
	text-transform: uppercase;
	color: #fff;
}
/*--- PULLUP MENU ---*/

		/* - - - ADxMenu: BASIC styles - - - */

		/* remove all list stylings */
		.menu, .menu ul {
			margin: 0;
			padding: 0;
			border: 0;
			list-style-type: none;
			display: block;
			text-align:right;
		}

		.menu li {
			margin: 0;
			padding: 0;
			border: 0;
			display: inline;
			float:right;	/* move all main list items into one row, by floating them */
			position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
			z-index: 5;		/* thus we need to apply explicit z-index here... */
		}

		.menu li:hover {
			z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
			white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
									see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
			position: relative;
		}

		.menu li li {
			float: none;/* items of the nested menus are kept on separate lines */
			width: 100%;
		}

		.menu ul {	
			visibility: hidden;
			position: absolute;
			z-index: 10;
			/* and place them at the top left corner, in order to avoid unnecessary scrollbars
				30px are the values taken from the sticky "safe-area" (defined a bit below) */
			/*bottom: 30px;
			right: 30px;			*/
		}

		.menu li:hover>ul {
			bottom: 100%;
			right: 0;
			visibility: visible;
		}

		.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
			bottom: 100%;
			right: 0;
		}

		/* -- float.clear --
			force containment of floated LIs inside of UL */
		.menu:after, .menu ul:after {
			content: ".";
			height: 0;
			display: block;
			visibility: hidden;
			overflow: hidden;
			clear: both;
		}
		.menu, .menu ul {	/* IE7 float clear: */
			min-height: 0;
		}
		/* -- float.clear.END --  */

		/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
			YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
			if you do it, make sure you 110% know what you do */
		.menu ul {								
			background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
			padding: 30px 30px 17px 30px;
			margin: -30px -30px 0px 0;
			/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
										you can also use to adjust the safe area to your requirement */
			width:180px;
		}
		.menu ul ul {
			/*padding: 30px 10px 30px 30px;*/
			/*margin: -30px -10px -30px 0;*/
		}


		/* - - - ADxMenu: DESIGN styles - - - */

		.menu, .menu ul li {
			color: #eee;
			background: #181818;
			height: 30px;
		}
		
		.menu ul li {
			height: 23px;
		}		

		.menu a {		
			text-decoration: none;
			color: #eee;
			padding: .4em 1em;
			display: block;
			/*position: relative;			*/
		}

		/*.menu a:hover, .menu li:hover>a {
			color: #fc3;
		}*/

		.menu li li {	/* create borders around each item */
			text-align: right;
			background: url(../img/cat_inox_bg_on.png) repeat center center;
			border-top:1px solid #fff;
			border-right:1px solid #fff;
			border-left:1px solid #fff;
			border-bottom:1px solid #fff;
			float:left;			
		}
		
		.menu ul>li + li {	/* and remove the top border on all but first item in the list */
			border-top: 0;
		}

		.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
			bottom: -10px;
			right: 90%;
		}
		
		.menu li li a, .menu li li span {
			padding-top:7px;
		}

		/*.menu li li ul {
			margin-bottom: -15px;
		}*/
		
		.menu li li li {
			background: url(../img/dropup_grey.png) repeat center center;
		}

		.menu li li:hover, .menu li li li:hover {
			background: url(../img/dropup_hover.png) repeat center center;
		}

		/*.menu li:hover>a {
			color: #fc3;
		}*/
		/* break here */
		.menu a, .menu span {
			text-decoration: none;
			color: #eee;
			padding: 4px 12px;
			display: block;
			height: 14px;
			cursor: pointer;
			
		}
		
		* html .menu a {height:auto;}

		/*.menu a:hover {
			color: #fc3;
		}*/

		.menu {
			padding-top:7px;
			height:23px;
		}		

		/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
			placed here to clarify the terminology I use when referencing submenus in posts */
		/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
			color: #567;
		}*/

		/* Fix for IE5/Mac \*//*/
		.menu a {
			float: left;
		}
		/* End Fix */


/*--- END OF PULLUP MENU ---*/

.subs h3 {
	float:right;
}

.ProdList {
	float:left;
	padding-left:4px;
}

.ProdList td {
	padding:0 4px 8px 4px;
}



#dhtmltooltip{

position: absolute;

width: 300px;

border: 1px solid black;

padding: 10px;

background-color: lightyellow;

visibility: hidden;

z-index: 1000;

text-align:left;

}

 

.c1 {  

clear:both;

height:0;

font-size: 1px;

line-height: 0px;

}