/*
 *Partido Revolucionario Institucional 2015 | Estartegia 
 *dev: Sergio Audel Ortiz Gutierrez
 *Clases para los Headers   
 */

#ButtonRedesSocialesBox {
    position: absolute;
    top: 19px;
    z-index: 9999;
    right: 0;
    margin: 0 20px;    
}

    #ButtonRedesSocialesBox .buttonRedesSociales {
        display: inline-block;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        background: #009232;
        cursor: pointer;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        z-index: 999;        
    }

        #ButtonRedesSocialesBox .buttonRedesSociales i {
            position: relative;
            top: 9px;
            left: 11px;
            color: #fff;
            font-size: 18px;
        }

.panelRedesBox .content {
    margin-top: 10px;
}

    .panelRedesBox .content ul {
        margin-left: -40px;
        display: none;
    }

        .panelRedesBox .content ul li {
            padding-left: 0px;
            list-style: none;
            transition: .2s;
        }

    .panelRedesBox .content .fa {
    }


    .panelRedesBox .content .icoFacebookBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #3d5c99;
        text-align: center;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-left: 3px;
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoFacebookBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoFacebookBox:before {
            content: "\f09a";
            color: #fff;
            position: relative;
            top: 22%;
            right: 4px;
        }

    .panelRedesBox .content .icoTwitterBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #5ca8dc;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoTwitterBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoTwitterBox:before {
            content: "\f099";
            color: #fff;
            position: relative;
            top: 23%;
            right: 5px;
        }

    .panelRedesBox .content .icoYoutubeBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #db2626;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoYoutubeBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoYoutubeBox:before {
            content: "\f16a";
            color: #fff;
            position: relative;
            top: 28%;
            right: 7px;
        }

    .panelRedesBox .content .icoInstagramBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #a7795d;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoInstagramBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoInstagramBox:before {
            content: "\f16d";
            color: #fff;
            position: relative;
            top: 24%;
            right: 6px;
        }

    .panelRedesBox .content .icoFlickrBox {
        /*padding: 10px;*/
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #8b8b8b;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoFlickrBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoFlickrBox:before {
            content: "\f16e";
            color: #fff;
            position: relative;
            top: 24%;
            right: 6px;
        }

    .panelRedesBox .content .icoVineBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #34b08b;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoVineBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoVineBox:before {
            content: "\f1ca";
            color: #fff;
            position: relative;
            top: 26%;
            right: 6px;
        }
		
		/*PERISCOPE*/
     .panelRedesBox .content .icoPeriscopeBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #3E8AA6;
        text-align: center;
        margin-left: 3px;
        display: inline-block;         
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
       }

      .panelRedesBox .content .icoPeriscopeBox .perIcon{
        color:#fff;
        font-size:21px;
        position:absolute;
        right:4px;
        top:18%;
       }

      .panelRedesBox .content .icoPeriscopeBox:hover {
        background: #354667;
       }
      /*PERISCOPE*/
		

    .panelRedesBox .content .icoRssBox {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        background-color: #ee6f2a;
        text-align: center;
        margin-left: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        margin-bottom: 7px;
    }

        .panelRedesBox .content .icoRssBox:hover {
            background: #354667;
        }

        .panelRedesBox .content .icoRssBox:before {
            content: "\f09e";
            color: #fff;
            position: relative;
            top: 23%;
            right: 4px;
        }


/*_______________________________________________________*/


/*Revisar esta clase*/
header#menuDesktop {
    height: 108px;
}

.menuWrapper {
    z-index: 999;
    background-color: #fff;
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255);
}
    /*Fondo Fijo fixed*/
    /*Agregar el Wrapper a la especificidad*/
    .menuWrapper .menu {
        margin-top: 0px;
    }

        .menuWrapper .menu .dividerRed {
            border: solid 1px #C42118;
            border: solid 1px red;
        }

        .menuWrapper .menu .menuSup .imgBox {
            margin: 10px 5px 5px 5px;
            font-size: 13px;
            color: #000;
            font-weight: 800;
            cursor: pointer;
        }

        .menuWrapper .menu .menuSup ul {
            list-style: none;
            font-size: 9px;
            color: #000;
            float: right;
        }

            .menuWrapper .menu .menuSup ul li {
                display: inline;
                margin-right: 40px;
                cursor: pointer;
                display: inline-block;
                text-align: center;
            }

                .menuWrapper .menu .menuSup ul li:hover {
                    color: red;
                }

                .menuWrapper .menu .menuSup ul li .icMenuSup {
                    color: #009040;
                    font-size: 24px;
                    margin: 0 auto;
                }

        .menuWrapper .menu .menuInf ul {
            list-style: none;
            font-size: 11px;
            font-weight: bold;
            height: 40px;
        }

            .menuWrapper .menu .menuInf ul li {
                display: inline-block;
                margin-right: 13px;
            }

                .menuWrapper .menu .menuInf ul li:hover {
                    border-top: solid 3px rgb(255, 24, 32);
                }

                .menuWrapper .menu .menuInf ul li.active {
                    border-top: solid 3px rgb(255, 24, 32);
                }

                .menuWrapper .menu .menuInf ul li a {
                    color: #333333;
                    text-decoration: none;
                    position: relative;
                    top: 4px;
                }

