@charset "utf-8";

/* © 2010 DDT Network */

/* RESET CSS FOR ALL BROWSERS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
*:focus,*:active,*:hover{outline:none;}
button::-moz-focus-inner { border: 0; }

@font-face {
 font-family: Myriad;
 src: url('../font/myriadpro.otf');
}


body{
	font-family: Myriad, Arial, Helvetica;
	background: url(../img/bg.png) repeat;
	font-size: 12px;
	line-height:20px;
	color:#fff;
}

ul li{
	list-style-image: none;
	list-style-position:inside;
	list-style:none;
	line-height: 25px;
	margin:5px 0;
}

a, a:hover, a:focus, a:active {
	text-decoration: none;
	color:#fff;
	cursor:pointer;
}
label{
	width: 60px;
	display:inline-block;
}
input, textarea{
	width:133px;
	height:12px;
	padding:6px 6px 7px 6px;
	background: url(../img/input.png) no-repeat;
	border:none;
/*SHADOW
  -moz-box-shadow: 0px -1px 0px #000;
  -webkit-box-shadow: 0px -1px 0px #000;
*/
}
input{
	height:12px;
	background: url(../img/input.png) no-repeat;
}
textarea{
	height:42px;
	background: url(../img/textarea.png) no-repeat;
}
.sendButton{
	width:59px;
	height:25px;	
	background: url(../img/sendButton.png) no-repeat;
	position:relative;
	top: 0;
	left:147px;
}
h1, h2, h3{
	text-shadow: #000 0 -1px 0;
}
h1{
	font-size:40px;
}
h2{
	font-size:21px;
	margin: 20px 0 8px 0;
}
h3{
	font-size:14px;
}
.section {
	margin: 0 auto;
	width: 800px;
	position:relative;
}

.appsBar {
	background: url(../img/apps_bg.png) repeat-x;
	height: 149px;
}
.appsBar .section{
	width: 820px;
}
.appsContainer{
	padding:20px 0 10px 0;
	height: 97px;
}
.appsItem{
	width:147px;
	height:97px;
	margin-right: 20px;
	background: no-repeat;
	float:left;	
}
.appsQuod{
	background-image: url(../img/app_quod.png);
}
.appsDBFly{
	background-image: url(../img/app_dbfly.png);
}
.appsPosteTracker{
	background-image: url(../img/app_postetracker.png);
}
.appsLWC2010{
	background-image: url(../img/app_lsa2010.png);
}
.appsFYM{
	background-image: url(../img/app_fym.png);
}
.appsFItalia{
	background-image: url(../img/app_fitalia.png);
}
.appsScrollbar{
	width:800px;
	height:14px;
	background: url(../img/apps_scrollbar.png) no-repeat;
	margin: 0 auto;

}
.appsSliderhandle{
	width:43px;
	height:14px;
	background: url(../img/apps_sliderhandle.png) no-repeat;
}
.menuBar {
	background: url(../img/menu_bg.png) repeat-x;
	height: 130px;
}

.logo{
	background: url(../img/logo1.png) no-repeat;
	height:106px;
	width: 196px;
	position: absolute;
	top:2px;
	left:0;
}
.menu{
	height:20px;
	position:absolute;
	top:80px;
	right:0px;
}

.menuItem{
	float: right;
	font-size:16px;
	line-height:16px;
	text-shadow: #000 0 -1px 0;
	margin-left: 20px;
	padding-left: 21px;
	background: no-repeat;
}
.menuItem:hover{
	color:#c6c6c6;
}
.menuItem1{
	background-image: url(../img/menu_icn_help.png);
}
.menuItem2{
	background-image: url(../img/menu_icn_blog.png);
}
.menuItem3{
	background-image: url(../img/menu_icn_apps.png);
}
.menuItem4{
	background-image: url(../img/menu_icn_about.png);
}
.menuItem5{
	background-image: url(../img/menu_icn_home.png);
}

.main {
	background: url(../img/main_bg.png) repeat;
	position:relative;
}
.mainItem{
	padding: 30px 0 0 0;
	width:800px;
	height:280px;
	background: no-repeat;
}
.mainPostetracker{
	background-image: url(../img/main_postetracker.png);
}
.slideSelectors{
	text-align:center;
	height: 14px;
}
.slideSelectorItem{
	width:13px;
	height:14px;
	margin:0 5px;
	background: no-repeat;
	display: inline-block;
}
.slideSelector0{
	background-image: url(../img/slideSelector0.png);
}
.slideSelector1{
	background-image: url(../img/slideSelector1.png);
}
.mainEnd {
	background: url(../img/main_end_bg.png) repeat-x;
	height: 40px;
}

.aboutUs {
	background-color: #454647;
}

.grid {
	background: url(../img/grid_bg.png) repeat-x;
	height: 52px;
}
.langSelector{
	text-align:right;
	position: relative;
	right: 20px;
	top: 25px;
}
.langItem{
	height:17px;
	display:inline-block;
	background: no-repeat;
}
.langIta{
	width: 15px;
	background-image: url(../img/lang_ita.png);
}
.langEng{
	width: 15px;
	background-image: url(../img/lang_eng.png);
}
.langSelectorEng{
	width: 45px;
	background-image: url(../img/langSelector_ita.png);
}
.langSelectorIta{
	width: 45px;
	background-image: url(../img/langSelector_eng.png);
}
.helpdesk {
	background: url(../img/helpdesk_bg.png) repeat-x;
	height: 480px;
}

.helpdeskEnd {
	background: url(../img/helpdesk_end_bg.png) repeat-x;
	height: 50px;
}

