html {
}

body {
    margin: 1px;
    padding-left: 6px;
    padding-right: 6px;
    max-width: 700px;
    background-color: #FAFAFA;
    background-image: url("/vista/default/img/bg.jpg");
    font-family: 'Open Sans', sans-serif;
}

.padding-cabecera {
    padding-top: 85px;
}
.cabeceraSuperior {
    background-color: #435e7e;
    height: 100%;
}

.cabeceraMenu {
    background-color: #54759e;
    height: 100%;
}
.subrayado {
    text-decoration: none;
    border-bottom:3px solid #555;
    padding-bottom: 8px;
}
.tabla-subrayado {
    text-decoration: none;
    border-bottom:4px solid #54759e;
    padding-bottom: 11px;
}

.tabla-auto-ancho { width: auto; }
.verdeOscuro {
    color: #597e3c;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.nav-pills { text-align:center; }

span.verde, div.verde  { color:#508a3e; }
span.rojo,  div.rojo   { color:#F00; }
span.blanco { color:#FFF;}
span.nuevoChat   { color:#ff9314; }

span.actualiza {
    color: #9ca0a7;
    font-size: 12px;
}

div.hora_chat {
    color: #9ca0a7;
    font-style: italic;
    font-size: 10px;
}

a.negro:link, a.negro:visited, a.negro:hover    { color:#000; }

.negro {
    color: #000;
    font-weight: bold;
}

a.blanco:link, a.blanco:visited {
   color:#FFF;
   // font-weight:bold;
   text-decoration: none;
}
a.blanco:hover {
   color:#2e8bca;
   // font-weight:bold;
}

a.warning:link, a.warning:visited, a.warning:hover {
   color:#8a6d3b;
   text-decoration: none;
}

td.trofeo {
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 150px;
    height: 150px;
    vertical-align: bottom;
}

img.alineadoInferior {
    position:relative;
    top: 98px;
}

td.textoChatMio {
    vertical-align: top;
    text-align: right;
}

td.textoChatOtro {
    vertical-align: top;
    text-align: left;
}

td.avatarChat {
    vertical-align: top;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    width: 70px;
}

table.chat {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}
.arrow_box_left {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 6px;
    margin-bottom: 8px;
    -moz-border-radius: 8px 8px 8px 8px; /* Firefox */
    -webkit-border-radius: 8px 8px 8px 8px; /* Google Chrome y Safari */
    border-radius: 8px 8px 8px 8px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
    -webkit-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
}
.arrow_box_left:after, .arrow_box_left:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left:after {
    border-color: rgba(163, 218, 255, 0);
    border-right-color: #f5f5f5;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box_left:before {
    border-color: rgba(103, 119, 130, 0);
    border-right-color: #cccccc;
    border-width: 11px;
    margin-top: -11px;
}

.arrow_box_right {
    position: relative;
    background: #cee2f6;
    border: 1px solid #749fe3; // #aabac9;
    text-align: right;
    padding: 6px;
    margin-bottom: 8px;
    -moz-border-radius: 8px 8px 8px 8px; /* Firefox */
    -webkit-border-radius: 8px 8px 8px 8px; /* Google Chrome y Safari */
    border-radius: 8px 8px 8px 8px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
    -webkit-box-shadow: -1px 1px 2px 0px rgba(214,214,214,1);
    -moz-box-shadow: -1px 1px 2px 0px rgba(214,214,214,1);
    box-shadow: -1px 1px 2px 0px rgba(214,214,214,1);
}
.arrow_box_right:after, .arrow_box_right:before {
    left: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_right:after {
    border-color: rgba(116, 159, 227, 0);
    border-left-color: #cee2f6;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box_right:before {
    border-color: rgba(116, 159, 227, 0);
    border-left-color: #749fe3; // #aabac9;
    border-width: 11px;
    margin-top: -11px;
}

.arrow_box_left_admin {
    position: relative;
    background: #e2f3d3;
    border: 1px solid #97d765;
    margin: 0px;
    padding: 6px;
    margin-bottom: 8px;
    -moz-border-radius: 8px 8px 8px 8px; /* Firefox */
    -webkit-border-radius: 8px 8px 8px 8px; /* Google Chrome y Safari */
    border-radius: 8px 8px 8px 8px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
    -webkit-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
}
.arrow_box_left_admin:after, .arrow_box_left_admin:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left_admin:after {
    border-color: rgba(163, 218, 255, 0);
    border-right-color: #e2f3d3;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box_left_admin:before {
    border-color: rgba(103, 119, 130, 0);
    border-right-color: #97d765;
    border-width: 11px;
    margin-top: -11px;
}

.navbar-azul {
  background-color: #54759e;
  border-color: #54759e;
  -webkit-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
  box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
}
.navbar-azul .navbar-brand {
  color: #FFF;
}
.navbar-azul .navbar-brand:hover,
.navbar-azul .navbar-brand:focus {
  color: #FFF;
  background-color: transparent;
}
.navbar-azul .navbar-text {
  color: #FFF;
}
.navbar-azul .navbar-nav > li > a {
  color: #FFF;
}
.navbar-azul .navbar-nav > li > a:hover,
.navbar-azul .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: transparent;
}
.navbar-azul .navbar-nav > .active > a,
.navbar-azul .navbar-nav > .active > a:hover,
.navbar-azul .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #54759e;
  border-bottom:4px solid white;

}
.navbar-azul .navbar-nav > .disabled > a,
.navbar-azul .navbar-nav > .disabled > a:hover,
.navbar-azul .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-azul .navbar-toggle {
  border-color: #ddd;
}
.navbar-azul .navbar-toggle:hover,
.navbar-azul .navbar-toggle:focus {
  text-decoration: none;
    background-color: #ddd;
}
.navbar-azul .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-azul .navbar-collapse,
.navbar-azul .navbar-form {
  border-color: #e7e7e7;
}
.navbar-azul .navbar-nav > .open > a,
.navbar-azul .navbar-nav > .open > a:hover,
.navbar-azul .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 768px) {
  .navbar-azul .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-azul .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-azul .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-azul .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-azul .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-azul .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-azul .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-azul .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-azul .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-azul .navbar-link {
  color: #777;
}
.navbar-azul .navbar-link:hover {
  color: #333;
}

.nav_boton {
  color: #FFF;
  background: none;
  border: 0px;
  font-size: 13px;
  padding: 17px 6px 8px 8px;
  text-decoration: none;
}

.nav_boton:hover {
  text-decoration: none;
  border: 0px;
}

.nav_boton:active {
    border-bottom: 2px solid white;
    text-decoration: none;
    border: none;
    // background-color: #435e7e;
}

.espacioSuperior {
    height: 18px;
}

.cabeceraNombreEncima {
    position: absolute;
    bottom: 3px;
    left: 8px;
    border: 3px white;
    color: white;
    font-size: 25px;
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);

}
.cabeceraNombreEncimaPequenyo {
    position: absolute;
    bottom: 3px;
    left: 8px;
    border: 3px white;
    color: white;
    font-size: 20px;
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}


.cabeceraPais {
    position: relative;
}

.cabeceraPaisImagen {
    position: relative;
    width: 100%;
    vertical-align: central;
    text-align: center;
    margin: 0 auto;
}

.cabeceraPaisEncima {
    position: absolute;
    bottom: 0px;
    right: 5px;
    font-weight: bold;
    border: 3px white;
    color: white;
    font-size: 30px;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.cabeceraPaisEncimaGrupo {
    position: absolute;
    bottom: -40px;
    right: 0px;
    border: 3px white;
    color: #000;
    font-size: 30px;
}

.cabeceraPaisEncimaCancion {
    position: absolute;
    bottom: -80px;
    left: 0px;
    border: 3px white;
    color: #000;
    font-size: 30px;
}

.cabeceraFichaNombreEncima {
    position: absolute;
    bottom: 0px;
    left: 5px;
    font-weight: bold;
    border: 3px white;
    color: white;
    font-size: 30px;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}
.txtFichaArtista {
    font-size: 30px;
    font-weight: bold;
}
.txtFichaArtistaCancion {
    font-size: 20px;
    font-weight: normal;
}

.interlineadoMenor { line-height: normal; }

.cabeceraVolver {
    position: absolute;
    top: 0px;
    font-size: 30px;
    left: 5px;
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}

.cabeceraAmpliar {
    position: absolute;
    top: 10px;
    color: #FFF;
    font-size: 14px;
    right: 10px;
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}

.cabeceraEditar {
    position: absolute;
    bottom: -40px;
    font-size: 30px;
    right: 14px;
}

.cabeceraBanderaPais {
    position: absolute;
    bottom: -20px;
    font-size: 30px;
    right: 14px;

}

.avatarCabecera {
    margin-left: 0px;
    margin-top: 0px;
    width: 34px;
}

.avatarCabeceraOn { border: solid 2px #FFF; }

.fichaPais {
    background-color: #FFF;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
        -moz-border-radius: 3px 3px 3px 3px; /* Firefox */
        -webkit-border-radius: 3px 3px 3px 3px; /* Google Chrome y Safari */
        border-radius: 3px 3px 3px 3px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */

}

.fichaPaisFoto {
    position: relative;
    top: 0px;
    left: 0px;
    width: 130px;
    margin: 0 auto;
        -moz-border-radius: 3px 0px 0px 3px; /* Firefox */
        -webkit-border-radius: 3px 0px 0px 3px; /* Google Chrome y Safari */
        border-radius: 3px 0px 0px 3px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
}

.fichaPaisBandera {
    position: absolute;
    bottom: 1px;
    left: 155px;
    width: 25px;
}

.fichaPaisPais {
    position: absolute;
    bottom: 3px;
    left: 180px;
}

.navbar-sombra-superior {
    -webkit-box-shadow: 0px -8px 5px -4px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px -8px 5px -4px rgba(0,0,0,0.33);
    box-shadow: 0px -8px 5px -4px rgba(0,0,0,0.33);
}

.hinavisionSelectPos {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.tamanyoLetraSelect {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

.ficha {
    background-color: #FFF;

    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;

    -moz-border-radius: 3px 3px 3px 3px; /* Firefox */
    -webkit-border-radius: 3px 3px 3px 3px; /* Google Chrome y Safari */
    border-radius: 3px 3px 3px 3px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
}

.ficha-fotoPais {
    position: relative;
    padding-left: 0px;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    -moz-border-radius: 3px 0px 0px 0px; /* Firefox */
    -webkit-border-radius: 3px 0px 0px 0px; /* Google Chrome y Safari */
    border-radius: 3px 0px 0px 0px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
}

.adaptable { width: 100%; }

.ficha-fotoPaisTexto {
    position: absolute;
    margin: 0px;
    padding: 0px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    top: 1px;
    left: 5px;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.ficha-fondoPosicion {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
}

.ficha-bandera {
    width: 12%;
}

.ficha-grupo {
    font-weight: bold;
    font-size: 16px;
}

.ficha-cancion {
    font-size: 16px;
    line-height: none;
}

.ficha-fondoSuperior {
    background: #54759e;
    margin: 0px;
    padding: 0px;
    -moz-border-radius: 0px 3px 0px 0px; /* Firefox */
    -webkit-border-radius: 0px 3px 0px 0px; /* Google Chrome y Safari */
    border-radius: 0px 3px 0px 0px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
}

.esquinaIzqRedonda {
    -moz-border-radius: 3px 0px 0px 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
    border-radius: 3px 0px 0px 0px;
}

.ficha-fondoInferior {
    background: #E0E0E0;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

.ficha-fondoInferiorDatos {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.ficha-numOrden {
    bottom: 0px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.ficha-resultados { margin-top: 8px; }

.ficha-resultados-grupo {
    margin: 10px;
}

.ficha-hinavision {
    position: relative;
    color: #2ca3e7;
    font-size: 20px;
    font-weight: bold;
    bottom: 0px;
}
.ficha-diferencia {
    position: relative;
    bottom: 0px;
    color: #2ca3e7;
    font-size: 20px;
    font-weight: bold;
}

.alineadoCentro {
    vertical-align: central;
}

.ficha-nomPais {
    font-weight: bold;
    color: #FFF;
    font-size: 18px;
}

.sinMargenes {
    padding: 0px;
    margin: 0px;
}

.ficha-selectPosicion {
    font-weight: bold;
    color: #000;
    font-size: 17px;
}

.ficha-posOficial {
    color: #54759e;
    font-size: 25px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.arrow_box_left_rojo {
    position: relative;
    background: #ffd0d0;
    border: 1px solid #eb2f2f;
    margin: 0px;
    padding: 6px;
    margin-bottom: 8px;
    -moz-border-radius: 8px 8px 8px 8px; /* Firefox */
    -webkit-border-radius: 8px 8px 8px 8px; /* Google Chrome y Safari */
    border-radius: 8px 8px 8px 8px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
    -webkit-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
    box-shadow: 1px 1px 2px 0px rgba(214,214,214,1);
}

.arrow_box_left_rojo:after, .arrow_box_left_rojo:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box_left_rojo:after {
    border-color: rgba(163, 218, 255, 0);
    border-right-color: #ffd0d0;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box_left_rojo:before {
    border-color: rgba(103, 119, 130, 0);
    border-right-color: #eb2f2f;
    border-width: 11px;
    margin-top: -11px;
}

.fondoSeleccionado {
    background-color: #e1edf7;
}

.separadorTitulo {
    background-color: #2fa4e7;
    height: 2px;
}

.textoTitulo { color: #2fa4e7; }

.ficha-fondoInferiorDatosPlain {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

// ------------ NAVBAR PARA EL ENVIAR MENSAJES
.navbar-chat {
    height: 40px;
    width: 100%;
    background: none;
    background-image: url("/vista/default/img/bg.jpg");
    background-repeat: repeat;
}

.navbar-chat .navbar-brand {
    color: #ffffff;

}
.navbar-chat .navbar-brand:hover,
.navbar-chat .navbar-brand:focus {
    color: #ffffff;
    background-color: none;
}
.navbar-chat .navbar-text {
  color: #ffffff;
}
.navbar-chat .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-chat .navbar-nav > li > a:hover,
.navbar-chat .navbar-nav > li > a:focus {
  color: #ffffff;
  //background-color: #022f5a;
}
.navbar-chat .navbar-nav > .active > a,
.navbar-chat .navbar-nav > .active > a:hover,
.navbar-chat .navbar-nav > .active > a:focus {
  color: #ffffff;
  //background-color: #022f5a;
}
.navbar-chat .navbar-nav > .disabled > a,
.navbar-chat .navbar-nav > .disabled > a:hover,
.navbar-chat .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-chat .navbar-toggle {
  border-color: #022f5a;
}
.navbar-chat .navbar-toggle:hover,
.navbar-chat .navbar-toggle:focus {
  background-color: #022f5a;
}
.navbar-chat .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-chat .navbar-collapse,
.navbar-chat .navbar-form {
  border-color: #022a50;
}
.navbar-chat .navbar-nav > .open > a,
.navbar-chat .navbar-nav > .open > a:hover,
.navbar-chat .navbar-nav > .open > a:focus {
  //background-color: #022f5a;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-chat .navbar-nav .open .dropdown-menu > .dropdown-header {
    //border-color: #022f5a;
  }
  .navbar-chat .navbar-nav .open .dropdown-menu .divider {
    //background-color: #022f5a;
  }
  .navbar-chat .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-chat .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-chat .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
   // background-color: #022f5a;
  }
  .navbar-chat .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-chat .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-chat .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    //background-color: #022f5a;
  }
  .navbar-chat .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-chat .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-chat .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-chat .navbar-link {
    color: #ffffff;
}
.navbar-chat .navbar-link:hover {
    color: #ffffff;
}

.navbar-chat-contenedor {
    width: 100%;
    text-align: center;
    max-width: 768px;
    margin: 0 auto;
    position: relative;
}

.navbar-chat-boton {
    position: absolute;
    right: 14px;
    top: 1px;
}

.navbar-chat-input {
    padding-right: 62px;
    padding-left: 8px;
    padding-top: 10px;
}

.navbar-chat-input textarea {
    font-size: 16px;
}

//// ---------- FIN NAVBAR

.boton-enviar { padding-right: -10px; }

.submenu-color {
    background-color: #FFF;
}

.inferior-foto-perfil {
    background-color: #FFF;
}

.menu-navbar {
    max-width: 700px;
    width: 100%;
    height: 50px;
}

.submenu {
    max-width: 700px;
    width: 100%;
    height: 35px;
}

.submenu-item {
    padding-top: 10px;
    color: #555;
    font-size: 13px;
}
.submenu-item:hover {
    color: #54759e;
    text-decoration: none;
}
.submenu-item-activo {
    padding-top: 10px;
    font-weight: bold;
    color: #555;
}

.sombra-inferior {
    -webkit-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
    box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.33);
}

.sombra-total {
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.75);
}

.menu-item {
    padding-top: 8px;
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}
.menu-item:hover {
    color: #FFF;
    text-decoration: none;
}
.menu-item-activo:hover {
    padding-top: 8px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
.menu-item-activo {
    padding-top: 8px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

.menu-navbar-casilla-avatar {
    width: 50px;
}
.menu-navbar-casilla-menu {
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.gris { color: #666; }
.gris:hover { color: #666; }

.sinPunto {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.recorta-foto {
    position: absolute;
    clip: rect(0px,600px,200px,0px);
    -webkit-filter: hue-rotate(120deg);
    overflow: hidden;
 }

 .imagen-perfil {
    width: 600px;
    min-width: 100%;
    height: 200px;

 }
 .tabla-imagen-perfil {
    width: 100%;
    height: 200px;
 }

 .sepia {
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
 }

.padding-activo {
    margin: 1px;
    padding-left: 6px;
    padding-right: 6px;
    max-width: 700px;
}

.borde-superior { border-top: 1px solid #EEE; }

.padding-reducido {
    padding-top: 2px;
    padding-bottom: 0px;
}

.participantes-lema > p {
    // color: #F00;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.azul { color: #2ca3e7; }
.azul-desactivado { color: #a6c9dd; }

.flechasNavegacion { font-size: 20px; }

.navbar-hinavision {
    background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);
}

.fondo-general {
    background-image: url("/vista/default/img/bg.jpg");
    background-repeat: repeat;
    height: 50px;
}

.ficha-pais { position: relative; }

.ficha-pais-imagen {
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    position: relative;
}

.ficha-pais-texto {
    position: absolute;
    bottom: -2px;
    right: 52px;
    color: white;
    font-size: 20px;
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}

.ficha-pais-bandera {
    //top: 2px;
    bottom: -16px;
    right: 0px;
    width: 50px;
    position: absolute;
    z-index: 10;
}

.ficha-pais-fondo-posicion {
    //top: 2px;
    bottom: -16px;
    left: 0px;
    width: 50px;
    position: absolute;
    z-index: 10;
}

.ficha-pais-posicion {
    //top: 9px;
    bottom: -9px;
    left: 11px;
    font-size: 25px;
    font-weight: bold;
    width: 50px;
    position: absolute;
    z-index: 11;
}

.sinMargen-superior { padding-top: 0px; }

.ficha-pais-grupo {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.ficha-pais-cancion {
    font-size: 13px;
    text-align: center;
}
.ficha-pais-fondo-grupo {
   position: absolute;
   bottom: 0px;
   width: 100%;
   height: 35px;
   opacity: 0.7;
}

.desplegable-orden {
    padding-left: 10px;
    padding-right: 10px;
}

.opciones-titular {
    font-size: 12px;
    color: #666;
    font-style: italic;
    font-weight:normal;
}

.sinSubrayado { text-decoration: none; }
.sinFondo { border: none; }

.ficha-dato-titulo {
    text-align: center;
    font-size: 11px;
}

.ficha-dato-noultimo {
    border-right: 1px #CCC solid;
}

.ficha-dato-eurovision {
    font-size: 22px;
    text-align: center;
    color: #2e8bca;
}

.ficha-dato-miOrden {
    font-size: 22px;
    text-align: center;
    color: #FF9900;
}

.ficha-dato-hinavision {
    font-size: 22px;
    text-align: center;
    color: #000;
}

.ficha-dato-diferencia {
    font-size: 22px;
    text-align: center;
    color: #000;
}

.ficha-cartelito-orden {
    font-size: 10px;
    color: #FFF;
    z-index: 20;
    position: absolute;
    bottom: 0px;
    left: 50px;
        text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}

.ficha-notas {
    text-align: center;
    font-size: 11px;
}

.icono-alerta {
    font-size: 40px;
    color: #d9534f;
}

.btn.btn-fab.icono-vista {
  width: 40px;
  height: 40px;
  padding-left: 7px;
  padding-top: 7px;
  color: #FFF;
  font-size: 26px;
}

.ficha-simple-select { margin-top: -10px; }

.imagen-boton {
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        -1px 1px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
    transition: text-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.imagen-boton:active {
    text-shadow:
        0px 0px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20),
        4px 4px 0 rgba(0,0,0,0.20),
        1px 1px 0 rgba(0,0,0,0.20);
}

/* ----- BARRAS DE GANADORES ---------------- */

.progressbar-avatar {
    width: 55px;
    -webkit-box-shadow: 2px 6px 5px -4px rgba(0,0,0,0.33);
    -moz-box-shadow: 2px 6px 5px -4px rgba(0,0,0,0.33);
    box-shadow: 2px 6px 5px -4px rgba(0,0,0,0.33);
}

.ganador-fondo-pos {
    position: absolute;
    //left: -30px;
    width: 25px;
    z-index: 1;
}

.ganador-pos {
    position: relative;
    left: 5px;
    top: 2px;
    z-index: 2;
}

.ficha-menciones-avatar {
    bottom: 30px;
    left: 10px;
    width: 80px;
    position: absolute;
    z-index: 10;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.ficha-menciones-mencion {
    position: absolute;
    top: 60px;
    left: 140px;
    color: #3e1712;
    font-weight: bold;
    font-size: 18px;
}

.ficha-menciones-imagen {
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: 10;

}

.ficha-menciones-fondo {
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    position: relative;
}

.separacion-superior {
    margin-top: 10px;
}

/* ******** EFECTO POLAROID ******* */
.polaroid {
    background-color:white;
    padding: 5px 5px 30px 5px;
    border:1px solid #BFBFBF;
    box-shadow: 0 0 5px #888;
}

.RotarIzq {
    transform:rotate(5deg);
    -ms-transform:rotate(5deg); /* IE9 */
    -webkit-transform:rotate(5deg); /* Safari y Chrome */
    -moz-transform:rotate(5deg);
}

.RotarDer {
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); /* IE9 */
    -webkit-transform:rotate(-5deg); /* Safari y Chrome */
    -moz-transform:rotate(-5deg);
}

.polaroidImagen {
    width: 140px;
    border: 0px;
    alignment-adjust: central;
    z-index: 3;
}

.polaroidContenedor {
    text-align: center;
    width: 150px;
    padding:5px 5px 5px 5px;
    border:1px solid #BFBFBF;
    background-color:white;
    box-shadow:2px 2px 11px rgba(0, 0, 0, 0.2);
    z-index: 2;
  }

.textoPolaroid {
    display:block;
    //margin-top:0em;
    font-style:italic;
    font-size: 12px;
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
/* ******** EFECTO POLAROID ******* */

.menciones-trofeo {
    padding: 10px;
    padding: 5px;
    z-index: 1;
}

.separador {
    margin-left: 30px;
    margin-right: 30px;
    height: 1px;
    border: 0;
    background-color: #CCC;
}

.menciones-contendor {
    margin-left: 3px;
    margin-right: 8px;
}

.pais-lista {
    padding-top: 4px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.pais-lista:hover {
    background-color: #FFF;
}

.barGraph {
   align-items: center;
   margin: 1em 0;
   padding: 0;
   position: relative;
   list-style: none;
}

.barGraphAnys {
   align-items: center;
   margin: 1em 0;
   padding-top: 10px;
   position: relative;
   list-style: none;
}

.barGraphAnys li {
   list-style: none;
   width: 30px;
   color: #000;
   margin: 0;
   padding: 0 0 0 0;
   border-bottom: none;
   bottom: 0;
   position: absolute;
   text-align: center;

}

.barGraphLineaInferior {
   border-bottom: 3px solid #54759E;
   background-color: #EEE;
   height: 200px;

}

.barGraphLineaInferior li {
   border-radius: 6px 6px 0px 0px;
   border: 1px solid;
   background: url("../../funciones/progressbar/img/progress.png") 0 0 repeat;
   border-bottom: none;
   bottom: 0;
   color: #000;
   margin: 0;
   padding: 0 0 0 0;
   position: absolute;
   text-align: center;
   width: 30px;
}

.barGraph li.barGraphAzul{ background-color:#40ABE9; }
.barGraph li.barGraphAmarillo { background-color: #f2b63c; }
.barGraph li.barGraphRojo { background-color: #db3a27; }
.barGraph li.barGraphGris { background-color: #AAAAAA; }

.texto-aviso {
    color: #faff00;
}