strong {font-weight: 700;}


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

.img-slide {position: relative;overflow: hidden;text-align: center;}
.img-slide img {width: 100%;}

.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: #000;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;border-bottom: 3px solid #ccc;margin-bottom: 20px;}
.head-slide img {width: 100%;}
.head-slide .text {position: absolute;top: 30px;left: 40px;max-width: 600px;}
.head-slide .text h1 {font-size: 2.5rem;color: #ff0000;}
.head-slide .text p {padding: 15px 30px;font-size: 1.1rem;font-weight: 500;}
.head-slide .text p.small {padding: 15px;width: 90%;}

.head-slide .text.blue h1, .cont-subtitle.blue h1 {color: #0096ff;}
.head-slide .text.green h1, .cont-subtitle.green h1 {color: #39b54a;}

.line-ins {position: relative;padding:20px 0;}
.line-ins img {width: 30px;vertical-align: top;display: inline-block;}
.line-ins p {display: inline-block;width: calc(100% - 90px);font-size: 1.2rem;margin: 0;font-weight: 500;}
.line-ins a {color: #ff0000;font-size: 2.8rem;vertical-align: top;margin-right: 10px;}

.cont-section {position: relative;padding:20px 0;}
.factor {display: inline-block;width: 120px;height: 120px; position: relative;background-color: #da0101;border-radius: 150px;margin: 15px 20px;transition: .3s;}
.factor:hover {background-color: #b20303;}
.factor img {width: 100%;}

.factor.yellow {background-color: #fcba15;font-size: 1.4rem;font-weight: 700;color: #fff;padding: 52px 0;vertical-align: top;overflow: visible;margin: 10px;}
.factor.yellow.doble {padding: 40px 0;}
.factor.small {margin: 10px;position: relative;}
.factor.blue {background-color: #0096ff;}
.factor.blue:hover {background-color: #077cce;}

.factor.yellow.orange {background-color: #dc6221;}

.factor .text {position: absolute;top: 105%;left: 0;right: 0;padding: 10px 5px;font-size: 1rem;font-weight: 300;}
.factor .text .btn {padding: 10px 0;min-width: 100%;}

.factor.image {border-radius: 5px;width: 90%;max-width: 225px; height: auto;padding: 0;border:3px solid #fcba15;overflow: hidden;margin: 10px;}

.factor.image .tooltip {bottom: 10px;left: 10px;right:10px;background-color: #ff0000;color: #fff;font-weight: 400;text-align: center;}

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

.inmueble.add {margin-bottom: 50px;vertical-align: top;}
.inmueble.add .text {position: absolute;top: 105%;left: 0;right: 0;padding: 10px;}


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

.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.fac {font-size: 1.3rem;padding: 40px 10px;border-radius: 0;}
.over.fac p {font-size: 1rem;margin-top: 20px;color: #f00;background: rgba(255,255,255,.8);padding: 5px;}

.over.blue {background: rgba(80,141,216,0.9);}
.over.yellow {background: rgba(250,194,54,0.9);color: #333;}
.over.red {background: rgba(255,0,0,0.9);}

.cont-subtitle {position: relative;padding:20px 0 10px;}
.cont-subtitle h1 {font-size: 1.5rem;color: #ff0000;margin-bottom: 10px;display: inline-block;margin: 10px 0;}
.cont-subtitle p {font-size: 1.2rem;margin: 10px 0;font-weight: 500;width: calc(100% - 90px);display: inline-block;vertical-align: top;}
.cont-subtitle ul li {font-size: 1.2rem;margin: 10px 0;font-weight: 500;color: #ff0000;}
.cont-subtitle ul li span {color: #565656;font-weight: 500;}
.cont-subtitle .btn-play-audio {margin-top: 2px;}


.cont-subtitle a {font-weight: 500;}
.cont-subtitle a:hover {text-decoration: underline;}

.img-over {width: 400px;display: inline-block;border-radius: 10px;overflow: hidden;vertical-align: top;}
.img-over img {width: 100%;}
.inf-over {width: calc(100% - 405px);padding:25px 35px;background-color: #eff1f5;display: inline-block;margin-left: -5px;margin-top: 25px;font-size: 1.1rem;}


.cont-download {padding: 0;background-color: #eceff4;position: relative;margin: 20px 0;}
.cont-download .text {padding: 15px 10px;font-weight: 700;display: inline-block;width: calc(100% - 180px);}
.cont-download a {padding: 15px 10px;background-color: #ff0000;color: #fff;transition: .3s;position: absolute;right: 0;top: 0;bottom: 0;}
.cont-download a:hover {background-color: #d20404;}

.cont-download.icon a {padding: 13px 20px;}
.cont-download.icon a i {font-size: 1.5rem;}


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

.componente .letras {background-color: #fff;color: #fcba15;font-size: 6rem;text-align: center;border-radius: 180px;font-weight: 700;width: 100%;height: 100%;padding: 25px 0;}

.componente.cuadro-gris {border-radius: 10px;background-color: #ebebeb;width: 150px;height: 150px;margin: 5px;}
.componente.cuadro-gris:hover {background-color: #ccc;}
.componente.cuadro-gris img {border-radius: 10px;}
.componente.cuadro-gris.small {width: 133px;height: 132px;}
.componente.cuadro-gris.small.circle {width: 120px;height: 120px; border-radius: 150px;font-size: 1.2rem;font-weight: 600;text-align: center;padding: 35px 10px;background-color: #fff;border:5px solid #fcba15;color: #fcba15;line-height: 1}
.componente.cuadro-gris.small.circle.simple {padding: 45px 10px;}

.componente.cuadro-gris.small.square {border-radius: 0;background-color: #fcba15;width: 160px;height: 160px;}
.componente.cuadro-gris.small.square img {border-radius: 0;}

.componente.green {background-color: #3eb619;}
.componente.green .letras {color: #3eb619;}
.componente.blue {background-color: #1598db;}
.componente.blue .letras {color: #1598db;}
.componente.red {background-color: #cb3333;}
.componente.red .letras {color: #cb3333;}
.componente.orange {background-color: #e29611;}
.componente.orange .letras {color: #e29611;}

.componente.small {width: 120px;height: 120px;margin: 10px 5px;padding: 4px;}

.tooltip h3 {color:#2873cf;}

.conductor .componente {margin: 10px 30px;}

.tooltip.leccion {background: rgba(0,0,0,0.6);border-radius: 10px;padding-left: 20px;left: -20px;right: -20px;color: #fff;text-align: center;font-size: 1.1rem;box-shadow: 2px 2px 5px rgba(0,0,0,.2)}
.tooltip.down.leccion::after {content: " ";position: absolute;bottom: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: transparent transparent #000 transparent;opacity: .6}

.tooltip.leccion.gris {background-color: #ebebeb;color: #424242;}
.tooltip.leccion.gris::after {border:none;}

.tooltip.gris.f {width: 200px;margin-left: -100px;left: 50%;background-color: #545454;color: #fff;}
.tooltip.gris.f::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #545454 transparent transparent transparent;}
.tooltip.gris.f.comp {width: 300px;margin-left: -150px;}
.tooltip.gris.f h3 {color: #fff;}
.tooltip.gris.f.big {width: 500px;margin-left: -250px;}

.tooltip.black.f {width: 400px;margin-left: -200px;left: 50%;background-color: #545454;color: #fff;padding: 20px;}
.tooltip.black.f::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #545454 transparent transparent transparent;}

.tooltip.black.small {width: 300px;margin-left: -150px;left: 50%;background-color: #545454;color: #fff;padding: 20px;}
.tooltip.black h3 {color: #fff;}

.tooltip.negro {width: 100px;background-color:#545454;text-align: center;margin-left: -50px;left: 50%;color: #fff;}
.tooltip.negro::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: #545454  transparent transparent transparent;}

.float-text {position: absolute;padding: 10px;background-color: #0698e4;color: #fff;text-align: center;font-weight: 500;}
.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;}

.float-num.red {background-color: #ff0000;}

.float-text .img {width: 100%;position: absolute;left: 0;}
.float-text .img.up {bottom: 100%;}
.float-text .img.down {top: 100%;}

.clasificacion-evaporador {display: inline-block;width: 80%;max-width: 300px;margin-right: 50px;vertical-align: middle;}
.clasificacion-evaporador .name {background-color: #fcba15;padding: 15px 20px;color: #fff;font-weight: 500;font-size: 1.3rem;position: relative;text-align: left;}
.clasificacion-evaporador .name::after {content: " ";position: absolute;top: 0;left: 100%;border-width: 26px;border-style: solid;border-color: transparent transparent transparent #fcba15;}

.tipos-aislamiento {position: relative;width: 100%;max-width: 700px;margin: 20px auto;}
.tipos-aislamiento img {width: 100%;}
.tipos-aislamiento .marca {background-color: #ff0000;color: #fff;padding: 5px;position: absolute;font-weight: 500;left: 59%;}

.col {position: relative;width: 100%;text-align: center;}
.col .box {position: relative;margin-bottom: 10px;cursor: pointer;display: inline-block;margin-right: 40px;}
.col .box .num {display: inline-block;padding: 5px 0;text-align: center;color: #fcba15;background-color: #fcba15;font-weight: 700;font-size: 2rem;width: 40px;}
.col .box .text {display: inline-block;padding: 5px 0;text-align: center;color: #fcba15;background-color: #ebebeb;font-weight: 700;font-size: 2rem;width: 60px;margin-left: -3px;}
.col .box .text::after {content: " ";position: absolute;top: 0;left: 100%;border-width: 22px;border-style: solid;border-color: transparent transparent transparent #ebebeb;z-index: 2}
.col .box .text .info {position: absolute;background-color: #616161;color: #fff;padding: 13px 10px 14px;font-size: 1rem;left: -100%;top: 0;z-index: 3;white-space: nowrap;opacity: 0;visibility: hidden;transition: .3s;max-width: 750px;text-align: left;}
/*.col .box:hover .text .info {left: 100%;opacity: 1;visibility: visible;}*/

.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: -8px; border-width: 15px;border-style: solid;border-color: #0b59b7 transparent transparent transparent;z-index: 2}

.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 .head-tabs._6 .tab {width: calc((100%/6) - 3px);}
.cont-tabs .head-tabs._8 .tab {width: calc((100%/8) - 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 .box-inf {background-color: #f4f4f4;padding: 20px;display: none;overflow: hidden;}
.cont-tabs .inf-tabs .box-inf.active {display: block;}

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


/* Estilos de tablas */

.cont-table {width: 90%;margin:0 auto;overflow-y: auto;max-width: 500px;}
.cont-table table {width: 100%;}
.cont-table table th {background-color: #ff0000;color: #fff;padding: 10px 20px;font-weight: 500;}
.cont-table table td {padding: 10px 20px;background-color: #dfdede;text-align: center;}

.cont-table table tr td:first-child {width: 150px;}


/* Estilos tema 14 */

.cont-puntos {position: relative;margin: 10px 20px 30px;}
.cont-puntos .punto {position: relative;padding: 5px;cursor: pointer;transition: .3s;max-width: 300px;font-size: 1.2rem;font-weight: 500;margin: 5px 0;}
.cont-puntos .punto:hover, .cont-puntos .punto.active {background-color: #ccc;}
.cont-puntos .punto .vig {display: inline-block;width: 20px;height:20px;margin-right: 10px;vertical-align: top}
.cont-puntos .punto.p1 .vig {background-color: #e97600;}
.cont-puntos .punto.p2 .vig {background-color: #0b3ac3;}
.cont-puntos .punto.p3 .vig {background-color: #0aa400;}
.cont-puntos .punto.p4 .vig {background-color: #d60810;}
.cont-puntos .punto.p5 .vig {background-color: #160c5d;}
.cont-puntos .punto.p6 .vig {background-color: #67444c;}
.cont-puntos .punto.p7 .vig {background-color: #540311;border-radius: 10px;}

.img-psico {position: absolute;right: 20px;top: 10px;max-width: 550px;z-index: 2;opacity: 0;}
.img-psico.active {opacity: 1;}


/* 	estilos de conductores 	*/

.img-cable-r {display: none;}
.cable-elementos .n1 {top: 65px;left: 70px;}
.cable-elementos .n2 {bottom: 35px;left: 210px;}
.cable-elementos .n3 {top: 65px;left: 440px;}
.cable-elementos .n4 {top: 85px;right: 260px;}


/* 	estilos de unidades de medida 	*/

.factor .tooltip.unidad {width: 1000px;text-align: left;position: fixed;margin-left: -500px;top: 25%;left: 50%;overflow: hidden;bottom: unset;background-color: #545454;color: #fff;}
.factor .tooltip.unidad h3 {color: #fff;}
.factor .tooltip.unidad._1 {left:0;}
.factor .tooltip.unidad._2 {left:-100px;}
.factor .tooltip.unidad._3 {left:-200px;}
.factor .tooltip.unidad._4 {left:-400px;}
.factor .tooltip.unidad._5 {left:-500px;}
.factor .tooltip.unidad._6 {left:-650px;}


/*	 estilos ciclos	 */

.float-text.ciclo1 {top: 70px;left: 465px;}
.float-text.ciclo2 {top: 300px;left: 40px;}
.float-text.ciclo3 {top: 300px;right: 40px;}
.float-text.ciclo4 {bottom: 0;left: 470px;}


/*	 estilos esquema casa	 */
.esquema-casa {padding: 50px 100px;background-color: #ebebeb;border-radius: 10px;}
.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;}


/* estilos resistividad */


.linea-title {height: 5px;background-color: #ff0000;width: 60px;}

.resistividad-box {border: 3px solid #fc9032;width: 75%;margin: 5px auto;position: relative;padding:15px 25px;}
.resistividad-box .box {background: #f4ea8e;border: 2px solid #000;padding:10px;max-width: 85%;margin: 0 auto;position: relative;height: 60px;}
.resistividad-box .box i {color: #ff0000;position: absolute;top: 12%;font-size: 3rem;}
.resistividad-box .box i.left {right: 100.5%;}
.resistividad-box .box i.right {left: 100.5%;}

.resistividad-box .box.small {max-width: 55%}
.resistividad-box.circle {padding: 10px;}
.resistividad-box.circle .box {max-width: 80px;border-radius: 100px;height: 80px;}
.resistividad-box.circle .box.small {max-width: 50px;height: 50px;margin:20px auto;}

.resistividad-box .over {background: #fc9032;position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 30px 20px;text-align: center;color: #fff;transition: .3s;font-size: 1.2rem;font-weight: 500;opacity: 0;border-radius: 0;}
.resistividad-box:hover .over {opacity: 1}



/* Estilo para videos de Arturo */

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


/* Titulos dentro de tabs */

.cont-tabs.ctitle h2 {text-align: center;padding: 5px 0;display: inline-block;background-color: #0b59b7;color: #fff;margin-top: 40px;width:90%;max-width: 300px;}


/* estilos para cordeon */

.accordion.sn {max-width: 700px;}
.accordion.sn .options .name {font-size: 1.3rem;padding: 15px;min-height: 50px}
.accordion.sn .options .name .number {font-size: 2.3rem;}
.accordion.sn .options .cont-table {max-width: 100%;width: 100%;}
.accordion.sn .options .cont-table table tr td:first-child {width: auto;}

.accordion.sn .options .cont-table .title {font-weight: 500;padding: 0 20px 10px;font-size: 1.2rem;background: none;}

/*  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;}