.cintillo-fases {
    border-bottom: 1px solid #da0717;
    border-left: 10px solid #da0717;
    display: block;
    float: left;
    height: 25px;
    margin: 20px 0 10px 5px;
    padding-bottom: 10px;
    width: 100%;
    box-sizing: unset;
}

.cintillo-fases h2 {
    color: #244570;
    display: block;
    float: left;
    font-size: 26px;
    height: 25px;
    line-height: 33px;
    margin: 0 0 0 10px;
    text-align: left;
    font-weight: 200;
}

ol.fase-grupos a { color: #333;}

ol.fase-grupos {list-style-type: none; float: left; margin-bottom: 30px;}

ol.fase-grupos li { float: left; width: 308px; margin: 4px;}

ol.fase-grupos li:hover { }

ol.fase-grupos li ul h3 { width: 100%; text-align: center; padding: 5px; background-color: #333; color: #fff;font-weight: 200;  text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
    -moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}

ol.fase-grupos li ul li  { width: 310px; float: left; margin:5px 5px 16px 5px;}

ol.fase-grupos li ul li span.fecha { font-size: 10px;  float: left; margin-left: 5px; color: #666666;  width: 141px; margin-bottom: 5px;}

ol.fase-grupos li ul li span.estadio { font-size: 10px;  float: right; text-align: right; margin-right: 0px; color: #666666; text-transform: uppercase; width: 150px; margin-bottom: 5px; padding-right: 0px;}

ol.fase-grupos li ul li span.banderaLocal {float: left; width: 32px; height: 32px;  border-bottom: 1px solid #eae9e6; border-top: 1px solid #eae9e6;}

ol.fase-grupos li ul li span.banderaVisitante {float: left; width: 32px; height: 32px;  border-bottom: 1px solid #eae9e6; border-top: 1px solid #eae9e6;}

ol.fase-grupos li ul li span.seleccionLocal, ol li ul li span.seleccionVisitante  {float: left; width: 103px; text-align: center; font-size: 12px; font-weight: bold; height: 32px; line-height: 30px;  border-bottom: 1px solid #eae9e6; border-top: 1px solid #fff;}

ol.fase-grupos li ul li span.sincomenzar {float: left; width: 32px; text-align: center; background-color: #cccccc; font-size: 12px; text-align: center; height: 32px; line-height: 30px; font-weight: bold; border-bottom: 1px solid #eae9e6; border-top: 1px solid #eae9e6; color:#000;}

ul.equipos-grupo { font:9px Arial, Geneva, sans-serif; letter-spacing:-0.1px; width:320px; background-color:#E9E9E9; float:left; border-bottom:1px solid #ccc;  }
ul.equipos-grupo  li{ display:inline; float:left; margin-top:1px; color:#999;}
ul.equipos-grupo  li.bandera a{ color:#333;}
ul.equipos-grupo  li.grupo{ width:23px; height:30px;border-left:1px solid #fff}
ul.equipos-grupo  li.bandera{height: 30px;    margin-bottom: 0;    margin-top: 1px;    padding-bottom: 5px;    text-align: center;    width: 70px;}
ul.equipos-grupo  li.bandera img{ margin-top:3px}
ul.equipos-grupo  li.bandera span { margin-top:-3px; .margin-top:0px;}
 li.bandera span{ display:block; text-align:center;margin-top:0px; .margin-top:0px; text-shadow:0 1px 0 #FFFFFF; color:#333;}


h3.grupo-a { background-color:#0a3e70 !important;}
h3.grupo-b { background-color:#e6b538 !important;}
h3.grupo-c { background-color:#95ac2e !important;}
h3.grupo-d { background-color:#52939f !important;}
h3.grupo-e { background-color:#9c1417 !important;}
h3.grupo-f { background-color:#676463 !important;}



/*cuadro clasificacion*/

ol.cuadro {
list-style-type: none;
background: url("https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/fnd-cuadro.png") repeat-x scroll 0 10px;
clear:both;
height:497px;
margin-bottom:50px;
margin-left:7px;
padding:0;
width:100%;
padding-top:10px;
float: left;
}

ol.cuadro a { color: #333;}

ol.cuadro li ul { overflow: visible; margin:0px; }

ol.cuadro li ul.cuadro-octavos-1, ol.cuadro li ul.cuadro-octavos-2, ol.cuadro li ul.cuadro-cuartos-1, ol.cuadro li ul.cuadro-cuartos-2,  ol.cuadro li ul.cuadro-semifinal-1, ol.cuadro li ul.cuadro-semifinal-2, ol.cuadro li ul.cuadro-final{ width: 127px; float: left;  margin: 5px;}


ol.cuadro li ul.cuadro-octavos-1 { position: relative; left: 0px;  }
ol.cuadro li ul.cuadro-octavos-2 {  position: relative; left: 685px;  }
ol.cuadro li ul.cuadro-cuartos-1 { position: relative; left: -135px;  }
ol.cuadro li ul.cuadro-cuartos-2 { position: relative; left: 274px;  }
ol.cuadro li ul.cuadro-semifinal-1 { position: relative; left: -270px;  }
ol.cuadro li ul.cuadro-semifinal-2 {  position: relative; left: -140px; }
ol.cuadro li ul.cuadro-final {  position: relative;
    left: -410px; }



ol.cuadro li ul.cuadro-octavos-1 li, ol.cuadro li ul.cuadro-octavos-2 li, ol.cuadro li ul.cuadro-cuartos-1 li, ol.cuadro li ul.cuadro-cuartos-2 li,  ol.cuadro li ul.cuadro-semifinal-1 li, ol.cuadro li ul.cuadro-semifinal-2 li, ol.cuadro li ul.cuadro-final li{  height: 98px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);}

ol.cuadro li ul.cuadro-cuartos-1 li span.fecha, ol.cuadro li ul.cuadro-cuartos-2 li span.fecha { background: #006699;}

ol.cuadro li ul.cuadro-cuartos-1 li span.estadio, ol.cuadro li ul.cuadro-cuartos-2 li span.estadio { background: #006699;}


ol.cuadro li ul.cuadro-octavos-1 li { margin: 5px 0 !important; width: 100%; float: left; background-color: #fff; border: 1px solid #fff;}

ol.cuadro li ul.cuadro-octavos-2 li {margin: 5px 0 !important; width: 100%; float: left; background-color: #fff; border: 1px solid #fff;}

ol.cuadro li ul.cuadro-cuartos-1 li {  width: 100%; float: left; background-color: #fff; border: 1px solid #fff;}
ol.cuadro li ul.cuadro-cuartos-1 li:nth-child(2) {margin: 80px 0  !important; }

ol.cuadro li ul.cuadro-cuartos-2 li { width: 100%; float: left; background-color: #fff; border: 1px solid #fff;}
ol.cuadro li ul.cuadro-cuartos-2 li:nth-child(2) {margin: 80px 0  !important; }



ol.cuadro li ul.cuadro-semifinal-1 li { margin-top: 170px; width: 100%; float: left; background-color: #fff; border: 1px solid #fff; }

ol.cuadro li ul.cuadro-semifinal-2 li { margin-top: 170px; width: 100%; float: left; background-color: #fff; border: 1px solid #fff; }

ol.cuadro li ul.cuadro-semifinal-1 li span.fecha, ol.cuadro li ul.cuadro-semifinal-2 li span.fecha { background: #0099cc;}

ol.cuadro li ul.cuadro-semifinal-1 li span.estadio, ol.cuadro li ul.cuadro-semifinal-2 li span.estadio { background: #0099cc;}

ol.cuadro li ul.cuadro-final li { width: 100%; float: left; background-color: #fff; border: 1px solid #fff; }

ol.cuadro li ul.cuadro-final li:nth-child(2) {margin: 50px 0 0 0 !important; }

ol.cuadro li ul li span { float: left;    font-size: 11px;    text-align: center;    width: 100%;}

ol.cuadro li ul li span.fecha {background-color:#244570;color:#FFFFFF; padding: 3px 0;}
ol.cuadro li ul li span.estadio {background-color:#244570;color:#FFFFFF; padding: 3px 0;}


ol.cuadro li ul.cuadro-final  li span.fecha, ol.cuadro li ul.cuadro-final  li span.estadio {background-color:#b90405;}


ol.cuadro li ul li span.seleccionLocal { font-size: 12px;    font-weight: bold;    height: 27px;    line-height: 30px;}

ol.cuadro li ul li span.seleccionVisitante { font-size: 12px;    font-weight: bold;    height: 27px;    line-height: 30px;}



ol li ul li.pie_cuadro {
background-color:#244570;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:132px;
}

ol li ul li.pie_cuadro:nth-child(2), ol li ul li.pie_cuadro:nth-child(6) {background-color:#006699;}

ol li ul li.pie_cuadro:nth-child(3), ol li ul li.pie_cuadro:nth-child(5) {background-color:#0099cc;}


ol li ul li.pie_cuadro_final {
background-color:#b90405;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:170px;
}


.esp { background: #da0717 none repeat scroll 0 0;    color: #ffff00;    text-transform: uppercase;}

ul.equipos-grupo li.esp span { color: #ffff00 !important;    font-size: 10px;    text-shadow: none !important;}



ol.cuadro li ul.cuadro-octavos-1 li.pie_cuadro, ol.cuadro li ul.cuadro-octavos-2 li.pie_cuadro {
background-color:#244570;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-top: 5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:127px;
height: 22px;
}

ol.cuadro li ul.cuadro-cuartos-1 li.pie_cuadro, ol.cuadro li ul.cuadro-cuartos-2 li.pie_cuadro {
background-color:#006699;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-top: 5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:127px;
height: 22px;
}


ol.cuadro li ul.cuadro-semifinal-1 li.pie_cuadro, ol.cuadro li ul.cuadro-semifinal-2 li.pie_cuadro {
background-color:#0099cc;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-top: 5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:127px;
height: 22px;
}


ol.cuadro li ul.cuadro-final li.pie_cuadro_final {
background-color:#b90405;
color:#FFFFFF;
float:left;
font-size:11px;
margin-bottom:5px;
margin-top: 5px;
margin-right: 0px;
padding-bottom:3px;
padding-left:5px;
padding-top:3px;
text-align:center;
width:127px;
height: 22px;
}

ol.fase-grupos li ul li span.resultado {
    background-color: #cccccc;
    border-bottom: 1px solid #eae9e6;
    border-top: 1px solid #eae9e6;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 30px;
    text-align: center;
    width: 32px;
}
ol.fase-grupos li ul li span.resultado span:first-child::after {

    display: inline-block;
    padding: 0 1px;
}

.cintillo-calendariointeractivo {
	width:100%;
	text-align:center;}

	.cintillo-calendariointeractivo a{
		font-weight:bold;
		color:#F00;}

		.bet {
	width:100%;
	text-align:center; }

ol.fase-grupos .bet a {
		color:#990000;}


/*mediaq*/
@media (max-width: 767px) {


ol.cuadro {
list-style-type: none;
background:#0090BF;
clear:both;
margin-bottom:50px;
margin-left:7px;
padding:0;
width:100%;
height: auto;
padding-top:10px;
float: left;
}

ol.fase-grupos { width: 100%; }

ol.fase-grupos li { margin: 5px;}


ol.cuadro li ul.cuadro-octavos-1 { float: left; width: 97%;  position: initial; margin-bottom: 0px;}
ol.cuadro li ul.cuadro-octavos-2 {  float: left; width: 97%; position: initial; margin-top: 0px;}
ol.cuadro li ul.cuadro-cuartos-1 { float: left; width: 97%;  position: initial;}
ol.cuadro li ul.cuadro-cuartos-2 { float: left; width: 97%;   position: initial;}
ol.cuadro li ul.cuadro-semifinal-1 { float: left; width: 97%;   position: initial;}
ol.cuadro li ul.cuadro-semifinal-2 { float: left; width: 97%;  position: initial;}
ol.cuadro li ul.cuadro-final {  float: left; width: 97%; position: initial;}


ol.cuadro li ul.cuadro-cuartos-1 li:nth-child(2) { margin: 0px !important; margin-bottom: 10px !important;}

ol.cuadro li ul.cuadro-cuartos-2 li:nth-child(2) { margin: 0px !important; margin-bottom: 10px !important;}

ol.cuadro li ul.cuadro-semifinal-1 li { margin: 0px !important; }

ol.cuadro li ul.cuadro-semifinal-2 li { margin: 0px !important; }

ol.cuadro li ul.cuadro-final li:nth-child(2) { margin: 0px !important; }


ol.cuadro li ul.cuadro-octavos-2  li.pie_cuadro {display: none;}

ol.cuadro li ul.cuadro-cuartos-2  li.pie_cuadro {display: none;}

ol.cuadro li ul.cuadro-semifinal-2  li.pie_cuadro {display: none;}

ol.cuadro li ul.cuadro-semifinal-1 li.pie_cuadro { margin-bottom: 5px !important; }



ol.cuadro li ul.cuadro-octavos-1 li.pie_cuadro, ol.cuadro li ul.cuadro-octavos-2 li.pie_cuadro,

ol.cuadro li ul.cuadro-cuartos-1 li.pie_cuadro, ol.cuadro li ul.cuadro-cuartos-2 li.pie_cuadro,

ol.cuadro li ul.cuadro-semifinal-1 li.pie_cuadro, ol.cuadro li ul.cuadro-semifinal-2 li.pie_cuadro,

ol.cuadro li ul.cuadro-final li.pie_cuadro_final { width: 100%;

}




    }