.menu-sedes { margin-top: 20px; }
.menu-sedes li  a { color: #fff; float: left; font-size: 11px; height: 60px; text-align: center; text-transform: uppercase; width: 85px; }
.sede-burdeos, .sede-lens, .sede-lille, .sede-lyon, .sede-marsella, .sede-niza, .sede-paris, .sede-saintdenis, .sede-saintetienne, .sede-toulouse { background-image: url("https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/menu-estadios.png"); background-repeat: no-repeat; }
.sede-burdeos { background-position: 0 -1px; }
.sede-lens { background-position: 0 -62px; }
.sede-lille { background-position: 0 -123px; }
.sede-lyon { background-position: 0 -183px; }
.sede-marsella { background-position: 0 -244px; }
.sede-niza { background-position: 0 -304px; }
.sede-paris { background-position: 0 -366px; }
.sede-saintdenis { background-position: 0 -426px; }
.sede-saintetienne { background-position: 0 -486px; }
.sede-toulouse { background-position: 0 -546px; }

.sede-burdeos:hover, .sede-lens:hover, .sede-lille:hover, .sede-lyon:hover, .sede-marsella:hover, .sede-niza:hover, .sede-paris:hover, .sede-saintdenis:hover, .sede-saintetienne:hover, .sede-toulouse:hover { opacity: 0.6; text-decoration: none; }

body.burdeos .sede-lens, body.burdeos .sede-lens, body.burdeos .sede-lille, body.burdeos .sede-lyon, body.burdeos .sede-marsella, body.burdeos .sede-niza, body.burdeos .sede-paris, body.burdeos .sede-saintdenis, body.burdeos .sede-saintetienne, body.burdeos .sede-toulouse { opacity: 0.3; }
body.burdeos .sede-lens:hover, body.burdeos .sede-lens:hover, body.burdeos .sede-lille:hover, body.burdeos .sede-lyon:hover, body.burdeos .sede-marsella:hover, body.burdeos .sede-niza:hover, body.burdeos .sede-paris:hover, body.burdeos .sede-saintdenis:hover, body.burdeos .sede-saintetienne:hover, body.burdeos .sede-toulouse:hover { opacity: 0.9; }

body.lens .sede-burdeos, body.lens .sede-burdeos, body.lens .sede-lille, body.lens .sede-lyon, body.lens .sede-marsella, body.lens .sede-niza, body.lens .sede-paris, body.lens .sede-saintdenis, body.lens .sede-saintetienne, body.lens .sede-toulouse { opacity: 0.3; }
body.lens .sede-burdeos:hover, body.lens .sede-burdeos:hover, body.lens .sede-lille:hover, body.lens .sede-lyon:hover, body.lens .sede-marsella:hover, body.lens .sede-niza:hover, body.lens .sede-paris:hover, body.lens .sede-saintdenis:hover, body.lens .sede-saintetienne:hover, body.lens .sede-toulouse:hover { opacity: 0.9; }

body.lille .sede-lens, body.lille .sede-lens, body.lille .sede-burdeos, body.lille .sede-lyon, body.lille .sede-marsella, body.lille .sede-niza, body.lille .sede-paris, body.lille .sede-saintdenis, body.lille .sede-saintetienne, body.lille .sede-toulouse { opacity: 0.3; }
body.lille .sede-lens:hover, body.lille .sede-lens:hover, body.lille .sede-burdeos:hover, body.lille .sede-lyon:hover, body.lille .sede-marsella:hover, body.lille .sede-niza:hover, body.lille .sede-paris:hover, body.lille .sede-saintdenis:hover, body.lille .sede-saintetienne:hover, body.lille .sede-toulouse:hover { opacity: 0.9; }


body.lyon .sede-lens, body.lyon .sede-lens, body.lyon .sede-lille, body.lyon .sede-burdeos, body.lyon .sede-marsella, body.lyon .sede-niza, body.lyon .sede-paris, body.lyon .sede-saintdenis, body.lyon .sede-saintetienne, body.lyon .sede-toulouse { opacity: 0.3; }
body.lyon .sede-lens:hover, body.lyon .sede-lens:hover, body.lyon .sede-lille:hover, body.lyon .sede-burdeos:hover, body.lyon .sede-marsella:hover, body.lyon .sede-niza:hover, body.lyon .sede-paris:hover, body.lyon .sede-saintdenis:hover, body.lyon .sede-saintetienne:hover, body.lyon .sede-toulouse:hover { opacity: 0.9; }


body.marsella .sede-lens, body.marsella .sede-lens, body.marsella .sede-lille, body.marsella .sede-lyon, body.marsella .sede-burdeos, body.marsella .sede-niza, body.marsella .sede-paris, body.marsella .sede-saintdenis, body.marsella .sede-saintetienne, body.marsella .sede-toulouse { opacity: 0.3; }
body.marsella .sede-lens:hover, body.marsella .sede-lens:hover, body.marsella .sede-lille:hover, body.marsella .sede-lyon:hover, body.marsella .sede-burdeos:hover, body.marsella .sede-niza:hover, body.marsella .sede-paris:hover, body.marsella .sede-saintdenis:hover, body.marsella .sede-saintetienne:hover, body.marsella .sede-toulouse:hover { opacity: 0.9; }


body.niza .sede-lens, body.niza .sede-lens, body.niza .sede-lille, body.niza .sede-lyon, body.niza .sede-marsella, body.niza .sede-burdeos, body.niza .sede-paris, body.niza .sede-saintdenis, body.niza .sede-saintetienne, body.niza .sede-toulouse { opacity: 0.3; }
body.niza .sede-lens:hover, body.niza .sede-lens:hover, body.niza .sede-lille:hover, body.niza .sede-lyon:hover, body.niza .sede-marsella:hover, body.niza .sede-burdeos:hover, body.niza .sede-paris:hover, body.niza .sede-saintdenis:hover, body.niza .sede-saintetienne:hover, body.niza .sede-toulouse:hover { opacity: 0.9; }

body.paris .sede-lens, body.paris .sede-lens, body.paris .sede-lille, body.paris .sede-lyon, body.paris .sede-marsella, body.paris .sede-niza, body.paris .sede-burdeos, body.paris .sede-saintdenis, body.paris .sede-saintetienne, body.paris .sede-toulouse { opacity: 0.3; }
body.paris .sede-lens:hover, body.paris .sede-lens:hover, body.paris .sede-lille:hover, body.paris .sede-lyon:hover, body.paris .sede-marsella:hover, body.paris .sede-niza:hover, body.paris .sede-burdeos:hover, body.paris .sede-saintdenis:hover, body.paris .sede-saintetienne:hover, body.paris .sede-toulouse:hover { opacity: 0.9; }

body.saintdenis .sede-lens, body.saintdenis .sede-lens, body.saintdenis .sede-lille, body.saintdenis .sede-lyon, body.saintdenis .sede-marsella, body.saintdenis .sede-niza, body.saintdenis .sede-paris, body.saintdenis .sede-burdeos, body.saintdenis .sede-saintetienne, body.saintdenis .sede-toulouse { opacity: 0.3; }
body.saintdenis .sede-lens:hover, body.saintdenis .sede-lens:hover, body.saintdenis .sede-lille:hover, body.saintdenis .sede-lyon:hover, body.saintdenis .sede-marsella:hover, body.saintdenis .sede-niza:hover, body.saintdenis .sede-paris:hover, body.saintdenis .sede-burdeos:hover, body.saintdenis .sede-saintetienne:hover, body.saintdenis .sede-toulouse:hover { opacity: 0.9; }

body.saintetienne .sede-lens, body.saintetienne .sede-lens, body.saintetienne .sede-lille, body.saintetienne .sede-lyon, body.saintetienne .sede-marsella, body.saintetienne .sede-niza, body.saintetienne .sede-paris, body.saintetienne .sede-saintdenis, body.saintetienne .sede-burdeos, body.saintetienne .sede-toulouse { opacity: 0.3; }
body.saintetienne .sede-lens:hover, body.saintetienne .sede-lens:hover, body.saintetienne .sede-lille:hover, body.saintetienne .sede-lyon:hover, body.saintetienne .sede-marsella:hover, body.saintetienne .sede-niza:hover, body.saintetienne .sede-paris:hover, body.saintetienne .sede-saintdenis:hover, body.saintetienne .sede-burdeos:hover, body.saintetienne .sede-toulouse:hover { opacity: 0.9; }

body.toulouse .sede-lens, body.toulouse .sede-lens, body.toulouse .sede-lille, body.toulouse .sede-lyon, body.toulouse .sede-marsella, body.toulouse .sede-niza, body.toulouse .sede-paris, body.toulouse .sede-saintdenis, body.toulouse .sede-saintetienne, body.toulouse .sede-burdeos { opacity: 0.3; }
body.toulouse .sede-lens:hover, body.toulouse .sede-lens:hover, body.toulouse .sede-lille:hover, body.toulouse .sede-lyon:hover, body.toulouse .sede-marsella:hover, body.toulouse .sede-niza:hover, body.toulouse .sede-paris:hover, body.toulouse .sede-saintdenis:hover, body.toulouse .sede-saintetienne:hover, body.toulouse .sede-burdeos:hover { opacity: 0.9; }






.menu-estadios li { width: 400px; height: 300px; margin: 5px 45px; }
.estadio-burdeos, .estadio-lens, .estadio-lille, .estadio-lyon, .estadio-marsella, .estadio-niza, .estadio-paris, .estadio-saintdenis, .estadio-saintetienne, .estadio-toulouse { background-image: url("https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/estadios400x300.png"); background-repeat: no-repeat; }

.estadio-burdeos { background-position: 0 0; }
.estadio-lens { background-position: -400px 0; }
.estadio-lille { background-position: 0 -300px }
.estadio-lyon { background-position: -400px -300px; }
.estadio-marsella { background-position: 0px -600px; }
.estadio-niza { background-position: -400px -600px; }
.estadio-paris { background-position: 0px -900px; }
.estadio-saintdenis { background-position: -400px -900px; }
.estadio-saintetienne { background-position: 0px -1200px; }
.estadio-toulouse { background-position: -400px -1200px; }

.menu-estadios li  a.ver-sede { border: 1px solid #fff; float: left; font-size: 20px; height: 200px; line-height: 33px; margin-left: 100px; margin-top: 47px; padding: 33px; text-align: center; width: 200px; -webkit-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.62); -moz-box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.62); box-shadow: 1px 1px 10px -1px rgba(0, 0, 0, 0.62); color: #fff; text-transform: uppercase; text-shadow: 1px 2px #000; background-color: rgba(0, 76, 130, 0.6); }
.menu-estadios li  a.ver-sede:hover { text-decoration: none; background-color: rgba(0, 76, 130, 0.2); }
.menu-estadios li a.ver-sede span { display: block; font-size: 14px;}
.menu-estadios li  a.boton-sede { background-color: #f9f9f9; background-image: -moz-linear-gradient(center bottom, #f7f7f7 0%, #ffffff 100%); border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.2); display: inline-block; float: left; font-size: 10px; font-weight: bold; line-height: 11px; margin: 16px 153px; padding: 8px 18px; text-transform: uppercase; text-align: center;}


body.burdeos .imagen-estadio, body.lens .imagen-estadio, body.lille .imagen-estadio, body.lyon .imagen-estadio, body.marsella .imagen-estadio, body.niza .imagen-estadio, body.paris .imagen-estadio, body.saintdenis .imagen-estadio, body.saintetienne .imagen-estadio, body.toulouse .imagen-estadio { float: left; width: 400px; height: 300px; background-image: url("https://e00-marca.uecdn.es/deporte/futbol/eurocopa/2016/img/estadios400x300.png"); margin: 0 80px; }


body.burdeos .imagen-estadio {  background-position: 0 0;  }
body.lens .imagen-estadio {  background-position: -400px 0;  }
body.lille .imagen-estadio {  background-position: 0 -300px;  }
body.lyon .imagen-estadio {  background-position: -400px -300px;  }
body.marsella .imagen-estadio {  background-position: 0 -600px;  }
body.niza .imagen-estadio {  background-position: -400px -600px;  }
body.paris .imagen-estadio {  background-position: 0 -900px;  }
body.saintdenis .imagen-estadio {  background-position: -400px -900px;  }
body.saintetienne .imagen-estadio {  background-position: 0 -1200px; }
body.toulouse .imagen-estadio {  background-position: -400px -1200px; }



ul.info-estadio { float: left; width: 370px; }
ul.info-estadio li { color: #fff; float: left; font-size: 30px; margin: 10px 0; width: 370px; }
ul.info-estadio li span:last-child { float: left; display: block; padding: 10px; background-color: #fff; color: #1D3F67; width: 190px; text-align: center; font-family: "montserratBold", Arial, sans-serif, helvetica; }
ul.info-estadio li span { float: left; display: block; padding: 10px; width: 370px; }

/*.contenedor-mapa { position: relative; padding-bottom: 16.25%;
padding-top: 25px; height: 0; }*/

 .contenedor-mapa {
    clear: both;
    height: 330px;
    position: relative;
}
.contenedor-mapa iframe { position: absolute; top: 0; left: 0; width: 100%; height: 350px; }
/*.bloque-izq { float: left; width:650px; height: 409px; margin: 0 10px 20px; }
.bloque-der { float: right; width: 300px; margin: 0 10px 20px; }*/

.bloque-izq { float: left; }

.bloque-der { float: right; }

.col-1 { width:320px; margin:0 5px;  }

.col-2 {width: 640px; margin:0 5px; }

.mapa-situacion { text-align: center; }
.mapa-situacion img { text-align: center; }

.bloque-izq h2 { color: #034c72; font-size: 50px; }
.bloque-izq span { color: #034c72; font-size: 22px; font-family: "montserratBold", Arial, sans-serif, helvetica; }
.bloque-izq p { color: #034c72; font-size: 22px; }

.roba-ancho-completo { width: 100%; float: left; padding-left: 300px; }


ul.info-guia { width: 660px;  float: left;}
ul.info-guia li:nth-child(2n+1) .boton { text-align: right;}
ul.info-guia li { min-height: 300px; padding:50px 0 0; margin:0 0 10px; background:#eeeeee;  width: 660px;}
ul.info-guia li:nth-child(2n+1) { background:#fff; }
ul.info-guia li h2 { font-size: 35px; text-transform: uppercase; margin-bottom:15px;}
ul.info-guia li:nth-child(2n+1) h2, ul.info-guia li:nth-child(2n+1) p { text-align: right; }
ul.info-guia li p { font-size: 15px; font-family:"PTregular",Georgia; margin-bottom:20px;}
ul.info-guia li span { width:50%; float:right;}
ul.info-guia li:nth-child(2n+1) span { float:left; }
ul.info-guia li figure { float:left; width:50%; max-height:400px;}
ul.info-guia li figure img { display:block; margin:0 auto; width: 200px;}
 h2.imagenes-ciudad { height:50px; line-height:50px; font-size: 30px; font-family: "montserratBold",Arial,sans-serif,helvetica; color:#000; text-transform: uppercase; border-bottom:solid 1px #000; text-align:center;  margin-bottom:25px;}



p.boton-lowcost { float: left; height: 35px; text-align: center; vertical-align: middle; width: 100%;  margin-top: 5px;}

  p.boton-lowcost span { padding:2px 10px; background-color: #df0008; font-family: "montserratBold",Arial,sans-serif,helvetica; border-color:#be040b; }

  p.boton-lowcost span a {background:#df0008; color: #fff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;}

  p.boton-lowcost span:hover {background:#be040b; color: #fff;}
  p.boton-lowcost span:hover a{ background:#be040b; color: #fff; text-decoration: none; }


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

.menu-sedes li {    margin: 0 auto;
    width: 33%;}

.menu-sedes li  a { width: 100%;  text-align: center; }

body.burdeos .imagen-estadio, body.lens .imagen-estadio, body.lille .imagen-estadio, body.lyon .imagen-estadio, body.marsella .imagen-estadio, body.niza .imagen-estadio, body.paris .imagen-estadio, body.saintdenis .imagen-estadio, body.saintetienne .imagen-estadio, body.toulouse .imagen-estadio {width: 400px; height: 300px;  margin: 0 ; }

.bloque-izq { width: 95%; height: 100%; margin-left: 20px;
    margin-bottom: 20px;}

.bloque-der { width: 95%; text-align: center; }

.bloque-der  img{ width: 370px; height: 100%;}

ul.info-estadio { width: 100%; }
ul.info-estadio li {  width: 100%; }
ul.info-estadio li span:last-child { width: 100%; text-align: center; }
ul.info-estadio li span {width: 100%; text-align: center; }

.menu-estadios li {margin: 5px 0px;     background-size: 193%;}


.roba-ancho-completo { width: 100%;
    float: left;
    padding-left: 5px; }

p.boton-lowcost { height: 70px; font-size: 12px;}

p.boton-lowcost span a { font-size: 12px;}

ul.info-guia li span {
    width: 50%;
    float: left;
    padding-left: 10px;
}
.sede-burdeos { background-position: center -13px; }
.sede-lens { background-position: center -78px; }
.sede-lille { background-position: center -135px; }
.sede-lyon { background-position: center -195px; }
.sede-marsella { background-position: center -259px; }
.sede-niza { background-position: center -319px; }
.sede-paris { background-position: center -381px; }
.sede-saintdenis { background-position: center -441px; }
.sede-saintetienne { background-position: center -501px; }
.sede-toulouse { background-position: center -558px; }


.mapa-situacion img {
  width: 100%;
}

    }