body {
    margin: 0;
    min-height: 100%;
    font-size: 1em;
    
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif
}
@font-face {
    font-family: "Great Wishes";
    src: url("fonts/Great Wishes.otf");
}
.italic1 {
    font-family: 'Great Wishes';
    letter-spacing: 3px;
    color: #626262;
    font-size:14px;
}
.italictitle {
    font-family: 'Great Wishes';
    letter-spacing: 5px;
    color: #000;
    font-weight: bold;
}
.mpbg {
    background: rgba(213, 243, 243, 0.64)
}
.popupclass {
    background-color: #fff;
    padding-bottom: 10px;
    border-radius: 10px 10px 0 0;
    border:1px solid #0971bd
}
.pupupchico{
    width:30%;
}
.pupupmediano {
    width: 50%;
}
.pupupgrande {
    width: 80%;
}
.popupheader {
    background-color: #0971bd;
    color: #fff;
    font-weight: bold;
    text-align:center;font-size:24px;
    border-radius:10px 10px 0 0;
    height:30px;
}
    .popupheader input{
        width:26px;
        float:right;
        margin-right:10px;
    }

    .ContactHEade {
        background-color: #6eacde;
        height: 30px;
        color: #fff;
        font-weight: bold;
        width: 100%;
        font-size: 18px;
    }
 .contactinfo img{display:normal;}
.backMenuBar {
    background-color: #05334e;
    height: 30px;
}
.MenuBar {
    background-color: rgb(3, 169, 244);
    background-color: rgba(3, 169, 244, 0.81);
    height: 30px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.logocontainer {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    height: 100px;
}
.Logo {
    height: 80px;
    margin-left: 5px;
    margin-top: 10px;
    float: left;
}

.headerinfo {
    display: inline-block;
    float: right;
    margin-top: auto;
    height: 100%;
    vertical-align: middle;
    line-height: 100px;
    color: #0082ac;
    font-weight: bold;
    font-size: 15px;
    padding: 10px;
}
    .headerinfo img{
        width:22px;
        margin-bottom:-4px;
    }
.HeaderLine {
    height: 1px;
    width: 100%;
    background-color: #0082ac
}
.slider_style {
    width: 100%;
}
.slider_style_container {
    width: 100%;
    background-color:green;
}
.Banner img{width:100%;height:auto;max-height:500px}
.FooterLine {
    border: 0;
    margin: auto;
    width: 80%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(111, 26, 101, 0.75), rgba(0, 0, 0, 0));
}
.Footer {
    /*background-image: url("footerbg.gif");*/
    color: #fff;
    font-weight: bold;
    bottom: 0;
    border-top: 2px solid #233e62;text-align:center;
}
.cookiesbar {
    position: fixed;
    bottom: 50%;
    width: 50%;
    margin-left:25%;
    background-color: rgb(159, 159, 159);
    height: auto;
    min-height: 45px;
    font-size: 16px;
}
    .cookiesbar a{
        text-decoration:none;
        color:#0082ac;
    }
.cookiesbar_container {
    width: 95%;
    margin: auto;
}
.aceptcookies {
    width: 80px;
    background-color: #0971bd;
    color:#fff;
    margin:auto;
    text-align:center;
    display:block;
    border:none;
    font-size:18px;
    padding:5px;
    cursor:pointer;
}

.f1 {
    background-color: rgb(95, 95, 95);
    height: 40px;
    width: 100%;
}
    .f1 td {
        border-top: 2px solid #626262;
    }
    .f2 {
        background-color: #7c8080;
        /*background-image: url("https://www.transparenttextures.com/patterns/black-mamba.png");*/
        /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
        border-collapse: collapse;
        border: none;
        height: 100px;
        vertical-align: central;
        margin:auto;
    }
.Footerlogo {
    height: 40px;
}
.footerinfocontainer {
    display: inline-block;
    height: 100%;
    line-height: 100px;
    vertical-align: middle;
}
.footerinfo {
    display: inline-block;
    text-align:center;margin:auto;
   

    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 10px;
}
.footerinfomail {

  
 height:100%;
 line-height:100px;
    vertical-align: central;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 10px;
    display:inline-block;
}
    .footerinfo img {
        width: 22px;
    }
.wrap {
    height: 100%;
    min-height: 100%;
}
#content {padding-bottom:0px;}

