/* testata */

ul.inter-italia { background: #cc0f13 url("../images/sf_testata.png") no-repeat bottom left; height: 60px; position: relative;}

ul.inter-italia li {}

/*
NAVIGAZIONE
*/
ul.inter-italia:before,
ul.inter-italia:after      { content:"";display:table}
ul.inter-italia:after      { clear:both}

ul.inter-italia>li         { float:left;margin:10px 5px 0 0; position: absolute; left: 268px;}
ul.inter-italia>li>a       { background:#e68955;padding:0 15px;color:#fff;display:block;font:14px/30px 'lato-bold',Arial,'Helvetica Neue',Helvetica,sans-serif}
ul.inter-italia>li>a:hover { color:#fff}

ul.inter-italia .has-submenu             { position:relative;z-index:100;text-align: left;}
ul.inter-italia .has-submenu>a           { padding-right:15px;-webkit-transition:none;-moz-transition:none;transition:none}
ul.inter-italia .has-submenu .menu-arrow { 
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    width:10px;height:7px;
    background-image:url('https://puntoitalia.online/static/speciali/repubblica-delle-idee/2015/genova/images/sprite-menu.png');
    background-repeat:no-repeat;
    background-position: 0px -9px;
    margin-left: 5px;
}
.ie7 ul.inter-italia .has-submenu .menu-arrow { height:10px}

ul.inter-italia .has-submenu>div         {display:none; zoom:1; background:#00503c; padding:10px; position:absolute; top:36px; left:0 }
ul.inter-italia .has-submenu>div:before,
ul.inter-italia .has-submenu>div:after   {content:"";display:table}
ul.inter-italia .has-submenu>div:after   {clear:both}

ul.inter-italia .has-submenu>div.submenu         { width:200px;}
ul.inter-italia .has-submenu>div.submenu a       { display:block;font:14px/30px Arial,'Helvetica Neue',Helvetica,sans-serif;color:#fff; background-color: #00503c;}
ul.inter-italia .has-submenu>div.submenu a:hover { color:#e68955}
ul.inter-italia .has-submenu>div.submenu li      { border-bottom: 1px #609892 solid; float: none;}
ul.inter-italia .has-submenu>div.submenu li.last { border-bottom:none}
ul.inter-italia .has-submenu:hover a             { padding-bottom:6px;-webkit-transition:none;-moz-transition:none;transition:none}
ul.inter-italia .has-submenu:hover>div           { display:block}
ul.inter-italia .has-submenu:hover>a:hover       { background:#00503c}


#drawTable {
    background: url("../images/wim_sc_0000g1.png") no-repeat scroll left center transparent;
    clear: both;
    height: 161px;
    left: 52px;
    position: relative;
    width: 550px;
    font-size: 13px;
	font-family: 'Arial';
	color: #222;
    margin-bottom: 10px;
    margin-top: 15px;
}
#drawTableFinal {
    background: url("../images/wim_final.png") no-repeat scroll left center transparent;
    height: 125px;
    left: 52px;
    line-height: 20px;
    position: relative;
    width: 550px;
}
#matchf {
    left: 10px;
    position: absolute;
    top: 30px;
}
#matchf tr {
    height: 16px;
}
#winnerf {
    left: 390px;
    position: absolute;
    top: 51px;
    font-size: 13px;
    font-family: 'Arial';
    color: #222;
}
#drawTable table, #drawTableFinal table {
	font-size: 13px;
	font-family: 'Arial';
	color: #222;

}
#drawTable table td {
    line-height: 18px;

}
.nome-gio {
	color: #222;
}
#match1 {
	position: absolute;
	left:10px;
	top:13px;
}
#match2 {
	position: absolute;
	left:10px;
	top:93px;
}
#avanti {
    position: absolute;
    right: -10px;
    top: 71px;
    z-index: 3000;
}
#indietro {
    position: absolute;
    left: -26px;
    top: 71px;
    z-index: 3000;
}
#avanti a.bx-next {
    background: url("../images/next.gif") repeat-y scroll 0 0 transparent;
    text-decoration: none;
    height: 1220px; width: 21px;
    display: block;
}
#indietro a.bx-prev {
    background: url("../images/prev.gif") repeat-y scroll 0 0 transparent;
    text-decoration: none;
    height: 1220px; width: 21px;
    display: block;
}


img {
    border: 0 none;
    display: block;
}
#winner1 {
    left: 390px;
    position: absolute;
    top: 53px;
    color: #006633;
}
#winner2 {
    left: 390px;
    position: absolute;
    top: 88px;
    color: #006633;
}

