﻿body {

   /*background-color:#e5e5e5*/

   font-family:montserrat-l;
}

@font-face {
    font-family: roboto;
    src: url(Roboto-Light.ttf);
}

@font-face {
    font-family: montserrat-b;
    src: url(Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: montserrat-l;
    src: url(Montserrat-Light.ttf);
}
/*------------Sociales----------------------*/

@font-face {
    font-family: SocialesFont;
    src: url(SocialCircles.otf);
}g
 .divSociales {

             
       
              cursor:pointer;
              display:block;
            
            }

.divSociales span {

      margin-top:-15px;
}.divSociales span img{

    width:40px;
}
 
         



                 .divSociales2 {

              font-family: SocialesFont;
              font-size:40px;
              cursor:pointer;
              display:none;

              width:85%;
            
                
            }
 
                .divSociales2 span {
                
                color:#427688;
                   -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
                }

                .divSociales2 span:hover {
            
                    color:#f2f2f2;
                
                }

   /*-----------------------------------------------*/

   .container {
     
       }
.title {
display:none;

}
  .navbar-css {
      
        
           /*background-color:#000000;*/
           background-color:#022680;
            min-height:45px;
        }.navbar-css .navbar-brand {
                color:#ffffff;
                margin-top:3px;
        }
            .navbar-css ul li a {
                color: #ffffff;
                height: 45px;
                padding-top: 15px;
               /* font-family: 'Agency FB';*/
               font-family: montserrat-b;
                font-size: 11pt;
               text-transform:uppercase;
                
            } .navbar-css .glyphicon-th-large {
                color: #ffffff;
                font-size:18pt;
       }.navbar-css .glyphicon-align-justify {
                color: #ffffff;
                font-size: 18pt;
       }


            .navbar-css .dropdown-menu {
                /*background-color: #0076cb; cambiar fondo de dropdownlist*/
            }
        .navbar-css .dropdown-menu li a{
            color:#7D7D7D;
            height:45px;
       }.navbar-css li a:hover {
                background-color: #3E3E3E;
                height: 45px;
      }.navbar-css li a:focus {
                background-color: #3E3E3E;
                /* color: #0076cb;*/
                height: 45px;
       }.navbar-css li .dropdown-toggle:focus {
                background-color: #3E3E3E;
                /* color: #0076cb;*/
                height: 45px;
       }.navbar-css .dropdown-menu li a:hover {
                color: #ffffff;
                height: 45px;
       }.glyphicon-chevron-down {
            color: #ffffff;
            font-size:6pt;
       }

            #bannerHead {
            
                width:100%;
                height:260px;
            

           /* background-color:#1d5061;*/
           background-image: url(../Img-banners/BannerInforadio.png);
           background-size: 115%;
    background-repeat: no-repeat;

            }



          
.header{ }
.menu{width:100%;  }
.fixed .title{display:block; font-size:13pt;     font-family:myFirstFont; }
.title span {
    font-size:8pt;  color:#C6D9D6;
}

.wrapper{ min-height:1500px; width:100%; padding-top:20px}

.fixed{position:fixed; top:0}
.notas-primera-plana {
margin-top:2px;
}
 .division4 {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#ffffff; font-size:14pt; padding:2px; font-family:Calibri; font-style:italic;padding-left:10px;

        }
  .division5 {
   background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 100%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
color:#000000; font-size:14pt; padding:2px; font-family:Calibri; font-style:italic; border:#b6b6b6 solid 1px; font-weight:bold;

        }
 .divison3 {
        width:100%;
        }
        .division3 .d1{
            width:23%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
            margin-top:15px;
        }
.rpt-deportes {

    width:100%;

}

 .td1{

font-size:10pt;padding:2px;

}
 .td2{

font-size:10pt;padding:2px;

}

.globo-Deportes {
 
    background-color:#eaeaea;
    width:100%;

    min-height:200px;
    margin-top:2px;

}
          .division3 .d2{
            width:54%;
              float:left;
               font-size:12pt;
              font-family:Calibri;
              color:#3E3E3E;
              text-align:center;
              font-weight:bold;
              font-size:17pt;
             
        }
          .division3 .d3{
                width:23%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
            margin-top:15px;
        }

     .divison {
        width:100%;
        }
        .divison .d1{
            width:38%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
            margin-top:15px;
        }
          .divison .d2{
            width:24%;
              float:left;
               font-size:17pt;
              font-family:Calibri;
              color:#3E3E3E;
              text-align:center;
              font-weight:bold;
             
        }
          .divison .d3{
                width:38%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
         margin-top:15px;
        }

               .ultimas-noticias {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+100,7db9e8+100 */
/*background: rgb(30,87,153); /* Old browsers */


width:20%; float:left; padding: 5px; font-family:montserrat-b; font-size:14pt;  color:#000000; text-align:center;height:40px;
text-transform:uppercase;
        }
        .ultimas-noticias2 {
            width:80%; float:left;

 float:left; padding: 5px; font-family:montserrat-b; font-size:14pt; background-color:#D8D8D8; color:#000000; text-align:center;height:40px;
 text-transform:uppercase;
        }

