@charset "utf-8";


@font-face {
    font-family: 'briem_akademi_stdregular';
    src: url('../../font/briemakademistd-regular-webfont.eot');
    src: url('../../font/briemakademistd-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/briemakademistd-regular-webfont.woff') format('woff'),
         url('../../font/briemakademistd-regular-webfont.ttf') format('truetype'),
         url('../../font/briemakademistd-regular-webfont.svg#briem_akademi_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'briem_akademi_stdbold';
    src: url('../../font/briemakademistd-bold-webfont.eot');
    src: url('../../font/briemakademistd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/briemakademistd-bold-webfont.woff') format('woff'),
         url('../../font/briemakademistd-bold-webfont.ttf') format('truetype'),
         url('../../font/briemakademistd-bold-webfont.svg#briem_akademi_stdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 22, 2012 */



@font-face {
    font-family: 'impactregular';
    src: url('../../font/impact-webfont.eot');
    src: url('../../font/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/impact-webfont.woff') format('woff'),
         url('../../font/impact-webfont.ttf') format('truetype'),
         url('../../font/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */
.clear{clear: both;}
.noBackground{background:none!important;}
.marginTop{margin-top:30px;}
.marginTopNeg{margin-top:-4px;}
.marginLeft{margin-left:82px;}
*{
    font-family:Arial, Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

body{
    /*background: #000;*/
}

#wrapper{
    width:600px;
    margin:auto;
    padding:0px 20px;
    background: #000 url(../images/cartiglio640px.jpg) left top no-repeat;
}
#header{
    margin:0px;
    float:left;
    position:relative;
    display:inline;
    width:600px;
    color:#FFF;
    padding-top:185px;
}
#header a.ilcalciofb{
    display:block;
    position:absolute;
    top:20px;
    right:75px;
    width:40px;
    height:40px;
}
#header a.ilcalciotw{
    display:block;
    position:absolute;
    top:20px;
    right:30px;
    width:40px;
    height:40px;
}
#header a.ilcalciogazza{
    display:block;
    position:absolute;
    top:15px;
    left:30px;
    width:115px;
    height:30px;
}
#header a.ilcalciotim{
    display:block;
    position:absolute;
    top:15px;
    left:155px;
    width:70px;
    height:30px;
}
#header #contentForm{
    display:inline;
    position:relative;
    float:left;
    margin-left:22px;
}
#header #frase{
    display:inline;
    position:relative;
    float:left;
    width:410px;
    height:50px;
    border:0;
    margin-right:0;
    font-size:18px;
    font-weight:normal;
    padding:0 5px;
}
#header .btnInvia{
    display:block;
    position:relative;
    float:left;
    background: url(../images/btnInvia.jpg) left top no-repeat;
    border:0;
    width:50px;
    height:50px;
    cursor:pointer;
}
#header #caratteri{
    display:inline;
    position:relative;
    float:left;
    margin-top:5px;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