#drawRounds {
    width: 675px;
    display: block;
    color: #fff;
}

#drawRounds .first {
    float: left;
    width: 352px;    
    background: #971721 ;
    text-align: center;
    margin-right: 2px solid #fff;
}
#drawRounds .second {
    float: right;
     width: 322px;
     text-align: center;
    background: #971721 ;
}


/*******nav*********/
#bx-pager {
    float: left;
}
#bx-pager #headers.nav7 {
    background: none repeat scroll 0 0 #971721 ;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 19px;
    font-size: 11px;
    line-height: 19px;
    padding: 0 0px 0 10px;
    width: 764px !important;
}
#bx-pager #headers.nav7 div {
    float: left;
    margin-right: 11px;
    text-align: center;
    width: 82px;
}
/*
#bx-pager #headers.nav7 div a,
#bx-pager #headers.nav7 div a:visited {
    color: #fff;
    text-decoration: none;
}
#bx-pager #headers.nav7 div a:hover {
    background: #65A8DB;
    display: block;
}

*/
#bx-pager #options.nav7 {
    background-color: #E68955;
    float: left;
    height: 125px !important;
    padding: 10px 0 0 10px;
    width: 764px !important;
}
#bx-pager #options.nav7 .column {
    float: left;
    margin-right: 11px;
    width: 82px;
}
#bx-pager .btm-margin {
    margin-bottom: 5px;
}
.r1s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 82px;
}
.r1s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -120px transparent;
    height: 25px;
    width: 82px;
    display: block;
}
.r1s2 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -30px transparent;
    height: 25px;
    width: 82px;
}
.r1s2 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -150px transparent;
    height: 25px;
    width: 82px;
    display: block;
}
.r1s3 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -60px transparent;
    height: 25px;
    width: 82px;
}
.r1s3 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -180px transparent;
    height: 25px;
    width: 82px;
    display: block;
}
.r1s4 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -90px transparent;
    height: 25px;
    width: 82px;
}
.r1s4 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll 0 -210px transparent;
    height: 25px;
    width: 82px;
    display: block;
}
.r2s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -87px 0 transparent;
    height: 55px;
    width: 82px;
}
.r2s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -87px -120px transparent;
    height: 55px;
    width: 82px;
    display: block;
}
.r2s2 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -87px -60px transparent;
    height: 55px;
    width: 82px;
}
.r2s2 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -87px -180px transparent;
    height: 55px;
    width: 82px;
    display: block;
}
.r3s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -174px 0 transparent;
    height: 115px;
    width: 82px;
}
.r3s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -174px -120px transparent;
    height: 115px;
    width: 82px;
    display: block;
}
.r4s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -261px 0 transparent;
    height: 115px;
    width: 82px;
}
.r4s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -261px -120px transparent;
    height: 115px;
    width: 82px;
    display: block;
}
.r5s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -348px 0 transparent;
    height: 115px;
    width: 82px;
}
.r5s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -348px -120px transparent;
    height: 115px;
    width: 82px;
    display: block;
}
.r6s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -434px 0 transparent;
    height: 115px;
    width: 82px;
}
.r6s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -434px -120px transparent;
    height: 115px;
    width: 82px;
    display: block;
}
.r7s1 {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -521px 0 transparent;
    height: 115px;
    width: 82px;
}
.r7s1 a.active {
    background: url("../images/draw_navigator_sprite.png") no-repeat scroll -521px -120px transparent;
    height: 115px;
    width: 82px;
    display: block;
}


#bx-pager .r1s1:hover {
    background-position: 0 -120px;
}
#bx-pager .r1s2:hover {
    background-position: 0 -150px;
}
#bx-pager .r1s3:hover {
    background-position: 0 -180px;
}
#bx-pager .r1s4:hover {
    background-position: 0 -210px;
}
#bx-pager .r2s1:hover {
    background-position: -87px -120px;
}
#bx-pager .r2s2:hover {
    background-position: -87px -180px;
}
#bx-pager .r3s1:hover {
    background-position: -174px -120px;
}
#bx-pager .r4s1:hover {
    background-position: -261px -120px;
}
#bx-pager .r5s1:hover {
    background-position: -348px -120px;
}
#bx-pager .r6s1:hover {
    background-position: -434px -120px;
}
#bx-pager .r7s1:hover {
    background-position: -521px -120px;
}