/* versión 5 - 16 Abril 2014 */

/* Estilos Interiores */

/*------------------------------------*\
    $Generales
\*------------------------------------*/
.contenido h1 { font-size : 24px ; color : #872033; text-align: center}
.contenido h2 { font-size : 22px }
.contenido h3 { font-size : 20px }
.contenido h4 { font-size : 18px }

.menu-lateral .titulo {
	font-size : 20px;
}

.informacion {
	margin-top: 155px;	
}
.color1 {
    color : #E41992; /* rosa claro */
}
.color2{
    color: #FFFFFF;  /* blanco */
}
.color3{
    color: #A5E500; /* verde claro */
}
.color4{
    color: #71A301; /* verde obscuro */
}
.color5{
    color: #A50859; /* color rosa fuerte */
}
.color6{
    color: #424041; /* Gris fuerte */
}
.color7{
    color: #F8F8F8; /* Gris muy claro */
}
.color8{
    color: #AF0C5A; /* Rosa obscuro */
}
.color9{
    color: #054137;
}
.color11{
    color: #E41992; /* rosa claro */
}
.color12{
    color: #DDDDDD; /* Gris claro */
}
.color13{
    color: #CCCCCC; /* Gris medio */
}
.top1, .top2{
    list-style: none;
    padding-left: 0;
}

/* fondos */
.fondo0{
    background-color:  #fff; /* Fondo blanco */
}
.fondo1 {
    background-color:  #E41992; /* rosa claro */
}
.fondo2{
    background-color: #efefef;  /* gris tenue */
}
/* .fondo3{
    background-color: #A5E500; verde claro
} */
.fondo4{
    background-color: #71A301; /* verde obscuro */
}
.fondo5{
    background-color: #A50859; /* color rosa fuerte */
}
.fondo6{
    background-color: #424041; /* Gris fuerte */
}
.fondo7{
    background-color: #F8F8F8; /* Gris muy claro */
}
.fondo8{
    background-color: #AF0C5A; /* Rosa obscuro */
}
.fondo9{
    background-color: #054137;
}

/*------------------------------------*\
    $Menu Lateral 
\*------------------------------------*/
.menu-lateral ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.menu-lateral ul li {
    background-color: #964653;
}
.menu-lateral ul li a {
    color: #ccc;
    text-decoration: none;
    display: block;
    padding: 1rem 14px 12px 20px;
}
.menu-lateral ul li a:hover, .menu-lateral ul li a:active {
    background: #872033;
    color: #fff;
    width: 101%;
    position: relative;
    right: 4px;
    padding: 1rem 14px 12px 20px;

}
.titulo{
	background-color : #964653;
	margin           : 0;
	padding          : 8px;
	color            : #FCFCFC;
	font-family      : open sans;
	font-weight      : 500;
}
.separacion{
	border       : solid #dddddd;
	border-width : 1px 0 0;
	clear        : both;
	height       : 0;
	margin       : 0;
}
.menuRegresar{
    background-color: #964653;
    padding-bottom: 10px;
}
.menuRegresar p {
   background-color: #E3E3E3;
    margin         : 0;
    padding        : 12px;
    color          : #989898;
}
.menuRegresar a{
    color          : #989898;
    font-family: 'open sans';
    font-weight: 500;
}

.menu-lateral ul li.active{
    background: #872033;
    color     : #fff;
  
}
.opcActiva {
    background: #872033;
    color: #fff!important;   
    width: 101%;
    position: relative;
    right: 4px;
}   




/*------------------------------------*\
    $Contenido 
\*------------------------------------*/
.iconos-partidos-politicos, .iconos-partidos-politicos a{
    text-align: right;
    font-size: 16px;
}
.contenido{
    background-color: #FFF;
    border:solid 1px #ccc;
    padding: 12px;
}

.contenido a{
    color: #000;
    text-decoration: underline;
}
.contenido a:hover{
    text-decoration: none;
}
.contenido .iconos-partidos-politicos a{
    text-decoration: none;
}
.iconos-partidos{
    font-size: 20px;
    padding-left: 24px;
    padding-right: 12px;
}
.iconos-partidos-especial{
    font-size: 16px;
    padding-right: 12px;
}
.sinRow{
    margin:15px 0;
}





/*------------------------------------*\
    $Partidos Políticos
\*------------------------------------*/
.logoPartidos{
    padding-top: 49px;
    padding-bottom: 49px;
}
.agrupaciones{
    padding-bottom: 24px;
}




/*------------------------------------*\
    $Galería Fotográfica
\*------------------------------------*/
.fotografias figure{
    margin: 20px;
}





/*------------------------------------*\
    $Transmisiones 
\*------------------------------------*/
.T-titulo h1 { font-size : 24px ; color : #872033; }
.T-titulo h2 { font-size : 22px }
.T-titulo h3 { font-size : 20px }
.T-titulo h4 { font-size : 18px }

.espacio{
   margin-top: 10px;
   margin-bottom: 10px;
}
.color1{
    background: #E6D9C6;
}
.contenidoTrasmisiones a:hover{
    text-decoration: none;
}
.centrado{
    text-align: center;
}
.trasmisiones{
    text-align: center;
}
.trasmisiones li{
    display      : inline-block;
    margin-right : 25px;
    margin-left  : 25px;
}
.info{
    padding: 15px;
}
.T-titulo h1{
    background : #4c0412;
    color      : #FFF;
    margin     : 0;
}
.tituloPrincipal{
    background     : #E6D9C6;
    font-size      : 24px;
    text-align     : center;
    padding-top    : 10px;
    padding-bottom : 12px;
}
.enlaces-T h3{
    margin: 0px 0 20px 0; 
}
.enlaces-T i{
    font-size : 75px;
    padding   : 14px;
    color     : #999;
 }
 .enlaces-T li:hover i{
    color: #6C2C2C;
 }
.os{
    font-size : 26px;
    color     : #999999;
}
.serviciosParaTi p{
    margin-top: 13px;
}
.info i{
    margin-right: 10px;
}
.serviciosParaTi{
    margin-bottom: 20px;
}
.centrarElementos{
    padding-left: 0;
}
.centrarElementos li{
    display: inline-block;
}
.caja{
    margin-left: 0;
}
.trasmisiones{
    padding-left: 0;
}
.trasmisiones li{
    margin-left: 0;
}
/* notas */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.bs-callout-warning {
    background-color : #fdf7f7;
    border-color     : #d9534f;
}
/* Orden del dia */
.boton{
    background      :#fff;
    border          : 1px solid #ac1f53;
    color           : #ac1f53;
    text-decoration : underline;
}
.boton:hover{
    background : #ac1f53;
    color      : #fff;
    border     : 1px solid #ac1f53;
}
/* Ultima Informacion */
.ultimaInfo {
    font-size: 20px;
}





/*------------------------------------*\
    $Rango 767px
\*------------------------------------*/
@media (max-width: 767px) {
    .informacion {
        margin-top: 0;  
    }
    .caja{
        margin-left: 0;
    }
    .trasmisiones{
        padding-left: 0;
    }
    .trasmisiones li{
        margin-left: 0;
    }
}

/*------------------------------------*\
           Cuenta Regresiva
\*------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto);
.diaJornada {
    color        : #ac1f53;
}
section .contador {
    margin-top   : 22px;
}
section.contador p {
    margin-left  : 34px;
    margin-top   : -10px;
}
.counter-group {
    margin       : 14px auto;
    display      : inline-block;
    /*Mover todo el contador la izquierda*/
    /*margin-left: 88px;*/
}
.counter-group:before,
.counter-group:after {
    content      : " ";
    display      : table;
}
.counter-group:after {
    clear        : both;
}
.counter-block {
    float        : left;
    margin-right : 12px;
}
.counter-block .counter {
    position     : relative;
    width        : 200px;
    height       : 150px;
    overflow     : hidden;
    font-family  : Iceberg, sans-serif;
}
.counter-block .counter .number {
    padding      : 0px 3px 0px 2px;
    width        : 46%;
    height       : 98%;
    background-color: #222;
    color        : #fefefe;
    position     : absolute;
    font-size    : 130px;
    line-height  : 150px;
    top          : -10000px;
}
.dia{
    padding      : 0px 3px 0px 2px;
    width        : 46%;
    height       : 98%;
    background-color: #ac1f53!important;
    color         : #fff!important;
    position      : absolute;
    font-size     : 130px;
    font-weight   : bold;
    line-height   : 150px;
    top           : -10000px;
}
.diaslabel {
    margin-right  : 16px
}
.segundoslabel {
    margin-left   : -2px
}
.counter-block .counter .number.tens {
    left          : 0;
}
.counter-block .counter .number.units {
    left          : 50%;
}
.counter-block .counter .number.hundreds {
    display       : none;
}
.counter-block .counter .number.show {
    top           : 0;
    z-index       : 2;
}
.counter-block .counter .number.hidden-down {
    top           : 100%;
}
.counter-block .counter .number.hidden-up {
    top           : -100%;
    z-index       : 100;
}
.counter-block .counter.with-hundreds {
    width         : 300px;
    margin-right  : 24px;
}
.counter-block .counter.with-hundreds .number {
    /*width: 30.66%;*/
    width         : 25.66%;
}
.counter-block .counter.with-hundreds .number.tens {
    /*left: 33.33%;*/
    left          : 25.33%;
}
.counter-block .counter.with-hundreds .number.units {
    left          : 50%;
}
.counter-block .counter.with-hundreds .number.hundreds {
    display       : block;
    left          : 0;
}
.counter-block .counter-caption {
    font-size     : 100%;
}
/*Modificaciones*/
.counter-block .counter {
    width         : 42px;
    height        : 44px;
}
.counter-block .counter .number {
    font-size     : 28px;
    line-height   : 42px;
}
.counter-block .counter.with-hundreds {
    width         : 91px;
    margin-right  : -6px;
}
.counter-block .counter-caption {
    font-size    : 80%;
}
.padding-iszquierdo-md{
    padding-left: 30px;
}

/*Media para resoluciones a 992px*/
@media ( max-width: 992px ) {
    .counter-group {
        margin       : 10px auto;
    }
    .counter-block {
        margin-right : 2px;
    }
    .counter-block .counter {
        width        : 120px;
        height       : 90px;
        overflow     : hidden;
        font-weight  : 700;
    }
    .counter-block .counter .number {
        font-size    : 78px;
        line-height  : 90px;
    }
    .counter-block .counter.with-hundreds {
        width        : 232px;
        margin-right : -18px;
    }
    .counter-block .counter-caption {
        font-size    : 100%;
    }
    .diaslabel {
        margin-right : 42px;
    }
    section.contador p {
        margin-left  : 78px;
        margin-top   : 10px;
    }
}
/*Media para dispositivos con resolucion de hasta 768px*/
@media ( max-width: 768px ) {
    .counter-group {
        margin       : 0 auto;
    }
    .counter-block {
        margin-right : 8px;
    }
    .counter-block .counter {
        width        : 96px;
        height       : 80px;
    }
    .counter-block .counter .number {
        font-size    : 60px;
        line-height  : 84px;
    }
    .counter-block .counter.with-hundreds {
        width        : 176px;
    }
    .counter-block .counter-caption {
        font-size    : 85%;
    }
    section.contador p {
        margin-left  : 96px;
        margin-top   : 15px;
    }
    .counter-block .counter.with-hundreds {
        margin-right : -28px;
    }
}
/*Media para dispositivos con resolucion de hasta 480px*/
@media (max-width: 480px) {
    .counter-block .counter {
        width        : 70px;
        height       : 50px;
    }
    .counter-block .counter .number {
        font-size    : 40px;
        line-height  : 50px;
    }
    .counter-block .counter.with-hundreds {
        width        : 91px;
    }
    .counter-block .counter-caption {
        font-size    : 100%;
    }
    .counter-block .counter.with-hundreds {
        margin-right : 1px;
    }
    section.contador p {
        margin-left  : 70px;
        margin-top   : 10px;
    }
}