body { margin: 0; padding: 0; background-color: #F2F2F2; }

#pq-mondiali-wrapper *,
#pq-mondiali-wrapper *:before,
#pq-mondiali-wrapper *:after { box-sizing:content-box!important; }

#pq-mondiali-wrapper { width: 960px; margin: 0 auto 50px; font-family: Arial, Helvetica, sans-serif; background-color: #F2F2F2; }
#pq-mondiali-wrapper .roboto { font-family: 'Roboto Condensed', sans-serif;}
#pq-mondiali-wrapper * { margin: 0; padding: 0; list-style: none;  }

#pq-header { height: 520px; padding-top: 190px; width: 100%; background: url('../img/bg-header.jpg') left top no-repeat; position: relative; overflow: hidden; }
#pq-header .years { width: 650px; height: 90px; margin: 0 auto; overflow: hidden; }
#pq-header .years li { float: left; padding-top: 12px; }
#pq-header .years li a { display: block; width: 61px; height: 61px; margin-right: 23px; background-image: url('../img/btn-anni-matrix.png'); cursor: pointer; text-indent: -10000px; overflow: hidden; }
#pq-header .years li a.y1982 { background-position: left top; }
#pq-header .years li a.y1982:hover,
#pq-header .years li.active a.y1982 { background-position: left -61px; }
#pq-header .years li.passive a.y1982 { background-position: left -122px; cursor: default; }

#pq-header .years li a.y1986 { background-position: -61px top; }
#pq-header .years li a.y1986:hover,
#pq-header .years li.active a.y1986 { background-position: -61px -61px; }
#pq-header .years li.passive a.y1986 { background-position: -61px -122px; cursor: default; }

#pq-header .years li a.y1990 { background-position: -122px top; }
#pq-header .years li a.y1990:hover,
#pq-header .years li.active a.y1990 { background-position: -122px -61px; }
#pq-header .years li.passive a.y1990 { background-position: -122px -122px; cursor: default; }

#pq-header .years li a.y1994 { background-position: -183px top; }
#pq-header .years li a.y1994:hover,
#pq-header .years li.active a.y1994 { background-position: -183px -61px; }
#pq-header .years li.passive a.y1994 { background-position: -183px -122px; cursor: default; }

#pq-header .years li a.y1998 { background-position: -244px top; }
#pq-header .years li a.y1998:hover,
#pq-header .years li.active a.y1998 { background-position: -244px -61px; }
#pq-header .years li.passive a.y1998 { background-position: -244px -122px; cursor: default; }

#pq-header .years li a.y2002 { background-position: -305px top; }
#pq-header .years li a.y2002:hover,
#pq-header .years li.active a.y2002 { background-position: -305px -61px; }
#pq-header .years li.passive a.y2002 { background-position: -305px -122px; cursor: default; }

#pq-header .years li a.y2006 { background-position: -366px top; }
#pq-header .years li a.y2006:hover,
#pq-header .years li.active a.y2006 { background-position: -366px -61px; }
#pq-header .years li.passive a.y2006 { background-position: -366px -122px; cursor: default; }

#pq-header .years li a.y2010 { background-position: -427px top; }
#pq-header .years li a.y2010:hover,
#pq-header .years li.active a.y2010 { background-position: -427px -61px; }
#pq-header .years li.passive a.y2010 { background-position: -427px -122px; cursor: default; }

#pq-header .years li a.last { margin-right: 0; }

#pq-header .rullo-years { position: relative; width: 960px; height: 392px; overflow: hidden; }
#pq-header .rullo-years .arrow { display: block; width: 36px; height: 36px; left: 436px; top: 213px; background: url('../img/bg-arrow-years.png') left top no-repeat; text-indent: -10000px; overflow: hidden; position: absolute; cursor: pointer; z-index: 1; }
#pq-header .articles { width: 7680px; height: 392px; position: absolute; }
#pq-header .articles li { width: 960px; height: 392px; overflow: hidden; float: left; }
#pq-header .articles li > h1 { height: 102px; font-size: 42px; line-height: 102px; color:#579726; text-transform: uppercase; text-align: center; }
#pq-header .articles li .content > * { float: left; }
#pq-header .articles li .content { margin-left: 30px; overflow: hidden; }
#pq-header .articles li .content .info { margin-left: 30px; width: 450px; }
#pq-header .articles li .content .info .sup { font-size: 14px; }
#pq-header .articles li .content .info h1 { font-size: 28px; text-transform: uppercase; }
#pq-header .articles li .content .info .description p { margin: 10px 0; font-size: 13px; }

#pq-banner { overflow: hidden; }
#pq-banner img { float: left; }

#pq-fasefinale { background-color: #FFF; }
#pq-fasefinale > h1 { height: 90px; text-align: center; font-size: 40px; color:#579726; line-height: 90px; text-transform: uppercase; }
#pq-fasefinale .fasefinale-wrapper { width: 924px; padding: 0 1px; margin: 0 auto 24px; height: 675px; overflow: hidden; position: relative; background: url('../img/linee.png') left 22px no-repeat; padding-bottom: 40px; }
#pq-fasefinale .fasefinale-wrapper .row { position: relative; height: 114px; }
#pq-fasefinale .fasefinale-wrapper .row.four { width: 854px; background-color: #F6F6F6; margin: 0 auto; }

#pq-fasefinale .fasefinale-wrapper .row.four .match { float: left; margin-right: 18px; }
#pq-fasefinale .fasefinale-wrapper .row .match { width: 200px; height: 114px; }
#pq-fasefinale .fasefinale-wrapper .row .match .header { height: 30px; border-bottom: 1px solid #C7C7C7; padding: 0 10px;}
#pq-fasefinale .fasefinale-wrapper .row .match .header .where { color: #999; line-height: 30px; font-size: 12px; font-weight: bold; }
#pq-fasefinale .fasefinale-wrapper .row .match .header .nm { color: #C5C5C5; line-height: 30px; font-size: 10px; font-weight: bold; float: right; }

#pq-fasefinale .fasefinale-wrapper .row .match .details { padding: 10px 0 0 10px; float: left; width: 55px; color: #999; line-height: 20px; font-size: 12px; font-weight: bold;  }
#pq-fasefinale .fasefinale-wrapper .row .match .teams { float: left; }
#pq-fasefinale .fasefinale-wrapper .row .match .teams li { font-size: 14px; height: 24px; line-height: 24px; padding-top: 9px; }
#pq-fasefinale .fasefinale-wrapper .row .match .teams li p { font-weight: bold; }
#pq-fasefinale .fasefinale-wrapper .row .match .teams li span { display: block; float: left; margin-right: 8px;  width:24px; height:24px; background-image: url('../img/bandierine.png'); background-repeat: no-repeat; }

#pq-fasefinale .fasefinale-wrapper .row .match.last { margin-right: 0; }

#pq-fasefinale .fasefinale-wrapper .row#second { width: 818px; margin: 0 auto; }
#pq-fasefinale .fasefinale-wrapper .row#second .match.first { position: absolute; left: 0; top:0; background-color: #D9F0FF; }
#pq-fasefinale .fasefinale-wrapper .row#second .match.center {  position: absolute; left: 50%; margin-left: -100px; top:50px;  background-color: #F3C4C4; }
#pq-fasefinale .fasefinale-wrapper .row#second .match.last { position: absolute; right: 0; top:0; background-color: #D9F0FF; }

#pq-fasefinale .fasefinale-wrapper .row#third { width: 706px; margin: 0 auto; }
#pq-fasefinale .fasefinale-wrapper .row#third .match.first { position: absolute; left: 0; top:0; background-color: #D0F1BD; }
#pq-fasefinale .fasefinale-wrapper .row#third .match.last { position: absolute; right: 0; top:0; background-color: #D0F1BD; }

#pq-fasefinale .fasefinale-wrapper .row#fourth { width: 818px; margin: 0 auto; }
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.first { position: absolute; left: 0; top:0; background-color: #D9F0FF; }
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.center {  position: absolute; left: 50%; margin-left: -136px; bottom:0;  background-color: #E98585; width: 272px; height: 155px; color: #FFF;  }
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.center .header { border-bottom: 3px solid #FFF; }
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.center .header .where,
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.center .header .nm,
#pq-fasefinale .fasefinale-wrapper .row#fourth .match.center .details { color: #FFF; }

#pq-fasefinale .fasefinale-wrapper .row#fourth .match.last { position: absolute; right: 0; top:0; background-color: #D9F0FF; }

#pq-fasefinale .fasefinale-wrapper .row#first { margin-bottom: 40px; }
#pq-fasefinale .fasefinale-wrapper .row#second { margin-bottom: 15px; }
#pq-fasefinale .fasefinale-wrapper .row#third { margin-bottom: 15px; }
#pq-fasefinale .fasefinale-wrapper .row#last { margin-top: 36px; }

#pq-programma { background-color: #FFF; }
#pq-programma > h1 { height: 90px; text-align: center; font-size: 40px; color:#579726; line-height: 90px; text-transform: uppercase; }
#pq-programma .calendario-wrapper nav { height: 36px; width: 960px; position: absolute; top: 0; left: 0; z-index: 1;}
#pq-programma .calendario-wrapper nav a { display: block; width: 36px; height: 36px; overflow: hidden; text-indent: -10000px; cursor: pointer; }
#pq-programma .calendario-wrapper nav a.back { float: left; background: url('../img/bg-arrow-years.png') left bottom no-repeat;  }
#pq-programma .calendario-wrapper nav a.forward { float: right; background: url('../img/bg-arrow-years.png')  left top no-repeat;  }

#pq-programma .calendario-wrapper { width: 960px; height: 390px; overflow: hidden; margin-bottom: 24px; position: relative; }
#pq-programma .calendario-wrapper .giornate { width: 4800px; overflow: hidden; position: absolute;  }
#pq-programma .calendario-wrapper .giornate .giornata { width: 320px; float: left; }
#pq-programma .calendario-wrapper .giornate .giornata h1 { width: 318px; border-right: 2px solid #FFF; height: 36px; background-color: #7EB542; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 36px; color: #FFF; }
#pq-programma .calendario-wrapper .giornate .giornata li { border-bottom: 1px solid #DCDCDC; height: 70px; overflow: hidden; }
#pq-programma .calendario-wrapper .giornate .giornata li > * { float: left; }
#pq-programma .calendario-wrapper .giornate .giornata li .details { width: 85px; color: #7D7D7D; font-size: 12px; padding: 15px 0 0 15px; line-height: 15px; }
#pq-programma .calendario-wrapper .giornate .giornata li .match { width: 200px; text-align: right; padding-right: 20px; overflow: hidden; }
#pq-programma .calendario-wrapper .giornate .giornata li .match > * { display: inline; line-height: 70px; font-size: 14px; }
#pq-programma .calendario-wrapper .giornate .giornata li .match p { font-weight: bold; }
#pq-programma .calendario-wrapper .giornate .giornata li .match span { color: #5C852D; }

#pq-classifica { background-color: #FFF; padding: 25px 0 80px 20px; overflow: hidden; }
#pq-classifica h1 { font-size: 28px; }
#pq-classifica li { width: 215px; height: 250px; margin-right: 20px; float: left; }
#pq-classifica li h2 { height: 33px; line-height: 33px; font-size: 14px; color: #ADADAD; text-transform: uppercase; }
#pq-classifica li .col1 { width: 160px; }
#pq-classifica li .col2 { width: 46px; }
#pq-classifica li .col3 { width: 9px; }
#pq-classifica li table { color: #252525; }
#pq-classifica li thead th { height: 20px; line-height: 20px; font-size: 12px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }
#pq-classifica li tbody td { font-size: 14px; height: 24px; line-height: 24px; padding-top: 16px; }
#pq-classifica li tbody td p { font-weight: bold; }
#pq-classifica li tbody td p span { display: block; float: left; margin-right: 8px;  width:24px; height:24px; background-image: url('../img/bandierine.png'); background-repeat: no-repeat; }

span.brasile { background-position: -135px; }
span.croazia { background-position: -297px; }
span.messico { background-position: -594px; }
span.camerun { background-position: -162px; }
span.spagna { background-position: -756px; }
span.olanda { background-position: -621px; }
span.cile { background-position: -189px; }
span.australia { background-position: -54px; }
span.colombia { background-position: -216px; }
span.grecia { background-position: -459px; }
span.costa-d-avorio { background-position: -270px; }
span.giappone { background-position: -567px; }
span.uruguay { background-position: -837px; }
span.costa-rica { background-position: -243px; }
span.inghilterra { background-position: -351px; }
span.italia { background-position: -540px; }
span.svizzera { background-position: -783px; }
span.equador { background-position: -324px; }
span.francia { background-position: -378px; }
span.honduras { background-position: -486px; }
span.argentina { background-position: -27px; }
span.bosnia { background-position: -108px; }
span.iran { background-position: -513px; }
span.nigeria { background-position: -648px; }
span.germania { background-position: -405px; }
span.portogallo { background-position: -675px; }
span.ghana { background-position: -432px; }
span.usa { background-position: -810px; }
span.belgio { background-position: -81px; }
span.algeria { background-position: 0px; }
span.russia { background-position: -702px; }
span.corea-del-sud { background-position: -729px; }
span.teamA { background-position: -892px; }
span.teamB { background-position: -920px; }