/* CSS Document */

* { padding:0; margin:0;}
body { padding:0 0 50px 0; margin:0; background:url(../images/pattern_generale.jpg) repeat;}

/* fonts */
@font-face {
    font-family: 'itc_bk';
    src: url('../fonts/ITCAvantGardeStd-Bk.eot');
    src: url('../fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff'),
         url('../fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itc_Bold';
    src: url('../fonts/ITCAvantGardeStd-Bold.eot');
    src: url('../fonts/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff'),
         url('../fonts/ITCAvantGardeStd-Bold.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Pagina*/
.app_cont { position:relative; width:870px; margin:auto;}
.app_cont .int{ position:relative; float:left; width:870px; padding-bottom:50px;}
.app_cont .int .int2{ position:relative; float:left; width:870px; background-color:#000;}

.app_cont .int .int2 .app_header{ position:relative; float:left; width:100%; background-color:#000; border-bottom:1px solid #b51b1d;}
.app_cont .int .int2 .app_header .logo_sole24{ padding:15px;}
.app_cont .int .int2 .app_center{ position:relative; float:left; width:100%; background:url(../images/sfondo.jpg) bottom repeat-x;}
.app_cont .int .int2 .app_center .cont_title{ position:relative; float:left; width:100%; margin-top:20px;}
.app_cont .int .int2 .app_center .cont_title .cont_app_tit{ float:left; width:570px; min-height:81px; background:url(../images/icona_app.jpg) no-repeat 100% 50%;}
.app_cont .int .int2 .app_center .cont_title .cont_app_tit .app_tit{ font:normal 20px itc_Bold, Arial; color:#FFF; text-align:right; padding:15px 100px 0 0;}
.app_cont .int .int2 .app_center .cont_title .cont_app_dw{ float:right; width:270px;}
.app_cont .int .int2 .app_center .cont_title .cont_app_dw .cont_log_tit{ float:left; width:100%; font:normal 14px/20px itc_Bold, Arial; color:#FFF; padding-bottom:10px;}
.app_cont .int .int2 .app_center .cont_title .cont_app_dw .cont_app1{ float:left;}
.app_cont .int .int2 .app_center .cont_title .cont_app_dw .cont_app2{ float:left; padding-left:20px;}

.app_cont .int .int2 .app_center .cont_sx{ position:relative; float:left; width:600px; margin-top:30px; padding-bottom:15px;}
.app_cont .int .int2 .app_center .cont_sx .iphone{ position:absolute; top:315px; right:50px; left:auto;}
.app_cont .int .int2 .app_center .cont_sx p.ipad{ text-align:center;}
.app_cont .int .int2 .app_center .cont_sx p.logo_gruppo{ text-align:left; padding:0 0 0 40px;}
.app_cont .int .int2 .app_center .cont_dx{ position:relative; float:right; width:270px; margin-top:30px; padding-bottom:15px;}
.app_cont .int .int2 .app_center .cont_dx p.desc_tit{ padding:15px 30px 0 0; font:normal 14px/20px itc_Bold, Arial; color:#FFF;}
.app_cont .int .int2 .app_center .cont_dx p.desc_txt{ padding:10px 30px 0 0; font:normal 14px/20px itc_bk, Arial; color:#FFF;}
.app_cont .int .int2 .app_center .cont_dx p.tit_list{ padding:40px 30px 0 0; font:normal 12px/18px itc_Bold, Arial; color:#FFF;}
.app_cont .int .int2 .app_center .cont_dx ul.lista_dx{ list-style:none; float:left; width:230px; margin-top:5px;}
.app_cont .int .int2 .app_center .cont_dx ul.lista_dx li{ float:left; width:230px;}
.app_cont .int .int2 .app_center .cont_dx ul.lista_dx li p{ background:url(../images/ico_list.png) no-repeat 0 9px; padding:1px 0 3px 10px; font:normal 12px/18px itc_bk, Arial; color:#FFF;}

.app_cont .int .int2 .app_footer{ position:relative; float:left; width:100%; background-color:#b61a1d;}
.app_cont .int .int2 .app_footer p.app_footer_txt{ padding:15px; font:normal 9px/14px itc_bk, Arial; color:#FFF;}