html{
    scroll-behavior: smooth;
}

.Fotografias
{
    padding: 3px;
    margin: 2px;
    border: 1px solid #356DA5;
}
.FondoEsquinaSuperior1 {
	background-image: url(imgns/FondoEsquina.jpg);
}
.FondoSombraSuperior {
	background-image: url(imgns/FondoSombraSuperior.jpg);
}
.FondoEsquinaSuperior2 {
	background-image: url(imgns/FondoEsquinaSuperior2.jpg);
}
.FondoSombraIzquierda {
	background-image: url(imgns/FondoSombraIzquierda.jpg);
}
.FondoSombraInferior1 {
	background-image: url(imgns/FondoSombraInferior1.jpg);
}
.FondoSombraInferior {
	background-image: url('imgns/FondoSombraInferior.jpg');
    text-align: center;
}
.SombraFondoVertical2 {
	background-image: url(imgns/SombraFondoVertical2.jpg);
}
.FondoSombraInferior3 {
	background-image: url(imgns/FondoSombraInferior3.jpg);
}
.FondoBarraDerecha {
	background-image: url(imgns/FondoBarraDerecha.jpg);
}
.FondoDivisas {
	background-color: #9EC4E2;
}
body {
    font-family: Calibri;
    font-size: 14px;
    color: #363636;
}
.AlturaCeldasLeft {
	width: 20px;
}
.FondoHeader {
	background-image: url(imgns/PPDHeader.jpg);
}
.EnlacesTitulo {
	color: #FFF;
	text-decoration: none;
    text-align: left;
}
.EnlacesTitulo:hover {
	color: #F29301;
}
.TextoTitulos
{
    font-weight: bold;
    text-transform: uppercase;
    color: #005CB9;
    text-decoration: underline;
}
.TablaAltura
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #F2BF00;
}
.Division
{
    background-color: #FFFFFF;
}
.Encabezado
{
    text-transform: uppercase;
    background-color: #ACC6DB;
    font-weight: bold;
    padding: 3px;
    margin: 4px;
}
.Advertencia
{
    color: #CC0000;
}
.TextBox
{
    border: 1px solid #44627D;
    background-color: #F5F8FA;
    margin: 3px;
    height: 20px;
}
.UserName
{
    font-size: 10px;
    font-weight: bold;
    text-transform: lowercase;
}
.EspacioFotoTitular {
	/*background-color: #CCC;
	width: 270px;
	border: 1px solid #666;
	margin: 7px;
	padding: 2px;*/
	float: left;
}
.Bordes
{
    border: 1px solid #B5C6D7;
}


#Menu{
    /*border: 1px solid #D3D3D3;*/
    list-style: none;
    margin: 1px;
    padding: 2px;
}
#Menu a{
    /*border: 1px solid #D8D8D8;*/
    font-weight: bold;
    display: block;
    /*text-indent: 5px;*/
    
    margin: 1px;
    color: #5D5D5D;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px;
    font-size: 11px;
}
#Menu a:hover{
    background-color: #F09401;
    color: #000000;
    /*border: 1px solid #000000;*/
}

.MenuCategorias{
    border: 1px solid #D3D3D3;
    background-color: #f8de7d;
}
.MenuCategorias:hover{
    background-color: #FDF5D7;
    color: #000000;
    border: 1px solid #000000;
}
.TituloNoticia
{
    color: #000099;
    font-weight: bold;
    font-size: 16px;
    text-transform: none;
}
.FechaNoticiaTitular
{
    color: #939393;
    font-size: 11px;
}
.MouseArriba:hover
{
    background-color: #F3F3F3;
}
.MouseArriba
{
    padding: 5px;
    margin: 3px;
}
.SubrayadoDeFecha {
    padding: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    width: 100%;
}
.UltimaActualizacion
{
    color: #5787CE;
    font-family: Calibri;
}
.Interlineado
{
    line-height: 170%;
    text-align: justify;
}
.TituloverNoticia
{
    font-size: 18px;
    font-weight: bold;
}
.TituloDescripcion
{
    color: #000000;
    font-style: italic;
    font-weight: bold;
}
.EstiloEncabezado
{
    width: 100%;
}
a:hover
{
    text-decoration: none;
    color: #F29500;
}
.AutoreEmail
{
    color: #757575;
    font-size: 11px;
}
a
{
    color: #006699;
    text-decoration: none;
}

