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

@font-face {
    font-family: 'Bebas';
    src: url('fonts/bebas.eot');
    src: local('bebas'), 
         local('bebas'), 
         url('fonts/bebas.ttf') format('truetype'),
         url('fonts/bebas.svg#font') format('svg'); 
}



body{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow-x:hidden;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat;
}

a:link{
	color:#297bb2;
	font-weight:bold;
	text-decoration:none;
}

a:visited{
	color:#297bb2;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#297bb2;
	font-weight:bold;
	text-decoration:underline;
}

a:active{
	color:#297bb2;
	font-weight:bold;
	text-decoration:none;
}

h1{
	font-family:'bebas';
	font-size:24px;
	font-weight:normal;
	color:#333e42;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1); 
}

h2{
	font-family:'bebas';
	font-size:14px;
	font-weight:normal;
	color:#626a6d;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1); 
}

hr{
	height:2px;
	border:none;
	background-image:url(../img/hr.gif);
	background-repeat:repeat-x;	
}

.wrapper{
	margin: 0 auto;		
	width:976px;
	padding-top:40px;
	background-image:url(../img/radial_gradient.png);
	background-repeat:no-repeat;
	background-position: -100px 0px;
}

.logo{
	float:left;
	margin-top:8px;
}

.navbar{
	font-family:'bebas';
	font-size:14px;
	float:right;	
	width:557px;
	height:53px;
	padding-top:20px;
	background-image:url(../img/navbar_bg.png);
	background-repeat:no-repeat;	
}

