﻿
.tooltip-validation {
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted #666;
    text-align: left;
}


.tooltip-inner-relativo {
    position: absolute;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    /*background-color: #F00;*/
    background-color: #009cdc;
    border-radius: 4px;
    right: 28px;
    padding-top: -50px;
    margin-top: -23px;
    z-index: 10;
}




.tooltip-inner-fixed {
    position: fixed;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-inner-relativo-grid {
    /*position: absolute;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #db3325;
    border-radius: 4px;
    right: 30px;
    padding-top: -50px;
    margin-top: -55px;
    z-index: 10;*/
    position: relative;
    max-width: 600px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(219,51,37,.8);
    border-radius: 4px;
    right: -10px;
    padding-top: -70px;
    margin-top: -45px;
    margin-left: -60px;
    z-index: 10;
    display: block;
}

    .tooltip-inner-relativo-grid:before, .tooltip-inner-relativo-grid-2:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #db3325;
        left: 50%;
        bottom: -8px;
    }

.tooltip-inner-relativo-grid-2 {
    position: relative;
    max-width: 600px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(219,51,37,.8);
    border-radius: 4px;
    right: -10px;
    padding-top: -70px;
    margin-top: -45px;
    margin-left: -60px;
    z-index: 10;
    display: block;
}


/* ==================================================
* 1 - media screen and (max-width: 1199px)
* 2 - media screen and (max-width: 991px)
* 3 - media screen and (max-width: 767px)
* 4 - media screen and (max-width: 680px)
* 5 - media screen and (max-width: 480px)
* 6 - media screen and (max-width: 320px)
================================================== */
.adorno-flor-recinto {
    width: 200px;
    height: 200px;
    /* background-image: url(../../publico/images/corazon.png); */
    background-image: url(../images/breadcrumb/flor_recinto.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
    position: absolute;
    /* transform: rotate(35deg); */
    bottom: -39px;
    left: 71px;
    /* z-index: 9999; */
    /* border: solid; */
}

@media screen and (max-width: 480px) {
    .adorno-flor-recinto {
        left: 0;
    }
}
@media screen and (max-width: 1199px) {
    .adorno-flor-recinto {
        left: 0;
    }
}

/******************************************+*/
/**** THUMBNAILS                ***********+*/
/******************************************+*/
.img-thumbnail-60 {
    max-width: 60px !important;
}


.img-thumbnail-100 {
    max-width: 100px !important;
}

.img-thumbnail-200 {
    max-width: 200px !important;
}

.img-h-thumbnail-50 {
    max-height: 50px !important;
}

.img-h-thumbnail-150 {
    max-height: 150px !important;
}

.img-h-thumbnail-200 {
    max-height: 200px !important;
}


/*IMAGENES DE SECCION SUPERIOR E INFERIOR */

.img-superior-der img {
    position: absolute;
    right: 0;
    max-height: 230px;
    margin-top: -100px;
}
/*@media(max-width:767px) {*/
@media (max-width:1125px) {
    .img-superior-der {
        min-height: 75px;
    }

        .img-superior-der img {
            right: 0;
            max-height: 130px;
            padding-bottom: 50px;
            margin-top: -50px;
        }
}


.img-superior-izq img {
    position: absolute;
    left: 0;
    max-height: 230px;
    margin-top: -100px;
}
/*@media(max-width:767px) {*/
@media (max-width:1125px) {
    .img-superior-izq {
        min-height: 75px;
    }

        .img-superior-izq img {
            right: 0;
            max-height: 130px;
            /*padding-bottom: 50px;*/
            margin-top: -50px;
        }
}



.img-inferior-izq img {
    position: absolute;
    left: 0;
    max-height: 230px;
    margin-top: -50px;
}
/*@media(max-width:767px) {*/
@media (max-width:1125px) {
    .img-inferior-izq {
        min-height: 100px;
    }

        .img-inferior-izq img {
            right: 0;
            max-height: 130px;
            margin-top: 0;
            /*padding-bottom: 50px;*/
        }
}

.img-inferior-der img {
    position: absolute;
    right: 0;
    max-height: 230px;
    margin-top: -50px;
}
/*@media(max-width:767px) {*/
@media (max-width:1125px) {
    .img-inferior-der {
        min-height: 100px;
    }

        .img-inferior-der img {
            right: 0;
            max-height: 130px;
            margin-top: 0;
            /*padding-bottom: 50px;*/
        }
}


.img-marca-agua-der img {
    position: absolute;
    right: 0;
    /* max-height: 230px; */
    margin-top: -84%;
    z-index: -10;
}
/*@media(max-width:767px) {*/
@media (max-width:1125px) {
    .img-marca-agua-der {
        display: none;
        min-height: 100px;
    }

        .img-marca-agua-der img {
            right: 0;
            /*max-height: 130px;*/
            margin-top: 0;
            /*padding-bottom: 50px;*/
        }
}

