a{
    color: #333;
}

#portada {
    margin-top: -70px;
}

#banner{}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    position: absolute;
    z-index: 9999;
	width: 100%;
}

#socials{z-index: 9998;}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

#tira{background: #FF0}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FF0;
    background-color: transparent;    
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    text-shadow: 2px 2px 1px #000;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

#socials
{
display: inline;
padding-right: 20px;
}

.carousel {
    margin-top: 70px;
    position: relative;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

#w0 {
    margin-top: 76px;  
}

#w0 .container{
    width: 100%;    
}

#divTira {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
    float: left;
    font-size: 12px;    
    padding-bottom: 1px;
    padding-top: 2px;
    position: relative;
    width: 100%;
    font-family: Eurostile;
}

#divTira::before{
    border-color: transparent transparent #ff0;
    border-style: solid;
    border-width: 27px;
    content: "";
    display: -moz-deck;
    height: 26px;
    left: 50%;
    position: absolute;
    top: -53px;
    width: 51px;
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    margin-top: 25%;
}

.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    margin-top: 25%;
}


#w1 > li {
    float: left;
    font-family: Eurostile;
    font-size: 2.2rem;
}

#w1 li + li a:before {
content: "|";
padding-right: 30px;
} 

#w2 .container{
    width: 100%;
}

.navbar-nav {
    float: left;
    margin: 0 0 0 55px;
}

.media{

    bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 94px;
    left: 0;
    margin-left: 44%;
    margin-top: 25%;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}

#repro{}

.fa{
    color: #FFF; 
    text-shadow: 2px 2px 1px #000;   
}

.fa:hover{
    color: #FF0;
}

#NAC{
    font-family: Eurostile;
    color: #777;
    margin-top: 5px;
}

#INFNAC{
    font-family: Verdana;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 28px;
}

.ptexto {
    color: #333;
    float: left;
    font-family: Verdana;
    font-size: 1.4rem;
    margin-top: 6px;
    text-align: justify;
}

.ptexto1 {
    color: #fff;
    float: right;
    font-family: eurostile;
    font-size: 1.8rem;
    margin-top: 6px;
    text-align: justify;
}

.spanFecha{color: #777; font-family: Eurostile;}

hr{
  margin-bottom: 17px;
}

.footer{

     background-image: url("/web/images/dark-canvas.gif");
}

/*navbar vertical*/
.sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  #notiP{margin-top: 15px;  padding: 0;}

#w5 {
    width: 100%;
}

.nav > li > a {
    color: #fff;
    display: block;
    padding: 10px 10px;
    position: relative;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    background-color: transparent;
    color: #ff0 !important;
    text-decoration: none;
}

#w4 .container {
   padding: 0;
   width: 100%;
}

#w4-collapse{
    padding: 0;
    width: 100%;
}

#contenedor{   
   padding: 5px;
   font-family: Eurostile;
}

#moido{
    margin-bottom: 0;
    padding-left: 0;    
}

#flotanteizquierda{
   float: left;
   padding: 10px;
   width: 20%;
}
#flotantederecha{
    float: right;     
    text-align: justify;
    width: 68%;
}

.fa.fa-comment-o, .fa.fa-share-alt{
    color: #000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0px;
    color: #555;
    cursor: default;
}

.nav-tabs {
    border-bottom: transparent;
}

.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li a:active
{
    color: #555;
}

#tituloCom {
    font-weight: bold;
}

#descCom{
   color: #777;
}

#spanCom{
    position: absolute;
    right: 12px;
    top: 10px; 
    color: #777;   
}

#comentario {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #777 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 25px;
}

#headFrecu{ margin-bottom: 33px;}

#mdfrecu{

-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #555 transparent transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    height: 31px;
    margin-top: 8px;
    padding-top: 8px;
}

#promo{

    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 47px;
    text-align: center;
}

#promo h2{color: #d4ad07;}

