/**
 *
 * Apply your custom CSS here
 *
*/

body {
    font-family: Montserrat;
}

a {
}

#tblFNLPvr > tr > th, #tblFNLPvr > tr > td {
    padding: 7px;
    vertical-align:middle;
}

.lnkfad
{

}
.lnkfld
{

}



.camcl {
    background-color: #CFDBE1 !important;
}


/******/
.demo-wrapper {
    width: 38%;
    margin: 0 auto;
}

.html5-fullscreen-api {
    position: relative;
}

    .html5-fullscreen-api img {
        max-width: 100%;
        border: 10px solid #fff;
        box-shadow: 0px 0px 50px #ccc;
    }

    .html5-fullscreen-api .fs-button {
        z-index: 100;
        display: inline-block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

        .html5-fullscreen-api .fs-button:after {
            display: inline-block;
            width: 100%;
            height: 100%;
            font-size: 32px;
            font-family: 'ModernPictogramsNormal';
            color: rgba(255,255,255,.5);
            cursor: pointer;
            content: "v";
        }

        .html5-fullscreen-api .fs-button:hover:after {
            color: rgb(255,255,255);
        }


.imgttl {
  
    margin-top: 5px;
    float: right;
    position: fixed;
    right: 5px;
}

.tmlet1 {
    position: absolute;
    float: right;
    right: 18%;
    font-family: 'Bebas Neue';
    font-weight: 700;
    font-size: 40px;
    color: white;
    height: 30px;
    text-align: right;
    
    
}

.tmlet2 {
    position: absolute;
    float: right;
    right: 10px;
    bottom: 0px;
    font-family: Impact;
    font-weight: 700;
    font-size: 80px;
    color: #FFD80F;
    height: 53px;
}

#fullscreen {
    background-color: #FFD70B !important;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 5px;
    z-index: 1000;
    height: 100%;
    margin: 0 auto;
}


    #fullscreen > img {
        /*height: 100%;*/
        width: 100%;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /*#fullscreen > a {*/
        /**//*border: solid 2px red;
        height: 60px;
        width: 93px;
        position: absolute;
        float: right;
        right: 6%;
        bottom: 10.5%;
    }*/

    #fullscreen > a {
        /*border: solid 2px red;*/
        height: 48px;
        width: 116px;

        position: absolute;
        top: 92.0%;
        left: 90.4%;
        transform: translate(-50%, -50%);
    }

@media screen and (min-width:1370px ) and (max-width:1950px) {
    #fullscreen > a {
        /*border: solid 2px red;*/
        height: 48px;
        width: 116px;
        position: absolute;
        top: 88.5%;
        left: 90.4%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:1320px ) and (max-width:1370px) {
    #fullscreen > a {
        /*border: solid 2px red;*/
        height: 36px;
        width: 82px;
        position: absolute;
        top: 90.5%;
        left: 90.5%;
        transform: translate(-50%, -50%);
    }
}


     
@media screen and (min-width:1264px ) and (max-width:1310px) {
    #fullscreen > a {
        top: 89.5%;
        
        height: 36px;
        width: 82px;
        position: absolute;

        left: 90.5%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width:1200px ) and (max-width:1263px) {
    #fullscreen > a {
        top: 87.5%;

        height: 36px;
        width: 82px;
        position: absolute;

        left: 90.5%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width:1100px ) and (max-width:1199px) {
    #fullscreen > a {
        top: 84.5%;
        height: 36px;
        width: 82px;
        
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width:1029px ) and (max-width:1099px) {
    #fullscreen > a {
        height: 30px;
        width: 72px;
        top: 82.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width:950px ) and (max-width:1028px) {
    #fullscreen > a {
        height: 32px;
        width: 72px;
        top: 79.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width:860px ) and (max-width:949px) {
    #fullscreen > a {
        height: 30px;
        width: 72px;
        top: 77.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:765px ) and (max-width:859px) {
    #fullscreen > a {
        height: 30px;
        width: 60px;
        top: 74.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:665px ) and (max-width:764px) {
    #fullscreen > a {
        height: 30px;
        width: 55px;
        top: 71.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:565px ) and (max-width:664px) {
    #fullscreen > a {
        height: 30px;
        width: 55px;
        top: 68.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:500px ) and (max-width:564px) {
    #fullscreen > a {
        height: 26px;
        width: 52px;
        top: 65.5%;
        left: 90.5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

/*
@media screen and (min-width:1260px ) and (max-width:1349px) {
    #fullscreen > a {
        border: solid 2px red;
        height: 60px;
        width: 93px;
        position: absolute;
        float: right;
        right: 6%; 
        top: 75%;
    }
}

@media screen and (min-width:785px ) and (max-width:1259px) {
    #fullscreen > a {
        border: solid 2px red;
        height: 60px;
        width: 93px;
        position: absolute;
        float: right;
        right: 6%;
        top: 75%;
    }
}
*/

@media screen  and (max-width:499px) {
    #fullscreen
    {
        display:none;
    }
}

@media screen and (min-width:1891px ) and (max-width:2050px) {
    .deco01 {
        background-image: url(../imgapp/app/deco01.png);
        background-size: 102% 210.30px; /*299.75px*/
        background-repeat: no-repeat;
    }

    .deco02 {
        background-image: url(../imgapp/app/deco02.png);
        background-size: 102% 210.30px;
        background-repeat: no-repeat;
    }
    .blockquote {
        padding-left:60px;
    }
}

@media screen and (min-width:1591px ) and (max-width:1890px) {
      .blockquote {
        padding-left: 70px;
    }
}


    @media screen and (min-width:1070px ) and (max-width:1890px) {
        .deco01 {
            background-image: url(../imgapp/app/deco01.png);
            background-size: 102% 210.30px; /*299.75px*/
            background-repeat: no-repeat;
        }

        .deco02 {
            background-image: url(../imgapp/app/deco02.png);
            background-size: 102% 210.30px;
            background-repeat: no-repeat;
        }
    }

    @media screen and (min-width:200px ) and (max-width:1069px) {

        .deco01 {
            background-image: url(../imgapp/app/deco011.png);
            background-size: 102% 210.30px; /*299.75px*/
            background-repeat: no-repeat;
        }

        .deco02 {
            background-image: url(../imgapp/app/deco021.png);
            background-size: 102% 210.30px;
            background-repeat: no-repeat;
        }
    }

@media screen and (min-width:1190px) and (max-width:1230px) {

    .navbar-brand > .tmlet1 {
        right: 19%;
    }
}
@media screen and (min-width:1120px) and (max-width:1189px) {

    .navbar-brand > .tmlet1 {
        right: 20%;
    }
}

@media screen and (min-width:1020px) and (max-width:1119px) {

    .navbar-brand > .tmlet1 {
        right: 22%;
    }
}



    @media screen and (max-width:770px) {

        .navbar-brand > .imgttl {
            display: none;
        }
    }

    /*

datos {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 1em;
}

    datos tr:nth-child(even) {
        background: #ccc;
    }

    datos td {
        padding: 5px;
    }
    */

tbMensjX tr.noSearch {
    background: White;
    font-size: 0.8em;
}

    tbMensjX tr.noSearch td {
        padding-top: 10px;
        text-align: right;
    }

.hide {
    display: none;
}

.red {
    color: Red;
}

form  .row .panel .panel-body .form-group label
{
    font-weight:bold;
}