/*
-----------------------------------------------
Style Sheet

Site: Mibarom Resita
Author:   Vieriu Valentin    www.octomedia.ro
Version:  07.2006
----------------------------------------------- */

body {
	margin: 5px; 
	background: #FFF url(bg.png) repeat-y 50%;
	padding:0; 
	color:#444;
	font:76% tahoma,verdana,sans-serif;
	text-align:center;
}

/*Layout
----------------------------------------------- */
#pagewidth{ 
	width:752px;
	padding-left: 2px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	position: relative;  
	background: url(bg-page.png) repeat-y top left;
} 
 
#header{
	position:relative; 
	height:120px; 
	width:100%;
	margin-left: -2px;
	padding-left: 2px;
	background: White none;
} 
	#logo {
		height: 120px;
		width: 100px;
		margin-left: -2px;
		padding-left: 2px;
		float: left;
		background: White none;
	}
	#language {
		margin-top:20px;
		width: 500px;
		height: 100px;
		text-align: right;
		float: right;
	}
		#language a, #language p, #language form {
			display: inline;
			margin-left: 10px;
		}
		#language img { margin-bottom: -3px; }
 
#navigation {
 	width: 752px;
	margin-left: -2px;
	padding-left: 2px;
	height: 50px;
	background: url(bg-nav.png) repeat-x;
 }
#wrapper {
	width:752px;
	margin-left: -2px;
	padding-left: 4px;
	position: relative;
}
		#index #wrapper {background: url(cuzinet.jpg) no-repeat top left;}
		#desprenoi #wrapper {background: url(cuzinet-1.jpg) no-repeat top left;}
		#produsesiservicii #wrapper {background: url(cuzinet-2.jpg) no-repeat top left;}
		#catalog #wrapper {background: url(cuzinet-3.jpg) no-repeat top left;}
		#calitate #wrapper {background: url(cuzinet-4.jpg) no-repeat top left;}
		#noutati #wrapper {background: url(cuzinet-5.jpg) no-repeat top left;}
		#clientisifurnizori #wrapper {background: url(cuzinet-6.jpg) no-repeat top left;}
		#contact #wrapper {background: url(cuzinet-7.jpg) no-repeat top left;}

#sumar-homepage{
	height: 185px;
	width: 510px; /*e mai mica pentru ca sa nu se vada bordura de sus*/
	overflow: hidden;
	position: relative;
	border-top: 10px solid White;
	margin-bottom: 40px;
	
}
	.scurtatura-produse {
		float: left;
	} 
#rightcol{
	width:188px;
	margin-right:2px; 
	float:right;
	margin-top: 335px; 
	position:relative;
 }

 	#logos-grup {
 		height: 210px;
	 }
#maincol{  
	float: left; 
	/*margin-top: 110px;*/
	display:inline; 
	position: relative;
	bottom: 0; 
	width:560px;
 }

	.coloana {
		width: 270px;
		float: left;
	}
	.coloana-mai-scurta {
		width: 217px;/*e mai mica pentru ca sa nu se vada bordura de sus*/
		float: left;
	}#localizare {
	margin-left:10px;
	height: 200px;
	border-bottom: 10px solid #052B4F;
	width: 535px;
	background: url(localizare-bg.jpg) no-repeat;
}
#footer{
	margin-left:-2px;
	height:70px; 
	clear:both;
	background: url(bg-footer.png) no-repeat top left;
 } 
 
/*Navigation
----------------------------------------------- */
ul#nav {
	margin: 0;
	padding: 0;
}
	#nav li {
		margin: 0;
		float: left;
		display: block;
		padding-left: 10px;
	}
	
	body#desprenoi li#desprenoi,
	body#produsesiservicii li#produsesiservicii,
	body#catalog li#catalog,
	body#calitate li#calitate,
	body#noutati #noutati,
	body#clientisifurnizori li#clientisifurnizori,
	body#contact li#contact{
		background-color: White;
		height: 25px;
		color: #739DCD;
	}
	
		#nav li a {
			 color: Black;
			 font-weight: bold;
			 text-decoration: none;
			 font-size: 10px;
			 display: block;
		  
		}
		
			#nav li a:hover {
				text-decoration: underline;
			}
			
			#nav li.on a,#nav li.on a:hover {
				text-decoration: none;
				color: #739DCD;
			}
			
ul#subnav {
	margin: 5px 0;
}
	#subnav li {
		/*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
		background: url(bullet-nav.png) no-repeat left center;
	}
	#subnav li.on a {
		text-decoration: none;
		color: #555555;
	}			
		#subnav li a {
			/*for all links in the list*/
			color: #555555;
			font-weight: bold;
			text-decoration: underline;
			font-size: 10px;
			display: block;		  
		}
		
			#subnav li a:hover {
				text-decoration: underline;
			}
			
			#subnav li.on a:hover {
				text-decoration: none;
			}			