#headSerV{ color: #d4ad07;
    margin-bottom: 38px;
    margin-left: 34px;
}

.promop{}

.tb-videos-index, .tb-videos-create, .tb-videos-view, .tb-videos-update, .tb-fotoreportaje-create, .tb-fotoreportaje-update, .tb-minuto-create, .tb-minuto-index, .tb-minuto-update, .tb-minuto-view, .tb-minutoaminuto-index, .tb-minutoaminuto-create, .tb-minutoaminuto-update, .tb-minutoaminuto-view, .tb-comentario-index, .tb-comentario-create, .tb-comentario-update, .tb-comentario-view, .tb-audiodemanda-index, .tb-audiodemanda-update, .tb-audiodemanda-create, .tb-audiodemanda-view,.tb-programa-index, .tb-programa-create, .tb-programa-update, .tb-programa-view,.tb-noticia-index, .tb-noticia-update, .tb-noticia-view, .tb-categoria-index, .tb-categoria-update, .tb-categoria-view, .tb-categoria-create, .tb-subcategoria-index, .tb-subcategoria-view, .tb-subcategoria-update, .tb-subcategoria-create, .tb-redessociales-index, .tb-redessociales-view, .tb-redessociales-update, .tb-redessociales-create, .tb-user-index, .tb-user-create, .tb-user-update, .tb-user-view
{
    padding: 0 23px;
}

#formContact{ margin-top: 3px;}

#formContact .col-md-4{

    background: #eee none repeat scroll 0 0;
    border-radius: 7px;
    padding: 18px;
}


*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.botonS {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    float: right;
    font-size: 1.9rem;
    margin-right: 12px;
    margin-top: 4px;
}

.col-md-3{ margin-bottom: 42px;}

.img_noti {
    height: 262px;
    width: 393px;
}

.tpanel{

    color: #000;
    font-weight: bold;
    padding-top: 12px;
    text-align: center;
}

.carousel-inner {
    height: 625px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.img-contenedor img {
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
}

.img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/
overflow: hidden;
width: 100%;
}
.img-contenedor img {
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
width:100%;
}

.img-contenedor:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}

.img-contenedor1 {/*Ancho y altura son modificables al requerimiento de cada uno*/
overflow: hidden;
}
.img-contenedor1 img {
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
}

.img-contenedor1:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}

.spanfechaaut{
    margin-bottom: 30px;
}

.hrper{
    margin-bottom: 8px;
    margin-top: 0;
}

.forcoment {
    background: #eee none repeat scroll 0 0;
    padding: 31px;
}

#coment {
    font-weight: bold;
    
    padding-top: 10px;
}

.liscat {
    border-top: 1px solid #e8c257;
    color: #fff;
    display: flex;
    height: 12px;
    list-style: outside none none;
    margin-left: 204px;
    margin-top: 109px;
    padding: 0;
    position: absolute;
    z-index: 99999999;
    width: 79%;
}

.licat {
    color: #e8c257;
    font-size: 1.7rem;
    padding: 5px 16px;
}

.licat:first-child{
    padding: 5px 0;
}

.licat a{
   color: #e8c257;
}

.img_prog{
    border-radius: 52px;
    margin-left: 90px;
    width: 102px;
}

.img_prog1{
    border-radius: 52px;
    margin-left: 90px;
    width: 117px;
}

.img_frecuencia {
    margin-top: -478px;
}

.logo{
    margin-top: -81px;
    position: absolute;
}

.sitiosInt{
     padding: 4px;
     font-family: Eurostile;
}

.sitiosInt > li {
    list-style: outside none none;
    margin-bottom: 4px;
}

.sitiosInt > li > a{
    color: #fef102;
    font-size: 1.7rem;
}


.navfooter > li > a {
    color: #fff;
    display: block;
    font-size: 1.5rem;
    padding: 5px;
    position: relative;
}

.logofooter{
    margin-top: -1px;
    width: 38%;
}