@font-face {
    font-family: myFirstFont;
    src: url(LANENAR_.ttf);
}


.lbl-Logo {

    font-size:22pt;
    color:#fff;
    /*font-family:Arial;*/
    font-family:myFirstFont;
    margin-left:5%;
    margin-top:15px;
    float:left;
    height:50px;
}

.lbl-Logo span{

 font-size:25pt;
 color:#C6D9D6;
}

.lbl-Logo span img{

width:60px;
margin-top:-5px;
}
#divSearch {
    
}

.divSearch {

width:100%;
text-align:center;
display:block;
}
.txt-search {
width:80%;

border-bottom-left-radius:2px;
border-top-left-radius:2px;

border-bottom-right-radius:0px;
border-top-right-radius:0px;
height:40px;

border-left:solid 1px rgba(215,222,227,1);
}
.txt-search , .btn-search{

float:right;
border-top:solid 1px rgba(215,222,227,1);
border-bottom:solid 1px rgba(215,222,227,1);

}.btn-search {

     width:20%;

     border-bottom-right-radius:2px;
border-top-right-radius:2px;

border-bottom-left-radius:0px;
border-top-left-radius:0px;
height:40px;
font-size:14pt;
color:#fff;
background-color:rgb(231,64,44);
border-left:0px;
}

.container .contenido {
    min-width:85%;
    max-width:1000px;
}
.cont-menu {
    width:90%;

}

.btn-modals{
font-weight:bold; padding-top:-4px; font-size:11pt;}

.globo-body {

background-color:#ffffff;
/*border: 1px #eaeaea solid;*/
/*border: 1px #c3c3c3 solid;
padding:3px;*/
}


.busqueda-dis {

background:#ededed;
display:none;
}

/****Nueva sección de Notas****/

.NotaIndex {

    float:left;width:32.5%; margin-left:3px;margin-right:3px; margin-top:1px;
    min-height:335px;
}

.NotaIndex a{

   color:#000000;
}
.NotaIndex  img{

   width:100%;
 height:240px;
}
.NotaIndex  span{

font-size:15pt;
}
.NotaIndex-sabiaUsted{

    float:left;width:32%; margin-left:1%;
}.NotaIndex-sabiaUsted  img{

   width:100%;
   max-height:240px;
}
.NotaIndex-sabiaUsted  span{
    color:#000000;
font-size:13pt;
}

.division1 {
    width: 100%;

    border-bottom:8px solid rgb(231,64,44);
    font-family:montserrat-b;
    font-size:16pt;

}

.ListOpinion {

     float:left;width:24%; margin:3px;
}

.ListOpinion div{

     float:left;width:48%;
}

.ListOpinion div a{
    color:#000;
    font-weight:bold;
}


.ListOpinion div img{

    width:80px;
    height:80px;
    border-radius:40px;
}

.ListOpinion-2 {

     float:left;width:80%; margin:3px;
}

.ListOpinion-2 div{

     float:left;width:40%;
}
.ListOpinion-2 div img{

    width:80px;
    height:80px;
    border-radius:40px;
}

.ListOpinion-2 div a{
    color:#000;
    font-weight:bold;
}


.artes-css {

    background-color:#0071BC;
    color:#ffffff;
    text-align:center;

}

.div-area-artes {
    min-height:280px;
}
.artes-css label{

    color:#ffffff;
    font-size:14pt;
    margin:3px;
}

.artes-css a{
    font-size:14pt;
    color:#ffffff;
}

.te-recomendamos {


background-color:#333333;
min-height:200px;
width:101%;
float:left;

margin-left:-1%;

}

.te-recomendamos .titulo-rec {

    font-family:montserrat-b;
    font-size:16pt;
   color:#ffffff;
    border-left:7px solid rgb(255,48,25);
    padding:4px;
    margin:4px;
    
}
.elementosRecomendamos {
    float: left;
    width: 48%;
    margin: 2px;
    min-height: 150px;
    padding:4px;
}
.elementosRecomendamos a{
    color: #ffffff;
  font-size:14pt;
}
.elementosRecomendamos img{
width:90%;

max-height:140px;

}
.titulo-contactanos {

       color: #022680;
     
    font-family: montserrat-b;
    text-transform: uppercase;
    font-size: 50px;
  
    position: absolute;
     

    left: 0;
     width:100%;
     text-align:center;

}

