body
{
    /*padding-top: 10px;*/
    padding-bottom: 40px;
    background-color: #c3c3c3;
    /*background-size: contain;*/
    font-family: "Helvetica Neue",Arial,sans-serif;
    background: url(/media/img/silueta_ciudad.png) repeat-x scroll 0 40px #808080;
}

/**
 * *********************
 * Override de las propias del Bootstrap
 **/
.thumbnail
{
    /*border: 1px solid #EF8800;*/
    border: none;
}

h2
{
    font-size: 1.5em;
    line-height: 1.4em;
}

h3
{
    font-size: 1em;
    line-height: 1.4em;
}

h3.separador
{
    background-color: #000;
    color: #FFCC00;
    font-size: 1.2em;
    margin-right: 5px;
    padding: 5px;
}

h3.separador.largo
{
    margin-right: 5px;
    margin-left: 5px;
}

.row > div.span4.derecha
{
    padding-top: 5px;
}



/* ********************* */

.curva
{
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
               /*behavior: url(border-radius.htc);*/
}

.curva-izq
{
  -webkit-border-radius: 5px 0px 0px 5px;
   -khtml-border-radius: 5px 0px 0px 5px;
     -moz-border-radius: 5px 0px 0px 5px;
          border-radius: 5px 0px 0px 5px;
               /*behavior: url(border-radius.htc);*/
}

.curva-der
{
  -webkit-border-radius: 0px 5px 5px 0px;
   -khtml-border-radius: 0px 5px 5px 0px;
     -moz-border-radius: 0px 5px 5px 0px;
          border-radius: 0px 5px 5px 0px;
               /*behavior: url(border-radius.htc);*/
}

#contenedor_principal
{
    background: none;
    margin-top: 15px;
}

.sombreado
{
    -webkit-box-shadow: -2px 5px 5px 0px;
    box-shadow: -2px 5px 5px 0px;
}


/**
 * ENCABEZADO
 **/

div#encabezado
{
    background-color: #877A63;
    height: 210px;
    background-image: url('../img/fondo-encabezado.jpg');
}

/* logo */
div#encabezado > div.row > div > div#img-logo
{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF);   /* IE6 & 7 */
    zoom: 1;

    /*margin: -12px 0px 5px 25px;*/
    margin: -0px 0px 5px 25px;
    /*padding: 20px 20px 18px 40px;*/
    padding: 15px;

    float: left;
    position: relative;
    width: 180px;
    text-align: center;
}