.Send:enabled {
    background-image: url('send.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position:  center;
    background-position-x: 40%;
    background-color: #0971bd;
    border: 2px solid #0971bd;
    border-radius: 25px;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 10px 50px;
    margin-left: auto;
    width:100%;
}


    .Send:enabled:hover {
        color: #fff;
        background-color: #1d679d;
        border: 2px solid #0e9ddc;
    }

.AceptButton:enabled {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #449acf;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 16px;
    text-decoration: none;

    color: #fff;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 30px;
    margin: auto;
}
.contactcontainer {
    width: 50%;
    background-color: #e8e8e8;
    padding: 45px 0 50px 0;
    display: inline-block;
}

    .contactcontainer table {
        margin-left: 20px;
        margin: auto;
        width: 80%
    }
.contactboxinfo {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    height: 490px;
    text-align: right;
    background-color: #d8f8f8;
}
.contactboxinfo_container {
    height: auto;
    min-height: 477px;
    margin-left:0;
    margin-right:auto;
    left:0;
}
.contactboxinfo_header {
    background-color: #0f3f6f;
    text-align: justify;
    height: 80px;
    vertical-align: middle;
    line-height: 80px;
    margin-right: auto;
    left: 0;
}
    .contactboxinfo_header div {
        width: 100%;
        margin: auto;
        color: #fff;
        font-size: 20px;
        vertical-align: middle;
        text-align: center;
    }
.contactboxinfo_innerboxx {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}
.contactboxinfo_innerboxx_item {
    text-align: left;
    height: 100px;
    vertical-align: middle;
    margin-top: 15px;
}
.contactboxinfo_innerboxx_item_image {
    display: inline-block;
    margin: auto;
}
.contactboxinfo_innerboxx_item_info {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
    color: #0f3f6f;
    font-size: 20px;
}
.ContactLb {
    color: #666666;font-weight:bold;font-size:18px;
}
.ContactTb {
    font-size: 16px;
    border: 1px solid #449acf;
    border-radius: 5px;
    height: 40px;
    width: 100%;
    color: #0971bd;
    font-weight: bold;
}
    .ContactTb::placeholder {
        color: #b1b5b7
    }
.ContactMessageTb {
    font-size: 16px;
    border: 1px solid #449acf;
    border-radius: 5px;
    height: 200px;
    width: 100%;
    color: #0971bd;
    font-weight: bold;
}
    .ContactMessageTb::placeholder {
        color: #b1b5b7
    }

.SendAlert{
    color:#198335;
    font-weight:bold;font-size:16px;
}
.SendAlertfail {
    color: #832619;
    font-weight: bold;
    font-size: 16px;
}
.LogIn{
    background-color:#dedede;border-radius:8px;border:1px solid #565050;margin:auto;width:40%;margin-top:100px;padding:10px;
}
.LogInHeader{color:#3e3d3d;font-size:24px;font-weight:bold;padding-bottom:10px;text-align:center;}


.LangContainer {
    width: 100px;
    height: 50px;
    background-color: rgb(78, 145, 219);
    background-color: rgba(78, 145, 219, 0.86);
    position: absolute;
    margin-left: auto;
    z-index: 999;
    padding-right: 10px;
}
.LangContainer a{
    text-decoration:none;color:#fff;font-weight:bold;font-size:18px;
}


.sas{color:#84eaed}

.CertiMinImg{
    border:2px solid #1146f1;border-radius:5px;cursor:pointer;
}


:root {
   
    --MenuBG: #19757e;
    --MenuBGHover: rgba(53, 159, 169, 0.76);
    --SubMenuBG: rgba(53, 159, 169, 0.76);
    /*--SubMenuBG: rgba(53, 159, 169, 0.76);*/
    --SubMenuBGHover: #139ba8;
    --SubMenuBorder: #b89547;
}

/*#region menu*/
.menucontainer {
    width: 100%;
    margin-left: auto;
    display:inline-block;
}
.menuiconcontainer {
    height: 60px;
    display: none;

    vertical-align:middle;
}
.menuiconcontainer img{
    height: 60px;
    margin-top:0;
}

.menu {
    display: inline-block;
    margin-top: 0;
    height: 30px;
    margin-left: 300px;
}
.menu_show {
    display: inline-block;
}
    .menu li {
        display: inline-block;
        vertical-align: central;
        color: #fff;
        font: 18px "Open Sans", Helvetica, Arial, sans-serif;
        position: relative;
        z-index: 100;
        height: 30px;
        padding: 0 10px 0 10px;
    }

        .menu li:first-child {
            margin-left: 0;
        }

        .menu li a {
            font-weight: 600;
            text-decoration: none;
            padding: 11px;
            display: block;
            color: #fff;            
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            /*-ms-transition: all 0.2s ease-in-out 0s;*/
            transition: all 0.2s ease-in-out 0s;
        }

        .menu li:hover {
            background: rgb(11, 128, 172);
            background: rgba(11, 128, 172, 0.81);
            text-decoration: overline underline;
        }

            .menu li:hover, .menu li:hover > a {
                color: #0c4671;
            }
.menu ul {
    display: none;
    margin: 0;
    padding: 0;
    min-width: 150px;
    height: auto;
    position: absolute;
    left: 0;
    background: #0c4671;
}

        .menu ul li {
            display: block;
            float: none;
            background: none;
            margin: 0;
            padding: 0;
            height: auto;
            min-width: 200px;
        }

            .menu ul li a {
                font-size: 18px;
                font-weight: bold;
                display: block;
                color: #fff;
                border-left: 3px solid rgb(100, 104, 105);
                border-left: 3px solid rgba(100, 104, 105, 0.81);
                background: rgb(11, 128, 172);
                background: rgba(11, 128, 172, 0.60);
                height: auto;
                vertical-align: central;
                padding: 0 10px 0 10px;
                margin-top: 7px;
            }
                /*sub menu*/

                .menu ul li a:hover, .menu ul li:hover > a {
                    background: rgb(11, 128, 172);
                    border-left: 3px solid #333537;
                    color: #fff;
                }

    .menu li:hover > ul {
        display: block;
        margin-top: -10px;
    }

    .menu ul ul {
        left: 149px;
    }

.PredicasName {
    font-weight: bold;
    font-size: 18px;
    color:#041c37;
}

.PredicasDesc {
    font-style: italic;
    color:#626262;
}
.PredicasItem {
    border: none;
    border-bottom: 1px dashed #6d6d6d;
    padding-top: 20px;
    padding-bottom: 5px;
}
.PredicasItem:hover {
    cursor: pointer;
    background-color: rgb(210, 231, 242);
    background-color: rgba(210, 231, 242, 0.74)
}

.SearchTextbox {
    width: 50%;
    border-radius: 8px;
    border: 1px solid #6f1a65;
    height: 32px;
    font-size: 18px;
    color: #6f1a65;
    font-weight: bold;
    margin-left: 10%;
}
.SearchButton {
    background-image: url('search.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    background-color: #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: -20px;
    opacity: .8;
}
    .SearchButton:hover {
        background-color: #e9e9e9;
        opacity: 1;
    }

.PredicaFiles {
    color: #041c37;
    font-weight: bold;
    font-size: 15px;margin-left:10%;
}

    .PredicaFiles a {
        color: #041c37;
        font-weight: bold;
        text-decoration: none;
        font-size: 15px;
    }
.VideoStyle {
    background-size: 50px 50px;
    background-image: url(loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color:#5a5a5a;
}
    .VideosList{
        background-color:#e0dada;
        color:#106dc6;
        font-weight:bold;
    }
.VideosList td:hover {
    color: #5c9cd9;
}

.AudiosList td {
    padding: 5px;
}


.AudiosList tr:nth-child(odd) {
    background-color: #752b6d;
    color: #fff;
}
.AudiosList tr:nth-child(even) {
    background-color: #0d366f;
    color: #fff;
}
    /*#endregion*/

.title {
    width: 80%;
    margin: auto;
    text-align: center;
    color: #045771;
    margin-bottom: 10px;
}
.title_borderbottom {
    border-bottom: 2px solid #a7adaf;
}
.left{
    text-align:left;   
}
.right {
    width: 80%;
    text-align: right;
}
.serviceinfo {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 45%;
  
}
.serviceinfo_left {
    float: left;
}
.serviceinfo_right {
    float: right;
}
.servicetitle {
    margin: auto;
    text-align: center;
    color: #0a0a0a;
    vertical-align:top;
    font-style:italic;
    font-weight:bold
}
.servicedescripcion {
    width:80%;
    text-align: justify;
    color: #5a5a5a;
    margin:auto;
    vertical-align: top;
        
}
.servicedescripcion2 {
    width: 60%;
    text-align: justify;
    color: #5a5a5a;
    margin: auto;
    vertical-align: middle;
    margin:auto;
    height:100%;
    margin-top:20px;
}
    .servicedescripcion2 a{
        color:#0971bd;
        text-decoration:none;
        font-weight:bold;
    }
    .servicedescripcion u {
        margin: auto;
    }
    .servicedescripcion:hover {
        color: #2c2c2c;
    }
    .masinfobutton {
        display: inline-block;
        border: 2px solid #0393d5;
        padding: 5px 15px 5px 15px;
        color: #fff;
        border-radius: 20px;
        margin-top: 5px;
        background-color: rgb(15, 63, 111);
        box-shadow: 3px 3px rgba(0, 130, 172, 0.21);
    }
    .masinfobutton:hover {
        background-color: rgba(15, 63, 111, 0.86);
        box-shadow: 3px 3px rgba(0, 130, 172, 0.38);
    }
    
    .serviceimage {
        display: inline-block;
        border-radius: 5px;
        width: 45%;
    }

    .serviceimage img {
        width: 100%;
        border-radius: 5px;
    }


.Container1 {
    width: 80%;
    padding: 20px;
    border: 1px solid #c7c7c7;
    margin: auto;
    text-align: center;
    background-color:#f3f3f3
}
.Container2 {
    width: 80%;
    margin: auto;
    padding: 10px;
}
    .Container2 img {
        border: 2px solid #0082ac;
        box-shadow: 5px 5px rgba(0, 130, 172, 0.21);
    }
.fullwidth1 {
    background-color: rgba(171, 176, 178, 0.30);
    padding: 5px 0 5px 0;
    box-shadow: 5px 5px #f8f8f8;
    height:auto;
}
.fullwidth2 {
    background-color: rgba(139, 208, 235, 0.30);
    padding: 5px 0 5px 0;
}
.fullwidth3 {
    width: 100%;
    height: 100vh;
    text-align: center;
    background-color: rgba(0, 37, 78, 0.13);
}
.fullwidth4 {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 37, 78, 0.13);
}
.fullwidth5 {
    width: 100%;
    height: 100vh;
    background-color: rgba(13, 135, 173, 0.41);
    vertical-align: middle;
}
.fullwidth6 {
    width: 100%;
    vertical-align: middle;
}
.bg_blue1 {
    background-color: rgb(61, 167, 229);
}
.bg_blue2 {
    background-color: rgb(65, 179, 231);
}

.lineblocks{
    height:100%;
    width:100%;
}
.lineblocks_4 {
    padding-bottom: 20px;
    display: table-cell;

   
}
.designcard1 {
    width: 80%;
    background-color: #2382b9;
    margin: auto;
    border-radius: 8px 8px 0 0;
    height: 100%;
    margin-top: 10px;
}
.titlecard {
    background-color: #0e3c56;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 5px 0 5px 0;
    border-radius: 8px 8px 0 0;
}
.card_description {
    color: #fff;
    text-align:justify;
    width:80%;
    margin:auto;
    padding:8px 0 8px 0;
}
.fullwidthtitle {
    text-align: center;
    color: #fff;
    font-size: 200px;
    font-style: italic;
}

.bigtitle {
    font-size: 30px;
    color: #233e62;
    text-align: center;
}
.line_h33 {
    height: 33%;
}
.triblock {
    width: 30%;
    margin: 0;
    padding: 10px 0 10px 0;
    vertical-align: top;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
    .triblock img {
        width: 90%;
        vertical-align: middle;
    }
    .triblock .title {
        font-size: 25px;
        text-align: center;
        vertical-align: middle;
        color: #0f2645;
        font-weight: bold;
    }
    .triblock .desc {
        text-align: justify;
        vertical-align: middle;
        width: 80%;
        margin: auto;
        margin-top: 10px;
        font-size: 17px;
        color: #fff;
    }
    .block_grad_blue {
        background-image: linear-gradient(to bottom, #76bcef, #4885c4);
        color: #1b91eb;
    }
.block_grad_blue_dark {
    background-image: linear-gradient(to bottom, #0f2645, #3b76a3);
    color: #1b91eb;
}
.block_blue_dark {
    background-color:#0f2645;    
    color: #fff;
}
.block_blue_light {
    background-color: #6a86aa;
    color: #fff;
}
.block_grad_black {
    background-image: linear-gradient(to bottom, #0d0d0d, #676767);
    color: #fff;
}
.fullwidth_web {
    width: 100%;
    min-height: 100vh;
    font-weight: bold;
    padding-top: 20px;
}
.bg_degradado_azul {
    background-image: linear-gradient(to bottom, #1b91eb, #91c7ef);
}
.bg_degradado_azul_2 {
    background-image: linear-gradient(to bottom, #91c7ef, #1b91eb);
}

.webdesign_desc1 {
    width: 30%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: justify;
    margin: auto;
    margin-left: 10%;
    color: #233e62;
    font-size:18px;
}
.webdesign {
    width: 50%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align:center;

}
.webdesign img {
    width:70%;
    border:10px solid #208ee2;
}

.sericeimagecontainer_big {
    width: 49%;
    background-color: #2b3050;
    height: 100%;
    display: inline-block;
    float: left;
}
    .sericeimagecontainer_big img {
        width: 90%;
        display: block;
        vertical-align: middle;
        margin: auto;
        margin-left: 5%
    }
    .sericeimagecontainer_big .name {
        font-size: 20px;
        color: #fff;
        margin: auto;
        text-align: center;
        background-color: rgba(57, 57, 57, 0.76);
        margin-left: 5%;
        width: 90%;
        height: 40px;
        line-height: 40px;
        z-index: 999;
    }
.halfwidth {
    width: 49%;
    background-color: rgba(0, 37, 78, 0.13);
    height: 100%;
    display: inline-block;
    float: right;
    vertical-align: middle;
}
.bigcard {
    height: 50%;
    width: 80%;
    vertical-align: middle;
    margin: auto;
    display: table;
    background-color: rgba(0, 37, 78, 0.52);
    margin-top: 25%;
    border: 5px solid #0082ac;
    margin-left: -40%;
    z-index: 998;
}
.bigcard_container {
    display: table-cell;
    vertical-align: middle;
    height: 40%;
    font-size: 18px;
    color: #fff;
    text-align: justify;
}
.bigcard_inner {
    width: 80%;
    margin: auto;
}
.multiimagecontainer {
    width: 67%;
    text-align: center;
    display: inline-block;
}
.multiimagecontainer_2images {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
    margin-right: 10px;
}
.multiimagecontainer_1images {
    display: inline-block;
    width: 45%;
    vertical-align: middle
}
.multiimagecontainer img{
    width: 100%;
    box-shadow: 8px 8px rgba(0, 130, 172, 0.21);
}

.multi_nav_Card {
    width: 28%;
    text-align: center;
    background-color: #d4d3d3;
    display: inline-block;
    vertical-align: middle;
    height: 50%;
    border: 5px solid rgba(57, 57, 57, 0.76);
    box-shadow: 8px 8px 8px 8px rgba(0, 130, 172, 0.21);
}
.multi_nav_Card_container {
    width: 100%;
    height: 100%;
   
   
}
.multi_nav_Card_container_lvl2 {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    margin: auto;
    display: table;
}
.multi_nav_Card_container_lvl3 {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    font-size: 18px;
    text-align: justify;
}
.multi_nav_Card_container_inner {
    width: 80%;
    margin: auto;
    color: rgba(57, 57, 57, 0.76);
    font-style: italic;
    text-align: justify
}
.multi_nav_Card_img_container {
    text-align: center;
    margin-top: -10%;
}
    .multi_nav_Card_img_container img {
        width: 60%;
        margin: auto;
    }

.cotizacionbar {
    text-align: center;
    font-size: 48px;
    color: #2b3050;
    font-weight: bold;
    background-color: rgba(176, 176, 176, 0.46);
    padding: 10px;
}
.halfwidth2 {
    width: 49%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.halfwidth2 img {
    width: 80%
}
.detailscard {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    text-align: center;
}
.detailscard_header {
    font-size: 18px;
    border: 3px solid #0d87ad;
    color: #fff;
    background-color: #0f3f6f;
    width: 90%;
    margin: auto;
    border-radius: 50px;
    padding: 5px;
    vertical-align: middle;
    margin-top: 50%;
    font-weight: bold;
}
.detailscard_line {
    width: 5px;
    background-color: #000;
    height: 50px;
    margin: auto;
}
.detailscard_desc {
    border: 3px solid #0d87ad;
    color: #fff;
    background-color: rgba(43, 48, 80, 0.51);
    width: 80%;
    margin: auto;
    padding: 15px;
    vertical-align: middle;
    text-align: justify;
}
.detailscard img {
    width: 80px;
    margin: auto;
}
.fullwidth_borderbottom1 {
    border-bottom: 1px solid rgba(154, 159, 162, 0.38);
}
.minboxcontainer {
    width: 300px;
    height: 200px;
    border: 1px solid #9f9f9f;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    box-shadow: 5px 5px #d4d2d2;
    margin: 5px;

}
.minboxcontainer div {
    margin: auto
}
    .minboxcontainer img {
        width: 80px;
    }
    .minboxcontainer .title {
        margin: auto;
        color: #4e4e4e;
        font-weight: bold;
        font-size: 22px
    }
    .minboxcontainer .descripcion {
        margin: auto;
        color: #808080;
        font-size: 16px
    }

.globemessage {
    max-width: 250px;
    max-height: 50px;
    position: relative;
    margin-top: 100px;
}
.globemessage .ajax__validatorcallout_callout_arrow_cell {
    background-color: #6f1a65;
}
.globemessage .ajax__validatorcallout_error_message_cell {
    font-size: 16px;
    color: #d4d2d2;
    font-weight: bold;
    background-color: rgba(9, 113, 189, 0.91);
    font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif

}
.globemessage .ajax__validatorcallout_close_button_cell {
    width:60px;
}
.globemessage .ajax__validatorcallout_callout_cell .ajax__validatorcallout_innerdiv {
    background-size: 0 0;

}
    .globemessage .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        background-image: url(close.png);
        background-repeat: no-repeat;
        background-position-x: -2px;
        background-size: 16px 16px;
        width: 20px;
    }
.globemessage .ajax__validatorcallout_innerdiv img{
    vertical-align: top;
    width:0;
}
    .globemessage .ajax__validatorcallout_callout_arrow_cell_toprightpos {
        background-color: red;
    }

.globemessage .ajax__validatorcallout_icon_cell {
    background-size: 40px;
    background-repeat: no-repeat;
    background-image: url(warningblack.svg);
    background-color: rgba(9, 113, 189, 0.91);
}
.globemessage .ajax__validatorcallout_icon_cell img {
   opacity:0;
}
.globemessage .ajax__validatorcallout_close_button_cell {
    width: 40px;
    background-color: rgba(9, 113, 189, 0.91);
    border-radius:0 20px 20px 0;
}
.globemessage .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
    background-color: red;
}
    .globemessage .ajax__validatorcallout_callout_arrow_cell_toprightpos .ajax__validatorcallout_innerdiv div {
        background-color: rgba(9, 113, 189, 0.91);
    }
    .globemessage .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
        background-color: rgba(9, 113, 189, 0.91);
    }

.clientesbar {
    background-color: #f5e7e7;
    border: 5px solid #233e62;
    border-top: none;
    border-bottom: none;
    width: 80%;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    padding:0 10px 0 10px;
}
    .clientesbar::-webkit-scrollbar {
        display: none;
    }
.card {
    display: inline-block;
}
.clientesbar img{
    width:200px;
}
.boton {
    background-image: url('send mail.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 13px;
    background-color: #0971bd;
    border: 1px solid #aaaaaa;
    border-radius: 25px;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px 10px 40px;
    margin-left: auto;
    display:inline-block;
}


    .boton:hover {
        background-color: #0898c7;
    }
.bartitle {
    vertical-align: top;
    width: 100%;
   
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 0 5px 0;
    color: #fff
}
.fullwidth_table {
    display: table;
    padding: 0;
}
.fullwidth_img {
    width: 100%;
    display: table-cell;
}
.fullwidth_img_center {
    width: 60%;
    margin-left: 20%;
    padding: 0
}
.fullwidth_img_desc_container {
    display: table-cell;
    vertical-align: top;
    width: 48%;
    text-align: center;
    margin-left: 2%;
    padding-top: 15px;
}
.fullwidth_img_desc {
    width: 80%;
    margin: auto
}
.fullwidth_img_desc_center {
    vertical-align: top;
    width: 60%;
   
    text-align: justify;
    padding: 10px 0 10px 0;
    margin: auto;
}
.fullwidth_img_desc_center a{
    color:#0082ac;
    text-decoration:none;
}
.blog_Image_Small {
    width: 30%;
    margin: auto;
    display:inline-block;
}
.blog_Image_Medium {
    width: 50%;
    margin: auto;
    display: inline-block;
}
.blog_Image_Big {
    width: 80%;
    margin: auto;
    display: inline-block;
}
.blog_Link{
    color:#1297fb; 
    text-decoration:none;

}
.blog_blocknotes {
    max-width: 800px;
    background-color: rgba(169, 175, 177, 0.65);
    color: #272626;
    margin: auto;
    padding: 10px 15px 10px 15px;
    border-radius: 15px;
    font-style: italic;
    text-align: justify;
    font-weight:lighter;
    border:1px solid rgba(57, 57, 57, 0.76);
}
.blog_img_border {
    border: 10px solid #343232;
}
.blockhalfwidth {
    width: 45%;
    display: inline-block;
    vertical-align:middle;

}
    .blockhalfwidth div {
     display:block;
    }
    .blockhalfwidth .blog_Image_Medium {
        width: 100%;
        margin: auto;
        margin-left:15%;
        max-width:500px;
    }

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
.registro_box {
    width: 50%;
    margin: auto;
    background-color: #cfcfcf;
    border-radius: 10px;
    padding:0 0 20px 0;
    border:1px solid #4e4b4b;
}
.Registro_header {
    width: 100%;
    height: 30px;
    background-color: #0971bd;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding: 5px 0 5px 0;
}
.Registro_body {
    width: 80%;
    margin: auto;
    margin-top:20px;
}
.RegistroTb {
    font-size: 16px;
    border: 1px solid #449acf;
    border-radius: 5px;
    height: 40px;
    width: 100%;
    color: #0971bd;
    font-weight: bold;
}
    .RegistroTb::placeholder {
        color: #b1b5b7;
    }
    .RegistroTb:focus {
        outline-color: #226d9b;
    }
.Registro_Button {
    margin: auto;
    padding: 5px 10px 5px 10px;
    background-color: #3d94d4;
    border: 2px solid #0971bd;
    cursor: pointer;
    font-size: 18px;
    margin-top: 10px;
    color: #fff;
    -webkit-transition: background 1s, border-radius 1s;
    transition: background 1s, border-radius 1s;
}
    .Registro_Button:hover {
        border-radius: 20px;
        -webkit-transition: background 1s, border-radius 1s;
        transition: background 1s, border-radius 1s;
    }
    .Registro_Button:disabled {
        margin: auto;
        padding: 5px 10px 5px 10px;
        background-color: #a6c0d3;
        border: 2px solid #53616c;
        cursor: not-allowed;
        font-size: 18px;
        margin-top: 10px;
        color: #6da4cc;
        -webkit-transition: background 1s, border-radius 1s;
        transition: background 1s, border-radius 1s;
    }
        .Registro_Button:disabled:hover {
            border-radius: 0;
            -webkit-transition: background 1s, border-radius 1s;
            transition: background 1s, border-radius 1s;
        }
/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#3e3c3c;
    vertical-align:middle;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #585858;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #0971bd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #0971bd;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container a{
    color:#22a1c3;
    text-decoration:none;
}
.aceptaterminos_cb {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.confimation_body {
    width: 100%;
    height: 500px;
    background-color: #0f3f6f;
    padding-top: 100px
}
.registromsg{
    color:#4a4a4a;
    margin-top:5px;
    font-size:18px;
    text-align:justify;
}
    .registromsg .registroimg {
       text-align:center
    }
    .registromsg .registroimg img{
        width: 60px
    }
.msgnotes{
    font-size:16px;
    font-style:italic;
    width:80%;
    margin:auto;
}
.confirmation_box {
    width: 60%;
    margin: auto;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
}
        .confirmation_box .confirm_icon{
            width:60px;
            margin:auto;
        }
.Aceptbt {
    margin: auto;
    padding: 5px 5px 5px 30px;
    background-color: #ffffff;
    border: 1px solid #0971bd;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10px;
    color: #0971bd;
    background-image:url(success.svg);
    background-repeat:no-repeat;
    background-position:5px;
    background-size:22px;

}

    .Aceptbt:hover {
        border: 1px solid #6fb1e1;
        color: #6fb1e1;
    }
        .Aceptbt:hover img {
            opacity: 0.6;
        }
.ResendBt {
    margin: auto;
    padding: 5px 5px 5px 50px;
    background-color: #0971bd;
    border: 1px solid #000;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10px;
    color: #000;
    background-image: url('messagesent.png');
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 42px;
}
        .ResendBt:hover {
            border: 1px solid #6fb1e1;
            color: #6fb1e1;
        }
.userlogin {
    width: 100%;
    margin: auto;
    min-height: 500px;
    background: rgb(0,0,0);
    background: rgb(226, 226, 226);
    padding-top:150px;
}
    .userlogin .boxcontainer {
        width: 30%;
        max-width: 380px;
        height: 400px;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        padding-bottom: 20px;
        box-shadow: 10px 30px rgba(12, 71, 94, 0.46);
    }
.userlogin .boxcontainer table{
    width:90%;
    margin:auto;
    height:100%;
}
        .userlogin .boxcontainer .loginheader {
            width: 100%;
            height: 30%;
            padding-top: 20px;
            background-color: #0d617d;
            text-align: center;
            border-radius: 10px 10px 0 0;
            border:1px solid #084c6f;
            border-bottom:none;
            color:#fff;
        }

            .userlogin .boxcontainer .loginheader img {
                width: 80px;
                margin: auto;
            }
        .userlogin .boxcontainer .boxdata {
            width: 100%;
            height: 70%;
            padding-top: 20px;
            background-color: #fff;
            border-radius: 0 0 10px 10px;
            border: 1px solid #084c6f;
            border-top: none;
        }
        .userlogin .boxcontainer .LoginTb {
            width: 100%;
            height: 50px;
            line-height:50px;
            font-size:18px;
            border: none;
            border-bottom: 1px solid #0b2f3b;
            color:#0e3564
        }
            .userlogin .boxcontainer .LoginTb:focus {
                outline: none;
            }

.loginbutton {
    margin: auto;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    border: 1px solid #0971bd;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10px;
    color: #0971bd;
    width:80px;

}
    .loginbutton:hover {
        border: 1px solid #6fb1e1;
        color: #6fb1e1;
    }
.UserProfileMainContainer {
    text-align: center;
    vertical-align: top;
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.UserPerfilContainer {
    width: 40%;
    display: inline-block;
    margin: auto;
    height:245px;
    border:1px solid #000;
}
.UserPerfilContainerInfoBox{
    width:95%;
    margin:auto;
}
.UserPerfilContainerHeader{
    width:100%;
    font-size:22px;
    background-color:#0f3f6f;
    color:#fff;
    font-weight:bold;
}
.LogoutContainer{
    text-align:left;
    width:90%;
    margin:auto;
    padding-bottom:20px;
}
.logoutbutton {
    margin: auto;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    border: 1px solid #0971bd;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10px;
    color: #0971bd;
    transition: .5s all ease;
}

    .logoutbutton:hover {
        color: #e92e2e;
        padding: 5px 5px 5px 30px;
        border: 1px solid #e92e2e;
        background-image: url(logout.png);
        background-repeat: no-repeat;
        background-position: 5px;
        background-size: 22px;
        transition: .5s all ease;
        margin-left: auto;
    }
.suscribebox {
    width: 150px;
    height: 150px;
    margin: auto;
    color: #4d4d4d;
    text-align: center;
    padding-bottom: 50px;
    background-color: #8fcee6;
    border-radius: 50%;
    align-items: center;
    display: flex;
    margin: 0px auto;
    padding: 3%;
    border: 3px solid #1576be;
    margin-bottom: -30px;
}
.suscribetext {
    width: 80%;
    margin: auto;
    text-align: justify;
    margin-top: auto;
    color: #383838;
    font-weight: bold;
}
.CallRegisterButton {
    display: inline-block;
    background-color: #118de0;
    text-align: center;
    margin: auto;
    font-size: 25px;
    padding: 10px;
    font-weight: bold;
    border: 5px solid #363637;
    border-radius: 50%;
    margin-left: 80px;
    height: 100px;
    align-items: center;
    margin: 0px auto;
    width: 110px;
    display: flex;
    border-top: none;
    margin-bottom:50px;
}
    .CallRegisterButton a {
        text-decoration: none;
        color: #fff;
    }
.freetext {
    text-align: center;
    color: #f27e1c;
    font-weight: bold;
}

.toolparraf {
    height: 350px;
    width: 80%;
    vertical-align: middle;
    margin: auto;
    display: table;
    background-color: rgba(0, 37, 78, 0.52);
    border: 5px solid #0082ac;
    z-index: 998;
    color: #fff;
    font-size: 20px;
}

.toolparraf_container {
    display: table-cell;
    vertical-align: middle;
    height: 40%;
    font-size: 18px;
    color: #fff;
    text-align: justify;
}

.toolparraf_inner {
    width: 90%;
    margin: auto;
}

.fullwidth6 {
    width: 100%;
}

    .fullwidth6.gray1 {
        background-color: #dbdbdb;
    }

    .CirclesBlue {
        background-image:url(circle-blues.png);
    }
.dark-paths {
    background-image: url(dark-paths.png);
}

.CardBox {
    height: 400px;
    width: 500px;
    margin: auto;
    padding-top: 25px;
}

.bg_herramienta {
    background-image: url(herramienta.jpg);
    background-size: auto 400px;
    background-repeat: no-repeat;
    background-position: center;
}

.TripleCardBox {
    display: table;
    height: 400px;
    width:95%;
    margin:auto;
}
    .TripleCardBox .CardBox {
        width:33%;
        background-color:rgba(197, 241, 239, 0.39);
        display:table-cell;
        border:1px solid #0c0b52;
        font-size:20px;
        line-height:30px;
        vertical-align:central;
        color:#093a4f;

    }

.TripleCardBox .CardBox .CardBoxContainer {
    width: 95%;
    margin: auto;
    margin-top: 25%;
    text-align: justify;
}
        .TripleCardBox .CardBox .CardBoxTitle {
            color:#0f2844;
            font-size:25px;
            font-weight:bold;
            text-align:center;
        }
        
.TripleCardBox .CardBox .CardBoxNote {
    font-size: 15px;
    color: #c7c4c1;
    font-style: italic;
    text-decoration: underline;
    text-align:center;
    margin-top:15px;
}
        .TripleCardBox .CardBox.blue2 {
            background-color:rgba(0, 130, 172, 0.54)
        }
        .TripleCardBox .CardBox.blue2 .CardBoxTitle {
            color: #3eb8e6;
        }

        .TripleCardBox .CardBox.blue2 {
            color: #57a3bf;
        }
            .TripleCardBox .CardBox.blue2 .CardBoxNote {
                color: #9ad8ef;
            }
        .TripleCardBox .CardBox .BigCardBoxTitle {
            font-size: 35px;
            color:#ffffff;
        }
        .TripleCardBox .CardBox.blue2 .BigCardBoxTitle {
            color: #ffffff;
                margin-top: 35%;
        }
.CardBox a{
    color:#12d3ff;
    text-decoration:none;
}

.CardBox a:hover {
    color: #95e1f2;
    text-decoration:underline;
}

@media(max-width:900px) {
    .TripleCardBox .CardBox {
        font-size:16px;
    }
        .TripleCardBox .CardBox .CardBoxTitle {
            color: #0f2844;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
        }
        .TripleCardBox .CardBox .CardBoxNote {
            font-size: 15px;
            color: #c7c4c1;
            font-style: italic;
            text-decoration: underline;
            text-align: center;
            margin-top: 13px;
        }
        .TripleCardBox .CardBox .BigCardBoxTitle {
            font-size: 33px;
        }
    .UserPerfilContainer {
        width: 49%;
        display: inline-block;
        margin: auto;
        height: 245px;
        border: 1px solid #000;
    }
        .suscribetext{
            font-size:15px;
        }
        .blockhalfwidth {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
        }
        .blockhalfwidth .blog_Image_Medium {
            width: 100%;
            margin: auto;
            margin-left: 0;
            border: 10px solid #343232;
            max-width: 500px;
        }
    .cookiesbar {
        position: fixed;
        bottom: 0;
        width: 100%;
        margin-left: 0;
        background-color: rgb(159, 159, 159);
        height: auto;
        min-height: 70px;
        font-size: 18px;
    }

        .cookiesbar a {
            text-decoration: none;
            color: #0082ac;
        }

    .cookiesbar_container {
        width: 95%;
        margin: auto;
    }
    .slider_style {
        width: auto;
    }
    .fullwidthtitle {
        text-align: center;
        color: #fff;
        font-size: 100px;
        font-style: italic;
    }
    .lineblocks_4 {
        padding-bottom: 20px;
        display: inline-block;
        width: 45%;
        margin-left: 2.5%;
    }
    .triblock {
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 0;
        vertical-align: top;
        height: 100%;
        display: table;
        vertical-align: middle;
    }
    .webdesign_desc1 {
        width: 60%;
        height: 100%;
        display: table;
        vertical-align: middle;
        text-align: justify;
        margin: auto;
        color: #233e62;
        font-size: 18px;
    }

    .webdesign {
        width: 80%;
        height: 100%;
        display: table;
        vertical-align: middle;
        text-align: center;
        margin: auto;
        padding-top: 20px;
    }

        .webdesign img {
            width: 90%;
            border: 10px solid #208ee2;
            margin: auto;
        }
    .contactcontainer {
        width: 90%;
    }
    .contactcontainer table {
        margin-left: 20px;
        margin: auto;
        width: 90%
    }
    .Send:enabled {
        width: 50%;
        margin-left: 25%;
        font-size: 22px;
        background-size: 35px 35px;
        background-position-x: 50px;
    }
    .contactboxinfo {
        width: 90%;
    }

        .contactboxinfo_container {
            height: auto;
            min-height: 477px;
            background-color: #e8e8e8;
        }

    .contactboxinfo_header {
        background-color: #0f3f6f;
        border-radius: 0 15px 15px 0;
        text-align: justify;
        height: 80px;
        vertical-align: middle;
        line-height: 80px;
    }

        .contactboxinfo_header div {
            width: 100%;
            margin: auto;
            color: #fff;
            font-size: 20px;
            vertical-align: middle;
            text-align: center;
        }
    .contactboxinfo_innerboxx {
        width: 80%;
        margin: auto;
        margin-top: 30px;
    }
    .ContactHEade {
        background-color: #6eacde;
        height: 60px;
        color: #fff;
        font-weight: bold;
        width: 100%;
        font-size: 18px;
    }

    .backMenuBar {
        background-color: #05334e;
        height: 60px;
    }

    .MenuBar {
        background-color: rgb(3, 169, 244);
        background-color: rgba(3, 169, 244, 0.81);
        height: 60px;
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
   
    .menuiconcontainer {
        width: 80%;
        height: 60px;
        display: inline-block;
    }


        .menuiconcontainer img {
            float: left;
            height: 60px;
        }
    .logocontainer .Logo {
        display: none;
    }

    .headerinfo {
        display: inline-block;
        float: left;
        margin-top: auto;
        height: 100%;
        vertical-align: middle;
        line-height: 100px;
        color: #0082ac;
        font-weight: bold;
        font-size: 15px;
        padding: 10px;
    }




    .menucontainer {
        width: 90%;
        
        margin-left: auto;
        display: inline-block;

    }

    .menu {
        background-color: rgb(3, 169, 244);
        background-color: rgba(3, 169, 244, 0.81);
        display: none;
        margin-top: -5px;
        height: auto;
        margin-left: 0;
        width: 100%;
    }
    .menu_show {
        display: inline-block;
    }
    .menu li {
        display: block;
        vertical-align: central;
        color: #fff;
        font: 20px "Open Sans", Helvetica, Arial, sans-serif;
        position: relative;
        
        height: 60px;
        padding: 0 10px 0 10px;
        
    }
    .menu li:hover {
        z-index:9999;
    }

        .menu li:hover > ul {
            display: block;
            margin-top: 10px;
            width: 100%;
            z-index: 9999;
            
        }
        .menu ul li {
            display: block;
            float: none;
            background: none;
            margin: 0;
            padding: 0;
            height: auto;
            min-height: 80px;
            width: 80%;
            vertical-align: middle;
            
            z-index: 9999;
        }
            .menu ul li a {
                font-size: 20px;
                font-weight: bold;
                display: block;
                color: #fff;
                border-left: 3px solid rgb(100, 104, 105);
                border-left: 3px solid rgba(100, 104, 105, 0.81);
                background: rgb(11, 128, 172);
                background: rgba(11, 128, 172, 0.60);
                height: auto;
                min-height: 80px;
                vertical-align: middle;
                padding: 0 10px 0 10px;
                margin-top: 7px;
                z-index: 9999;
            }
    .fullwidth1 {
        background-color: rgba(171, 176, 178, 0.30);
        padding: 5px 0 5px 0;
        box-shadow: 5px 5px #f8f8f8;
      
    }
    .Container2 {
        width: 80%;
        height: auto;
        display: inline-block;
        margin-left: 10%;
    }

        .Container2 img {
            border: 2px solid #0082ac;
            box-shadow: 5px 5px rgba(0, 130, 172, 0.21);
        }
    .servicedescripcion {
        width: 100%;
        text-align: justify;
        color: #5a5a5a;
        margin: auto;
        vertical-align: top;
    }
    .fullwidth3 {
        width: 100%;
        height: 100vh;
        text-align: center;
        background-color: rgba(0, 37, 78, 0.13);
    }
    .sericeimagecontainer_big {
        width: 100%;
        background-color: #2b3050;
        height: 50%;
        display: inline-block;
        float: left;
        z-index:997;
       
    }

        .sericeimagecontainer_big img {
            width: auto;
            display: block;
            vertical-align: middle;
            margin: auto;
            height:89vh;
        }

        .sericeimagecontainer_big .name {
            font-size: 20px;
            color: #fff;
            margin: auto;
            text-align: center;
            background-color: rgba(57, 57, 57, 0.76);
           
            width: 50%;
            height: 40px;
            line-height: 40px;
            z-index: 999;
        }
    .halfwidth {
        width: 100%;
        background-color: rgba(0, 37, 78, 0.13);
        height: 50%;
        display: inline-block;
        float: right;
        vertical-align: middle;
    }
    .bigcard {
        height: 100%;
        width: 70%;
        vertical-align: middle;
        margin: auto;
        display: table;
        background-color: rgba(0, 37, 78, 0.52);
        border: 5px solid #0082ac;        
        z-index: 999;
       margin-top:-12.5%;
    }
    .bigcard_container {
    display: table-cell;
    vertical-align: middle;
    height: 40%;
    font-size: 18px;
    color: #fff;
    text-align: justify;
}
    .bigcard_inner {
        width: 80%;
        margin: auto;
    }
    /*-----*/
    .fullwidth4 {
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 37, 78, 0.13);
        display:block;
    }
    .multiimagecontainer {
        width: 100%;
        height: 100%;
        text-align: center;
        display: inline-block;
        z-index: 998;
        margin-top:2%;
    }

    .multiimagecontainer_2images {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: 10px;
        width:30%;
    }

    .multiimagecontainer_1images {
        display: inline-block;
        height: 100%;
        width: 30%;
        vertical-align: middle;
    }

    .multiimagecontainer img {
        height: 45%;
        box-shadow: 8px 8px rgba(0, 130, 172, 0.21);
        vertical-align: middle;
    }

    .multi_nav_Card {
        width: 50%;
        height: 50%;
        text-align: center;
        background-color: rgba(212, 211, 211, 0.85);
        display: normal;
        vertical-align: middle;
        border: 5px solid rgba(57, 57, 57, 0.76);
        box-shadow: 8px 8px 8px 8px rgba(0, 130, 172, 0.21);
        margin: auto;
        z-index: 999;
        margin-top: -50%;
        margin-left: 25%;
    }

    .multi_nav_Card_container {
        width: 100%;
        height: 100%;
        
    }

    .multi_nav_Card_container_lvl2 {
        height: 100%;
        width: 100%;
        vertical-align: middle;
        margin: auto;
        display: table;
    }

    .multi_nav_Card_container_lvl3 {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        font-size: 18px;
        text-align: justify;
    }

    .multi_nav_Card_container_inner {
        width: 80%;
        margin: auto;
        color: rgba(57, 57, 57, 0.76);
        font-style: italic;
        text-align: justify
    }

    .multi_nav_Card_img_container {
        text-align: center;
        margin-top: -10%;
    }

        .multi_nav_Card_img_container img {
            width: 60%;
            margin: auto;
        }

    .fullwidth5 {
        width: 100%;
        height: auto;
        background-color: rgba(13, 135, 173, 0.41);
        vertical-align: middle;
    }
    .halfwidth2 {
        width: 100%;
        height: auto;
        display: normal;
        vertical-align: top;
        text-align: center;
    }

    .detailscard {
        display: inline-block;
        width: 40%;
        vertical-align: top;
        text-align: center;

    }

    .detailscard_header {
        font-size: 22px;
        border: 3px solid #0d87ad;
        color: #fff;
        background-color: #0f3f6f;
        width: 90%;
        margin: auto;
        border-radius: 50px;
        padding: 5px;
        vertical-align: middle;
        margin-top: 30%;
        font-weight: bold;
    }

    .detailscard_line {
        width: 5px;
        background-color: #000;
        height: 80px;
        margin: auto;
    }

    .detailscard_desc {
        border: 3px solid #0d87ad;
        color: #fff;
        background-color: rgba(43, 48, 80, 0.51);
        width: 80%;
        margin: auto;
        padding: 15px;
        vertical-align: middle;
        text-align: justify;
        font-size:18px;
    }

    .detailscard img {
        width: 80px;
        margin: auto;
    }

    .userlogin .boxcontainer {
        width: 80%;
        max-width: 380px;
        height: 400px;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        padding-bottom: 20px;
        box-shadow: 10px 30px rgba(12, 71, 94, 0.46);
    }
        .userlogin .boxcontainer .LoginTb {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 20px;
            border: none;
            border-bottom: 1px solid #0b2f3b;
            color: #0e3564
        }
    .loginbutton {
        margin: auto;
        padding: 5px 5px 5px 5px;
        background-color: #ffffff;
        border: 1px solid #0971bd;
        cursor: pointer;
        font-size: 28px;
        margin-top: 10px;
        color: #0971bd;
        width: 100%;
        transition: width 2s;
        -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
}

@media(max-width:700px) {

    .TripleCardBox {
        display: normal;
        height: 400px;
        width: 95%;
        margin: auto;
        vertical-align:top;
        text-align:center;
    }

        .TripleCardBox .CardBox {
            font-size: 25px;
            width: 90%;
            display: inline-block;
            vertical-align: top;
            top: 0;
        }
            .TripleCardBox .CardBox .CardBoxContainer {
                width: 95%;
                margin: auto;
                margin-top: 15%;
                text-align: justify;
            }

            .TripleCardBox .CardBox .CardBoxTitle {
                color: #0f2844;
                font-size: 33px;
                font-weight: bold;
                text-align: center;
            }

            .TripleCardBox .CardBox .CardBoxNote {
                font-size: 15px;
                color: #c7c4c1;
                font-style: italic;
                text-decoration: underline;
                text-align: center;
                margin-top: 13px;
            }

            .TripleCardBox .CardBox .BigCardBoxTitle {
                font-size: 40px;
                line-height:40px;
                vertical-align:central;
                margin-top: 30%;
            }
    .UserProfileMainContainer {
        text-align: center;
        vertical-align: top;
        height: 600px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .UserPerfilContainer {
        width: 70%;
        display: inline-block;
        margin: auto;
        height: 245px;
        border: 1px solid #000;
        margin-bottom:10px;
    }
}
@media(max-width:501px) {
    .CardBox {
        height: 400px;
        width:100%;
        margin: auto;
        padding-top: 25px;
    }
    .bg_herramienta {
        background-image: url(../../Files/herramienta.jpg);
        background-size: auto 400px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .TripleCardBox .CardBox {
        font-size: 18px;
    }

        .TripleCardBox .CardBox .CardBoxTitle {
            color: #0f2844;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }
        .TripleCardBox .CardBox .BigCardBoxTitle {
            font-size: 33px;
        }
    .UserPerfilContainer {
        width: 80%;
        display: inline-block;
        margin: auto;
        height: 245px;
        border: 1px solid #000;
        margin-bottom: 10px;
    }
    .suscribetext {
        font-size: 13px;
    }
    .cookiesbar {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: rgb(159, 159, 159);
        height: auto;
        min-height: 70px;
        font-size: 19px;
    }

        .cookiesbar a {
            text-decoration: none;
            color: #0082ac;
        }

    .cookiesbar_container {
        width: 95%;
        margin: auto;
    }
    .slider_style {
        width: auto;
    }
    .fullwidth_table {
        display: inline-block;
        padding: 0;
    }
    .fullwidth_img {
        width: 100%;
        display: table-cell;
    }

    .fullwidth_img_center {
        width: 100%;
        margin-left: 0%;
        padding: 0
    }
    .fullwidth_img_desc_center {
        vertical-align: top;
        width: 100%;
        text-align: justify;
        padding: 10px 0 10px 0;
        margin: auto;
    }
    .lineblocks_4 {
        padding-bottom: 20px;
        display: inline-block;
        width: 80%;
        margin-left:10%;
    }
    .fullwidth_web {
        vertical-align: middle;
    }
    .webdesign_desc1 {
        width: 80%;
        height: 100%;
        display: table;
        vertical-align: middle;
        text-align: justify;
        margin: auto;
        color: #233e62;
        font-size: 18px;
    }

    .webdesign {
        width: 80%;
        height: 100%;
        display: table;
        vertical-align: middle;
        text-align: center;
        margin: auto;
        padding-top: 20px;
    }

        .webdesign img {
            width: 90%;
            border: 10px solid #208ee2;
            margin:auto;
        }
    .contactcontainer {
        width: 90%;
    }

        .contactcontainer table {
            margin-left: 20px;
            margin: auto;
            width: 90%
        }
    .contactboxinfo_innerboxx {
        width: 100%;
        margin: auto;
        margin-top: 30px;
    }
    .contactboxinfo_innerboxx_item {
        text-align: left;
        height: auto;
        vertical-align: middle;
        margin-top: 15px;
    }
    .contactboxinfo_innerboxx_item_image {
        display: inline-block;
        margin: auto;
        width:18%;
    }

    .contactboxinfo_innerboxx_item_info {
        display: inline-block;
        vertical-align: middle;
        height: 80px;
        color: #626262;
        font-size: 20px;
        width: 80%;
    }
    .contactboxinfo_innerboxx {
        width: 100%;
        margin: auto;
        margin-top: 30px;
    }
    .Send:enabled {
        width: 100%;
        margin-left: 0;
        font-size: 25px;
        background-size: 35px 35px;
        background-position-x: 50px;
    }
    .menuiconcontainer {
        width: 100%;
        height: 60px;
        display: inline-block;

    }


        .menuiconcontainer img {
            float: left;
            height: 60px;
        }
        .menuiconcontainer .Logo {
            
            height: 60px;
            margin: auto;
            
        }
    .logocontainer {
        height: 150px;
    }
    .logocontainer .Logo {
        display: none;
    }

    .headerinfo {
        min-width:40%;
        display: inline-block;
        float: left;
        margin-top: auto;
        height: 30px;
        vertical-align: middle;
        line-height: 100px;
        color: #0082ac;
        font-weight: bold;
        font-size: 15px;
        padding: 10px;
    }
    .f2 {
        background-color: #7c8080;
        /*background-image: url("https://www.transparenttextures.com/patterns/black-mamba.png");*/
        /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
        border-collapse: collapse;
        border: none;
        height: 150px;
        vertical-align: auto;
        margin: auto;
    }
    .footerinfocontainer {
        display: inline-block;
        height: auto;
        line-height: normal;
        vertical-align: middle;
    }
    .footerinfo {
        display: normal;
        text-align: center;
        margin: auto;
        vertical-align: middle;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        padding: 0;
        width: 100%;
        height: 50px;
        line-height:50px;
    }
    .Container1 {
        width: 80%;
        padding: 20px;
        border: 1px solid #c7c7c7;
        margin: auto;
        text-align: center;
        background-color: #f3f3f3
    }
    .minboxcontainer {
        width: 300px;
        height: 200px;
        border: 1px solid #9f9f9f;
        display: inline-block;
        vertical-align: top;
        background-color: #fff;
        box-shadow: 5px 5px #d4d2d2;
        margin: 5px 0 5px -10px;
    }
    .fullwidth1 {
        background-color: rgba(171, 176, 178, 0.30);
        padding: 5px 0 5px 0;
        box-shadow: 5px 5px #f8f8f8;
        height: auto;
    }
    .Container2 {
        width: 80%;
        margin: auto;
        
        margin-left:5%;
    }

        .Container2 img {
            border: 2px solid #0082ac;
            box-shadow: 5px 5px rgba(0, 130, 172, 0.21);
        }
    .minboxcontainer div {
        margin: auto;
       
    }

        .minboxcontainer img {
            width: 80px;
        }

        .minboxcontainer .title {
            margin: auto;
            color: #4e4e4e;
            font-weight: bold;
            font-size: 22px
        }

        .minboxcontainer .descripcion {
            margin: auto;
            color: #808080;
            font-size: 16px
        }

    .fullwidth1 {
        background-color: rgba(171, 176, 178, 0.30);
        padding: 5px 0 5px 0;
        box-shadow: 5px 5px #f8f8f8;

    }
    .serviceimage {
        display: inline-block;
        border-radius: 5px;
        width: 100%;
    }
    .serviceinfo {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 100%;
    }

        .serviceimage img {
            width: 100%;
            border-radius: 5px;
        }
    .clientesbar img {
        width: 50%;
    }
    .fullwidth3 {
        width: 100%;
        height: 50vh;
        text-align: center;
        background-color: rgba(0, 37, 78, 0.13);
    }

    .sericeimagecontainer_big {
        width: 100%;
        background-color: #2b3050;
        height: 0%;
        display: inline-block;
        float: left;
        z-index: 997;
    }

        .sericeimagecontainer_big img {
            display: block;
            vertical-align: middle;
            margin: auto;
            height: auto;
            width: 100%;
        }

        .sericeimagecontainer_big .name {
            font-size: 20px;
            color: #fff;
            margin: auto;
            text-align: center;
            background-color: rgba(57, 57, 57, 0.76);
            width: 100%;
            height: 40px;
            line-height: 40px;
            z-index: 999;
        }

    .halfwidth {
        width: 100%;
        background-color: rgba(0, 37, 78, 0.13);
        height: 50%;
        display: inline-block;
        float: right;
        vertical-align: middle;
    }

    .bigcard {
        height: 100%;
        width: 70%;
        vertical-align: middle;
        margin: auto;
        display: table;
        background-color: rgba(0, 37, 78, 0.52);
        border: 5px solid #0082ac;
        z-index: 999;
        margin-top: 15%;
    }

    .bigcard_container {
        display: table-cell;
        vertical-align: middle;
        height: 40%;
        font-size: 18px;
        color: #fff;
        text-align: justify;
    }

    .bigcard_inner {
        width: 80%;
        margin: auto;
    }
    /*-----*/
    .fullwidth4 {
        width: 100%;
        height: 50vh;
        background-color: rgba(0, 37, 78, 0.13);
        display: block;
    }

    .multiimagecontainer {
        width: 100%;
        height: 100%;
        text-align: center;
        display: inline-block;
        z-index: 998;
        margin-top:15%;
    }

    .multiimagecontainer_2images {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 48%;
        height: auto;
    }

    .multiimagecontainer_1images {
        display: inline-block;
        width: 48%;
        height: auto;
        vertical-align: middle;
    }

    .multiimagecontainer img {
        height: 50%;
        box-shadow: 8px 8px rgba(0, 130, 172, 0.21);
        vertical-align: middle;
    }

    .multi_nav_Card {
        width: 80%;
        height: auto;
        text-align: center;
        background-color: rgba(212, 211, 211, 0.85);
        display: normal;
        vertical-align: middle;
        border: 5px solid rgba(57, 57, 57, 0.76);
        box-shadow: 8px 8px 8px 8px rgba(0, 130, 172, 0.21);
        margin: auto;
        z-index: 999;
        display: inline-block;
        margin-left: 10%;
        margin-top: -70vh;
    }

    .multi_nav_Card_container {
        width: 100%;
        height: 100%;
    }

    .multi_nav_Card_container_lvl2 {
        height: 100%;
        width: 100%;
        vertical-align: middle;
        margin: auto;
        display: table;
    }

    .multi_nav_Card_container_lvl3 {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        font-size: 18px;
        text-align: justify;
    }

    .multi_nav_Card_container_inner {
        width: 80%;
        margin: auto;
        color: rgba(57, 57, 57, 0.76);
        font-style: italic;
        text-align: justify
    }

    .multi_nav_Card_img_container {
        text-align: center;
        margin-bottom: -10%;
    }

        .multi_nav_Card_img_container img {
            width: 60%;
            margin: auto;
        }

    .fullwidth5 {
        width: 100%;
        height: auto;
        background-color: rgba(13, 135, 173, 0.41);
        vertical-align: middle;
    }

    .halfwidth2 {
        width: 100%;
        height: auto;
        display: normal;
        vertical-align: top;
        text-align: center;
    }

    .detailscard {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        text-align: center;
    }

    .detailscard_header {
        font-size: 22px;
        border: 3px solid #0d87ad;
        color: #fff;
        background-color: #0f3f6f;
        width: 70%;
        margin: auto;
        border-radius: 50px;
        padding: 5px;
        vertical-align: middle;
        margin-top: 10%;
        font-weight: bold;
    }

    .detailscard_line {
        width: 5px;
        background-color: #000;
        height: 80px;
        margin: auto;
    }

    .detailscard_desc {
        border: 3px solid #0d87ad;
        color: #fff;
        background-color: rgba(43, 48, 80, 0.51);
        width: 70%;
        margin: auto;
        padding: 15px;
        vertical-align: middle;
        text-align: justify;
        font-size: 18px;
    }

    .detailscard img {
        width: 80px;
        margin: auto;
    }
    .bigtitle {
        font-size: 28px;
        color: #233e62;
        text-align: center;
    }
    .userlogin .boxcontainer {
        width: 100%;
        max-width: none;
        height: 400px;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.16);
        border-radius: 10px;
        padding-bottom: 20px;
        box-shadow: 10px 30px rgba(12, 71, 94, 0.46);
    }
    .userlogin {
        padding-top: 0;
        min-height: 400px;
    }
        .userlogin .boxcontainer {
            border-radius: 0;
            box-shadow: none;
            border:none;
        }
            .userlogin .boxcontainer .loginheader {
                border-radius: 0;
            }
            .userlogin .boxcontainer .LoginTb {
                width: 100%;
                height: 50px;
                line-height: 50px;
                font-size: 20px;
                border: none;
                border-bottom: 1px solid #0b2f3b;
                color: #0e3564
            }

    .loginbutton {
        margin: auto;
        padding: 5px 5px 5px 5px;
        background-color: #ffffff;
        border: 1px solid #0971bd;
        cursor: pointer;
        font-size: 28px;
        margin-top: 10px;
        color: #0971bd;
        width: 100%;
        transition: width 2s;
        -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
        transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }

    .globemessage {
        position: relative;
        margin-left: -550px;
         width: 500px;
    }
    .ajax__validatorcallout_popup_table {
        position: relative;
        margin-left: -550px;
    }
    .globemessage .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
        height: 1px;
        overflow: hidden;
        border-top: none;
        border-bottom: none;
        border-right: none;
        padding: 0px;
        margin-left: auto;
    }
}

@media(max-width:300px) {
    .slider_style {
        width: auto;
    }
    .UserPerfilContainer {
        width: 95%;
        display: inline-block;
        margin: auto;
        height: 245px;
        border: 1px solid #000;
        margin-bottom: 10px;
    }
}