.titulo-contactanos-reflejo {

 
     
    font-family: montserrat-b;
    text-transform: uppercase;

    font-size: 50px;
  
    position: absolute;
     
   
    left: 0;
         width:100%;
     text-align:center;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);

  margin-top:17px;
}div-facebook


.titulo-contactanos-reflejo label {
  background: linear-gradient(#ffffff,#022680);
  -webkit-background-clip: text;
  color: transparent;  
}


.div-facebook {
background-color:#CCCCCC;
text-align:center;
margin-top:20px;
}

.div-facebook img{


    width:35%;


}

.div-facebook a{
color:#000000;
font-size:13pt;
}

.patrocinios img {
width:100%;
}
/*******************************/

@media (max-width: 700px) {

    .container .contenido {
width:100%;
margin-left:-1px;
}

       .container {
       width:100%;
       }

 #divSearch{

     display:none;
 }
    .txt-search {

    }
 .txt-search , .btn-search{
    margin-top:0px;
float:right;
    width:100%;
}
.lbl-Logo {

    font-size:27pt;
    color:#fff;
    /*font-family:Arial;*/
    font-family:myFirstFont;
    margin-left:5%;
    margin-top:17px;
    float:left;
    height:40px;


}

.lbl-Logo span{

 font-size:15pt;
 color:#C6D9D6;
}

    .busqueda-dis {
    
    margin-top:-20px;
    display:block;
    }

        .busqueda-dis table {
        
      /*  width:100%;*/
        }

             .divison {
        width:100%;
        }
        .divison .d1{
            width:38%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
            margin-top:9px;
        }
          .divison .d2{
            width:24%;
              float:left;
               font-size:13pt;
              font-family:Calibri;
              color:#808080;
              text-align:center;
             
        }
          .divison .d3{
                width:38%;
            height:3px;
            background-color:#808080;
            float:left;
            border-radius:3px;
            margin-top:9px;
        }


    .divSociales {
    display:none;
    }
    .divSociales2 {
   display:block;
    }

    
            #bannerHead {
            
             
                height:100px;
            
            
           /* background-color:#1d5061;*/
           background-image: url(../bannerpapa.png);
         
            }


            /****Nueva sección de Notas****/

.NotaIndex {

    float:left;width:90%; margin-left:5%;
}


/*******************************/
}



@media (max-width: 480px) {

       #bannerHead {
            
             
                height:128px;
            

           /* background-color:#1d5061;*/
           background-image: url(../bannerface.jpg);
         

            }
}
/************************* Sección videos youtube **********************************/
    .videos-youtube { width: 100%; } .row .videos-youtube iframe { width: 100%; height:400px;  }
        .row .videos-youtube .video-inferior { float: left;width: 25%;padding:1px;background-color: #191919; } 
        .row .videos-youtube .video-inferior iframe {width: 163px;height: 100px;z-index:0; position:relative;}
        .row .videos-youtube .video-inferior div { width: 163px;height: 100px;z-index: 3;background-color: #191919;float: left; position: absolute; margin-top: -105px;
        opacity: .01;-moz-transition: all .1s ease-in; /* WebKit */-webkit-transition: all .1s ease-in; /* Opera */-o-transition: all .1s ease-in; /* Standard */
        transition: all .1s ease-in;padding: 5px;}

        .row .videos-youtube .video-inferior div:hover {opacity: 1;cursor: pointer;-moz-transition: all .1s ease-in; /* WebKit */ -webkit-transition: all .1s ease-in;
        /* Opera */-o-transition: all .1s ease-in;/* Standard */transition: all .1s ease-in; }
        .row .videos-youtube .video-inferior div a{color:#ffffff;font-size:10pt;font-family:Arial;}

         @media (max-width: 700px) {.row .videos-youtube iframe {height: 300px;}.row .videos-youtube .video-inferior iframe {width: 142px;}
         .row .videos-youtube .video-inferior div { width: 142px;}}


         @media (max-width: 450px) {.row .videos-youtube .video-inferior {float: left;width: 49%;padding: 1px;}
         .row .videos-youtube iframe {height: 290px;}
         .row .videos-youtube .video-inferior iframe { width: 148px; }
         .row .videos-youtube .video-inferior div { width: 148px;  }
         .oculta-video { display: none; }
         .row .videos-youtube .video-inferior div a {color: #ffffff; font-size: 9pt; font-family: Arial; } }

