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

.section-mini.cont-course {padding:0 0 20px;}

.img-slide.intro {position: relative;overflow: hidden;text-align: center;background: url(../images/bg-head-intro.jpg) no-repeat top center;background-size: cover;}
.img-slide.intro img {max-height: 332px;max-width: 1050px;width: 100%;height: auto;}

.cont-intro {padding: 0 0 30px 60px;background-color: #eff1f5;position: relative;}
.cont-intro .que-title {position: absolute;top: -30px;left: 40px;padding: 10px 30px;color: #fff;background-color: #ff0000;font-weight: 700;font-size: 2rem;}
.cont-intro .part-2 {display: inline-block;width: calc((100%/2) - 2px);font-weight: 700;padding: 30px 20px;vertical-align: top;}
.cont-intro .part-2 ul {line-height: 2;margin-left: 40px;margin-top: 20px;}
.cont-intro .part-2 ul li {color: #ff0000;}
.cont-intro .part-2 ul li span {color: #565656}
.cont-intro .part-2.desc {background-color: #d7dbde;padding: 40px;}
.cont-intro .part-2 p {padding: 10px 20px;border-left: 2px solid #ff0000;}

.head-slide {position: relative;margin-bottom: 20px;overflow: hidden;}
.head-slide img {width: 100%;}
.head-slide .text {position: absolute;top: 15%;right: 51%;max-width: 500px;}
.head-slide .text h1 {font-size: 2rem;color: #ff0000;}
.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: left;font-style: italic;}



/* Estilos lección 1 */


.franja img {margin: 20px 10px -70px;width: 100%;max-width: 350px;display: inline-block;vertical-align: top;z-index: 2;}
.franja p {display: inline-block;width: 100%;margin-top: 50px;max-width: 500px;padding: 10px;}


.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;}


.tooltip {width: 300px;margin-left: -150px;left: 50%;background-color: #545454;color: #fff;padding: 20px;}
.tooltip::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #545454 transparent transparent transparent;}
.tooltip h3 {color: #fff;}
.tooltip.small {width: 120px;margin-left: -60px;font-weight: 600;text-align: center;;}

.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%;}


/* Estilos lección 2 */

.black-line {background: url(../images/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;margin: 10px 0;}

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

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

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

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

.lugares.x4 {width: calc((100%/4) - 23px);}

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

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

.square {display: inline-block;border:4px solid #fcba15;margin:10px;position: relative;border-radius: 10px;overflow: hidden;vertical-align: top;}
.square.x2 {width: calc((100%/2) - 23px)}
.square.x3 {width: calc((100%/3) - 23px)}
.square.x4 {width: calc((100%/4) - 23px)}
.square.x6 {width: calc((100%/6) - 3px);border:none;margin:5px 0;}

.square.free {width: 250px;padding: 100px 10px;background-color: #eff1f4;border: none;}
.square.free h1 {text-align: center;font-weight: 700;}

.square img {width: 100%;}

.square.border {border:4px solid #fcba15!important;border-radius: 10px!important;overflow: hidden;}
.square.no-border {border:none;}

.square .over {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.7);color: #fff;padding: 20px;opacity: 0;transition: .3s;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 0;}
.square:hover .over {opacity: 1;}

.square.simple {width: 140px;overflow:visible;}
.square.simple img {border-radius: 6px;}

.square.green {border-color: #22bb38!important;}

.col {display: inline-block;vertical-align: top;padding: 10px;}
.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;}


/* TABS */

.cont-tabs {position: relative;}
.cont-tabs .head-tabs {position: relative;margin-bottom: 5px;}
.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) - 3px);}
.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-inf {background-color: #f4f4f4;padding: 20px;display: none;}
.cont-tabs .inf-tabs .box-inf.active {display: block;}

.cont-tabs.white {margin-top: 50px;}
.cont-tabs.white .head-tabs {text-align: center;}
.cont-tabs.white .head-tabs .tab {background-color: #fff;margin: 0 20px;font-size: 1rem;color: #565656;}
.cont-tabs.white .head-tabs .tab img {max-height: 120px;opacity: .5;}
.cont-tabs.white .head-tabs .tab span {opacity: .5;}
.cont-tabs.white .head-tabs .tab.active img, .cont-tabs.white .head-tabs .tab.active span {opacity: 1;}
.cont-tabs.white .head-tabs .tab.active::after {border-color: transparent transparent #ebebeb transparent;top: inherit;bottom: -5px;}
.cont-tabs.white .inf-tabs {background-color: #ebebeb;}
.cont-tabs.white .inf-tabs .box-inf {background-color: transparent;text-align: left;max-width: 1050px;margin: 0 auto;}
.cont-tabs.white .inf-tabs .box-inf p {width: 90%;margin: 10px auto;}
.cont-tabs.white .inf-tabs .box-inf ul {width: 90%;margin: 10px auto;line-height: 2}

.cont-tabs.white .boton-circle.small {margin: 0;}

.cont-tabs.white.separado .head-tabs .tab {margin:0 50px;}

.cont-tabs.white.compresores .head-tabs .tab .boton-circle img {opacity: 1;max-height: auto;top: 10px;}
.cont-tabs.white.compresores .head-tabs .tab .boton-circle {width: 140px;height: 140px;margin-bottom: 15px;}
.cont-tabs.white.compresores .head-tabs .tab span {font-size: 1.3rem;font-weight: 500;}
.cont-tabs.white.compresores .head-tabs .tab.active img {transform: scale(1.3);}
.cont-tabs.white.compresores .inf-tabs .box-inf .line {height: 5px;background-color: #ff0000;width: 50px;}
.cont-tabs.white.compresores .inf-tabs .box-inf h2 {width: 90%;margin: 0 auto 10px;color: #565656;}

.cont-tabs.white.compresores.text .head-tabs .tab div {font-size: 1.6rem;font-weight: 700;border-radius: 100px;color:#f00;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;border: 5px solid #f00;transition: .3s;}
.cont-tabs.white.compresores.text .head-tabs .tab div:hover {background-color: #d6d6d6;}
.cont-tabs.white.compresores.text .head-tabs .tab.active div {background-color: #f00;color: #fff;}

.cont-tabs.white.compresores.black-button .head-tabs .tab {margin: 0 10px;background: transparent;}
.cont-tabs.white.compresores.black-button .head-tabs .tab .boton-circle {background-color: #000;width: 90px;height: 90px;text-align: center;}
.cont-tabs.white.compresores.black-button .head-tabs .tab .boton-circle img {width: 80%;left: unset;right: unset;bottom: unset;position: relative;}

.cont-tabs.white.compresores.black-button.logo .head-tabs .tab .boton-circle {background: transparent;}

.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: 101%;margin-top: -15px;border-color: transparent transparent transparent #ff0000;}
.cont-tabs.horizontal .head-tabs .tab .num {display: inline-block;font-weight: 700;display: none;}

.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 .box-inf {background-color: #f4f4f4;padding: 20px;display: none;}
.cont-tabs .inf-tabs .box-inf.active {display: block;}


.boton-circle {width: 200px;height:200px;background-color: #ff0000;border-radius:100px;display: inline-block;margin: 15px;vertical-align: bottom;position: relative;}
.boton-circle .image {width: 60%;transition: .3s;position: absolute;bottom: 10px;left: 40px;}
.boton-circle:hover .image {transform: scale(1.3);}

.real .boton-circle {cursor: pointer;}

.boton-circle .image.v {width: 80%;left:22px;}
.boton-circle .image.full {width: 100%;left: 0;top: 0;min-height: auto;}

.boton-circle.small {width: 170px;height:170px;margin: 0 10px;}

.name-line {height: 4px;background-color: #ff0000;width: 55px;}
.name-line.blue {background-color: #64d1dc;}
.name {font-size: 1.5rem;font-weight: 500;}

ul.blue li {color: #64d1dc;}
ul.blue li span {color: #565656}

.componente {display: inline-block;width: 170px;height: 170px; position: relative;border-radius: 180px;margin: 10px;transition: .3s;background-color: #fcba15;padding:8px;vertical-align: middle;}
.componente img {width: 100%;border-radius: 180px;}
.componente:hover {background-color: #2873cf;}



.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;}
.inmueble.square {border-radius: 15px;border: 7px solid #fcba15;width: 300px;height: 300px;overflow: hidden;}
.inmueble.square.blue {border-color: #0096ff;}
.inmueble.square img {border-radius: 0!important;}

.inmueble.square .over {padding: 15px;border-radius: 0;}
.inmueble.square .over i {font-size: 2.5rem;}

.inmueble.circle.small {width: 220px;height: 220px;padding: 30px 10px;margin: 10px;}
.inmueble.circle.small img {width: 80%;}

.over {position: absolute;top: 0;left: 0;bottom: 0;right: 0;padding: 40px 10px;color: #fff;opacity: 0;transition: .3s;text-align: center;border-radius: 200px;}
.boxtool:hover .over {opacity: 1;}
.over.img {padding: 15px}

.over.inm {padding: 115px 0;font-size: 2rem;font-weight: 700;}
.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);color: #333;}



/* Estilos de tablas */

.cont-table {background-color: #ebebeb;padding: 20px 30px;width: 90%;margin:0 auto;overflow-y: auto;}
.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;}



/* Estilo para videos de Arturo */

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


/*  comun styles  */

.no-margin {margin: 0;}
.no-margin-top {margin-top: 0;}
.no-margin-right {margin-right: 0;}
.no-margin-bottom {margin-bottom: 0;}
.no-margin-left {margin-left: 0;}

.no-padding {padding: 0;}
.no-padding-top {padding-top: 0;}
.no-padding-right {padding-right: 0;}
.no-padding-bottom {padding-bottom: 0;}
.no-padding-left {padding-left: 0;}