#MenuHeader {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#MenuHeader li {
	margin: 2px;
	padding: 0px;
	float:left;
}
#MenuHeader li a {
	display:block;
	width:130px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-transform: uppercase;
}
#MenuHeader li a:hover{
	color:#F90;
	background-color: #FDF5D7;
}
.CeldaAreaDeUsuarios
{
    background-image: url('');
}
.EstiloFotos
{
    padding: 3px;
    margin: 4px;
    border: 1px ridge #FFECD9;
}
.DescripcionNoticia
{
    line-height: 170%;
    text-align: justify;
   /* font-family: Calibri;*/
    /*font-size: 12px;*/
    color: #363636;
}

#CuerpoNoticia
{
    width: 100%;
    height: auto;   
}

#Clearing
{
    clear:both;
}

#CuerpoNoticia img
{
    /*border: 1px solid #666;*/
	margin: 7px;
	padding: 2px;
}

.pager {
    text-align: center;
}

    .pager > span {
        margin: 2rem 0 0;
        display: block;
    }

    .pager .boton {
        border-radius: 5px;
        padding: .5rem 2rem;
    }

    .pager span.selected,
    .pager span a {
        margin: 0 .5rem;
        color: black;
    }

    .pager span a {
        opacity: .7;
    }


.search h1 {
    text-align: center;
    max-width: 50%;
    font-size: 120%;
    margin: 20px auto;
}