.footer {
	background: url(../img/footer_bg.png) repeat-x;
	height: 247px;
}
.footerL{
	float:left;
	margin: 10px 0;
}
.footerR{
	float:right;
	margin: 10px 0;
}

.clear{
	clear:both;
}
/*
SOCIAL
*/
.socialIcons{
	
}
.socialItem{
	height:30px;
	width:28px;
	margin: 2px;
	background: no-repeat;
	float:left;
}
.socialRss{
	background-image: url(../img/social_rss.png);
}
.socialGoogle{
	background-image: url(../img/social_google.png);
}
.socialTwitter{
	background-image: url(../img/social_twitter.png);
}
.socialLinkedIn{
	background-image: url(../img/social_linkedin.png);
}
.socialFacebook{
	background-image: url(../img/social_facebook.png);
}
.socialYouTube{
	background-image: url(../img/social_youtube.png);
}
.socialSkype{
	background-image: url(../img/social_skype.png);
}

/*
CONTACT US SLIDE
*/
.contactSlide{
	width:256px;
	height:344px;
	background: url(../img/contactSlide.png) no-repeat;
	position:absolute;
	top:40px;
	left: -225px;
}
.contactForm{
	position:relative;
	top:137px;
	left:8px;
}
/*
ABOUT US
*/
.categoryAbout{
	height:60px;
	padding: 5px 0 0 74px;
	background: url(../img/icnAbout.png ) no-repeat;
}
.aboutItem{
	height:94px;
	width:195px;
	padding-left:155px;
	margin: 20px;
	background: no-repeat;
	float:left;
}
.aboutItem h2{
	margin:10px 0 0 0;
}
.aboutAntonio{
	background-image: url(../img/face_antonio.png );
}
.aboutAndrea{
	background-image: url(../img/face_andrea.png );
}
.aboutRaffaele{
	background-image: url(../img/face_raffaele.png );
}
.aboutEnrico{
	background-image: url(../img/face_enrico.png );
}
.aboutMichele{
	background-image: url(../img/face_michele.png );
}
.aboutNemesi{
	background-image: url(../img/face_nemesi.png );
}
/*
PAGINE APPS
*/

.categoryTitle{
	line-height:60px;
}
.categoryiPhone{
	height:60px;
	padding: 5px 0 0 64px;
	background: url(../img/icnApps.png ) no-repeat;
}
.trim{
	width:100%;
	height:3px;
	background: url(../img/trim.png) repeat-x;
	margin: 5px 0;
}
.iphoneSlide{
	float:left;
	width:320px;
}
.contents{
	float:right;
	width:455px;
}
.postetracker_logo{
	width:291px;
	height:49px;
	margin:20px 0;
	background: url(../img/apps/logo_postetracker.png) no-repeat;
}
.liveworldcup2010_logo{
	width:275px;
	height:135px;
	margin:20px 0;
	background: url(../img/apps/logo_lsa2010.png) no-repeat;
	float:left;
}
.fitalia_logo{
	width:320px;
	height:54px;
	margin:20px 0;
	background: url(../img/apps/logo_fitalia.png) no-repeat;
	float:left;
}
.AppStoreBadgeIT{
	width:166px;
	height:58px;
	margin:20px 45px 20px 0;
	background: url(../img/AppStore_IT_220x110.png) no-repeat;
}
.AppStoreBadgeEN{
	width:166px;
	height:58px;
	margin:20px 45px 20px 0;
	background: url(../img/AppStore_EN_220x110.png) no-repeat;
}
.iphoneSlideItem{
	width:320px;
	height:481px;
	margin:20px 0;
	background: no-repeat;
}
.videoApp{
	background: url(../img/youtube_play.png) no-repeat;
	width: 100px;
	height:103px;
	float:right;
	margin-top:26px;
}
/*
SCROLLBAR APPS
*/
.scroll-content { width: 900px;}
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap .ui-slider { background: none; border:0; height:14px; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle {margin-top:6px; height:12px; background:#666b71; border:0;}

/*
CAROSELLO HOME
*/
.jcarousel-list-horizontal {
    padding: 30px 0 0 0;
	width:800px;
	height:310px;
	background: no-repeat;
}

.jcarousel-control {
	text-align:center;
	height: 14px;
}

.jcarousel-control a {
    width:13px;
	height:14px;
	margin:0 5px;
	display: inline-block;
	background: url(../img/slideSelector0.png) no-repeat;
	font-size: 0px;
	text-indent: -2000px;
}

.jcarousel-control a.active {
    background: url(../img/slideSelector1.png);
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 130px;
    right: 10px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(../img/arrow_right.png) no-repeat;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 130px;
    left: 10px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(../img/arrow_left.png) no-repeat;
}

/*
CAROSELLO IPHONE
*/

.iphone-carousel{
	float:left;
	width:320px;
	padding-top:20px;
}

.iphone-carousel .jcarousel-list-horizontal {
    float:left;
	width:320px;
	height:501px;
	background: no-repeat;
}

.iphone-carousel .jcarousel-item img{	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
.iphone-carousel .jcarousel-control {
	text-align:center;
	height: 14px;
}

.iphone-carousel .jcarousel-control a {
    width:13px;
	height:14px;
	margin:0 5px;
	display: inline-block;
	background: url(../img/slideSelector0.png) no-repeat;
	font-size: 0px;
	text-decoration: none;
}

.iphone-carousel .jcarousel-control a.active {
    background: url(../img/slideSelector1.png);
}

.iphone-carousel .jcarousel-next-horizontal {
	visibility:hidden;
}

.iphone-carousel .jcarousel-prev-horizontal {
    visibility:hidden;
}