/* 
CSS document for ICO-Group.net
Date: 20/04/2009
*/

body{
color: #787878;				/* text colour */
line-height:1em;			/* space between text-lines */
background: url(../images/fill.gif) left top repeat-x #ffffff;	/* use 'fill.gif' and spam it over the x-axis, and make the background color FF = white */
font-family:arial;
}

.link{
	font-size: 11px;
	color: black;
	text-align: justify;	
	}
	
.linkun{
	font-size: 11px;
	text-decoration: underline; 
	color: black;
	text-align: justify;	
	}


.link3{
	font-size: 12px;
	color: #FAA334;
	text-align: justify;	
	}

#container{
width:780px;
margin-left: auto;			/* auto means "depending on the margin-right */
margin-right: auto;			/* auto means "depending on the margin-left */
							/* This means that both are dependant = perfect center (trick) */
						
margin-top: -8px;			/* to make the flash appear in the right place */
}
	#container #header{		/* div that holds the whole flash, nothing else */
	width:780px;
	height:426px;
	float: left;
	}
	#container #content{		/* div that holds the 'content' as a whole */
	background: url(../images/wrapper.gif) no-repeat center top  #ffffff;
	width: 780px;
	height: 1024px;
	float: left;
	}

	
		#container #content #intro{
		padding-left: 29px;
		padding-top: 20px;
		}
			#container #content #intro p{
			float:left;
			width: 416px;
			margin-top: 12px;
			margin-left: 16px;
			font-size:0.75em; 
			line-height:1.42em;
			text-align: justify;
			}
			
				#container #content #intro p span{
				font-weight: bold;
				}
			
			#container #content #intro a img{
			margin-right: 50px;
			margin-top: -10px;
			float: right;
			border: 0;
			}

			#container #content #intro #leftimg{
			float: left;
			width: 275px;
			margin-top: 12px;
			margin-left: -1px;
			}
				#container #content #intro #leftimg img{
				float: left;
				margin-left: 9px;
				margin-bottom: 17px;
				margin-right: 4px;
				}

		#container #content #intro_industries{
		background: url(../images/table.jpg) center top no-repeat;
		text-align: justify;
		font-size: 11px; 
		line-height: 1.42em;
		width: 100%;
		height: 250px;
		margin-top: 250px;
		}
		
			#container #content #intro_industries p{
			margin-top: 70px;
			width: 150px;
			float: left;
			}
			
				#container #content #intro_industries p span{
				font-weight: bold;
				color: #FAA334;
				text-decoration: underline;
				}
		
				#container #content #intro_industries p.energy{
				margin-left: 45px;
				}
				
				#container #content #intro_industries p.basic{
				margin-left: 30px;
				}
				
		#container #content #masprod{
		width: 600px;
		padding-left: 29px;
		padding-top: 25px;
		text-align: justify;
		font-size: 12px; 
		line-height: 1.42em;
		}
		
			#container #content #masprod img.header{
			margin-top: 10px;
			}
		
			#container #content #masprod img.pic{
			float: left;
			padding-top: 20px;
			}
			
			#container #content #masprod p{
			width: 250px;
			float: left;
			padding-left: 30px;
			padding-top: 10px;
			height: 200px;
			}
		
				#container #content #masprod p span{
				font-size: 14px;
				color: #31363B;
				font-weight: bold;
				}
	
	#container #content #masclientes{
		width: 700px;
		padding-left: 29px;
		padding-top: 25px;
		text-align: justify;
		font-size: 12px; 
		line-height: 1.42em;
		}
		
			#container #content #masclientes #header{
			padding-top: 10px;
			padding-left: 20px;
			float: left;
			width: 600px;
			height: 50px;
			}
		
			#container #content #masclientes img.pic{
			float: left;
			padding-left: 30px;
			border: 0;
			}
			
			#container #content #masclientes p{
			width: 500px;
			float: left;
			padding-left: 20px;
			padding-top: 5px;
			height: 100px;

			}
		
				#container #content #masclientes p span{
				font-size: 14px;
				color: #31363B;
				font-weight: bold;
				}
	
		#container #content #top_left{
		width: 290px;
		float: left;
		padding-left: 38px;
		}
			#container #content #top_left p{
			width: 270px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
			
			#container #content #top_left p span{
			font-weight: bold;
			color: #31363B;
			}
			
			#container #content #top_left img{
			margin-top: 35px;
			}
		
		#container #content #sep_top{
		background: url(../images/sep.gif) center repeat-y;
		width: 1px;
		float: left;
		margin-top: 80px;
		}		
		
			#container #content #sep_top.about{
			height: 300px;
			}
				
			#container #content #sep_top.prod{
			height: 430px;
			}

			#container #content #sep_top.serv{
			height: 370px;
			}
		
		#container #content #top_right{
		width: 420px;
		float: left;
		padding-left: 25px;
		}
			#container #content #top_right p{
			width: 400px;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;

			}
			
				#container #content #top_right p.sub{
				padding-left: 130px;
				width: 265px;
				}
				
				#container #content #top_right p span{
				font-weight: bold;
				color: #31363B;
				}
				
				#container #content #top_right p.link4{
				font-size: 11px;
				color: black;
				text-align: justify;	
				margin-left: 130px;
				}
				
				#container #content #top_right p.services{
				font-size: 12px;
				color: #FAA334;
				text-align: justify;
				margin-left: 60px;
				}
			
			#container #content #top_right img.header{
			margin-top: 35px;
			}
			
			#container #content #top_right img.pic{
			float: left;
			}
			
			#container #content #top_right img.readmore{
			float: left;
			border: 0;
			margin-left: 335px;
			}
			
			#container #content #top_right #confield1 {
			width: 180px;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			float: left;
			}
			
			#container #content #top_right #confield2 {
			width: 200px;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			float: left;
			}
		
		#container #content #spacer{
		width: 740px;
		height: 1px;
		margin-left: 20px;
		background: url(../images/linea.gif) center top repeat-x;
		float: left;
		}
	
			#container #content #spacer.home{
			margin-top: 20px;
			}
			
			#container #content #spacer.about{
			margin-top: 20px;
			}

		#container #content #bottomleft_home{
		width: 370px;
		float: left;
		padding-left: 38px;
		}
			
			#container #content #bottomleft_home img.header{
			padding-top: 28px;
			}
			
			#container #content #bottomleft_home a.sub1{
			font-size: 11px;
			color: black;
			text-align: justify;
			padding-left: 20px;			
			}
			
			#container #content #bottomleft_home p a.sub2{
			width: 200px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			padding-left: 20px;
			}
			
			#container #content #bottomleft_home #part1{
			width: 370px;
			height: 140px;
			float: left;
			}
				
			#container #content #bottomleft_home #part1 img.pic{
			float: left;
			border:0;
			padding-top:10px;
			}
			
			#container #content #bottomleft_home #spacer2{
			width: 350px;
			height: 1px;
			background: url(../images/linea.gif) center top repeat-x;
			float: left;
			}
			
			#container #content #bottomleft_home #part2{
			width: 370px;
			height: 150px;
			float: left;
			}
			
				#container #content #bottomleft_home #part2 #text{
				width: 200px;
				float: left;
				margin-left: 40px;
				}
				
				#container #content #bottomleft_home #part2 #live{
				margin-top: 20px;
				float: left;
				width: 100px;
				}
	
		
		#container #content #bottomleft_about{
		width: 420px;
		float: left;
		padding-left: 38px;
		}
		
			#container #content #bottomleft_about img.header{
			margin-top: 28px;
			float: left;
			}
			
			#container #content #bottomleft_about  img.pic{
			float: left;
			}
			
			#container #content #bottomleft_about  img.readmore{
			margin-left: 300px;
			margin-top: -5px;
			float: left;
			border: 0;
			}
			
			#container #content #bottomleft_about p{
			width: 400px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
		
				#container #content #bottomleft_about p a.sub{
				width: 260px;
				float: left;
				padding-left: 15px;
				}
				
				
				#container #content #bottomleft_about p.link5{
				font-size: 11px;
				color: black;
				text-align: justify;
				padding-left: 125px;
				width: 266px;
				float: left;
				}
		
				#container #content #bottomleft_about p span{
				font-weight: bold;
				color: #31363B;
				}
				
			#container #content #bottomleft_about #prod{
			float: left;
			text-align: justify;
			line-height:1.42em;
			font-size: 0.75em;
			width: 400px;
			padding-left: 15px;
			color: #FAA334;
			}
			
				#container #content #bottomleft_about #prod td.tab{
				width: 210px;
				}
			
				#container #content #bottomleft_about #prod a{
				color: #FAA334;
				}
			
			#container #content #bottomleft_about #contact {
			float: left;
			text-align: justify;
			line-height:1.42em;
			width: 100px;
			padding-left: 15px;
			}
			
			#container #content #bottomleft_about #contact p{
			float: left;
			}
			
				#container #content #bottomleft_about #contact p a.add {
				font-weight: bold;
				color: #31363B;
				}
				
				#container #content #bottomleft_about #contact p a.mail {
				font-weight: bold;
				color: #FAA334;
				}
			
		#container #content #bottomleft_industries{
		width: 340px;
		float: left;
		margin-left: 38px;
		}
		
			#container #content #bottomleft_industries img{
			border: 0;
			}
			
				#container #content #bottomleft_industries img.header{
				float: left;
				}
				
				#container #content #bottomleft_industries img.header2{
				padding-top: 33px;
				}
				
				#container #content #bottomleft_industries  img.pic{
				float: left;
				}
				
				#container #content #bottomleft_industries  img.readmore{
				float: left;
				padding-left: 220px;
				}
				
				#container #content #bottomleft_industries p{
				width: 320px;
				float: left;
				text-align: justify;
				font-size: 0.75em;
				line-height:1.42em;
				}
		
				#container #content #bottomleft_industries p span{
				font-weight: bold;
				color: #31363B;
				}
				
				#container #content #bottomleft_industries p a.link2{
				font-size: 11px;
				color: black;
				text-align: justify;	
				padding-left: 20px;
				float: left;
				}
				
				#container #content #bottomleft_industries p a.sub{
				width: 185px;
				float: left;
				padding-left: 20px;
				}
				
				#container #content #bottomleft_industries p a.client{
				width: 220px;
				float: left;
				padding-left: 20px;
				}
				
		#container #content #bottomleft_serv{
		width: 390px;
		float: left;
		padding-left: 38px;
		}
		
			#container #content #bottomleft_serv img.header{
			margin-top: 28px;
			float: left;
			}
			
			#container #content #bottomleft_serv  img.pic{
			float: left;
			}
			
			
			#container #content #bottomleft_serv p{
			width: 375px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
		
				#container #content #bottomleft_serv p a.sub{
				width: 250px;
				float: left;
				padding-left: 15px;
				}
				
				#container #content #bottomleft_serv p.link5{
				font-size: 11px;
				color: black;
				text-align: justify;
				padding-left: 125px;
				width: 266px;
				float: left;
				}
		
		#container #content #sep_bot{
		background: url(../images/sep.gif) repeat-y;
		width: 1px;
		float: left;
		}	
			#container #content #sep_bot.home{
			height: 310px;
			margin-top: 25px;
			}
			
			#container #content #sep_bot.about{
			height: 390px;
			margin-top: 25px;
			}
			
			#container #content #sep_bot.industries{
			height: 230px;
			}
			
			#container #content #sep_bot.prod{
			height: 320px;
			margin-top: 25px;
			}
			
			#container #content #sep_bot.clients{
			height: 430px;
			margin-top: 30px;
			}
			
			#container #content #sep_bot.serv{
			height: 330px;
			margin-top: 30px;
			}
			
			#container #content #sep_bot.contact{
			height: 330px;
			margin-top: 30px;
			}
		
		#container #content #bottomright_home{
		width: 350px;
		float: left;
		padding-left: 20px;
		margin-top: 28px;
		}
			#container #content #bottomright_home img.header{
			float: left;
			border: 0;
			}	
		
			#container #content #bottomright_home  img.new{
			float: left;
			}
			
			#container #content #bottomright_home  img.more{
			padding-left: 220px;
			padding-top: 20px;
			border: 0;
			float: left;
			}

			#container #content #bottomright_home p{
			width: 330px;
			text-align: justify;
			float: left;
			}
			
			#container #content #bottomright_home p a.news{
			font-size: 0.75em;
			line-height:1.42em;
			}	

			#container #content #bottomright_home p a.date{
			font-size: 11px;
			color: #FAA334;
			text-align: justify;
			float: left;
			padding-left: 10px;
			}
			
		#container #content #bottomright_about{
		width: 290px;
		float: left;
		padding-left: 20px;
		}
			#container #content #bottomright_about img.header{
			margin-top: 28px;
			}
			
			#container #content #bottomright_about  img.pic{
			float: left;
			}
		
			#container #content #bottomright_about p{
			width: 270px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
		
				#container #content #bottomright_about p span{
				font-weight: bold;
				color: #31363B;
				}
			
				#container #content #bottomright_about p a.sub{
				width: 165px;
				float: left;
				padding-left: 15px;
				}
				
				#container #content #bottomright_about p a.mail{
				text-decoration: underline; 
				color: #FAA334;
				text-align: justify;
				font-weight: bold;
				}
		
		#container #content #bottomright_industries{
		width: 330px;
		float: left;
		padding-left: 15px;

		}
			#container #content #bottomright_industries img.header{
			float: left;
			}
			
			#container #content #bottomright_industries img.header2{
			padding-top: 33px;
			}

			#container #content #bottomright_industries  img.pic{
			float: left;
			}
				
			#container #content #bottomright_industries p{
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
		
				#container #content #bottomright_industries p span{
				font-weight: bold;
				color: #FAA334;
				}
			
			#container #content #bottomright_industries p a.sub{
			padding-left: 20px;
			text-align: justify;
			float: left;
			width: 200px;
			}
				
		#container #content #bottomright_serv{
		width: 330px;
		float: left;
		padding-left: 15px;
		}
			#container #content #bottomright_serv img.header{
			margin-top: 30px;
			}
			
			#container #content #bottomright_serv  img.pic{
			float: left;
			}
		
			#container #content #bottomright_serv p{
			width: 290px;
			float: left;
			text-align: justify;
			font-size: 0.75em;
			line-height:1.42em;
			}
			
				#container #content #bottomright_serv p a.sub{
				font-size: 12px;
				color: #FAA334;
				text-align: justify;
				width: 171px;
				float: left;
				padding-left: 10px;
				}
				
				#container #content #bottomright_serv p span{
				font-weight: bold;
				color: #31363B;
				}
		
		#container #content #footer_sep {
		width: 740px;
		height: 5px;
		margin-left: 20px;
		background: url(../images/bg_footer.gif) left repeat-x;
		float: left;
		}
			
			#container #content #footer_sep.about {
			margin-top: 10px;
			}
		
			#container #content #footer_sep.industries {
			margin-top: 15px;
			}
			
			#container #content #footer_sep.serv {
			margin-top: 20px;
			}
	
		#container #content #footer #map p{
			padding-left: 50px;
			text-align: justify;
			font-size: 0.70em;
			float: left;
			line-height:1.42em;
			width: 600px;
		}
		
			#container #content #footer p a{
				font-size: 11px;
				text-decoration: underline; 
				color: #787878;
				text-align: justify;
			}
			
		#container #content #footer #lang p a{
		padding-top: 10px;
		float: right;
		width: 100px;
		text-align: justify;
		font-size: 0.70em;
		float: left;
		line-height:1.42em;
		color: #FAA334;
		}