.search .searchin {
    display: flex;
    justify-content: center;
    border: solid 1px rgba(0,0,0,.1);
    width: 50%;
    margin: 0 auto;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 1px rgba(0,0,0,.1);
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.search .txtSearch {
    border: none;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.search .btn-search {
    border: none;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: url(/img/Ic_search.png) #ffffff center no-repeat;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

    .search .btn-search:hover {
        background-color: #f0f0f0;
    }

/*#region Artículos*/
.articles {
    padding: 2rem 0;
}

    .articles h1 {
        text-align: center;
    }

    .articles .flex-box {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
        grid-gap: 1em;
    }

section.articles .box .boton {
    margin: 40px auto 0;
    max-width: 300px;
    display: block;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.articles .box {
    border: solid 1px rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: .9em;
    overflow: hidden;
}

    .articles .box a {
        color: black;
    }

    .articles .box figure {
        margin: 0;
        padding: 0;
        overflow: hidden;
        flex-direction: column;
        display: flex;
        justify-content: center;
    }

        .articles .box figure img {
            width: 100%;
            max-width: 100%;
            flex: none;
            display: block;
            user-select: none;
            object-fit: cover;
            object-position: top;
            max-height: 150px;
            transition: transform .5s;
        }

            .articles .box figure img:hover {
                transform: scale(1.1);
            }

            .articles .box figure img[data-id] {
                cursor: pointer;
            }

    .articles .box .empresa {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: transparent;
        position: static;
    }

        .articles .box .empresa a {
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            overflow: hidden;
        }

            .articles .box .empresa a span {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                display: block;
            }

            .articles .box .empresa a.follow {
                color: blue;
                font-weight: bold;
            }

                .articles .box .empresa a.follow:hover {
                    color: #6c1271;
                }

        .articles .box .empresa img {
            width: 20px;
            height: 20px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-right: 5px;
        }

    .articles .box .articulo .descripcion {
        padding: 5px;
        line-height: 1.2;
        color: black;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .articles .box .articulo .descripcion .type {
            width: 35px;
            -ms-flex: none;
            -webkit-flex: none;
            flex: none;
        }

    .articles .box .articulo .type img {
        width: 25px;
        display: block;
        margin: 0 auto;
    }

    .articles .box .articulo .nombre {
        font-size: 1.2em;
        display: block;
        font-weight: bold;
    }

    .articles .box .articulo .desc {
        font-size: 1.05em;
        height: 30px;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
        overflow: hidden;
    }

    .articles .box .btn-part {
        background-color: #0089bb;
        color: white;
        border: none;
        width: 100%;
        padding: 5px;
        text-transform: uppercase;
        cursor: pointer;
        -moz-transition: all ease-in-out .3s;
        -o-transition: all ease-in-out .3s;
        -webkit-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
        font-weight: bold;
    }

        .articles .box .btn-part:hover {
            background-color: #6c1271;
            background-color: #3fa94a;
        }

    .articles .box .tickets-likes {
        display: flex;
        justify-content: space-between;
        padding: 5px;
        align-items: center;
    }

        .articles .box .tickets-likes button {
            border: none;
            background-color: transparent;
            padding: 0;
            font-size: 1em;
            color: inherit;
            outline: none;
            cursor: pointer;
        }

            .articles .box .tickets-likes button .heart {
                background: url(/Tools/heart.svg) center center;
                background-size: contain;
                width: 25px;
                height: 25px;
                display: block;
            }

            .articles .box .tickets-likes button.liked .heart {
                background: url(/Tools/heartred.svg) center center;
                background-size: contain;
                width: 25px;
                height: 25px;
                display: block;
            }

            .articles .box .tickets-likes button .share {
                background: url(/Tools/share.svg) center center;
                background-size: contain;
                width: 25px;
                height: 25px;
                display: block;
            }

            .articles .box .tickets-likes button .comment {
                background: url(/Tools/comments.svg) center center no-repeat;
                background-size: cover;
                width: 25px;
                height: 25px;
                display: block;
            }

        .articles .box .tickets-likes span {
            -moz-transition: all ease-in-out .3s;
            -o-transition: all ease-in-out .3s;
            -webkit-transition: all ease-in-out .3s;
            transition: all ease-in-out .3s;
            cursor: pointer;
        }

            .articles .box .tickets-likes span:hover, .articles .box .tickets-likes button:hover span {
                color: black;
            }

        .articles .box .tickets-likes .numbers > span {
            display: block;
            font-size: .7em;
            line-height: 1.2;
        }

        .articles .box .tickets-likes .icons {
            width: 45%;
            display: flex;
            justify-content: space-around;
            max-width: 110px;
            min-height: 38px;
        }

            .articles .box .tickets-likes .icons a {
                color: #464646;
            }

                .articles .box .tickets-likes .icons a:hover {
                    color: black;
                }

    /*Copy from firms*/
    .articles .box .counts {
        display: flex;
    }

        .articles .box .counts .count {
            display: flex;
            flex: 1;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
            border: solid 1px rgba(0,0,0,.1);
            border-width: 2px 1px 1px 0;
            font-size: .9em;
        }

            .articles .box .counts .count:nth-child(1) {
                border-top-color: blue;
            }

            .articles .box .counts .count:nth-child(2) {
                border-top-color: green;
            }

            .articles .box .counts .count:nth-child(3) {
                border-top-color: red;
            }

            .articles .box .counts .count:last-child {
                border-right: 0;
            }

        .articles .box .counts span {
            /*font-size: 1.5em;*/
            font-size: 100%;
            color: #5087e7;
            line-height: 1;
            font-weight: bold;
        }

    .articles .box .competition-info {
        padding: 10px;
        border-bottom: solid 1px rgba(0,0,0,.1);
    }

        .articles .box .competition-info .btn-part {
            font-weight: normal;
            text-transform: capitalize;
            line-height: 2;
            border-radius: 5px;
        }

        .articles .box .competition-info .draw {
            text-align: center;
            font-size: .8em;
        }

        .articles .box .competition-info.winner {
            border-bottom: none;
        }

        .articles .box .competition-info .type {
            display: flex;
            align-items: center;
        }

            .articles .box .competition-info .type img {
                display: block;
                width: 30px;
                margin-right: 10px;
            }

        .articles .box .competition-info.winner .type {
            /*justify-content: space-between;*/
            -webkit-justify-content: center;
            justify-content: center;
            text-align: center;
        }

            .articles .box .competition-info.winner .type img {
                display: block;
                width: 50px;
                margin-right: 10px;
            }

                .articles .box .competition-info.winner .type img:nth-child(2) {
                    width: 100px;
                }

            .articles .box .competition-info.winner .type b {
                display: block;
                text-align: center;
                width: 100%;
            }

        .articles .box .competition-info ul {
            margin: 0;
            padding: 5px;
            list-style: none;
            line-height: 1.5;
        }

        .articles .box .competition-info label {
            font-weight: bold;
        }

        .articles .box .competition-info span {
            color: #5087e7;
        }

    .articles .box.moneyCompetition {
        /*width: calc(100%/5.3);
        min-width: 300px;*/
    }

.articles article.moneyCompetition > div {
    border-bottom: solid 1px rgba(0,0,0,.1);
}

.articles article.moneyCompetition .competition-info .type {
    justify-content: center;
}

.articles article.moneyCompetition .competition-options {
    padding: 10px;
}

.articles article.moneyCompetition .details {
    max-height: 150px;
    overflow: auto;
    text-align: center;
    margin-bottom: 10px;
}

.articles article.moneyCompetition div:last-child, .articles article.moneyCompetition .counts {
    border-bottom: none;
}

    .articles article.moneyCompetition .counts .count {
        padding: 0;
    }

.articles article.moneyCompetition .competition-info.winner {
    border-bottom: solid 1px rgba(0,0,0,.1);
}

.articles article.moneyCompetition .competition-options .boton {
    margin: 10px auto;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
}

    .articles article.moneyCompetition .competition-options .boton:last-child {
        margin-bottom: 0;
    }

    .articles article.moneyCompetition .competition-options .boton.green {
        background-color: green;
    }

.articles article.moneyCompetition .competition-options input.boton[disabled] {
    background-color: #92948f !important;
}

.articles article.moneyCompetition .competition-options .boton.mamey {
    background-color: #f5a809
}

.articles article.moneyCompetition .competition-options > span {
    font-weight: bold;
    line-height: 1;
    font-size: 1em;
    text-shadow: none;
    text-align: center;
    display: block;
}

.pups {
    text-align: center;
}

    .pups > div {
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        min-height: 100vh;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    .pups .botones {
        margin-top: auto;
        margin-bottom: 30px;
    }

    .pups .boton {
        background-color: #00b709;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        min-width: 120px;
        padding: 10px 15px;
    }

    .pups p {
        width: 90%;
        font-size: 1.1em;
    }

    .pups .txt {
        width: 90%;
        padding: 10px;
        margin-bottom: 15px;
    }

    .pups h2.green {
        color: green;
    }

    .pups h2.red {
        color: #ff0000;
    }

    .pups h2.mamey {
        color: #ff9800;
    }

/*#endregion*/

#Desliza .seeOptionsShow{border:0px;background:url("Imgns/flecha_cerrar.png") no-repeat scroll 1px 4px #E7F6FD;padding-left: 18px;}
#Desliza .seeOptionsDown{border:0px;background:url("Imgns/flecha_abrir.png") no-repeat scroll 1px 4px #E7F6FD;padding-left: 18px;}

.DivStandar100{float: left;width: 100%;}
.DivStandar100 table{font-size:11px;}