.navbar li a{
	float:left;
	margin-left:35px;
	color:#000;
	font-weight:normal;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

.navbar li a:hover{
	float:left;
	color:#808080;
	text-decoration:none;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

#navbar_active{
	float:left;
	color:#808080;
	text-decoration:none;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

.clear{
	clear:both;
}

.slideshow{
	position:relative;
	margin-top:40px;
	width:976px;
	height:486px;
}

.abstract_left{
	position:absolute;
	width:312px;
	height:485px;
	left:-312px;
	top:0px;
	background-image:url(../img/abstract_left.jpg);
	background-repeat:no-repeat;
}

.abstract_right{
	position:absolute;
	width:307px;
	height:485px;
	right:-307px;
	top:0px;
	background-image:url(../img/abstract_right.jpg);
	background-repeat:no-repeat;

}

.display{
	position:absolute;
	width:976px;
	height:486px;
	background-image:url(../img/display.jpg);
	background-repeat:no-repeat;
}

.contents{
	margin-top:20px;
}

.section_home{
	position:relative;
	width:976px;
	height:600px;
	color:#333e42;
	margin-top: 20px;
	margin-bottom:20px;
}

.home_hr{
	position: absolute;
	width:976px;
	height:1px;
	top:285px;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
}

.home_bringing{
	position:absolute;
	left:0px;
	top:0px;
}

.home_world{
	position:absolute;
	right:35px;
	top:0px;
}

.home_text{
	position:absolute;
	right:0px;
	width: 450px;
	color:#565656;
	line-height:20px;
	font-size:14px;
	top:320px;
}

.home_creativity{
	position:absolute;
	left:0px;
	top:320px;
}

.section_left{
	float:left;
	width:313px;
	color:#333e42;
	margin-top: 20px;
	padding-bottom:20px;
}

.section_left_large{
	float:left;
	width:976px;
	color:#333e42;
	margin-top: 20px;
	padding-bottom:60px;
}

.googlemap{
	border: 1px solid #CCC;
}

.section_right{
	float:left;
	width:603px;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-left:30px;
	margin-left:30px;
	background-image:url(../img/hr_article_vertical.gif);
	background-repeat:repeat-y;
	background-position: 0px 0px;
}

.articles{
	margin-top: 20px;
}

.title_article01 a{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	color:#333e42;
	text-decoration:underline;
	font-size:24px;
}

.title_article02 a{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	color:#010101;
	text-decoration:none;
	font-size:24px;
}

.article02 hr{
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
	margin-bottom:0px;
}

.article02 img{
	float:right;
}

.par01{
	margin-top:10px;
	margin-bottom: 40px;
	font-style:italic;
	text-align:justify;
}

.par02{
	width:330px;
	margin-top:10px;
	margin-bottom:60px;
	text-align:justify;
}

.par03{
	width:700px;
	margin-top:10px;
	margin-bottom:60px;
	text-align:justify;
}

.footer{
	display:block;
	margin-top:20px;
	margin-bottom:40px;
}

.footer ul{
	float:right;
}

.footer ul li{
	float:left;
}

.press_pages li{
	float:left;
	margin-left: 8.5px;
	margin-right:8.5px;
}

.press_pages li a:hover{
	opacity:0.8;	
}


/* ---------------------------------- INIZIO PORTFOLIO */

.clients{
	width:976px;
	height:300px;
	margin-bottom:60px;
}

.clients li{
	display:inline;
	float:left;
	margin:6px;
	width:150px;
	height:100px;
}

.clients li img:hover{
	opacity:0.8;
}

.section_client{
	margin:0;
}

.thumb_client{
	width:610px;
	height:120px;
}

.thumb_client:hover{
	opacity:0.8;
}

.portfolioPar{
	width:330px;
	margin-top:10px;
	text-align:justify;
}

.portfolio_hr{
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
	margin-bottom:20px;
	margin-top:20px;
}

/* ---------------------------------- FINE PORTFOLIO */

/* ---------------------------------- INIZIO TECH */
.portfolio_hr2{
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
}

.tecnoContent{
	position:relative;
	height:1000px;
}

.sin1{
	width:358px;
	text-align:justify;
	position:absolute;
	left:245px;
	top:105px;
}

.sin2{
	width:358px;
	text-align:justify;
	position:absolute;
	left:245px;
	top:232px;
}

.des1{
	width:358px;
	text-align:justify;
	position:absolute;
	right:0;
	top:232px;
}

.des3{
	width:358px;
	text-align:justify;
	position:absolute;
	right:0;
	top:640px;
}

.sin3{
	width:358px;
	text-align:justify;
	position:absolute;
	left:245px;
	top:500px;
}

.des2{
	width:358px;
	text-align:justify;
	position:absolute;
	right:0;
	top:500px;	
}

.sin4{
	width:358px;
	text-align:justify;
	position:absolute;
	left:245px;
	top:770px;
}

.des4{
	width:358px;
	text-align:justify;
	position:absolute;
	right:0;
	top:730px;	
}

.tecno_hr{
	position:absolute;
	top:210px;
	left:245px;
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
	width:735px;
	height:1px;
}

.tecno_hr2{
	position:absolute;
	top:400px;
	left:0px;
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
	width:976px;
	height:1px;
}

.tecno_hr3{
	position:absolute;
	top:680px;
	left:0px;
	border:none;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
	width:976px;
	height:1px;
}

.logoTurnMobile{
	position:absolute;
	top:43px;
	left:168px;
	
}

.logoMobilePlasma{
	position:absolute;
	top:430px;
	left:168px;
}

.logoMobileFlow{
	position:absolute;
	top:700px;
	left:168px;
}

.boxes{
	position:absolute;
	top:30px;
	right:0;
}

.tecnologyPar{
	width:358px;
	margin-top:10px;
	text-align:justify;
}

.flowimage{
	width:358px;
	height:245px;
	position:absolute;
	top:700px;
	right:0;
}

.plasmaimage{
	width:358px;
	height:245px;
	position:absolute;
	top:430px;
	right:0;
}
/* ---------------------------------- FINE TECH */

/* ---------------------------------- INIZIO CAREERS */
.tastiera{
	width:351px;
	height:168px;
	float:right;
	margin-right:15px;
	margin-top:7px;
}

.careersPar{
	width:560px;
	height:220px;
	float:left;
	margin-top:10px;
	text-align:justify;
}
/* ---------------------------------- FINE CAREERS */

/*ipad (portrait and landscape) ------------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
	
.abstract_left{
	display:none;
}

.abstract_right{
	display:none;
}

.navbar li a{
	float:left;
	margin-left:21px;
	color:#000;
	font-weight:normal;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}


.section_home{
	position:relative;
	width:976px;
	height:540px;
	color:#333e42;
	margin-top: 20px;
	margin-bottom:20px;
}

.home_hr{
	position: absolute;
	width:976px;
	height:1px;
	top:265px;
	background-image:url(../img/hr_article.gif);
	background-repeat:repeat-x;
}

.home_text{
	position:absolute;
	right:0px;
	width: 450px;
	color:#565656;
	line-height:20px;
	font-size:14px;
	top:280px;
}

.home_creativity{
	position:absolute;
	left:0px;
	top:280px;
}

.nivo-controlNav{
	display:none;
}

	
}