#produsesiservicii #subnav {
	padding-left: 105px;
}
#contact #subnav { padding-left: 650px; }
#calitate #subnav { padding-left: 340px; }

/*LogoMap
----------------------------------------------- */
a.annotation {
	position: absolute;
	border: 2px none black;
	padding: 0;
	display: none;
}
	a.annotation span {
		display: block;
		background: white;
		width: 100%;
		height: 100%;
		opacity: 0.2;
		-moz-opacity: 0.2;
		filter:alpha(opacity=20);
	}
	a.annotation:hover {
		background: white;
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter:alpha(opacity=60);
	}
img.annotated {
	border-width: 0;
}			

/*Typography
----------------------------------------------- */
a {
	color: #739DCD;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: none;
	}
	#footer a {
		display: block;
		float: left;
		color: #444;
		text-decoration: none;
		margin-top: 46px;
		padding-left: 10px;
		padding-right: 10px;
		background: url(bullet-nav-red.png) no-repeat left center;
	}
	#footer a:hover{
		text-decoration: underline;
	}
h1 {
	margin: 25px 15px 0px 25px;
	height: 75px;
	font: normal 2.6em "Times New Roman", Times, serif;
	text-indent: -5000px;
	}

	#maincol h1 {
		margin: 45px 0px 28px 0px;
		height: 37px;
	}
		#index h1 {background: url(titlu-pagina.png) no-repeat top left;}
		#desprenoi h1 {background: url(titlu-pagina-1.png) no-repeat top left;}
		#produsesiservicii h1{background: url(titlu-pagina-2.png) no-repeat top left;}
		#catalog h1 {background: url(titlu-pagina-3.png) no-repeat top left;}
		#calitate h1 {background: url(titlu-pagina-4.png) no-repeat top left;}
		#noutati h1 {background: url(titlu-pagina-5.png) no-repeat top left;}
		#clientisifurnizori h1 {background: url(titlu-pagina-6.png) no-repeat top left;}
		#contact h1 {background: url(titlu-pagina-7.png) no-repeat top left;}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 20px;
	font-weight: normal;
	}

h3 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 20px;
	font-weight: bold;
	}
	.bullet-header{
		font-weight: bold;
			font-size: 12px;
		color: #222;
		background: url(bullet-header.png) no-repeat left center;
		padding-left: 18px;
		margin-left: 10px;
	}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 20px;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {
	x list-style: none;
	font-size: 1.0em;
	line-height: 1.3em;
	margin-top: 0.1em;
	margin-bottom: 0.6em; 
	}
	#sumar-homepage li, #maincol li {
		x background: url(bullet-nav-red.png) no-repeat left 7px;
		list-style-image: url(bullet-nav-red.png);
		padding-left: 3px;
		margin-right: 15px;
		margin-bottom: 0.3em;
	}
	#maincol li.off { list-style-type: none;list-style-image: none; }
	#maincol li ul li { list-style-type: square;list-style-image: url(bullet-nav.png);}

p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 1.2em 20px 1.2em 20px;
	}
	#language p {
		color: #777;
		text-transform: lowercase;
	}
	#rightcol p {
		font-size: 1em;
		line-height: 1.2em;
		color: #777;
		margin: 1em 10px 1em 10px;
	}
	.coloana p {
		margin: 1.1em 0px 1.1em 20px;
		line-height: 1.1em;
		text-align: justify;
	}
	p.caption {
		line-height: 1.0em;
		font-size: 0.9em;
		padding: 0 10px;
		font-style: italic;
		
	 }
	p.scurtatura-produse {
		margin:0;
		display: block;
		width: 170px;
		height: 100px;
		line-height: 1.2em;
		font-size: 0.9em;
		font-weight: normal;
		color: #444;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

/*Forms
----------------------------------------------- */

#sumar-homepage select {
	width: 170px;
}
#sumar-homepage form {
	display: inline;
}



form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #F5F5F5;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
  background-color: transparent;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #3379AE;
  border-width: 0px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}


/*Extra
----------------------------------------------- */

a img{
	border: 0px none;
}
img.stiri  { 
margin-left: 20px;
 border: 3px solid #D5D5D5;
 }		
.hide{
	display:none;
}
hr {
	visibility: hidden;
	height: 25px;
}


.darken {
	color: #222;
} 
.lighten {
	color: #666;
}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 

/*printer styles*/ 
@media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}