#header #bottomFormBar{
    display:inline;
    position:relative;
    float:left;
    width:700px;                  
    height:35px;
    color:#FFF;
    margin:45px 0 0 22px;
}
#header #bottomFormBar a.info{ 
    color:#FFF;
    text-decoration: none;
    cursor: default;
}
#header #bottomFormBar a:hover, #header #bottomFormBar a.sel, #footer a:hover{ 
    color:#FDD901 !important;
}
#header #bottomFormBar #infoSlide{ 
    display:none;
    position:absolute;
    top:18px;
    left:74px;
    width:193px;
    height:67px;
    background: url(../images/fumetto.png) left top no-repeat;
    padding:30px 0 0 13px;
    z-index:60;
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
    text-transform: uppercase;
}
#header #bottomFormBar #infoSlide a{ 
    font-family: 'briem_akademi_stdbold';
    font-size:14px;
    cursor:pointer;
}
#header #bottomFormBar label{
    display:inline;
    position:relative;
    float:left;
    padding-top:7px;
    margin-right:10px;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
}
#header #bottomFormBar span{
    display:inline;
    position:relative;
    float:left;
    padding-top:5px;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
    line-height:20px;
}
#header #bottomFormBar a.spanhome{
    display:inline;
    position:relative;
    float:left;
    padding-top:8px;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
    line-height:20px;
    margin-right:10px;
    color:#FFF;
    text-decoration:none;
}
#header #bottomFormBar a .radio{
    display:inline;
    position:relative;
    float:left;
    margin-top:4px;
    cursor: pointer;
}
#header #bottomFormBar span.veditutte{
    padding-top:0 !important;
    margin-top:5px;
    padding:0 4px;
    height:18px;
}
#header #bottomFormBar span.veditutte a{  
    color:#FFF;
    text-decoration:none;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;   
}
#header #bottomFormBar span.sel a{  
    color:#FDD901 !important;

}
#header #bottomFormBar span.border{
    border-right:1px solid #FFF;
}
#header #bottomFormBar #vediTutte{
    display:inline;
    position:relative;
    float:right; 
    width:230px;
    height:35px; 
    background: url(../images/btnGuardaeVota.jpg) left top no-repeat;
    text-decoration: none;
    color:#000;
    line-height:32px;
    margin-right:0px;
}
#slidepiuvotate{
    display:inline;
    position:relative;
    float:left; 
    width:700px;
    height:552px; 
    overflow:hidden;
    margin:0 30px;  
}
#slidepiuvotate .piuvotata{
    display:inline;
    position:relative;
    float:left;
    width:710px;
    height:507px; 
}
#slidepiuvotate #prev{
    display:inline;
    position:absolute;
    left:0;
    z-index:50;
    color:#FFF;
    font-size:50px;
    height:417px;
    width:40px;
    cursor:pointer;
    background: url(../images/prev.png) 20px 200px no-repeat;
}
#slidepiuvotate #next{
    display:inline;
    position:absolute;
    right:0;
    z-index:50;
    color:#FFF;
    font-size:50px;
    height:417px;
    width:40px;
    cursor:pointer;
    background: url(../images/next.png) left 200px no-repeat;
}
#slidepiuvotate .piuvotata #boxvoti{
    display:inline;
    position:absolute;
    bottom:80px;
    right:30px;
    z-index:50;
    color:#FFF;
    text-align:right;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