.menuMobileWrapper {
    height: 104px;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    position: fixed;
    padding: 17px;
    border-top: solid 2px #C42118;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

    .menuMobileWrapper .imgMBox {
        margin: 10px 5px 5px 40px;
        font-size: 13px;
        color: #000;
        font-weight: 800;
        cursor: pointer;
    }

    .menuMobileWrapper .menuIcoBox {
    }

.Text-PRI-mobileContent {
    position: absolute;
    top: 45px;
    left: 108px;
}

.btnToggleMenuM {
    position: absolute;
    right: 10px;
    top: 27px;
    border-left: solid 1px #C42118 !important;
    padding-left: 30px;
}
/*Querys para centrar el menú clonado*/

@media (max-width: 2250px) {
    /*.ParaPonerMenu {width: 53.333333333333332%;padding-left: 15px !important;padding-right: 15px !important;}
    .ParaPonerMenu #Minicio {
    }
    .ParaPonerMenu #MNuestroPartido {
    }
    .ParaPonerMenu #MPriEnTuEntidad {
    }
    .ParaPonerMenu #MMicrositios {
    }
    .ParaPonerMenu #MElecciones {
    }
    .ParaPonerMenu #MTransparencia {
    }
    .ParaPonerMenu #MBlog {
    }
    .ParaPonerMenu #MPublicaciones {
    }
    .ParaPonerMenu #MEstradosDigitale {
    }
    .ParaPonerMenu #MPrensa {
    }*/

    /*.ParaPonerMenu #MMicrositios, .ParaPonerMenu #MEstradosDigitale {width: 12.333333333333332% !important; padding-left:2px !important;padding-right: 2px !important; border:solid 1px blue;}*/
}

@media (max-width: 1844px) {

    /*.ParaPonerMenu #Minicio, .ParaPonerMenu #MBlog, .ParaPonerMenu #MPrensa {width: 4.333333333333332% !important;padding-left:15px !important;padding-right: 15px !important;}
        .ParaPonerMenu #MElecciones, .ParaPonerMenu #MMicrositios {width: 7.3333332% !important;padding-left:10px !important;padding-right: 15px !important;}
        .ParaPonerMenu #MEstradosDigitale{width: 8.3333332% !important;padding-left:10px !important;padding-right: 15px !important; }*/
    /*.ParaPonerMenu #Minicio {
    }
    .ParaPonerMenu #MNuestroPartido {
    }
    .ParaPonerMenu #MPriEnTuEntidad {
    }
    .ParaPonerMenu #MMicrositios {
    }
    .ParaPonerMenu #MElecciones {
    }
    .ParaPonerMenu #MTransparencia {
    }
    .ParaPonerMenu #MBlog {
    }
    .ParaPonerMenu #MPublicaciones {
    }
    .ParaPonerMenu #MEstradosDigitale {
    }
    .ParaPonerMenu #MPrensa {
    }*/
}

@media (min-width: 1448px) {
    /*.ParaPonerMenu #Minicio {
    }
    .ParaPonerMenu #MNuestroPartido {
    }
    .ParaPonerMenu #MPriEnTuEntidad {
    }
    .ParaPonerMenu #MMicrositios {
    }
    .ParaPonerMenu #MElecciones {
    }
    .ParaPonerMenu #MTransparencia {
    }
    .ParaPonerMenu #MBlog {
    }
    .ParaPonerMenu #MPublicaciones {
    }
    .ParaPonerMenu #MEstradosDigitale {
    }
    .ParaPonerMenu #MPrensa {
    }*/
}

@media (min-width: 1199px) {
    /*.ParaPonerMenu #Minicio {
    }
    .ParaPonerMenu #MNuestroPartido {
    }
    .ParaPonerMenu #MPriEnTuEntidad {
    }
    .ParaPonerMenu #MMicrositios {
    }
    .ParaPonerMenu #MElecciones {
    }
    .ParaPonerMenu #MTransparencia {
    }
    .ParaPonerMenu #MBlog {
    }
    .ParaPonerMenu #MPublicaciones {
    }
    .ParaPonerMenu #MEstradosDigitale {
    }
    .ParaPonerMenu #MPrensa {
    }*/
}

@media (max-width: 768px) {
    .Text-PRI-mobileContent {
        top: 20px;
    }

    .menuMobileWrapper {
        width: 100%;
        background-color: #fff;
        z-index: 2;
        position: fixed;
        border-top: solid 2px #C42118;
        padding: 0;
        height: 65px;
    }

        .menuMobileWrapper .imgMBox {
            margin: 0 0 0 40px;
        }

    .btnToggleMenuM {
        top: 10px;
    }
}

@media (max-width: 477px) {
    .Text-PRI-mobileContent {
        width: 113px;
        top: 5px !important;
    }

    .btnToggleMenuM {
        border-left: 0 !important;
    }
}

.btnToggleMenuM {
    position: absolute;
    right: 10px;
    top: 16px;
    border-left: solid 1px #C42118 !important;
    padding-left: 30px;
}

.Text-PRI-mobileContent {
    position: absolute;
    top: 45px;
    left: 108px;
}

/* ==========================================================================
   Animacion del logo del pri en el menú stick
   TODO: fix the problem when shadow is added appears a square behind the image
   ========================================================================== */

.logoPRIStick {
    -webkit-animation: appears 1s;
    -moz-animation: appears 1s;
    -o-animation: appears 1s;
    animation: appears 1s;
    margin-top: 1px;
    cursor: pointer;
}

@-webkit-keyframes appears {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes appears {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes appears {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes appears {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*
 *Animacion del logo del pri en el manú stick
 *FIN
 */

/* ==========================================================================
   Transformicons
   src:http://www.transformicons.com/
   ========================================================================== */

.tcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    background: transparent;
    outline: none;
}

    .tcon > * {
        display: block;
    }

    .tcon:hover, .tcon:focus {
        outline: none;
    }

    .tcon::-moz-focus-inner {
        border: 0;
    }

.tcon-menu__lines {
    display: inline-block;
    height: 5.71429px;
    width: 40px;
    border-radius: 2.85714px;
    transition: 0.3s;
    background: #444;
    position: relative;
}

    .tcon-menu__lines::before, .tcon-menu__lines::after {
        display: inline-block;
        height: 5.71429px;
        width: 40px;
        border-radius: 2.85714px;
        transition: 0.3s;
        background: #444;
        content: '';
        position: absolute;
        left: 0;
        -webkit-transform-origin: 2.85714px center;
        transform-origin: 2.85714px center;
        width: 100%;
    }

    .tcon-menu__lines::before {
        top: 10px;
    }

    .tcon-menu__lines::after {
        top: -10px;
    }

.tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
}

.tcon-menu--xbutterfly {
    width: auto;
}

    .tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: top .3s .6s ease, -webkit-transform .3s ease;
        transition: top .3s .6s ease, transform .3s ease;
    }

    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
        background: transparent;
    }

        .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
            top: 0;
            transition: top .3s ease, -webkit-transform .3s .5s ease;
            transition: top .3s ease, transform .3s .5s ease;
            width: 40px;
        }

        .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
        }

        .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
        }

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.tcon-menu--xcross {
    width: auto;
}

    .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
        background: transparent;
    }

        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            top: 0;
            width: 40px;
        }

        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
        }

        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
        }