.transparente
{
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

div#clima
{
    text-align: right;
    float: right;
    color: white;
    font-weight: bold;
    margin-top: 30px;
    font-size: 1.2em;
    height: 50px;
}

#clima_icono
{
    /*display: inline-block;*/
    width: 50px;
    height: 50px;
    margin: -8px 0 -1px 1px;
    overflow: hidden;
    position: absolute;
    /*background: url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;*/
    /*background: url('../img/wicons.png') no-repeat 61px 0;*/

}

div.en-el-aire
{
    width: 88px;
    float: left;
    margin-top: 4px;
    background-color: black;
    padding: 2px;
    text-align: center;
    /*color: red;*/
    color: rgb(255, 0, 0);
    font-weight: bold;
    border: 2px solid red;
}

div#encabezado > div.row > div > div#players
{
    float: right;
    height: 45px;
}

#contenedor-sociales
{
    text-align: center;
}

#sociales
{
    margin-right: 10px;
    text-align: center;
    margin-top: 10px;
}

.contacto
{
    margin: 15px 0 0 20px;
    font-weight: bold;
}

.contacto > span
{
    color: white;
    margin: 0px 0 0 15px;
    text-align: left;
}

.contacto > span > a
{
    color: white;
    margin: 0;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel
{
    margin: 5px 5px 5px 5px;
}

.carousel .container
{
    position: relative;
    z-index: 9;
}

.carousel-control
{
    height: 80px;
    margin-top: 0;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba( 0,0,0,0.4 );
    background-color: transparent;
    border: 0;
    z-index: 10;
    color: #877D64;
}

.carousel .item
{
    max-width: 100%;
    height: 340px;

}

.carousel img
{
/*
    position: absolute;
    top: 0;
    left: 0;
*/
    min-width: 100%;
}

.carousel-caption
{
    background-color: transparent;
    position: static;
    max-width: 550px;
    padding: 0 20px;
    margin-top: 90px;
    color: #fff;
    text-align: right;
}

.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}


.carousel-volver
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
.carousel-control
{
    left: -12px;
}
.carousel-control.right
{
    right: -12px;
}
.carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
.carousel-indicators li
{
    background: #c0c0c0;
}
.carousel-indicators .active
{
    background: #333333;
}

.carousel-control.programacion.left
{
    left: 0px;
}

.carousel-control.programacion.right
{
    right: 0px;
}

#carousel-programacion-abajo
{
    margin-top: 50px;
}

.barra_separadora
{
    background-color: #2D2D2D;
    background-image: -moz-linear-gradient(top,#2D2D2D, #000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2D2D2D),to(#000));
    background-image: -webkit-linear-gradient(top,#2D2D2D, #000);
    background-image: -o-linear-gradient(top,#2D2D2D, #000);
    background-image: linear-gradient(to bottom,#2D2D2D, #000);
    background-repeat: repeat-x;
    border-color: #2D2D2D;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D',endColorstr='#000',GradientType=0);
    color: #FFCC00;
}


/**
 * MENU
 **/

.navbar
{
/*
    margin-top: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
*/
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}

.navbar-inner
{
    min-height: 20px;
    height: 36px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;

  -webkit-border-radius: 5px 5px 5px 5px;
   -khtml-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;

}


.navbar .nav
{
    float: none;
    position: absolute;
    left: 15px;
}

.navbar .navbar-inner
{
    background-color: #2D2D2D;
    background-image: -moz-linear-gradient(top,#2D2D2D, #000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2D2D2D),to(#000));
    background-image: -webkit-linear-gradient(top,#2D2D2D, #000);
    background-image: -o-linear-gradient(top,#2D2D2D, #000);
    background-image: linear-gradient(to bottom,#2D2D2D, #000);
    background-repeat: repeat-x;
    border-color: #2D2D2D;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D',endColorstr='#000',GradientType=0);
}

.navbar .nav > li
{
    font-size: 16px;
    line-height: 16px;
    text-shadow: none;
}

.navbar .nav > li.active > a
{
    font-weight: bold;
    color: #AF0000;
}

.navbar .nav>li>a
{
    color: #FFCC00;
    text-shadow: none;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover
{
    color: #000;
    background: #FFCC00;
}

.navbar .nav .active>a, .navbar .nav .active>a:hover, .navbar .nav .active>a:focus
{
    color: #000;
    background: #FFCC00;
    box-shadow: none;
    text-shadow: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle
{
    background: #FFCC00;
    box-shadow: none;
    text-shadow: none;
}

#contenedor_RDS
{
    width: 299px;
}

#RDS
{
    font: normal normal normal "Helvetica Neue",Arial,sans-serif;
    font-size: 1.0em;
    width: 200px;
    overflow: hidden;
    border: 1px solid;
    margin-top: 7px;
}

#RDS > div.informacion
{
    white-space: nowrap;
    display: inline-block;
}




/* CUERPO
-------------------------------------------------- */

div#cuerpo
{
    background-color: black;
}

div.noticias
{
    margin-bottom: 10px;
}

div.row.noticias > div.noticia
{
    background: none;
    background-color: white;
    float: left;
    width: 272px;
    margin-left: 10px;
    padding: 5px;
    height: 300px;
}

div.row.noticias > div.noticia > .thumbnail>img
{
    width: 360px;
}

/* NOTICIA COMPLETA y IFRAME para videos */
div.row.noticias > div.noticia-completa
{
    background: none;
    background-color: white;
    float: left;
    margin-left: 10px;
    padding: 5px;
    min-height: 320px;
}

div.row.noticias > div.noticia-completa p span
{
    font-size: 14px !important;
}

div.row.noticias > div.noticia-completa > img
{
    /*width: 100%;*/
    margin-bottom: 5px;
    max-width: 760px !important;
}

div.row.noticias > div.noticia-completa > iframe
{
    width: 760px;
    height: 480px;
    border: 0;
}

.player
{
    width: 224px;
    text-align: center;
    padding: 0px;
    margin: 30px 10px 0 0;
}


footer
{
    margin: 0 0 5px 5px;
    text-align: center;
    color: white;
}

footer > a
{
    color: white;
}

.centered
{
    display: inline-block;
    vertical-align: middle;
}

.oculto
{
    display: none;
}



/**
 *
 **/

/* Carousel base class */
.carousel-volve
{
    margin: 5px 0 5px 5px;
}

.carousel-volve .container {
    position: relative;
    z-index: 9;
}

.carousel-volve-control
{
    height: 80px;
    margin-top: 0;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba( 0,0,0,0.4 );
    background-color: transparent;
    border: 0;
    z-index: 10;
}

.carousel-volve .item
{
    max-width: 100%;
    height: 220px;
}

.carousel-volve img
{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 250px;
    width: 250px;
}

/* TWITTER */
.timeline-header, .twtr-ft
{
    display: none!important;
}

.twtr-widget .twtr-tweet
{
    border:none!important;
    text-align:left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size:11px;
}

.twitter
{
    margin-top: 10px;
}


#contenedor-player-movil
{
    /*background-color: #444444;*/
    background-color: #676767;
    padding: 5px;
    width: 365px;
}

#contenedor-player-movil p
{
    font-size: 10px;
    color: white;
    margin: 5px 0 0 0;
    text-align: center;
}

#player-movil
{
    padding-top: 3px;
    padding-bottom: 7px;
}

.icono-player
{
    margin-left: 20px;
    margin-right: 20px;
}


/* AUDIOS */

p.audios.texto
{
    margin-left: 10px;
}


div.audios
{
    margin-bottom: 10px;
}

div.row.audios > div.audio
{
    background: none;
    background-color: white;
    float: left;
    width: 358px;
    margin-left: 15px;
    padding: 5px;
    min-height: 70px;
    border: 1px solid #EF8800;
}

div.row.audios > div.audio > h3
{
    margin: 0 5px 0 5px;
}

div.row.audios > div.audio > div.fecha
{
    margin: 0 5px 0 5px;
    padding: 0;
}

div.row.audios > div.audio > small
{
    font-size: 70%;
    line-height: 1px;
}

table#programacion {
    font-size: 12px;
}

table#programacion td.prg {
    padding: 2px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
    color: #897A67;
}

table#programacion td.prg.vacio {
    background-color: #E7E7E7;
}

table#programacion td.prg.actual {
    background-color: #FFA500;
    color: #FFF;
}

.boton-volver {
    margin-top: 5px;
    margin-left: 20px;
}

.thumbnail {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
}