/*@import url(fonts/Futura.otf);*/
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Abril Fatface');


/* GENERAL */
*{
    /*font-family: Verdana;*/
    font-family: "Raleway", Arial, sans-serif;
    /*font-style: italic;*/
}

a {
    color: #d4c17d;
}

body{
    /*background: #e6f2fe;*/
}

.btn-primary-rappel {
    color: #fff;
    background: rgba(211,192,123,1);
    background: -moz-linear-gradient(top, rgba(211,192,123,1) 0%, rgba(194,172,92,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(211,192,123,1)), color-stop(100%, rgba(194,172,92,1)));
    background: -webkit-linear-gradient(top, rgba(211,192,123,1) 0%, rgba(194,172,92,1) 100%);
    background: -o-linear-gradient(top, rgba(211,192,123,1) 0%, rgba(194,172,92,1) 100%);
    background: -ms-linear-gradient(top, rgba(211,192,123,1) 0%, rgba(194,172,92,1) 100%);
    background: linear-gradient(to bottom, rgba(211,192,123,1) 0%, rgba(194,172,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c07b', endColorstr='#c2ac5c', GradientType=0 );
    border-color: #c2ac5c;
    font-weight: bold;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 15px;
}

h1{
    font-family: "Abril Fatface", Arial, sans-serif;
    border-bottom: 1px solid #d4c17d;
    color: #d4c17d;
    display: block;
    margin-bottom: 35px;
    font-size: 40px;
    padding-bottom: 2px;
}

h2{
    font-family: "Abril Fatface", Arial, sans-serif;
    border-bottom: 1px solid #d4c17d;
    color: #d4c17d;
    display: block;
    margin-bottom: 35px;
    font-size:30px;
    padding-bottom: 2px;
}

.horoscopo-diario h2.subtitle{
    margin-bottom: 0px;
}

.horoscopo-diario .subtitle-fechas{
    color: #d4c17d;
    font-size: 18px;
}

.right{
    float: right;
}

.text-center{
    text-align: center;
}

.clear{
    clear: both;
}

.hide-mobile{
    display: inline-block;
}

.show-mobile{
    display: none;
}

.hide-tablet{
    display: inline-block;
}

.show-tablet{
    display: none;
}

.col-right-horoscopos .center{
    float:right; 
    max-width:348px; 
    margin-left: 15px; 
    margin-bottom: 15px;
}

.col-right-horoscopos .subtitle-compatibilidad{
    width: calc(100% - 363px);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px 0 0 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f19bfb+0,f7d7fb+100 */
    background: #f19bfb; /* Old browsers */
    background: -moz-linear-gradient(top, #f19bfb 0%, #f7d7fb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f19bfb 0%,#f7d7fb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f19bfb 0%,#f7d7fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19bfb', endColorstr='#f7d7fb',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    font-size: 18px;
    text-shadow: 2px 2px 2px #636363;
}

.col-right-horoscopos .subtitle-compatibilidad .row{
    width: 100%;
}

.col-right-horoscopos .subtitle-compatibilidad .show-tablet{
    text-align: center;                                             
}

.col-right-horoscopos .subtitle-horoscopo{
    display: inline-block;
    width: calc(100% - 363px);
    border-radius: 8px;
    padding: 10px 5px 10px 5px;
    background: rgba(106,177,254,1);
    background: -moz-linear-gradient(top, rgba(106,177,254,1) 0%, rgba(207,228,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,177,254,1)), color-stop(100%, rgba(207,228,250,1)));
    background: -webkit-linear-gradient(top, rgba(106,177,254,1) 0%, rgba(207,228,250,1) 100%);
    background: -o-linear-gradient(top, rgba(106,177,254,1) 0%, rgba(207,228,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(106,177,254,1) 0%, rgba(207,228,250,1) 100%);
    background: linear-gradient(to bottom, rgba(106,177,254,1) 0%, rgba(207,228,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ab1fe', endColorstr='#cfe4fa', GradientType=0 );
    color: #FFF;
    font-size: 18px;
    text-shadow: 2px 2px 2px #636363;
}

.col-right-horoscopos .subtitle-horoscopo span{
    float: right;
    font-size: 14px;
    text-shadow: none;
    color: #1f5998;
}

.col-right-horoscopos .subtitle-horoscopo .row{
    width: 100%;
}

.col-right-horoscopos .subtitle-horoscopo .show-tablet{
    text-align: center;                                             
}

@media (max-width: 991px) {

    .col-right-horoscopos .subtitle-compatibilidad{
        width: 100%;
    }

    .col-right-horoscopos .subtitle-horoscopo{
        width: 100%;
    }

    .col-right-horoscopos .hide-tablet{
        display: none !important;
    }

    .col-right-horoscopos .show-tablet{
        display: block !important;
    }

}

header .content-header{
    /*background: url(../images/bg-header.jpg) top center;*/
    /*background-color: #2d74bb;*/
    background: rgba(44,94,145,1);
    background: -moz-linear-gradient(top, rgba(44,94,145,1) 0%, rgba(19,53,88,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(44,94,145,1)), color-stop(100%, rgba(19,53,88,1)));
    background: -webkit-linear-gradient(top, rgba(44,94,145,1) 0%, rgba(19,53,88,1) 100%);
    background: -o-linear-gradient(top, rgba(44,94,145,1) 0%, rgba(19,53,88,1) 100%);
    background: -ms-linear-gradient(top, rgba(44,94,145,1) 0%, rgba(19,53,88,1) 100%);
    background: linear-gradient(to bottom, rgba(44,94,145,1) 0%, rgba(19,53,88,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5e91', endColorstr='#133558', GradientType=0 );

    margin-bottom: 0px !important;
}

header .content-header{
    background: url(../images/bg-header.jpg) no-repeat #0f0a1e top right;
}

.text-right{
    text-align: right;
}

.text-center{
    text-align: center;
}

header nav{
    background: #d4c17d;
    color: #1b182b;
    font-weight: bold;
}

.nav-pills > li > a{
    border-radius: 0px !important;
}

.nav > li > a{
    padding: 10px 15px 5px 15px !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
    background: none !important;
    border-bottom: 5px solid #1b182b;
    color: #1b182b;
}

.navbar-header .legal-mobile{
    font-size: 8.5px;
    color: #FFF;
    line-height: 11px;
    margin-bottom: 0px;
    width: calc(92% - 67px);
    margin: 5px;
    margin-top: 5px;
    text-align: center;
    display: none;
}

.navbar-header .menu-mobile{
    font-size: 11px;
    margin-left: -3px;
}

.navbar-toggle{
    padding: 6px 7px 0 7px;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 20px;
}

.navbar-toggle .icon-bar{
    width: 24.5px;
}

.navbar-toggle{
    float: left;
    margin-left: 15px;
}

header nav a{
    color: #1b182b;
}

header .rrss-search{
    background: #f4e7f5;
    font-size: 13px;
    padding: 5px 0 5px 0;
    color: #000;
}

header .rrss-search .search{
    float: right;
    cursor: pointer;
}

header .top{
    /*height: 200px;*/
}

header .content-header.fixed{
    position: fixed;
    top: 0px;
    width: 100%;
}

header .content-header.fixed .container.top{
    /*background: url(../images/fondo.png) no-repeat;*/
}

header .top .block-tels{
    margin-top: 10px;
}

header .top .block-tels img{
    width: 100%;
    max-width: 440px;
}

header .logo{
    width: 100%;
    max-width: 554px;
    /*height: 182px;
    background: url(../images/logo.png) no-repeat;
    background-size: 100% auto;
    cursor: pointer;*/
}

header .logo-mobile{
    width: 100%;
    max-width: 448px;
    display: none;
    /*height: 182px;
    background: url(../images/logo.png) no-repeat;
    background-size: 100% auto;
    cursor: pointer;*/
}

header .content-header.fixed .logo{
    display: none;
}
header .content-header.fixed .logo-mobile{
    display: block;
}

header .content-header.fixed .logo{
    width: 100%;
    max-width: 374px;
    height: 103px;
    background: url(../images/logo-mobile.png) no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
}

/*header .block-tels{
    width: 100%;
    max-width: 440px;
    height: 181px;
    background: url(../images/banners/header-block-tel.png) no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}*/

header .banner-tel-806{
    width: 100%;
    max-width: 440px;
    float: right;

}
header .banner-tel-806.pc{
    display: block;
}
header .banner-tel-806.pc-fixed{
    display: none;
}
header .banner-tel-806.mobile{
    display: none;
    width: 100%;
    max-width: 200px;
    height: auto;
}

header .content-header.fixed .banner-tel-806.pc{
    display: none;
}

header .content-header.fixed .banner-tel-806.pc-fixed{
    display: block;
}

/*header .content-header.fixed .block-tels{
    width: 100%;
    max-width: 440px;
    height: 103px;
    background: url(../images/banners/header-block-tel-mobile.png) no-repeat; 
    background-size: 100% auto;  
}*/

@media (max-width: 1002px) {
    /*header .logo{
        width: 100%;
        max-width: 366px;
        height: 83px;
        background: url(../images/logo-mobile.png) no-repeat;    
        background-size: 100% auto !important;
    }*/

    /*header .block-tels{
        width: 100%;
        max-width: 440px;
        height: 103px;
        background: url(../images/banners/header-block-tel-mobile.png) no-repeat;
        background-size: 100% auto !important;
    }*/
    
}

.content .row .banner img{
    width: 100%;
}

.content.border, .content.border p{
    font-style: normal !important;
    font-size: 14px;
}

.content .breadcrumb{
    list-style: none;
    font-size: 12px;
    background: none;
    margin-bottom: 0px;
    display: none;
}

.content .breadcrumb .glyphicon-home{
    color: #c7c7c7;
}

.content .breadcrumb a{
    color: #5e84b1;
}

.content .bg-title-content{
    padding: 13px 13px 13px 13px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.content .bg-title-content h3{
    color: #FFF;
    margin-top: 0px;
    text-transform: uppercase;
    text-shadow: 1px 2px 3px #999;
}

.content .bg-title-content p{
    margin-bottom: 0px;
    color: #3b3c3c;
}

.content .bg-title-content.blue{
    background: #7d97b2; /* Old browsers */
    background: -moz-linear-gradient(top, #7d97b2 0%, #e6f5fe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7d97b2 0%,#e6f5fe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d97b2 0%,#e6f5fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d97b2', endColorstr='#e6f5fe',GradientType=0 ); /* IE6-9 */
}

.content .bg-title-content.amarillo{
    background: rgba(232,188,94,1);
    background: -moz-linear-gradient(top, rgba(232,188,94,1) 0%, rgba(251,237,198,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,188,94,1)), color-stop(100%, rgba(251,237,198,1)));
    background: -webkit-linear-gradient(top, rgba(232,188,94,1) 0%, rgba(251,237,198,1) 100%);
    background: -o-linear-gradient(top, rgba(232,188,94,1) 0%, rgba(251,237,198,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,188,94,1) 0%, rgba(251,237,198,1) 100%);
    background: linear-gradient(to bottom, rgba(232,188,94,1) 0%, rgba(251,237,198,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bc5e', endColorstr='#fbedc6', GradientType=0 );
}

.content .bg-title-content.blue{
    background: #7d97b2; /* Old browsers */
    background: -moz-linear-gradient(top, #7d97b2 0%, #b8d7eb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7d97b2 0%,#b8d7eb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d97b2 0%,#b8d7eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d97b2', endColorstr='#b8d7eb',GradientType=0 ); /* IE6-9 */
}

body{
    position: relative;
    line-height: 1.7;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #666;
    font-size: 15px;
}
p{
    margin: 0 0 20px;
}

.border{
    display: block;
    margin-bottom: 17px;
    border: 1px solid #e0dede;
    padding: 5px;
}

.border.right-horoscopos{
    margin-bottom: 0px;
}

.left-content .row{
    display: block;
    margin-bottom: 17px;
    background: #ededed;
    border: 1px solid #e0dede;
    /*padding: 5px;*/
}

.left-content .ranking{
    background: none;
    border: none;
}

.left-content .ranking .header{
    color: #26517d;
    margin-bottom: -7px;
    padding: 7px 0 12px 0;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    background-image: url(../images/icon-ranking.png) no-repeat;
    /*padding: 7px;*/
    background-position: 8px 8px;
    text-align: center !important;

    background: rgba(93,146,207,1);
    background: -moz-linear-gradient(top, rgba(93,146,207,1) 0%, rgba(190,215,244,1) 30%, rgba(243,249,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,146,207,1)), color-stop(30%, rgba(190,215,244,1)), color-stop(100%, rgba(243,249,255,1)));
    background: -webkit-linear-gradient(top, rgba(93,146,207,1) 0%, rgba(190,215,244,1) 30%, rgba(243,249,255,1) 100%);
    background: -o-linear-gradient(top, rgba(93,146,207,1) 0%, rgba(190,215,244,1) 30%, rgba(243,249,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(93,146,207,1) 0%, rgba(190,215,244,1) 30%, rgba(243,249,255,1) 100%);
    background: linear-gradient(to bottom, rgba(93,146,207,1) 0%, rgba(190,215,244,1) 30%, rgba(243,249,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d92cf', endColorstr='#f3f9ff', GradientType=0 );

}

.left-content .ranking .header small{
    font-size: 80%;
}

.left-content .ranking .header img{
    vertical-align: -2px;
}

.left-content .ranking .header hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #26517d;
    margin-top: 1px;
    margin-bottom: 3px;
    box-shadow: 0.5px 0.5px 0.5px #FFF;
}

.left-content .ranking .content{
    margin: 0px;
    /*padding: 0 0 5px 0;*/   
    background: rgba(113,158,208,1);
    background: -moz-linear-gradient(top, rgba(113,158,208,1) 0%, rgba(113,158,208,1) 51%, rgba(159,183,209,1) 74%, rgba(223,237,253,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(113,158,208,1)), color-stop(51%, rgba(113,158,208,1)), color-stop(74%, rgba(159,183,209,1)), color-stop(100%, rgba(223,237,253,1)));
    background: -webkit-linear-gradient(top, rgba(113,158,208,1) 0%, rgba(113,158,208,1) 51%, rgba(159,183,209,1) 74%, rgba(223,237,253,1) 100%);
    background: -o-linear-gradient(top, rgba(113,158,208,1) 0%, rgba(113,158,208,1) 51%, rgba(159,183,209,1) 74%, rgba(223,237,253,1) 100%);
    background: -ms-linear-gradient(top, rgba(113,158,208,1) 0%, rgba(113,158,208,1) 51%, rgba(159,183,209,1) 74%, rgba(223,237,253,1) 100%);
    background: linear-gradient(to bottom, rgba(113,158,208,1) 0%, rgba(113,158,208,1) 51%, rgba(159,183,209,1) 74%, rgba(223,237,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719ed0', endColorstr='#dfedfd', GradientType=0 );
}

.left-content .ranking ul{
    padding: 0px;
    /*margin: 7px;*/
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

.left-content .ranking li{
    list-style: none;
    padding-left: 15px;
    padding-bottom: 1.5px;
    padding-top: 1.5px;
    background: #75c1f5;
    /*margin-bottom: 4px;
    border-radius: 4px;*/
    border-bottom: 1px solid #FFF;
}
.left-content .ranking li.twodigits{
    padding-left: 8px;
}
.left-content .ranking li img{
    margin-left: 5px;
    margin-right: 10px;
}
.left-content .ranking li.light{
    background: #8ab8eb;
}

.left-content .ranking li.dark{
    background: #519ced;    
}

.left-content .ranking li a{
    display: block;
    color: #FFF;
}

.left-content .banner-promo-sidebar{
    width: 100%;
    max-width: 185px;
}

.right-content .container-fluid{
    /*background-color: #FFF;*/
}

@media (max-width: 767px) {

    .right-content{
        padding-left: 0px;
        padding-right: 0px;
    }
    /*.left-content{
        display: none;
    }*/
    .col-search-header{
        display: none;
        margin-top: 10px;
    }

    .navbar-header .legal-mobile{
        display: inline-block;
    }

    header .content-header.fixed .banner-tel-806.pc-fixed{
        display: none;
    }

    header .content-header.fixed .banner-tel-806.mobile{
        display: block;
    }

}

.right-content .title-content-img{
    display: flex;
    font-size: 13px;
    line-height: 17px;
    padding: 35px 0px;
}

.right-content .title-content-img .title{
    font-style: italic;
}

.padding-text-3{
    padding: 1%;
}
.padding-text-2-5{
    padding: 2.5%;
}

.padding-text-l2-5-r0{
    padding: 2.5% 0% 2.5% 2.5%;
}

.padding-text-5{
    padding: 5%;
}

.right-content .content .content-menu{
    /*
    list-style: none;
    margin: 0 auto;
    display: table;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    */
    list-style: none;
    display: table;
    padding: 16px 0px 16px 16px;
}

.right-content .content .content-menu li{
    float: left;
    /*margin: 0 3px 0 3px;*/
    margin-bottom: 10px;
}

.right-content .content .content-menu li a{
    border-right: 1px solid #337ab7;
    font-size: 1.3rem;
    text-align: center;
    padding: 5px 16px 8px 12px;
    border-bottom: 2px solid #FFF;
    /*
    background: #e6f0fc;
    border: 1px solid #6293cc;
    padding: 1px 6px 1px 6px;
    border-radius: 6px;
    */
}

.right-content .content .content-menu li.active a{
    background: #daf0fa;
    border-bottom: 2px solid #337ab7;
}

.right-content .title-content-img .text{
    padding: 0 60% 0 50px;
}

.right-content .title-content-img .text.large{
    padding: 0 38% 0 50px;
}

.right-content .title-content-img .text.fullwidth{
    padding: 0 0 0 50px !important;
}

@media (max-width: 1199px) {
    .right-content .title-content-img .text{
        padding: 0 45% 0 40px;
    }
}

@media (max-width: 767px) {
    .right-content .title-content-img .text{
        padding: 0 35% 0 20px;
    }
    .right-content .title-content-img .text.fullwidth{
        padding: 0 0 0 0 !important;
    }
}

.right-content .title-content-img .title{
    text-shadow: 1px 2px 3px #000000;
    font-weight: bold;
}

.right-content .title-content-img p.white{
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    padding: 5px;
    background: #0007;
    border-radius: 3px;
    display: inline-block;
}
.right-content .title-content-img p.black{
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    padding: 5px;
    background: #0007;
    border-radius: 3px;
    display: inline-block;
}
    
    .right-content .title-content-img.design-blue .title{
        color: #32b2fb;
        font-size: 50px;
        line-height: 45px;
    }
    .right-content .title-content-img.design-blue .title span{
        font-size: 35px;
        display: block;
        color: #a1e6ff;
    }
    .right-content .title-content-img.design-blue .text{
        background: rgba(68,117,214,1);
        background: -moz-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,117,214,1)), color-stop(19%, rgba(68,117,214,1)), color-stop(100%, rgba(68,117,214,0)));
        background: -webkit-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -o-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -ms-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: linear-gradient(135deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4475d6', endColorstr='#4475d6', GradientType=1 );
    }

    .right-content .title-content-img.design-yellow .title{
        color: #ffcc00;
        font-size: 50px;
        line-height: 45px;
    }
    .right-content .title-content-img.design-yellow .title span{
        font-size: 35px;
        display: block;
        color: #fde587;
    }

    .right-content .title-content-img.design-orange .title{
        color: #e3943e;
        font-size: 50px;
        line-height: 45px;
    }
    .right-content .title-content-img.design-orange .title.contenido{
        font-size: 30px;
        line-height: 30px;
    }
    .right-content .title-content-img.design-orange .title span{
        font-size: 35px;
        display: block;
        color: #e9b57b;
    }
    .right-content .title-content-img.design-orange .text{
        /*background: rgba(68,117,214,1);
        background: -moz-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,117,214,1)), color-stop(19%, rgba(68,117,214,1)), color-stop(100%, rgba(68,117,214,0)));
        background: -webkit-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -o-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -ms-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: linear-gradient(135deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4475d6', endColorstr='#4475d6', GradientType=1 );*/
    }

    .right-content .title-content-img.design-red .title{
        color: #9b1726;
        font-size: 50px;
        line-height: 45px;
    }
    .right-content .title-content-img.design-red .title span{
        font-size: 35px;
        display: block;
        color: #af404e;
    }
    .right-content .title-content-img.design-red .text{
        /*background: rgba(68,117,214,1);
        background: -moz-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,117,214,1)), color-stop(19%, rgba(68,117,214,1)), color-stop(100%, rgba(68,117,214,0)));
        background: -webkit-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -o-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: -ms-linear-gradient(-45deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        background: linear-gradient(135deg, rgba(68,117,214,1) 0%, rgba(68,117,214,1) 19%, rgba(68,117,214,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4475d6', endColorstr='#4475d6', GradientType=1 );*/
    }

    .right-content .title-content-img h1{
        text-decoration: none;
        text-align: center;
        border: none;
        margin: 0 auto;
        text-shadow: 2px 2px 2px #000;
    }

    .right-content .title-content-img h1.detail{
        background: rgba(0,0,0,0.7);
        padding: 8px;
    }

    .right-content .title-content-img.bg-img-horoscopo-diario{
        background: url(../images/bg-title-h1/horoscopo-diario.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-consulta-personal{
        background: url(../images/bg-title-h1/consulta-personal.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-compatibilidad-signos{
        background: url(../images/bg-title-h1/compatibilidad-signos.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-tarot{
        background: url(../images/bg-title-h1/tarot.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-suscripcion{
        background: url(../images/bg-title-h1/tarot.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-contesta{
        background: url(../images/bg-title-h1/contesta.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-carta-astral{
        background: url(../images/bg-title-h1/carta-astral.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-horoscopo{
        background: url(../images/bg-title-h1/horoscopo-diario.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-numerologia{
        background: url(../images/bg-title-h1/numerologia.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-secretos{
        background: url(../images/bg-title-h1/secretos.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-suenos{
        background: url(../images/bg-title-h1/suenos.jpg) no-repeat right center;
        background-size: cover;
    }
    .right-content .title-content-img.bg-img-mi-vida{
        background: url(../images/bg-title-h1/mi-vida.jpg) no-repeat right center;
        background-size: cover;
    }

    .right-content .content.border .horoscopos .item{
        width: 73px;
        height: 73px;
        text-align: center;
        font-size: 12px;
        border-radius: 5px;
        margin-bottom: 10px !important;
        position: relative;
        margin: 0 auto;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    .p-2{
        padding: 10px 10px 10px 10px;
    }
    .horoscopos{
        margin-right: 0px;
        margin-left: 0px;
    }
    .horoscopos .col:hover,.horoscopos .col.active{
        background-color: #f2ecd8;
    }
    .horoscopos .col.sel{
        background-color: #f2ecd8;
    }

    .right-horoscopos .horoscopos .col.p-2{
        border: 1px solid #e3e6e8;
        margin: 0.5px;
        border-radius: 3px;
    }

    .right-horoscopos .horoscopos .col.p-2.col-md-3{
        width: 24.5% !important;
        float: left;
    }
        
    .right-content .content.border .horoscopos .item.acuario{
        background: url(../images/horoscopos/acuario.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.aries{
        background: url(../images/horoscopos/aries.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.cancer{
        background: url(../images/horoscopos/cancer.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.capricornio{
        background: url(../images/horoscopos/capricornio.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.escorpio{
        background: url(../images/horoscopos/escorpio.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.geminis{
        background: url(../images/horoscopos/geminis.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.leo{
        background: url(../images/horoscopos/leo.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.libra{
        background: url(../images/horoscopos/libra.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.piscis{
        background: url(../images/horoscopos/piscis.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.sagitario{
        background: url(../images/horoscopos/sagitario.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.tauro{
        background: url(../images/horoscopos/tauro.png) no-repeat right center;
    }
    .right-content .content.border .horoscopos .item.virgo{
        background: url(../images/horoscopos/virgo.png) no-repeat right center;
    }

    .right-content .content.border .horoscopos .item.rata{
        background: url(../images/horoscopos/rata.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.bufalo{
        background: url(../images/horoscopos/toro.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.tigre{
        background: url(../images/horoscopos/tigre.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.conejo{
        background: url(../images/horoscopos/conejo.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.dragon{
        background: url(../images/horoscopos/dragon.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.serpiente{
        background: url(../images/horoscopos/serpiente.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.caballo{
        background: url(../images/horoscopos/caballo.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.mono{
        background: url(../images/horoscopos/mono.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.gallo{
        background: url(../images/horoscopos/gallo.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.perro{
        background: url(../images/horoscopos/perro.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.cerdo{
        background: url(../images/horoscopos/cerdo.png) no-repeat right center;
        background-position: -19px;
    }
    .right-content .content.border .horoscopos .item.cabra{
        background: url(../images/horoscopos/cabra.png) no-repeat right center;
        background-position: -19px;
    }

    .right-content .content.border .horoscopos.chino .item:hover, .right-content .content.border .horoscopos .item.active{
        background-position: -135px;
    }

.right-content .inp_horoscopochino_anio{
    color: #000;
}


.right-content .content.border .horoscopos .item span{
    background: rgba(0, 0, 0, 0.5);
    display: block;
    color: #FFF;
    border-radius: 0 0 5px 5px;

    position: absolute;
    width: 100%;
    bottom: 0px;
}

.right-content .content.border .horoscopos .item span.narrow{
    letter-spacing: -1.2px;
}

.right-content .content .form-suscribe{
    background: #f2ecd8;
    padding: 5px 15px 15px 15px;
}

.right-content .content .form-suscribe small{
    display: block;
    background-color: #ddd7c2;
    padding: 3px;
}

.right-content .content.border .form-suscribe input.form-control-sm {
    height: 25px !important;
    padding: 2px 6px !important;
    font-size: 13px  !important;
    font-style: normal;
}

.right-content .content.border .form-suscribe .title{
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
}

.right-content .content.border .form-suscribe .title span{
    font-size: 17px;
}

.right-content .header{
    border-radius: 5px 5px 0 0;
    padding: 0 12px 7px 7px;
}
    
    /*rosa*/
    .right-content .header.design-e122a2{
        background: #e122a2;
        color: #FFF;
    }
    /*gris*/
    .right-content .header.design-8b8c8c{
        background: #8b8c8c;
        color: #FFF;
    }
    /*gris claro*/
    .right-content .header.design-e0e0e0{
        background: #e0e0e0;
        color: #727373;
    }

    

.right-content .header .title{
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
}

.right-content .header .title .icon-title{
    width: 30px;
    height: 30px;
    border: 1px solid #FFF;
    float: left;
    margin-top: -5px;
    margin-right: 10px;
    border-radius: 3px;
}

    .right-content .header .title .icon-title.icon-header-especial{
        background: url(../images/icons-headers/especial.jpg) no-repeat center center;
    }
    .right-content .header .title .icon-title.icon-header-multimedia{
        background: url(../images/icons-headers/youtube.jpg) no-repeat center center;
    }
    .right-content .header .title .icon-title.icon-header-rituales{
        background: url(../images/icons-headers/rituales.jpg) no-repeat center center;
    }
    .right-content .header .title .icon-title.icon-header-mandala{
        background: url(../images/icons-headers/mandala.jpg) no-repeat center center;
    }
    .right-content .header .title .icon-title.icon-header-compatibilidad{
        background: url(../images/icons-headers/compatibilidad.jpg) no-repeat center center;
    }

.right-content .header .subtitle{
    float: right;
    font-size: 12px;
    color: #FFF;
    opacity: 0.6;
}

.right-content .sub-header{
    background-color: #6f6f6f;
    color: #FFFFFF;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.right-content .dorado .header{
    background-color: #6aa8cf;
    color: #FFF;
}
.right-content .dorado .sub-header{
    background-color: #d4c17d;
}

.right-content .dorado-secretos .header{
    background-color: #5889d2;
    color: #FFF;
}

.right-content .list-items .row{
    background: #efefef;
    width: 100%;
    margin-left: 0px;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    margin-bottom: 1.5px;
    padding: 4px 0 4px 0;

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 21%, rgba(239,239,239,1) 30%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(21%, rgba(239,239,239,1)), color-stop(30%, rgba(239,239,239,1)), color-stop(100%, rgba(239,239,239,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 21%, rgba(239,239,239,1) 30%, rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 21%, rgba(239,239,239,1) 30%, rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 21%, rgba(239,239,239,1) 30%, rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 21%, rgba(239,239,239,1) 30%, rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );

}

.right-content .list-items .row p{

}

.right-content .list-items .row img{
    width: 100%;
}

.right-content .list-items .row img.play{
    width: 64px;
    margin-top: 17%;
}

.right-content .list-items .row .title{
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
}

.right-content .list-items .row .description{
    color: #989797;
    font-size: 13px;
}

.right-content .col-sm-6 .list-items .row .description{
    color: #989797;
    font-size: 12px;
}

.right-content .list-categories .item{
    width: 100%;
    height: 180px;
    position: relative;
    line-height: 17px;
}

.right-content .list-categories .item span{
    background: rgba(0, 0, 0, 0.5);
    display: block;
    color: #FFF;
    border-radius: 0 0 5px 5px;

    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 5px;
    text-align: center;
}

    .right-content .list-categories .item.amor{
        background: url(../images/categorias/amor.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.amor span{
        background: #ff171a;
    }

    .right-content .list-categories .item.proteccion{
        background: url(../images/categorias/proteccion.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.proteccion span{
        background: #9d652a;
    }

    .right-content .list-categories .item.suerte{
        background: url(../images/categorias/suerte.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.suerte span{
        background: #33ae3c;
    }

    .right-content .list-categories .item.trabajo{
        background: url(../images/categorias/trabajo.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.trabajo span{
        background: #6ab7ff;
    }

    .right-content .list-categories .item.otrosrituales{
        background: url(../images/categorias/otros-rituales.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.otrosrituales span{
        background: #959696;
    }

    .right-content .list-categories .item.acontecimientos{
        background: url(../images/categorias/meteorito.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.acontecimientos span{
        background: #7a2020;
    }

    .right-content .list-categories .item.astrologia{
        background: url(../images/categorias/astros.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.astrologia span{
        background: #0078ff;
    }

    .right-content .list-categories .item.supersticiones{
        background: url(../images/categorias/herradura.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.supersticiones span{
        background: #2f9543;
    }

    .right-content .list-categories .item.mandala{
        background: url(../images/categorias/mandala.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.mandala span{
        background: #8b8c8c;
    }

    .right-content .list-categories .item.especial{
        background: url(../images/categorias/especial.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.especial span{
        background: #870404;
    }

    .right-content .list-categories .item.caracter{
        background: url(../images/categorias/caracter.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.caracter span{
        background: #935615;
    }

    .right-content .list-categories .item.piedras{
        background: url(../images/categorias/piedras.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.piedras span{
        background: #3b95eb;
    }

    .right-content .list-categories .item.flores{
        background: url(../images/categorias/flores.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.flores span{
        background: #1fa629;
    }

    .right-content .list-categories .item.regalo{
        background: url(../images/categorias/regalo.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.regalo span{
        background: #d78e02;
    }

    .right-content .list-categories .item.miedos{
        background: url(../images/categorias/miedos.png) no-repeat top center;
        background-size: content;
    }
    .right-content .list-categories .item.miedos span{
        background: #8b8c8c;
    }


.right-content .grid-menu .item{
    padding: 0px;
    box-shadow: 0px 0px 8px #3c3c3c;
    cursor: pointer;
    margin-bottom: 30px;
}

.right-content .grid-menu .item .image{
    width: 100%;
    padding: 2px;
    height: 172px;
    border-right: 1px solid #CCC;
}

.right-content .grid-menu .item .title{
    font-weight: bold;
    padding: 13px 0px 13px 0px;
    text-align: center;
    color: #1b182b;
    font-size: 17px;
}

.right-content .grid-menu .item div{
    padding: 0px;
}

    .right-content .grid-menu .bg-img-tarot{
        background: url(../images/grid-menu/tarot.jpg) no-repeat center center;
    }
    .right-content .grid-menu .bg-img-secretos{
        background: url(../images/grid-menu/secretos.jpg) no-repeat center center;
    }    
    .right-content .grid-menu .bg-img-numerologia{
        background: url(../images/grid-menu/numerologia.jpg) no-repeat center center;
    }
    .right-content .grid-menu .bg-img-cartaastral{
        background: url(../images/grid-menu/carta-astral.jpg) no-repeat center center;
    }
    .right-content .grid-menu .bg-img-suenos{
        background: url(../images/grid-menu/suenos.jpg) no-repeat center center;
    }
    .right-content .grid-menu .bg-img-recetasmagicas{
        background: url(../images/grid-menu/recetas-magicas.jpg) no-repeat center center;
    }
    .right-content .grid-menu .bg-img-rappelcontesta{
        background: url(../images/grid-menu/rappel-contesta.jpg) no-repeat left top;
    }


.content .row.border{
    display: block;
    margin-bottom: 17px;
    border: 1px solid #e0dede;
    padding: 5px;
}

.bg-f3f2f2{
    background-color: #f3f2f2;
}

.bg-e0e0e0{
    background-color: #e0e0e0;
}

.superfooter{
    background: #155da5;
    border-bottom: 3px solid #0a4272;
    font-size: 14px;
    color: #FFF;
    padding: 5px;
}

.superfooter .glyphicon-earphone{
    color: #1adee4;
    font-size: 18px;
    vertical-align: -4px;
}

.footer{
    background-color: #1b182b;
    color: #d4c17d;
    font-size: 13px;
    padding-bottom: 35px;
    padding-top: 35px;
    text-align: center;
    clear: both;
}

.footer a{
    color: #d4c17d !important;
}

.footer .title{
    background-color: #0a4272;
    font-weight: bold;
    border-radius: 7px;
    padding: 8px 5px 8px 20px;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 20px;
}

.footer .title.ssl{
    border-bottom: 4px solid;
}

.footer .menu{
    list-style: none;
    margin: 0 auto;
}

.footer .menu li{
    font-size: 12px;
}

.footer .menu li a{
    color: #FFF;
}


/*
.mySlides {display: none}
.slideshow-container img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1110px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.slideshow-container .text {
  color: #f2f2f2;
  font-size: 16px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.slideshow-container .numbertext {
  color: #f2f2f2;
  font-size: 13px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.slideshow-container .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slideshow-container .active, .slideshow-container .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.slideshow-container .fadeslider {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slideshow-container .prev, .slideshow-container .next, .slideshow-container .text {font-size: 12px}
}

.calendario-lunar{
    text-align: center;
}

.calendario-lunar .rowc{
    border-bottom: 1px solid #CCC;
    display: flex;
}

.calendario-lunar .rowc .col{
    width: 12.5%;
    float: left;
    display: block;
    padding: 0 10px 10px 10px;
    font-size: 13px;
}

.calendario-lunar .rowc .col img{
    width: 100%;
}

.calendario-lunar .semana{
    color: #9bbce1;
    font-weight: bold;
}

.calendario-lunar .rowc .col.active{
    background-color: #bad7fa;
}

/* Secretos */
.list-content .item{
    background-position: center top;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 1.5rem;
}

.list-content.texto-multimedia .item{
    height: 270px !important;
}

.list-content.texto-multimedia .item.video{
    height: 270px !important;
    background-position: center -43px;
}

.list-content .item-entradilla{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    min-height: 70px;
    opacity: 0.8;
    padding: 10px;
    color: #FFFFFF;
}
.list-content .item-entradilla small{
    display: none;
}
.list-content .item:hover .item-entradilla small{
    display: block;
}

.horoscopo-mensual-multimedia .header-red{
    width: 100%;
    min-height: 50px;
    background: #c01f36;
    padding: 10px;
}

.horoscopo-mensual-multimedia .header-red h3{
    color: #fac484;
    text-shadow: 1px 2px 3px #000000;
    font-weight: bold;
    margin: 0px;
}

.horoscopo-mensual-multimedia .header-red h4{
    color: #fac484;
    text-shadow: 1px 2px 3px #000000;
    font-weight: bold;
    margin-top: 0px;
    margin-top: 2%;
}

.horoscopo-mensual-multimedia .header-red span{
    color: #FFF;
    font-size: 120%;
    display: block;
}

.horoscopo-mensual-multimedia .btn-follow{
    background-color: #FF0000;
    color: #FFF;
}

.horoscopo-mensual-multimedia span.text-suscribe{
    color: #81aad9;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}

.horoscopo-mensual-multimedia .left-img-esperanza{
    margin-top: -60px;
}

@media (max-width: 990px) {
    .horoscopo-mensual-multimedia .left-img-esperanza{
        margin-top: 0px;
    }
}

.banner-ads{
    margin-bottom: 15px;
}

.image-content{
    float: right;
    max-width: 300px;
    max-height: 300px;
    margin: 0 5px 5px 10px;
}

.image-content-center{
    max-width: 300px;
    max-height: 300px;
    margin: 0 5px 5px 10px;
    margin: 0 auto;
    display: block;
}

.cookies-fixed{
    position: fixed;
    bottom: 0px;
    background: #686868;
    padding: 3px 0px;
    font-size: 11px;
    width: 100%;
    color: #FFF;
    line-height: 15px;
}

.cookies-fixed a{
    color: #d4c17d;
}

.cookies-fixed .btn.btn-success{
    margin-top: 20%;
}

@media (max-width: 767px) {
    .cookies-fixed .btn.btn-success{
        margin-top: 0px;
        float: right;
    }

    .cookies-fixed {
        font-size: 10px;
        color: #FFF;
        line-height: 12px;
    }

    .cookies-fixed .container{
        padding-left: 5px;
        padding-right: 5px;
    }

    .cookies-fixed .container .col{
        padding-left: 5px;
        padding-right: 5px;
    }
}

.ranking_ast{
    font-size: 12px;
    text-align: right;
    margin-right: 8px;
    display: inline-block;
    float: right;
}

.ranking_ast .title-rank{
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
    color: #000;
    font-size: 30px;
}

.ranking_ast .title-rank-img{
    margin-bottom: 0px;
}

.ranking_ast img{
    margin-right: 7px;
    max-width: 75px !important;
}

.ranking_ast span{
    background: #dcdcdc;
    color: #000;
    display: block;
    border-radius: 5px;
    margin-top: 3px;
}

.footer .sellos{
    width: 100%;
    max-width: 400px;
}

.footer .weboficial{
    float: right;
    margin-top: 30px;
}

.footer .content-colum1{
    margin-left: 40px;
}

.footer .content-colum1 a{
    color: #FFF;
}

.footer .content-colum1 .icon{
    float: left;
    margin-right: 3px;
    vertical-align: -5px;
}

#scroll-up{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: url(../images/scroll-up.png) top center;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    z-index: 100000;
    cursor: pointer;
    display: none;
}


@media (max-width: 767px) {
    
    .hide-tablet{
        display: none !important;
    }

    .show-tablet{
        display: block !important;
    }

    header .banner-tel-806.pc{
        display: none;
    }
    header .banner-tel-806.mobile{
        display: block;
    }

    /*header .content-header.fixed .container.top{
        background: url(../images/fondo.png) no-repeat !important;
    }*/

    header .content-header.fixed .logo{
        height: 83px !important;
    }

    .left-content .ranking{
        max-width: 220px;
        margin: 0 auto;
    }

}

@media (max-width: 528px) {

    header .content-header{
        background-size: cover;
        background-position: center center;
    }

    header .content-header .container.top{
        /*background: url(../images/fondo.png) no-repeat;*/
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        background-position: 600% top;
        background-size: 110%;
    }

    header .content-header.fixed .container.top{
        /*background: url(../images/fondo.png) no-repeat;*/
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        background-position: 600% top;
        background-size: 110%;
    }

    header .col-header.tel{
        /*background: #2b3e5c;
        margin-bottom: -9px;
        border-top: 1px solid #FFF*/
    }

    header .banner-tel-806.mobile{
        width: 90%;
    }

    header .logo{
        display: none;
    }
    header .logo-mobile{
        display: block;
        width: 117%;
    }

}

@media (max-width: 450px) {

    .hide-mobile{
        display: none !important;
    }

    .show-mobile{
        display: block !important;
    }
    
    .container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /*.container-fluid > .col-sm-6,.col-sm-12,.col-md-12{
        padding-left: 1px !important;
        padding-right: 1px !important;
    }*/

    .container-fluid > .row > .col-sm-12,.col-md-12,.col-sm-6{
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .content .grid-menu > div{
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .content.border,.rrss-search{
        font-size: 98% !important;
    }

    .right-content .grid-menu .item .description{
        font-size: 14px !important;
    }


    .right-content .content .content-menu li{
        width: 48%;
    }
    .right-content .content .content-menu li a{
        display: block;
    }

    .col-right-horoscopos{
        margin: 0 auto !important;
    }

    .col-right-horoscopos .center{
        margin: 0 auto !important;
        float: none !important;
    }

    .image-content{
        max-width: 50% !important;
    }

    .nav-pills > li {

        float: left;
        display: block;
        width: 100%;

    }

    .col-right-horoscopos img{
        max-width: 100%;
        height: auto !important;
    }

}

@media (max-width: 999px) {
    .ranking_ast{
        margin-right: 20px !important;
    }
}


@media (max-width: 767px) and (min-width: 530px) {

    .content-header .col-header.col-md-7{
        width: 45%;
        float: left;
        /*margin-top: 15px;*/
    }

    .content-header .col-header.col-md-5{
        width: 55%;
        float: left;
        margin-top: 10px;
    }

}


.tusigno-img-header{
    width: 55%;
    max-width: 500px;
}

@media (max-width: 1200px) {
    .tusigno-img-header{
        width: 45%;
    }
}

@media (max-width: 991px) {
    .tusigno-img-header{
        width: 100%;
        margin: 0 auto;
        display: block;
    }
}

.navbar{
    margin-bottom: 0px !important
}

#game-div{
	margin: 0 auto;
}

@media (orientation:landscape) and (max-width: 767px) {
	.contenedor {
		max-width: 60%;
		max-height: 60%;
	}
}

.block-telefonos-full{
    margin: 20px 0px;
    display: block;
}

.block-telefonos-full img{
    width: 100%;
    max-width: 526px;
}

.block-telefonos-full a{
    text-align: center;
    display: block;
}

.block-telefonos-full .title{
    font-family: "Abril Fatface", Arial, sans-serif;
    color: #000;
    text-align: center;
    font-size: 35px;
    line-height: 30px;
}

.block-telefonos-full .title span{
    font-family: "Abril Fatface", Arial, sans-serif;
    font-size: 25px;   
    display: block;
}

.block-telefonos-full .title .separador{
    display: block;
    max-width: 300px;
    margin: 0 auto;
}

.block-telefonos-full hr{
    line-height: 35px;
    border-bottom: 2px solid #000;
    margin: 0px;
}

.tarot .cartas .item img{
    text-align: center;
    width: 100%;
    max-width: 80px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.numerologia h3{
    font-family: "Abril Fatface", Arial, sans-serif;
    color: #1b182b;
}

.mi-vida .carousel-inner > .item > a > img{
    margin: 0 auto;
}

.mi-vida .carousel-indicators{
    display: none;
}

#modalDescripcion .modal-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.modal .modal-header{
    background: #d4c17d;
    color: #1b182b;
    font-weight: bold;
}

.modal .modal-title{
    font-weight: bold;
}