/*
 *Transformicons
 *FIN
 */


/* ==========================================================================
   Para mostrar el plugin del ménu por ensima de todo el contenido
   ========================================================================== */

.mm-menu.mm-offcanvas {
    z-index: 9999;
}
/*Para prevnir el F.O.U.C en el ménu*/
#my-menu:not(.mm-menu ) {
    display: none;
}

.mm-menu .mm-navbar .mm-title {
    color: #EE4430;
}

.mm-listview li span {
    font-size: 12px;
}

    .mm-listview li span .ico {
        font-size: 20px;
    }

.mm-listview li:after {
    left: 48px !important;
}

.mm-listview li a {
    margin-left: 5px;
    color: #454545;
}
/* ==========================================================================
   Colores de los iconos del ménu mobile
   ========================================================================== */
.mm-listview li .fa-home.ico {
    color: #057D3A;
}

.mm-listview li .icon-NuestroPartido.ico {
    color: #EE452F;
}

.mm-listview li .fa-map.ico {
    color: #233B69;
}

.mm-listview li .icon-Elecciones.ico {
    color: #057D3A;
    font-size: 25px;
}

.mm-listview li .fa-map-signs.ico {
    color: #FFBD00;
}

.mm-listview li .fa-folder-open.ico {
    color: #6F4C84;
}