#copyright1{
    margin-top: 15px;
    font-family: Eurostile;
}

#copyright1 a{
    color: #fef102;
}

.colsitiosint{}

.rdesfooter {
    margin-left: 241px;
    position: absolute;
    top: 2px;
    z-index: 2147483647;
}

.share{
    display: flex;  
    margin-top: 30px; 
}

.share li{
    list-style: none;
    margin-right: 13px;
}

.imagen_portada{
    float: left;
    max-height: 350px;
    width: 50%;
}

div.jp-audio {    
    width: 294px !important;
}

#buscari{
    position: absolute;
    right: 50px;
    top: 11px;
    z-index: 2147483647;
}

.botonbuscar{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    height: 30px;
    position: absolute;
    right: -36px;
    top: -2px;
}

.help-block{
    display: none;
}

#w3 > .container{
    width: 196px;
}

#moido{
    font-family: Eurostile;
}

.ulmvisit{
    background: #333333 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    margin-top: 13px;
    padding: 7px 7px 13px 27px;
}

.ulmvisit li a
{
    color: #fff;
}

.pormas{
    color: #b97c3c;
    margin-top: -13px;    
}

.ulmvisit li a h4 {
    margin-top: -21px;
}
.notiportr {
    max-height: 500px;
    min-height: 500px;
}

/*css para los servicios***************************************/
/*Estilos Base*/
.contenedor-img {
    background: #fff none repeat scroll 0 0;
    cursor: default;
    float: left;
    height: 200px;
    margin: 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 284px;
}
.contenedor-img .mascara,.contenedor-img .contenido {
    width: 300px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.contenedor-img img {
    display: block;
    position: relative;
   
}
.contenedor-img h2 {
    background: #3c9f3e none repeat scroll 0 0;
    color: #fff;
    font-size: 17px;
    margin: 20px 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.contenedor-img p {    
    font-size: 12px;
    position: relative;
    color: #333;
    font-weight: bold;
    padding: 10px 20px 10px;
    text-align: center
}
.contenedor-img a.link {
    background: #3b9f3d none repeat scroll 0 0;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 7px 14px;
    text-decoration: none;
    text-transform: uppercase;
}
.contenedor-img a.link:hover {
    box-shadow: 0 0 5px #000
}

/*Ejemplo 1*/
.ejemplo-1 img { 
    transition: all 0.2s linear;
}
.ejemplo-1 .mascara {
    opacity: 0;
    background-color: rgba(247,218,2, 0.7); 
    transition: all 0.3s ease-in-out;
}
.ejemplo-1 h2 {
    transform: translateX(-200px);
    opacity: 0;
    transition: all 0.7s ease-in-out;
}
.ejemplo-1 p { 
    transform: translateX(200px);
    opacity: 0;
    transition: all 0.4s linear;
}
.ejemplo-1 a.link{
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: translateY(100px)
}
.ejemplo-1:hover img { 
    transform: scale(1.1);
} 
.ejemplo-1:hover .mascara { 
    opacity: 1;
}
.ejemplo-1:hover h2,
.ejemplo-1:hover p,
.ejemplo-1:hover a.link {
    opacity: 1;
    transform: translateX(0px);
}
.ejemplo-1:hover p {
    transition-delay: 0.1s;
}
.ejemplo-1:hover a.link {
    transition-delay: 0.2s;
    transform: translateY(0px);
}

/*fin */

.modal-header {
    background: #0c3a0c none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    min-height: 16.43px;
    padding: 15px;
}

a {
    color: #0b390b;
    text-decoration: none;
}

a:focus, a:hover {
    color: #0c3a0c;
    text-decoration: underline;
}

.carousel-control.right {   
    background: transparent;
}

.carousel-control.left {
   background: transparent;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    background: #000 none repeat scroll 0 0;
    font-size: 30px;
    height: 30px;
    margin-top: -15px;
    width: 30px;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    border: none;
}