#slidepiuvotate .piuvotata #boxvoti #voti{
    display:inline;
    position:relative;
    float:left;
    font-size:64px;
    font-family: 'briem_akademi_stdregular';
    font-weight:bold;
}
#slidepiuvotate .piuvotata #boxvotisettimana{
    display:inline;
    position:absolute;
    bottom:80px;
    right:30px;
    z-index:50;
    color:#323232;
    text-align:right;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
    font-weight:bold;
}
#slidepiuvotate .piuvotata #boxvotisettimana #voti{
    display:inline;
    position:relative;
    float:left;
    font-size:64px;
    font-family: 'briem_akademi_stdregular';
    font-weight:bold;
}
#slidepiuvotate .piuvotata #frasettimana{
    display:inline;
    position:absolute;
    bottom :95px;
    z-index:50;
    left:17px;  
    font-family: 'briem_akademi_stdregular';
    font-weight:bold;
    font-size:13px; 
    color:#323232; 
}
.piuvotata .dettaglioFrase{
    display:inline;
    position:relative;
    float:left;
    width:700px;
    height:50px;
    background:#FFF;
    padding:20px 5px 20px 15px;
}
.piuvotata .dettaglioFrase img{
    display:inline;
    position:relative;
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
}
.piuvotata .dettaglioFrase .infoAggiuntive{
    display:inline;
    position:relative;
    float:left;
    width:470px;
}
.piuvotata .dettaglioFrase .infoAggiuntive .nome{
    display:inline;
    position:relative;
    float:left;
    width:470px;
    height:20px;
    border-bottom:1px solid #000;
    font-family: 'briem_akademi_stdregular';
    font-size:15px;
}
.piuvotata .dettaglioFrase .infoAggiuntive .testo{
    display:inline;
    position:relative;
    float:left;
    width:470px;
    height:30px;
    margin-top:5px;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
.piuvotata .dettaglioFrase .share{
    display:inline;
    position:relative;
    float:left;
    margin-left:35px;
    margin-top:5px;
}
.piuvotata .dettaglioFrase .share a{
    display:block;
    position:relative;
    float:left;
    width:24px;
    height:24px;
    padding:8px;
    border-right:1px solid #000;
}
.piuvotata .dettaglioFrase .share a.pinterest{
    background: url(../images/pinterest.jpg) center center no-repeat;
}
.piuvotata .dettaglioFrase .share a.facebook{
    background: url(../images/facebook.jpg) center center no-repeat;
}
.piuvotata .dettaglioFrase .share a.twitter{
    background: url(../images/twitter.jpg) center center no-repeat;
    border:0;
}
.vediTutteBottom{
    display:inline;
    position: relative;
    float:right;
    color:#FFF;
    margin-top: 5px;
    text-decoration: none;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
}
#footer{
    display:inline;
    position: relative;
    float:left;
    width:700px;
    margin:0 0 0 30px;
    padding :10px 0 20px 0;
    color:#FFF; 
    border-top:1px solid #FFF;
    background:  url(../images/ilcalciochevogliamo.png) right 10px no-repeat;
}
#footer span{
    display:inline;
    position: relative;
    float:left;
    color:#FFF; 
    font-family: 'briem_akademi_stdregular';     
    font-size:12px;
}
#footer a{
    color:#FFF;
    text-decoration: none;
    font-family: 'briem_akademi_stdregular';     
    font-size:12px;
}
#tuttelefrasi{
    display:inline;
    position:relative;
    float:left;
    width:600px;
    margin:0;
}
#tuttelefrasi .dettaglioFrase{
    display:inline;
    position:relative;
    float:left;
    width:590px;
    height:70px;
    background:#FFF;
    padding:20px 0 20px 10px;
    margin: 0 0 5px 0; 
}
#tuttelefrasi .dettaglioFrase img{
    display:inline;
    position:relative;
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
}
#tuttelefrasi .dettaglioFrase .infoAggiuntive{
    display:inline;
    position:relative;
    float:left;
    width:520px;
}
#tuttelefrasi .dettaglioFrase .infoAggiuntive .nome .votiTutti{
    display:inline;
    position:relative;
    float:right;
    font-family: 'briem_akademi_stdregular';
    font-size:15px;    
}
#tuttelefrasi .dettaglioFrase .infoAggiuntive .nome .votiTutti b{ 
    font-family: 'briem_akademi_stdbold';
    font-size:16px;    
    font-weight:normal;
}
#tuttelefrasi .dettaglioFrase .infoAggiuntive .nome{
    display:inline;
    position:relative;
    float:left;
    width:520px;
    height:20px;
    border-bottom:1px solid #000;
    font-family: 'briem_akademi_stdregular';
    font-size:15px;
}
#tuttelefrasi .dettaglioFrase .infoAggiuntive .testo{
    display:inline;
    position:relative;
    float:left;
    width:430px;
    height:30px;
    margin-top:5px;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