.mm-listview li .fa-hand-paper-o.ico {
    color: #D05656;
}

.material-icons.ico {
    color: #057D3A;
}

.mm-listview li .fa-home.ico {
    color: #057D3A;
}

.mm-listview li .fa-newspaper-o.ico {
    color: black;
}

.mm-listview .redes .redesMenuMobileBox {
    border: solid 1px red;
}

.mm-listview .redes {
    margin-top: 15px;
    padding-bottom: 15px;
}

    .mm-listview .redes span {
        font-weight: 800;
    }

    .mm-listview .redes a {
        display: inline-block;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 3px;
    }

    .mm-listview .redes .icoFacebookBox {
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #3d5c99;
        text-align: center;
        /*margin-right: 5px;*/
        /*display: inline-block;*/
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoFacebookBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoFacebookBox:before {
            content: "\f09a";
            color: #fff;
            position: relative;
            top: 22%;
            right: 5px;
        }

    .mm-listview .redes .icoTwitterBox {
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #5ca8dc;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoTwitterBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoTwitterBox:before {
            content: "\f099";
            color: #fff;
            position: relative;
            top: 22%;
            right: 7px;
        }

    .mm-listview .redes .icoYoutubeBox {
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #db2626;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoYoutubeBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoYoutubeBox:before {
            content: "\f16a";
            color: #fff;
            position: relative;
            top: 22%;
            right: 7px;
        }

    .mm-listview .redes .icoInstagramBox {
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #a7795d;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoInstagramBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoInstagramBox:before {
            content: "\f16d";
            color: #fff;
            position: relative;
            top: 22%;
            right: 6px;
        }

    .mm-listview .redes .icoFlickrBox {
        /*padding: 10px;*/
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #8b8b8b;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoFlickrBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoFlickrBox:before {
            content: "\f16e";
            color: #fff;
            position: relative;
            top: 22%;
            right: 6px;
        }

    .mm-listview .redes .icoVineBox {
        border-radius: 50%;
        height: 30px;
        width: 18px;
        background-color: #34b08b;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoVineBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoVineBox:before {
            content: "\f1ca";
            color: #fff;
            position: relative;
            top: 23%;
            right: 7px;
        }
		
		 /*PERISCOPE*/
        .mm-listview .redes .icoPeriscopeBox {
        border-radius: 50%;
        height: 30px;
        width: 18px;
        background-color: #3E8AA6;
        text-align: center;
        margin-right: 5px;
        display: inline-block;        
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
       }

        .mm-listview .redes .icoPeriscopeBox .perIcon{
        color:#fff;
        font-size:21px;
        position:absolute;
        right:4px;
        top:15%;
       }

        .mm-listview .redes .icoPeriscopeBox:hover {
            background: #354667;
        }     
        /*PERISCOPE*/

    .mm-listview .redes .icoRssBox {
        border-radius: 50%;
        height: 30px;
        width: 25px;
        background-color: #ee6f2a;
        text-align: center;
        margin-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    }

        .mm-listview .redes .icoRssBox:hover {
            background: #354667;
        }

        .mm-listview .redes .icoRssBox:before {
            content: "\f09e";
            color: #fff;
            position: relative;
            top: 23%;
            right: 6px;
        }

    .mm-listview .redes .SiguenosContenido {
        padding: 10px 0;
    }

        .mm-listview .redes .SiguenosContenido .Siguenos {
            font-size: 14px;
            text-align: right;
            margin-top: 11px;
        }

        .mm-listview .redes .SiguenosContenido .Siguenosxs {
            font-size: 14px;
            text-align: left;
            padding: 0;
            margin-top: 5px;
            margin-left: 15px;
        }


@media (max-width: 767px) {
    .mm-listview .TwitterPrincipales .PaddingUT {
        padding: 0;
    }

        .mm-listview .TwitterPrincipales .PaddingUT .FotoT .ImgTUsuario {
            max-width: 200px;
            text-align: center;
            margin: 0 auto;
        }
}