/*
.col-1 { width:198px;}
.col-2 { width:396px;}
.col-3 { width:594px; }
.col-4 { width:792px; }
.col-5 { width:100%; }
*/
/*cabecera y redes sociales*/
.cabecera { width:100%; /*height:140px;*/ height:171px; display:block; margin:0; padding:10px 0 0; position: relative; z-index:9; background-color: #091940;}
.cabecera .logo-euro-2016 { height:76px; width:190px; display:block; margin:0 auto 10px; float:none;}

.navegacion .boton-menu { display:none; }

.menu-eurocopa { text-align: center;}
.menu-eurocopa ul { margin-bottom:0; height:24px; }
.menu-eurocopa li { display:inline-block; height:24px; margin:0 15px; font-size: 12px; text-transform: uppercase; font-family: "montserratBold",Arial,sans-serif,helvetica;}
.menu-eurocopa li a { color:#ffffff; display:block;}
.menu-eurocopa li a:hover { text-decoration:none; color:#007cba; border-bottom:solid 3px #007cba; padding-bottom: 5px;}
/*Menu desplegable escudos NO SE USA*/
.menu-desplegable { position:absolute!important; top: 14px; left:0; padding-top: 50px;}
.boton-desplegable { height:50px; width:auto; line-height:50px; padding:0 75px 0 60px; border:solid 2px #eeeeee; margin:0 auto; text-align: center; text-transform: uppercase; color:#cccccc; z-index:3; transition:all 0.2s linear 0s;font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 15px; background:url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/desplegar.png) no-repeat right -50px; position:absolute; top:14px;}
.boton-desplegable:hover { background:url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/desplegar.png) no-repeat right top #eeeeee; text-decoration: none; transition:all 0.2s linear 0s; color:#646363;}
.boton-desplegable-cerrar { height:50px; width:25%; line-height:50px; padding:0 75px 0 60px; border:solid 2px #eeeeee; margin:0 auto; text-align: left; text-transform: uppercase; color:#cccccc; z-index:3; transition:all 0.2s linear 0s;font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 15px; background: url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/cerrar.png) no-repeat right top #eeeeee; position:absolute; top:0; color:#646363;}
.boton-desplegable-cerrar:hover { background:url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/cerrar.png) no-repeat right -50px #091940; color:#cccccc; text-decoration: none; transition:all 0.2s linear 0s;}
.navegacion-abierta, .navegacion-abierta:hover { background: url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/cerrar.png) no-repeat right top #eeeeee; color:#646363; text-decoration: none; transition:all 0.2s linear 0s;}
.menu-desplegable .menu-abierto { display:block; }
.menu-desplegable li { width:25%; height:50px; font-size: 15px; font-weight: bold; margin:0; background:#eeeeee; float:left; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd; line-height:32px;}
.menu-desplegable li a { color:#646363; display:block; width:100%; height:100%; padding:10px; transition:all 0.2s linear 0s;}
.menu-desplegable li a:hover { background:#dddddd; text-decoration: none; transition:all 0.2s linear 0s;}
.menu-desplegable li figure { width:32px; height:32px; float:left; margin:0 15px 0 5px;}
/*menu escudos*/
.ver-grupos, .cerrar-grupos { display:none;}
.menu-eurocopa { margin-bottom:0; }
.menu-grupos { height:57px; width:100%; overflow:hidden; display:inline-block; margin:0 auto; background:#eeeeee; text-align: center;}
.menu-grupos span { display:block; padding-top:1px;}
.menu-grupos dl { width:16%; display:inline-block; text-align: center;}
.menu-grupos dl:nth-child(1) dt { background:#0a3e70; color:#ffffff;}
.menu-grupos dl:nth-child(2) dt { background:#e6b538; color:#ffffff;}
.menu-grupos dl:nth-child(3) dt { background:#95ac2e; color:#ffffff;}
.menu-grupos dl:nth-child(4) dt { background:#52939f; color:#ffffff;}
.menu-grupos dl:nth-child(5) dt { background:#9c1417; color:#ffffff;}
.menu-grupos dl:nth-child(6) dt { background:#676463; color:#ffffff;}
.menu-grupos dt { width:90%; height:14px; margin:0 auto; font-size: 10px;}
.menu-grupos dt a { color:#ffffff; }
.menu-grupos dd { width:25%; float:left; text-align: center; font-size:10px;}
.menu-grupos dd a { display:block; }
.menu-grupos dd a:hover { opacity:.5; text-decoration: none;}
.menu-grupos dd abbr {text-decoration: none; }
.menu-grupos dd abbr:hover { cursor:pointer; }
/*fin menu escudos*/

.estatica .aside-tools {float:none; clear:both; width:210px; margin:50px auto 0; height:95px; position: relative; z-index:3;}
.byline, .aside-tools, .tools {}
.aside-tools .social-tools .share-counter { color:#ffffff; clear: both; padding: 0; text-align: center; width: 100%;}
/*fin de cabecera y redes sociales*/
/*cinco columnas*/
.col { float:left;}
.col-1 { width:20%;}
.col-2 { width:40%;}
.col-3 { width:60%;}
.col-4 { width:80%;}
.col-5 { width:100%;}
/*fin de cinco columnas*/
/*fondo euro 2016*/
.fondo-euro-2016 { background-color: #007cba; }
.fondo-euro-2016 { background-image: radial-gradient(circle farthest-corner at center top , #2c6a93, #000a34); /*min-height:800px;*/ position: relative; padding:10px 50px 50px; margin-bottom:25px;}
.fondo-euro-2016 { height:auto;}
*, *::after, *::before { box-sizing:border-box; }
.fondo-euro-2016::after, .fondo-euro-2016::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.fondo-euro-2016:after {
  background-image: radial-gradient(circle closest-corner at top center,#65beec,rgba(101,190,236,0));
  opacity: .5;
  filter: alpha(opacity=50);
  z-index: 2;}
.fondo-euro-2016:before {
    background: url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/fondo-pattern-euro-2016.png) center top #007cba;
    opacity: .2;
    filter: alpha(opacity=20);
    z-index: 1;}
.fondo-euro-2016 .container { z-index:3; overflow:hidden;}
.fondo-euro-2016 h1 { font-size:70px; line-height:82px; color:#ffffff; text-align: center;}
.fondo-euro-2016 p { width:90%; margin:50px auto 0; color:#ffffff; text-align: center;}
/*fin de fondo euro 2016*/
/*botones redondos, rectangulares y linea*/
.bajar-a-contenido { width:65px; height:65px; margin:25px auto; display:block; border:solid 2px #eeeeee; border-radius:35px; background: url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/flecha.png) no-repeat center top; transition:all 0.2s linear 0s;}
.bajar-a-contenido:hover { background-position: center bottom; background-color:#eeeeee; transition:all 0.2s linear 0s;}
.linea { border: 1px solid #eeeeee; margin: 0 auto 20px; width: 200px; display: block;}
.volver-arriba { width:65px; height:65px; background: url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/volver-arriba.png) no-repeat center bottom; bottom: 20px; display: none; text-indent: -9999px; overflow: hidden; padding: 5px 15px; position: fixed; right: 20px; border-radius:35px; transition:all 0.2s linear 0s;}
.volver-arriba:hover { transition:all 0.2s linear 0s; background-position: center top;}
.boton { width:100%; text-align: center;}
.boton a { width:auto; line-height:50px; padding:15px 60px; border:solid 2px #eeeeee; margin:0 auto; text-align: center; text-transform: uppercase; color:#cccccc; z-index:3; transition:all 0.2s linear 0s;font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 15px;}
.boton a:hover { background:#eeeeee; color:#646363; text-decoration: none; transition:all 0.2s linear 0s;}
/*botones redondos, rectangulares y linea*/

/*descripción general*/
.descripcion {margin-bottom:100px; }
.descripcion h2 { font-size: 50px; text-align: center; margin-bottom:20px;}
.descripcion p { width:90%; margin:0 auto 30px; text-align: center; font-family: "PTregular",Georgia; font-size:20px; line-height:1.3em;}

/*REVISAR video REVISAR*/
.estatica .multimedia-item { margin-bottom:50px; }
.video { width:100%; height:612px; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:10px 0; height:auto;}
.video img { display:block; position: relative; width:100%;}
/*fin de video*/

@media (max-width: 767px) {
  .container { background:transparent; width:100%!important;}
  .boton a { padding:15px 30px; font-size: 12px;}
  /*cabecera y redes sociales*/
  .cabecera { height:80px; clear:both; display:inline-block;}
  .cabecera .logo-euro-2016 {width:150px; height:60px; margin: 0 auto 15px;}
  .cabecera .logo-euro-2016 img { width:100%; }

  .navegacion { top:-90px; position: relative; }
  .navegacion .boton-menu { display:block; background:url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/menu-movil.png) no-repeat left bottom; width:65px; height:65px; transition:all 0.2s linear 0s; text-indent: -9999px; position: relative; margin-right:11px; float:right; top:12px;}
  .navegacion .navegacion-abierta { background:url(https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/menu-movil.png) no-repeat left top;}
  .navegacion ul { display:none; }
  .navegacion .menu-abierto { width:100%; display:block; padding-top:20px;}
  .navegacion .menu-abierto li { margin-right:0; }
  .navegacion .menu-eurocopa { display:block; width:100%; margin-bottom:0;}
  .menu-eurocopa li {display:block; height:50px; line-height:50px; background:#007cba; margin:0; border-bottom:solid 1px #091940; }
  /*menu desplegable escudos NO SE USA*/
  .boton-desplegable { position: relative; top: 0; left:0; padding:0; width:100%; display:block; border:0; background-color:#df0008; color:#ffffff; font-size: 12px;}
  .boton-desplegable-cerrar { width:100%; display:block; border:0; background-color:#df0008; color:#ffffff; font-size: 12px; padding:0; text-align: center; color:#646363;}

  .menu-desplegable {position: relative!important; top:-50px;}
  .menu-desplegable ul { display:block; }
  .menu-desplegable li figure { margin:0 auto; float:none; }
  .menu-desplegable li a span { display:none; }
  /*fin de menu desplegable NO SE USA*/
  /*menu grupos*/
  .menu-grupos { height:inherit; }
  .menu-grupos span { padding-top:5px; }
  .menu-grupos dl { width:50%; display:block; float:left; margin:10px 0 20px 0;}
  .menu-grupos dt { height:20px; line-height:20px; }
  .menu-grupos ul { display:block; }
  .menu-grupos li figure { margin:0 auto; float:none; }
  /*fin menu grupos*/

  .bajar-a-contenido { margin:25px auto; }

  .estatica .aside-tools { /*width:100%; margin:0 auto;*/}
  .aside-tools .tools .horizontal { margin: 0 auto; float: inherit;}
  /*fin de cabecera y redes sociales*/
  /*fondo euro 2016*/
  .fondo-euro-2016 { padding: 10px 5% 50px; overflow:hidden;}
  .fondo-euro-2016 h1 { font-size: 40px; line-height:52px; }
  /*fin de fondo euro 2016*/
}