#tuttelefrasi .dettaglioFrase .share{
    display:inline;
    position:relative;
    float:right;
    margin-top:5px;
}
#tuttelefrasi .dettaglioFrase .share a{
    display:block;
    position:relative;
    float:left;
    width:24px;
    height:24px;
    padding:8px;
    border-right:1px solid #000;
}
#tuttelefrasi .dettaglioFrase .share a.vota{
    background: url(../images/btnVota.png) center center no-repeat;
    width:46px !important;
}
#tuttelefrasi .dettaglioFrase .share a.facebook{
    background: url(../images/facebook.jpg) center center no-repeat;
}
#tuttelefrasi .dettaglioFrase .share a.twitter{
    background: url(../images/twitter.jpg) center center no-repeat;
    border:0;
}
#vediAltre{
    display:inline;
    position:relative;
    float:left; 
    width:600px;
    height:35px; 
    margin: 0 0 20px 0;
    background: url(../images/btnPartecipa.jpg) center top no-repeat;  
    cursor:pointer;
}
#vediAltre span{ 
    display:inline;
    position:relative;
    float:left;    
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
    margin: 12px 0 0 275px;
    color:#000;
}
#vediTutteInfo{
    display:none;
    position:absolute;
    right:30px;
    bottom:0;
    background: url(../images/votaFrasiPreferite.jpg) left top no-repeat;  
    z-index:50;
    width:265px;
    height:85px;
}
#header #bottomFormBar #btnVediTutte{
    display:inline;
    position:relative;
    float:right; 
    width:265px;
    height:35px; 
    background: url(../images/votaFrasiPreferite.jpg) left top no-repeat;  
    text-decoration: none;
    color:#000;
    line-height:32px;
    margin-right:30px;
}
#calendario{
    display:none;
    position:absolute;
    top:15px;
    left:-100px;
    z-index:50;
    width:258px;
    height:212px;
    background: url(../images/calendario.png) left top no-repeat;  
}
#calendario #mese{ 
    display:inline;
    position:relative;
    float:left;
    margin:46px 0 0 95px; 
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;  
}
#calendario #calendar{
    display:inline;
    position:relative;
    float:left;
    margin:10px 0 0 53px;
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
}
#calendario #calendar tr td{
    padding:0 3px !important;
}
#calendario #calendar tr td a{
    color:#000 !important;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
    cursor: pointer;
}

.sended{
    position: absolute;
    right:0;
    top:10px;
    height: 50px;
    width:240px;
    color:#FFF;
    font-family: 'briem_akademi_stdregular';  
    font-size: 12px;
}

.red{
    color:red !important;
}
.backHome{
    display:block;
    position:relative;
    float:left;
    font-family: 'briem_akademi_stdregular';  
    font-size: 12px; 
    color:#FFF;
    text-decoration:none;
    padding:10px 0 10px 0;  
}
.scriviFrase{
    display:block;
    position:relative;
    float:left;
    font-family: 'briem_akademi_stdregular';  
    font-size: 12px; 
    color:#000;
    text-decoration:none;
    padding:10px 15px 10px 15px;  
    background: url(../images/btnPartecipa.jpg) left top no-repeat; 
}
#divOrdinamento{
    display:inline;
    position:relative;
    float:left;
    font-family: 'briem_akademi_stdregular';  
    font-size: 12px; 
    color:#FFF;
    text-decoration:none;
    padding:5px 0 0 0; 
    margin-left:60px; 
}
/*#header #bottomFormBar #infoSlideRecenti{ 
    display:none;
    position:absolute;
    top:21px;
    left:7px;
    width:193px;
    height:67px;
    background: url(../images/fumetto.png) left top no-repeat;
    padding:30px 0 0 13px;
    z-index:60;
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
    text-transform: uppercase;
}
#header #bottomFormBar #infoSlideRecenti a{ 
    font-family: 'briem_akademi_stdbold';
    font-size:14px;
    cursor:pointer;
}*/
#header #bottomFormBar #infoSlideSettimana{ 
    display:none;
    position:absolute;
    top:18px;
    left:7px;
    width:188px;
    height:67px;
    background: url(../images/fumetto.png) left top no-repeat;
    padding:33px 5px 0 13px;
    z-index:60;
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
#header #bottomFormBar #infoSlideVoti{ 
    display:none;
    position:absolute;
    top:18px;
    left:7px;
    width:183px;
    height:67px;
    background: url(../images/fumetto.png) left top no-repeat;
    padding:33px 10px 0 13px;
    z-index:60;
    color:#000;
    font-family: 'briem_akademi_stdregular';
    font-size:13px;
}
#privacy{
    display:inline;
    position:relative;
    float:left;
    width:690px;
    margin:0 0 0 30px;
}
#privacy p{
    display:inline;
    position:relative;
    float:left;
    font-family: 'briem_akademi_stdregular';
    font-size:12px;
    color:#FFF;
    margin:0 !important;
    padding:2px 0;
}
#privacy p B{
    display:inline;
    position:relative;
    float:left;
    font-family: 'briem_akademi_stdbold';
    font-size:14px;
    color:#FFF;
    font-weight:normal;
}