p, ul {font-size: 1.2rem;}
strong {font-weight: 700;}
ul {line-height: 1.6;padding-left: 30px;}

ul li {color: #ff0000;}
ul li span {color: #565656;}

@font-face {
  font-family: "Digit";
  src: url("digital.TTF");
}

.head-slide {position: relative;overflow: hidden;}
.head-slide img {width: 100%;}
.head-slide .text {position: absolute;top: 15%;right: 50%;max-width: 500px;}
.head-slide .text h1 {font-size: 2rem;color: #ff0000;margin-bottom: 20px;font-weight: 500;}
.head-slide .text h1.blue {color: #0096ff;}
.head-slide .text p {padding: 5px 0;margin: 0;}
.head-slide .text p.small {padding: 15px;width: 90%;}

.instrucciones {color: #00b4ff;padding:20px;text-align: center;font-style: italic;}

.aviso {background: url(../images/bg-aviso.jpg) no-repeat top center;background-size: cover;color: #fff;padding: 30px 10px;}
.aviso .section-mini {padding: 0;}
.aviso .line {height: 5px;width: 60px;background-color: #989796;margin:5px 0;}
.aviso p.title {font-weight: 700;}
.aviso p {margin: 10px 0;}
.aviso img {margin: 0 12px;}

.franja {margin-bottom: 60px;}
.franja img {margin: 0 10px -60px;width: 100%;max-width: 350px;display: inline-block;vertical-align: top;}
.franja p {display: inline-block;width: 100%;margin-top: 30px;max-width: 500px;padding: 10px;color: #fff;}

.line {height: 5px;width: 70px;background-color: #ff0000;}
.title {font-size: 1.5rem;font-weight: 700;}



/* TABS */

.cont-tabs {position: relative;}
.cont-tabs .head-tabs {position: relative;margin-bottom: 5px;margin: 0 auto;width: 100%;}
.cont-tabs .head-tabs .tab {display: inline-block;padding: 15px 5px;text-align: center;background-color: #c2c2c2;color: #565656;font-weight: 700;cursor: pointer;transition: .3s;position: relative;}
.cont-tabs .head-tabs .tab:hover {background-color: #a9a8a8;}
.cont-tabs .head-tabs .tab.active {background-color: #0b59b7;color: #fff;}
.cont-tabs .head-tabs .tab.active::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -15px; border-width: 15px;border-style: solid;border-color: #0b59b7 transparent transparent transparent;z-index: 2}

.cont-tabs .head-tabs._1 .tab {width: 100%;}
.cont-tabs .head-tabs._2 .tab {width: calc((100%/2) - 2px);}
.cont-tabs .head-tabs._3 .tab {width: calc((100%/3) - 3px);}
.cont-tabs .head-tabs._4 .tab {width: calc((100%/4) - 3px);}
.cont-tabs .head-tabs._5 .tab {width: calc((100%/5) - 3px);}

.cont-tabs .inf-tabs {position: relative;}
.cont-tabs .inf-tabs .box {background-color: #f4f4f4;padding: 20px;display: none;overflow: hidden;}
.cont-tabs .inf-tabs .box.active {display: block;}

.cont-tabs .inf-tabs {position: relative;}
.cont-tabs .inf-tabs .box-inf {background-color: #f4f4f4;padding: 20px;display: none;overflow: hidden;}
.cont-tabs .inf-tabs .box-inf.active {display: block;}

.cont-tabs.full .head-tabs .tab {background-color: #dfdede;color: #6c717d;font-weight: 500;font-size: 1.1rem;padding: 0;}
.cont-tabs.full .head-tabs .tab:hover {background-color: #cdcbcb;}
.cont-tabs.full .head-tabs .tab.active {background-color: #6c717d;color: #fff;}
.cont-tabs.full .head-tabs .tab span {padding: 35px;display: inline-block;position: relative;}
.cont-tabs.full .head-tabs .tab.x1 span {float: right;}
.cont-tabs.full .head-tabs .tab.x2 span {float: left;}
.cont-tabs.full .head-tabs .tab.active::after {border: none;}
.cont-tabs.full .head-tabs .tab.active span::after {content: " ";position: absolute;bottom:0;left: 50%;margin-left: -15px; border-width: 15px;border-style: solid;border-color: transparent transparent #fff transparent;z-index: 2;top: inherit;}

.cont-tabs.full .inf-tabs {max-width: 1050px;margin: 0 auto 10px;}
.cont-tabs.full .inf-tabs .box {background-color: #fff;}

.cont-tabs.full .accordion .options .name .number {font-size: 2rem;padding: 10px 0 0}
.cont-tabs.full .accordion .options .name {font-size: 1.5rem;}
.cont-tabs.full .accordion .options .cont-table .col {display: inline-block;padding: 10px 0;vertical-align: top;}
.cont-tabs.full .accordion .options .cont-table .col.x2 {width: calc((100%/2) - 3px);}
.accordion .options .cont-table .title {font-weight: 500;padding: 0 20px 10px;font-size: 1.2rem;background-color: #ebebeb;}
.cont-tabs.full .accordion .options .cont-table .title.red {color: #ff000b;}
.cont-tabs.full .accordion .options .cont-table .title.blue {color: #3a8ac4;}
.cont-tabs.full .accordion .options .cont-table .cell {position: relative;padding: 10px 20px;background-color: #dfdede;margin: 5px 1px;}
.cont-tabs.full .accordion .options .cont-table .cell.doble {padding-bottom: 29px;}
.cont-tabs.full .accordion .options .info {padding: 20px;}

.cont-tabs.full.image .head-tabs {max-width: 1050px;margin: 0 auto;}
.cont-tabs.full.image .head-tabs .tab img {width: 80%;}
.cont-tabs.full.image .head-tabs .tab.active::after {content: " ";position: absolute;bottom:0;left: 50%;margin-left: -15px; border-width: 15px;border-style: solid;border-color: transparent transparent #fff transparent;z-index: 2;top: inherit;}
.cont-tabs.full.image .head-tabs .tab .over {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.cont-tabs.full.image .head-tabs .tab.active .over {display: block;}

.cont-tabs.full.image .inf-tabs .box {padding: 20px 80px;}


.cont-tabs.circle .head-tabs {text-align: center;margin-bottom: 30px;}
.cont-tabs.circle .head-tabs .tab {display: inline-block;padding: 35px 5px;text-align: center;background-color: #ff0000;color: #fff;font-weight: 700;cursor: pointer;transition: .3s;position: relative;margin: 10px;border-radius: 50%;width: 160px;height: 160px;font-size: 1.3rem;vertical-align: top;}
.cont-tabs.circle .head-tabs .tab:hover {background-color: #c50505;}
.cont-tabs.circle .head-tabs .tab.active {background-color: #c50505;}
.cont-tabs.circle .head-tabs .tab.active::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -20px; border-width: 20px;border-style: solid;border-color: transparent transparent #f4f4f4 transparent;z-index: 2}

.cont-tabs.horizontal .head-tabs {display: inline-block;width: 250px;text-align: left;vertical-align: top;}
.cont-tabs.horizontal .inf-tabs {display: inline-block;width: calc(100% - 255px);background-color: #fff;}
.cont-tabs.horizontal .inf-tabs .box {background-color: #fff;}
.cont-tabs.horizontal .inf-tabs .box .title {color: #ff0000;font-weight: 700;font-size: 1.5rem;padding: 10px 0;display: none;}
.cont-tabs.horizontal .inf-tabs .box.image-cont {padding: 0;}
.cont-tabs.horizontal .inf-tabs .box.image-cont img {width: 100%;}
.cont-tabs.horizontal > h1, .cont-tabs.horizontal > h4 {color: #0096ff;text-align: left;}
.cont-tabs.horizontal > h4 {margin-bottom: 15px;}
.cont-tabs.horizontal .head-tabs .tab {display: block;position: relative;background-color: #fff;color: #444;text-align: left;padding: 10px 5px;}
.cont-tabs.horizontal .head-tabs .tab span {font-weight: 700;}
.cont-tabs.horizontal .head-tabs .tab:hover {background-color: #eee;}
.cont-tabs.horizontal .head-tabs .tab.active {background-color: #ff0000;color: #fff;}
.cont-tabs.horizontal .head-tabs .tab.active::after {top: 50%;left: 104%;margin-top: -15px;border-color: transparent transparent transparent #ff0000;}
.cont-tabs.horizontal .head-tabs .tab .num {display: inline-block;font-weight: 700;display: none;}


/* Estilos de tablas */

.cont-table {background-color: #ebebeb;padding: 20px 30px;width: 100%;margin:0 auto;overflow-y: auto;position: relative;}
.cont-table table {width: 100%;}
.cont-table table td {padding: 10px 20px;background-color: #dfdede;}

.cont-table.bg-white table th {background-color: #ff0000;color: #fff;padding: 10px 20px;font-weight: 500;font-size: 1rem;}
.cont-table.bg-white table td {background-color: #fff;font-size: 1rem;}

.cont-table.center table th {background-color: #ff0000;color: #fff;padding: 10px 20px;font-weight: 500;font-size: 1rem;}
.cont-table.center table td {text-align: center;}

.cont-table.columns table td {width: 50%;}

.cont-table table small {font-size: .7rem;}


.cont-table table tr.sub td {background-color: #bbb;font-weight: 500;}

.cont-table.x2 td {width: 50%;}

.full-images img {width: 100%;}

/* comun styles */

.bg-red {background-color: #ff0000!important;}
.bg-blue {background-color: #3a8ac4!important;}


/* estilos para errores */

.display {color: #fff;position: absolute;top: 50%;right: 15%;padding: 10px;}
.display .code {font-family: "Digit", sans-serif;font-size: 4.5rem;}
.display .tooltip {background-color: #ff0000;top: 100%;left: 50%;overflow-y: auto;max-height: 200px;width: 60px;margin-left: -30px; transition: .3s;box-shadow: 2px 2px 4px rgba(0,0,0,.2)}
.display .tooltip div {font-family: "Digit", sans-serif;font-size: 1.5rem;cursor: pointer;padding: 5px;transition: .3s;}
.display .tooltip div:hover {background-color: #b60307;}
.display .tooltip::after {content: " ";position: absolute;bottom:100%;left: 50%;margin-left: -15px; border-width: 15px;border-style: solid;border-color: transparent transparent #ff0000 transparent;z-index: 2;}

.display:hover .tooltip {margin-top: -70px;}

.cont-error {position: relative;width: 100%;font-size: 0;}

.cont-error .box-cont {width: 100%;padding:40px 0;margin: 0 auto;transition: .3s;position: fixed;left: 0;top: 0;bottom: 0;margin-left: -100%;opacity: 0;background-color: #fff;z-index: 12;overflow-y: auto;box-shadow: 4px 2px 5px rgba(0,0,0,.2)}

.cont-error .box-cont.active {margin-left: 0;opacity: 1;}

.cont-error .box-cont .btn-close {position: absolute;top: 20px;left: 15px;font-size: 1.3rem;cursor: pointer;padding: 6px 15px;border-radius: 50px;transition: .3s;font-weight: 500;}
.cont-error .box-cont .btn-close:hover {background-color: #eee;color: #ff0000;}


.cont-error .box-cont .btn-close2 {position: relative;display: inline-block;float: right;font-size: 1.3rem;cursor: pointer;padding: 6px 15px;border-radius: 50px;transition: .3s;font-weight: 500;background-color: #ff0000;color: #fff;margin: 30px 20px}
.cont-error .box-cont .btn-close2:hover {background-color: #e50303}

.cont-error .box-cont .title {font-size: 2.2rem;color: #989796;padding: 5px;border-bottom: 5px solid #989796;max-width: 60px;font-weight: 700;text-align: center;margin: 0 20%;}
.cont-error .box-cont .desc {color: #ff0000;font-weight: 700;margin: 25px 20% 0;font-size: 1.4rem;}
.cont-error .box-cont .part {text-align: center;font-weight: 700;margin: 25px 0;}
.cont-error .box-cont p, .cont-error .box-cont ul {margin: 10px 20%;font-weight: 400;}
.cont-error .box-cont ul li span {font-weight: 400;}
.cont-error .box-cont .solution {width:100%;padding:10px;}
.cont-error .box-cont .solution .red {color: #ff0000;}
.cont-error .box-cont .solution .green {color: #12c723;}

.cont-error .box-cont .solution .inf {border: 4px solid;padding: 20px;margin: 10px 0;}
.cont-error .box-cont .solution .inf.red {border-color: #ff0000;}
.cont-error .box-cont .solution .inf.green {border-color: #12c723;}

.cont-error .box-cont .image-cont {position: relative;padding: 10px;text-align: center;vertical-align: top;margin: 0 10%;}
.cont-error .box-cont .image-cont img {width: 100%;max-width: 600px}
.cont-error .box-cont .image-cont img.big {max-width: 1000px;}

.cont-error .box-cont .image-cont .imagebox {display: inline-block;width: 200px;padding: 5px;background-color: #989796;margin: 10px;vertical-align: top;position: relative;}
.cont-error .box-cont .image-cont .imagebox img {max-height: 190px;}
.cont-error .box-cont .image-cont .imagebox.doble {width: 400px;}
.cont-error .box-cont .image-cont .imagebox .name {color: #fff;margin-top: 10px;font-size: 1rem;min-height: 35px;display: flex;align-items: center;justify-content: center;text-align: center;}
.cont-error .box-cont .image-cont .imagebox .name.simple {padding: 8px 0;}
.cont-error .box-cont .image-cont .imagebox .num {position: absolute;top: -10px;left: -10px;background-color: #ff0000;width: 40px;height: 40px;text-align: center;padding: 5px;color: #fff;border-radius: 20px;font-weight: 500;font-size: 1.3rem;border:4px solid #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.cont-error .box-cont .image-cont .imagebox p {margin: 10px;}

.cont-error .box-cont .image-cont .imagebox.red {color: #ff0000;border:4px solid #ff0000;padding: 10px;width: calc(50% - 20px);background-color: #fff;min-height: 244px;min-width: 250px;display: inline-flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
.cont-error .box-cont .image-cont .imagebox.green {color: #12c723;border:4px solid #12c723;padding: 10px;background-color: #fff;min-height: 244px;/*width: calc(50% - 20px);min-width: 250px;*/}

.cont-error .box-cont .image-cont  h1 {padding: 5px 10px;background-color: #ffc000;color: #333;font-size: 1.2rem;font-weight: 700;width: 100%;margin: 15px 0;}




/* estilos de puntos flotantes */

.tension {position: absolute;border-radius: 20px;width: 40px;height: 40px;background: #ff0000;color: #fff;text-align: center;padding: 9px 0;font-weight: 500;font-size: 1.3rem;}
.tension .tooltip {width: 200px;left: 50%;margin-left: -100px;background-color: #6c717d;text-align: center;}
.tension .tooltip::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -8px; border-width: 10px;border-style: solid;border-color: #6c717d transparent transparent transparent;z-index: 2}

.tension span {font-size: 1rem;}


/* estilos para cordeon */

.accordion.sn {max-width: 800px;}
.accordion.sn .options .name {font-size: 1.3rem;padding: 15px;min-height: 50px}
.accordion.sn .options .name .number {font-size: 2.3rem;}


/* estilos tootlip */

.tooltip.dark {background-color: #6c717d;color: #fff;text-align: center;}
.tooltip.dark::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -8px; border-width: 10px;border-style: solid;border-color: #6c717d transparent transparent transparent;z-index: 2}



/* Estilos módulo 1 */


.black-line {background: url(../images/m1/bg-black-line.jpg) no-repeat top center;background-size: cover;color: #fff;padding-top: 50px;}

.franja .frase {max-width: 300px;text-align: center;font-size: 1.5rem;margin-top: 40px;display: inline-block;}

.franja.p2 img {margin: 0 10px -50px;}

.number-circle {display: inline-flex;width: 90px;height: 90px;color: #f00;text-align: center;margin: 10px;font-weight: 700;font-size: 3rem;border-radius: 100px;align-items: center;justify-content: center;transition: .3s;border:6px solid #f00;cursor: pointer;}
.number-circle:hover {background-color: #f00;color: #fff;}

.number-circle.white {border-color: #fff;color: #fff;}
.number-circle.white:hover {background:rgba(255,255,255,.4);}

.number-circle.green {color: #22bb38;border-color: #22bb38;}
.number-circle.green:hover {background-color: #22bb38;color: #fff;}

.foto-circle {display: inline-block;width: 180px;margin: 10px;padding: 8px;border-radius: 200px;background-color: #ff0000;}
.foto-circle img {width: 100%;border-radius: 200px;}

.foto-circle.hum {display: inline-block;width: 120px;padding: 5px;}

.tools {display: inline-block;width: calc((100%/5) - 3px);padding: 20px;vertical-align: top;}
.tools p {margin: 0;line-height: 1.1;font-weight: 700;font-size: 1.1rem;}
.foto-circle.tool {background-color: #fcba15;;width:100%;padding: 5px;}

.foto-circle.green {background-color: #22bb38!important;}

.m1 .tooltip {width: 300px;margin-left: -150px;left: 50%;background-color: #545454;color: #fff;padding: 20px;border-radius: 6px;}
.m1 .tooltip::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #545454 transparent transparent transparent;}
.m1 .tooltip h3 {color: #fff;}

.tooltip.audios {
    left: 50%;
    margin-left: -50px;
    width: 100px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    text-align: center;
    background-color: #fff;
    color: #565656;
    padding: 10px 20px;
    border-radius: 3px;
}
.tooltip.audios::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.lugares {display: inline-flex;width: calc((100%/2) - 23px); margin: 10px;position: relative;vertical-align: top;align-items: center;justify-content: center;flex-direction: column;}
.lugares img {width: 100%;}
.lugares .name {padding:15px;background-color: #ff0000;text-align: center;color: #fff;font-size: 1.22rem;font-weight: 400;width: 100%;position: absolute;bottom: 0;}
.lugares .over {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.8);color: #fff;padding: 20px 10px;opacity: 0;transition: .3s;font-size: 1.2rem;line-height: 1.4;overflow-y: auto;}
.lugares:hover .over {opacity: 1;}

.lugares.full {width: 100%;}
.lugares.full .name {padding: 20px 10px;}
.lugares .name.simple {padding: 24px 10px;}

.lugares .name.green {background-color: #22bb38!important;}

.esquema-casa {padding: 50px 100px;background-color: #ebebeb;border-radius: 10px;position: relative;}
.esquema-casa img {width: 100%;}
.esquema-casa ._1 {top: 360px;left: 150px;}
.esquema-casa ._2 {top: 415px;left: 195px;}
.esquema-casa ._3 {top: 300px;left: 130px;}
.esquema-casa ._4 {top: 405px;left: 300px;}


.float-num {position: absolute;padding: 10px 0;background-color: #fcba15;color: #fff;text-align: center;border-radius: 50px;font-weight: 500;text-align: center;width: 40px;font-size: 1.3rem;cursor: pointer;}
.float-num.red {background-color: #ff0000;}


.esquema-voltajes {padding: 0;position: relative;}
.esquema-voltajes img {width: 100%;}
.esquema-voltajes .p1 {top: 63%;left: 14.5%;}
.esquema-voltajes .p2 {top: 40%;left: 48%;}
.esquema-voltajes .p3 {top: 51%;right: 6%;}
.esquema-voltajes .p4 {bottom: 0;right: 19%;}

.lugares.vacio {display: inline-block;width: calc((100%/3) - 23px); margin: 10px;position: relative;vertical-align: top;}
.lugares.vacio .over {padding: 10px;}
.lugares.vacio .name.doble {padding: 5px 15px}

.mantenimiento .lugares.vacio .over {font-size: 1rem;padding: 10px;}



/* Estilos modulo 2 nuevos */

.inmueble {display: inline-block;width: 270px;height: 270px; position: relative;background-color: #eff1f5;border-radius: 250px;margin: 20px;transition: .3s;}
.inmueble img {width: 100%;border-radius: 250px}

.inmueble.circle {background-color: #fff;border: 8px solid #fcba15;cursor: pointer;}

.over {position: absolute;top: 0;left: 0;bottom: 0;right: 0;padding: 10px;color: #fff;opacity: 0;transition: .3s;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.boxtool:hover .over {opacity: 1;}
.over.img {padding: 15px}

.over.inm {padding: 115px 0;font-size: 2rem;font-weight: 700;border-radius: 270px;}
.over.inm.fin {font-size: 1.3rem;padding: 55px 20px 0;}
.over.inm.fin span {font-size: 1rem;margin-top: 20px;padding: 15px;}
.over.inm.fin a {color: #fff;font-size: 2.5rem;}

.over.inm.doble {padding: 95px 0;}

.over.yellow {background: rgba(250,194,54,0.9);}


/* estilos m2 t5 */

.bluepoints {position: absolute;border:2px solid #0096ff;padding: 3px;width: 30px;height: 30px;border-radius: 50px;}
.bluepoints .point {width: 100%;height: 100%;padding: 4px;border:1px solid #0096ff;border-radius: 50px;}
.bluepoints .point .pointi {width: 100%;height: 100%;background-color: #0096ff;border-radius: 50px;}
.bluepoints .tooltip {font-size: .9rem;text-align: left;width: 450px;margin-left: -225px;}
.bluepoints .tooltip strong {font-weight: 700;}
.bluepoints .tooltip img {width: 210px;display: inline-block;vertical-align: top;}
.bluepoints .tooltip p {display: inline-block;padding: 5px;width: calc(100% - 213px);margin: 0;font-size: .9rem;}

.bluepoints .name {position: absolute;top: -20px;font-weight: 500;right: -120px;font-size: 1.1rem;z-index: 2;}



/* Estilo para videos de Arturo */

.videos-button img {width: 100%;max-width: 550px;border: 5px solid #9d0606;border-radius: 10px;}



/* Columnas */

.col {display: inline-block;vertical-align: top;padding: 10px;}
.col.x2 {width: calc((100%/2) - 3px);}
.col.x3 {width: calc((100%/3) - 3px);}
.col.x4 {width: calc((100%/4) - 3px);}
.col.x5 {width: calc((100%/5) - 3px);}
.col.x6 {width: calc((100%/6) - 3px);}
.col.x8 {width: calc((100%/8) - 3px);}
.col.x9 {width: calc((100%/9) - 5px);}
.col img {width: 100%;}
.col .square h4 {font-size: 1.5rem;font-weight: 700;}

.col .tooltip h4 {font-size: 1.7rem;font-weight: 700;text-align: center;}
.col .tooltip img {width: 60%;display: block;margin: 10px auto;}

.col.padding {padding: 20px;}



/* Estilos slider  */

.head-slide {position: relative;border-bottom: 3px solid #ccc;margin-bottom: 20px;overflow: hidden;}
.head-slide img {width: 100%;}
.head-slide .text {position: absolute;top: 15%;right: 50%;max-width: 500px;z-index: 3;}
.head-slide .text h1 {font-size: 2rem;color: #ff0000;}
.head-slide .text p {padding: 15px 0;margin: 0;}
.head-slide .text p.small {padding: 15px;width: 90%;}

.head-slide.carrusel {background:url(../images/m2/t8/bg-head-slide.jpg) no-repeat center;background-size: cover;}
.head-slide.carrusel .bg-text {position: absolute;left: 0;top: 0;width: 100%;z-index: 2;}