@charset "utf-8";
/* ------------------------------- TOP UTILITY ------------------------------- */

.top_utility{
	width: 955px;
	height: 77px;
	background-image: url(../img/bg_top.png);
	margin: auto;
	padding: 0px 10px 14px 10px;
}
.top_utility h1{
	width: 302px;
	height: 77px;
	float: left;
	display: block;
	padding: 5px 29px 4px 32px;
}
.top_utility h1 a{
	width: 302px;
	height: 77px;
	display: block;
	background-image: url(../img/siti_premium.png);
	overflow: hidden;
	text-indent: -9999px;
}
.top_utility h1 a:hover{
	background-position: 0px 77px;
}
.top_utility ul{
	width: 592px;
	display: block;
	float: left;
	padding: 15px 0px 0px 0px;
}
.top_utility li{
	display: block;
	float: left;
	list-style: none;
	padding: 15px 12px;
	border-left: 1px solid #dedede;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
.top_utility li a{
	color: #7d7d7d;
	text-decoration: none;
}
.top_utility li a:hover,
.top_utility li .selected{
	color: #515151;
}
.container_credits {
	width: 955px;
	height: 54px;
	margin: auto;
}
.home_credits{
	width: 665px;
	height: 30px;
	background-image: url(../img/bg_credits.png);
	font-family: Rockwell, Arial;
	font-size: 18px;
	padding: 15px 0px 0px 292px;
	color: #4d4d4d;
	margin: auto;
}
.home_credits a{
	color: #4d4d4d;
	padding-right: 82px;
}
.email_img{
	position: absolute;
	width: 55px;
	height: 54px;
	background-image: url(../img/icon/email.png);
	margin-left: 235px;
}
.phone_img{
	position: absolute;
	width: 50px;
	height: 54px;
	background-image: url(../img/icon/phone.png);
	margin-left: 565px;
}
/* ------------------------------- CONTENT HOME ------------------------------- */

.content_home{
	width: 955px;
	height: 475px;
	background-image: url(../img/bg_home.png);
	padding: 5px 10px 10px 10px;
	margin: auto;
}
.content_home .animation{
	width: 955px;
	height: 320px;
}
.content_home .animation img{
	position: absolute;
	margin: -10px 0px 0px 0px;
}
.list_vsite{
	padding-top: 10px;
	width: 955px;
	height: 144px;
}
.list_vsite h1{
	height: 29px;
	display: block;
	padding: 5px 0px 0px 40px;
	font-size: 24px;
	color: #2386d2;
	font-weight:normal;
}

/* ------------------------------- CONTENT 2 LIVEL ------------------------------- */

.content_top{
	width: 925px;
	height: 44px;
	margin: auto;
	background-image: url(../img/bg_content_tx.png);
	padding: 30px 25px 0px 25px;
}
.content_top h1{
	font-size: 24px;
	color: #3c3c3c;
	font-weight: normal;
	text-transform: uppercase;
}
.content_case_history,
.content_offer,
.content_contact,
.content_team,
.content_leader{
	width: 935px;
	margin: auto;
	padding: 20px 20px 0px 20px;
}
.content_bottom,
.content_offer_bottom,
.content_contact_bottom,
.content_team_bottom{
	width: 935px;
	height: 45px;
	margin: auto;
	background-image: url(../img/bg_content_bx.png);
	padding: 15px 20px 0px 20px;
}
.content_bottom a{
	height: 18px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #777777;
	line-height: 12px;
	padding: 8px 0px 0px 0px;
}
.content_bottom a.previous{
	width: 81px;
	background-image: url(../img/button/box_previous.gif);
}
.content_bottom a.number, .content_bottom a.number_sel{
	width: 24px;
	background-image: url(../img/button/box_number.gif);
}
.content_bottom a.next{
	width: 62px;
	background-image: url(../img/button/box_next.gif);
}
.content_bottom a:hover, .content_bottom a.number_sel{
	color: #ffffff;
	background-position: 0px 26px;
}

/* ------------------------------- CONTENT OFFER ------------------------------- */

.content_offer{
	background-image: url(../img/bg_contentO_cx.png);
}
.content_offer .left{
	width: 483px;
	float: left;
	padding: 0px 0px 0px 5px;
}
.content_offer .left a{
	color: #000000;
}
.content_offer .left h2{
	font-size: 20px;
	line-height: 24px;
	color: #2ca4d6;
	font-weight: normal;
}
.content_offer .left p{
	display: block;
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
}
.content_offer .left ul{
	font-size: 14px;
	line-height: 20px;
	margin-left: 15px;
}
.content_offer .left li{
	margin-top: 3px;
}
.content_offer .left a.button{
	width: 120px;
	height: 26px;
	display: block;
	background-image: url(../img/button/button_yallow.gif);
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-align: center;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}
.content_offer .left a.button:hover{
	color: #ffffff;
	background-position: 0px -34px;
}
.content_offer .right{
	width: 427px;
	height: 416px;
	float: left;
	background-image: url(../img/img_offer.jpg);
	background-repeat: no-repeat;
}
.content_offer_bottom{
	height: 44px;
	background-position: 0px -1px;
}
.img_se{
	position: absolute;
	margin: 67px 0px 0px 330px;
}
.img_se a{
	background-image: url(../img/bg_se.gif);
	width: 97px;
	height: 14px;
	display: block;
	color: #323232;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0px 0px 77px;
}
.img_se a:hover{
	background-position: 0px -19px;
}

/* ------------------------------- CONTENT CONTACT ------------------------------- */

.content_contact{
	font-family: Arial, Helvetica, sans-serif;
}
.content_contact .left{
	width: 304px;
	float: left;
	padding: 0px 65px 0px 35px;
}
.content_contact .left .info{
	width: 242px;
	height: 202px;
	background-image: url(../IT/img/bg_info_contact.jpg);
	background-repeat: no-repeat;
	padding: 20px 15px 0px 15px;
}
.content_contact .left .info h3{
	display: block;
	font-size: 18px;
	color: #838383;
}
.content_contact .left .info p{
	font-size: 14px;
	color: #555555;
	margin-top: 20px;
	padding-left: 40px;
}
.content_contact .left .info p a{
	color: #0071bc;
}
.content_contact .left .seatPG p{
	padding: 40px 0px 0px 0px;
	color: #555555;
	line-height: 20px;
	font-size: 14px;
	position: absolute;
	margin: 0px;
}
.content_contact .left .seatPG p img{
	display: block;
	margin: 20px 0px 0px 0px;
}
.content_contact .left h2{
	font-size: 19px;
	line-height: 28px;
	color: #3885b1;
	font-weight: bold;
	text-transform: uppercase;
}
.content_contact .left p{
	display: block;
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
}
.content_contact .left a.button{
	width: 120px;
	height: 26px;
	display: block;
	background-image: url(../img/button/button_yallow.gif);
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-align: center;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}
.content_contact .left a.button:hover{
	color: #ffffff;
	background-position: 0px -34px;
}
.content_contact .right{
	width: 400px;
	float: left;
	padding: 0px 45px;
}
.content_contact .right label{
	display: block;
	color: #000000;
	font-weight: bold;
	padding: 5px 0px;
}
.content_contact .right span{
	width: 400px;
	height: 23px;
	display: block;
	background-image: url(../img/bg_input.gif);
	padding: 3px 0px 0px 4px;
	margin: 0px 0px 15px 0px;
}
.content_contact .right span input{
	width: 400px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.content_contact .right textarea{
	width: 400px;
	height: 101px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
}
.content_contact .right .button{
	width: 89px;
	height: 34px;
	display: block;
	cursor: pointer;
	border: 0px;
	font-size: 20px;
	color: #FFFFFF;
	margin: 15px 0px 25px 0px;
}
.content_contact .right .button:hover{
	background-position: 0px 34px;
}
.content_contact_bottom{
	height: 44px;
	background-position: 0px -1px;
}

/* ------------------------------- CONTENT TEAM ------------------------------- */

.content_team{
	background-image: url(../img/bg_contentO_cx.png);
}
.content_team h2{
	font-size: 22px;
	line-height: 28px;
	color: #73cf41;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 0px 0px 5px;
}
.content_team .left{
	width: 600px;
	float: left;
	padding: 0px 10px 0px 5px;
}
.content_team .left p{
	font-size: 14px;
	color: #333333;
	padding: 20px 0px 0px 0px;
}
.content_team .left a.button{
	width: 170px;
	height: 26px;
	display: block;
	background-image: url(../img/button/button_grey.gif);
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}
.content_team .left a.button:hover{
	color: #ffffff;
	background-position: 0px -34px;
}
.content_team .right{
	width: 427px;
	height: 454px;
	float: left;
	background-image: url(../img/img_team.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.content_team_bottom{
	height: 44px;
	background-position: 0px -1px;
}

/* ------------------------------- CONTENT CASE HISTORY ------------------------------- */

.content_case_history{
	background-image: url(../img/bg_contentCH_cx.png);
}
.content_case_history .left{
	width: 694px;
	float: left;
	padding: 0px 10px 0px 5px;
}
.content_case_history .left .product_preview{
	width: 694px;
	height: 172px;
	padding: 10px 0px 10px 0px;
}
.content_case_history .left .product_preview img{
	padding: 5px;
	display: block;
	border: 1px solid #c0c0c0;
	float: left;
}
.content_case_history .left .product_preview img:hover{
	border: 1px solid #fec407;
}
.content_case_history .left .product_preview p{
	width: 455px;
	height: 143px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	border-bottom: 1px dotted #707070;
}
.content_case_history .left .product_preview strong{
	display: block;
	margin: 0px 0px 12px 0px;
	font-size: 16px;
	line-height: 20px;
}
.content_case_history .left .product_preview span{
	width: 455px;
	height: 22px;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #727272;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 6px 0px 0px 0px;
}
.content_case_history .left .product_preview span a{
	color: #727272;
}
.content_case_history .right{
	width: 209px;
	float: left;
	padding: 0px 0px 0px 17px;
	background-repeat: repeat-y;
}
.content_case_history .right li{
	width: 196px;
	height: 35px;
	display: block;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 17px 0px 0px 6px;
}
.content_case_history .right li a{
	color: #717171;
	text-decoration: none;
}
.content_case_history .right li a:hover{
	color: #fec407;
}

/* ------------------------------- CONTENT PROJECT LEADER ------------------------------- */

.content_leader_top{
	width: 975px;
	height: 15px;
	margin: auto;
	background-image: url(../img/bg_content_tx.png);
	background-position: 0px -74px;
}
.content_leader_info{
	width: 925px;
	margin: auto;
	background-image: url(../img/bg_top_leader.png);
	padding: 5px 25px 15px 25px;
}
.content_leader_info .video{
	width: 400px;
	height: 320px;
	float: left;
	margin-right: 20px;
	border: 1px solid #ffffff;
}
.content_leader_info h1{
	font-size: 24px;
	color: #404040;
	font-weight: normal;
	text-transform: uppercase;
}
.content_leader_info .text{
	width: 500px;
	float: left;
}
.content_leader_info .description{
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #dabb4e;
}
.content_leader_info .info_contact{
	font-size: 16px;
	line-height: 24px;
	border-top: 1px solid #fff0bc;
	border-bottom: 1px solid #dabb4e;

}
.content_leader_info .rating{
	font-size: 14px;
	line-height: 18px;
	border-top: 1px solid #fff0bc;
}
.content_leader_info .rating strong{
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}
.content_leader_info #container{
	width: 90px;
	float: left;
}
/*
.content_leader_info .rating a{
	width: 18px;
	height: 17px;
	display: block;
	float: left;
	background-image: url(../img/rating.png);
	margin: 0px 3px 0px 0px;
}
.content_leader_info .rating a:hover{
	background-position: 0px -34px;
}
*/
.content_leader_info p,
.content_leader_info .rating{
	color: #404040;
	padding: 11px 0px;
}
.content_leader_info p a{
	color: #404040;
}
.content_leader{
	background-image: url(../img/bg_contentO_cx.png);
}
.content_leader h3{
	font-size: 24px;
	font-weight: normal;
	color: #555555;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
}
.content_leader .product_preview{
	width: 233px;
	height: 486px;
	float: left;
}
.content_leader .product_preview img{
	padding: 5px;
	display: block;
	border: 1px solid #c0c0c0;
}
.content_leader .product_preview img:hover{
	border: 1px solid #fec407;
}
.content_leader .product_preview p{
	width: 213px;
	height: 221px;
	display: block;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 14px;
	line-height: 18px;
	color: #757575;
}
/*.content_leader .product_preview strong{
	display: block;
	margin: 0px 0px 12px 0px;
	font-size: 16px;
	line-height: 20px;
	color: #555555;
}*/
.content_leader .product_preview span{
	width: 213px;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #727272;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px dotted #707070;
}
.content_leader .product_preview span a{
	color: #727272;
}

/* ------------------------------- SPOT ------------------------------- */

.spot{
	width: 935px;
	margin: auto;
	padding: 0px 20px;
}
.spot .offerta{
	width: 310px;
	float: left;
}
.spot .team{
	width: 310px;
	float: left;
}
.spot .case_history{
	width: 315px;
	float: left;
}
.spot .offerta h2{
	padding: 0px 0px 12px 75px;
	background-image: url(../img/icon/offer.gif);
	background-repeat: no-repeat;
}
.spot .team h2{
	background-image: url(../img/icon/team.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 12px 55px;
}
.spot .case_history h2{
	background-image: url(../img/icon/case_history.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 12px 80px;
}
.spot .offerta h2,
.spot .team h2,
.spot .case_history h2{
	font-size: 20px;
	color: #666666;
	font-weight:normal;
	display: block;
	height: 70px;
	overflow: hidden;
}
.spot .offerta p,
.spot .team p,
.spot .case_history p{
	display: block;
	color: #555555;
	padding: 0px 10px 10px 0px;
}
.spot .offerta .button{
	width: 73px;
	background-image: url(../img/button/button_offerta.gif);
}
.spot .team .button{
	width: 133px;
	background-image: url(../img/button/button_team.gif);
}
.spot .case_history .button{
	width: 103px;
	background-image: url(../img/button/button_case_history.gif);
}
.spot .offerta .button,
.spot .team .button,
.spot .case_history .button{
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.spot .offerta .button:hover,
.spot .team .button:hover,
.spot .case_history .button:hover{
	background-position: 0px 27px;
}

/* ------------------------------- CAROUSEL ------------------------------- */

#wrap{
	height: 100px;
	overflow: hidden;
}
.jcarousel-container {
	position: relative
}
.jcarousel-clip {
	padding-right: 0px;
	padding-left: 0px;
	z-index: 2;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	position: relative
}
.jcarousel-list {
	padding-right: 0px;
	padding-left: 0px;
	z-index: 1;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	position: relative;
	top: 0px
}
.jcarousel-list li {
	width: 150px;
	height: 100px;
	float: left;
	list-style-type: none;
}
.jcarousel-item {
	float: left;
	width: 75px;
	list-style-type: none;
	height: 75px
}
.jcarousel-next {
	display: none;
	z-index: 3
}
.jcarousel-prev {
	display: none;
	z-index: 3
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 882px;
	padding: 0px 25px;
	margin: auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 882px;
	height: 100px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 134px;
	height: 100px;
	padding: 0px 7px 0px 6px;
}
.jcarousel-skin-tango .jcarousel-item img {
	border: 2px solid #bfbfbf;
}
.jcarousel-skin-tango .jcarousel-item img:hover {
	border: 2px solid #fec407;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	width: 15px;
	height: 21px;
	background: url(../img/button/next.gif);
	cursor: pointer;
	position: absolute;
	margin: 40px 0px 0px 895px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-position: 0px 42px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: 0px 42px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {
	background-position: 0px 21px;
	cursor: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover {
	background-position: 0px 21px;
	cursor: default
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	background-position: 0px 21px;
	cursor: default
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	width: 15px;
	height: 21px;
	background: url(../img/button/prev.gif);
	cursor: pointer;
	position: absolute;
	margin: 40px 0px 0px -25px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-position: 0px 42px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: 0px 42px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
	background-position: 0px 21px;
	cursor: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover {
	background-position: 0px 21px;
	cursor: default
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	background-position: 0px 21px;
	cursor: default
}

/* ------------------------------- FOOTER ------------------------------- */

.bg_footer{
	background-image: url(../img/bg_footer_repeat.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.footer{
	width: 955px;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	padding: 25px 0px;
	text-align: center;
	margin: auto;
	background-color: #e5e5e5;
	color: #383838;
	font-weight: bold;
	margin: auto; 
}
.footer a{
	color: #383838;
}

/* ------------------------------- TAGS ------------------------------- */

.clear{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
h1,
h2,
h3,
h4,
ul,
li,
p{
	margin: 0px;
	padding: 0px;
}
a:hover{
	text-decoration: none;
}
img{
	border: 0px;
}