ul li {color: #ff0000;}
ul li span {color: #565656}
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: #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.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;overflow: hidden;}
.head-slide img {width: 100%;}
.head-slide .text {position: absolute;top: 30px;right: 45%;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/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;}

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

.cont-subtitle {color: #ff0000;position: relative;}

.cont-sep {height: 1px;margin: 20px auto;max-width: 600px;background-color: #c7c7c7;text-align: center;}
.cont-sep img {margin-top: -19px;}

.show-desc {max-width: 900px;}
.show-desc .desc {display: inline-block;width: 50%;vertical-align: top;margin: 0 10px;}

.nota {width: 200px;height: 200px;border-radius: 100px;padding: 40px 20px;text-align: center;background-color: #ff0000;color: #fff;margin:0 auto -150px;position: relative;}
.nota::after {content: " ";position: absolute;bottom: -25px;left: 50%;margin-left: -20px; border-width: 20px;border-style: solid;border-color: transparent transparent  #f00 transparent;z-index: 2}

.show-desc img {height: 300px;}
.show-desc .overimage {position: absolute;left: 10px;top: 45px;right: 0; opacity: 0;transition: .3s;height: 300px;background-color: #fff;}
.show-desc:hover .overimage {opacity: 1;}

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

.icon-condicion {display: inline-block;margin: 0 100px;max-width: 130px;vertical-align: top;}
.icon-condicion p {font-weight: 500;}
.icon-condicion img {width: 100%;}
.icon-condicion.video {cursor: pointer;color: #565656;max-width: 300px;height: auto;margin: 0 10px;}

.cont-section {position: relative;padding:20px 0;}

.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.5);z-index: 99}

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

.boton-circle .extra {position: absolute;top: 110%;left:0;right: 0;text-align: center;padding: 10px;}
.boton-circle .extra img {display: block;margin: 0 auto;}

.componentes .boton-circle .image {width: 100%;left: 0;bottom: 0;}

.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: #2873cf;color: #fff;font-weight: 700;cursor: pointer;transition: .3s;position: relative;}
.cont-tabs .head-tabs .tab:hover {background-color: #0b59b7;}
.cont-tabs .head-tabs .tab.active {background-color: #0b59b7;}
.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._7 .tab {width: calc((100%/6) - 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.image-cont {padding: 0;}
.cont-tabs.horizontal .inf-tabs .box.image-cont img {width: 100%;transition: .3s;}
.cont-tabs.horizontal .inf-tabs .box.image-cont.opacity img:hover {opacity: .4;}
.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: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.circle .head-tabs .tab {background-color: #ff0000;width: 150px;height: 150px;text-align: center;border-radius: 100px;margin: 10px auto;}
.cont-tabs.horizontal.circle .head-tabs .tab img {width: 80%;transition: .3s;}
.cont-tabs.horizontal.circle .head-tabs .tab:hover img {transform: scale(1.5);}
.cont-tabs.horizontal.circle .head-tabs .tab.active img {transform: scale(1.5);}
.cont-tabs.horizontal.circle .head-tabs .tab.active::after {border:none;}

.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 {background-color: transparent;text-align: left;max-width: 1050px;margin: 0 auto;}
.cont-tabs.white .inf-tabs .box p {width: 90%;margin: 10px auto;}
.cont-tabs.white .inf-tabs .box ul {width: 90%;margin: 10px auto;line-height: 2}

.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.compresores .head-tabs .tab .boton-circle img {opacity: 1;max-height: 200px;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 .boton-circle.big {width: 200px;height: 200px;}
.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.2);}
.cont-tabs.white.compresores .inf-tabs .box .line {height: 5px;background-color: #ff0000;width: 50px;}
.cont-tabs.white.compresores .inf-tabs .box h2 {width: 90%;margin: 0 auto 10px;color: #565656;}

.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 .head-tabs.x6 {max-width: 1200px;margin: 0 auto;}
.cont-tabs.white.compresores .head-tabs.x6 .tab {width: calc((100%/6) - 23px);margin: 0 10px;vertical-align: top;}

.cont-tabs.full .head-tabs .tab {background-color: #cdcbcb;color: #6c717d;font-weight: 500;font-size: 1.1rem;padding: 10px;}
.cont-tabs.full .head-tabs .tab:hover {background-color: #bdbdbd;}
.cont-tabs.full .head-tabs .tab.active {background-color: #ff0000;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 {content: " ";position: absolute;bottom:0;left: 50%;margin-left: -10px; border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;z-index: 2;top: inherit;}
.cont-tabs.full .head-tabs .tab img {width: 100%;}

.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);}
.cont-tabs.full .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-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;}

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

.tooltip {background-color: #ebebeb;}
.tooltip.full {width: 900px;padding:20px;}
.tooltip.big {width: 400px;right: inherit;left: 50%;margin-left: -200px;}
.tooltip.medium {width: 200px!important;right: inherit;left: 50%;margin-left: -100px!important;}

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

.instrucciones {color: #00b4ff;padding:20px;text-align: left;font-style: italic;}
ul.blue li {color: #64d1dc;}
ul.blue li span {color: #565656}

.img-03-1 {width: 50%;height: auto;position: absolute;right: 0;bottom: 0;}

.cont-over {position: relative;display: inline-block;width: 450px;margin: 5px;vertical-align: top;}
.cont-over img {width: 100%;}
.cont-over .name {position: absolute;bottom: 0;left: 0;right: 0;background-color: #000;color: #fff;padding: 10px;text-align: center;z-index: 2;font-size: 1.1rem;}
.cont-over .info {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.7);padding: 0 10px;text-align: left;color: #fff;opacity: 0;transition: .3s;font-size: 1rem;}
.cont-over:hover .info {opacity: 1;}
.cont-over ul li {color: #fff;}
.cont-over.medium {width: 350px;}
.cont-over.small {width: 270px;}

.cont-over .info.text-mini {font-size: .8rem;}

.cont-over.tres {width: calc((100%/3) - 23px);margin: 10px}
.cont-over.tres .info {font-size: 1.3rem;text-align: center;padding-top: 40px;}

.cont-compresores {width: 100%;max-width: 900px;margin: 40px auto;position: relative;}
.cont-compresores img {width: 100%;}

.cont-compresores .desc {position: absolute;padding: 15px;background-color: #000;color: #fff;width: 140px;text-align: center;font-size: 1.2rem;font-weight: 500;}
.cont-compresores .desc .tooltip {width: 200px;left: 50%;margin-left: -100px;}

.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;}
.tension span {font-size: 1rem;}

.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;}
.resistividad-box:hover .over {opacity: 1}


/* estilos m3 t2 */

.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: .95rem;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;}

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


/* estilo m4 t1 */

.bluepoints.red {border-color:#ff0000; width: 40px;height: 40px;}
.bluepoints.red .point {border:none;background-color: #ff0000;transition: .3s;}
.bluepoints.red:hover .point {opacity: .3;}
.bluepoints.red .tooltip {width: 100px;left:50%;margin-left: -50px; text-align: center;}

.number-circle {display: inline-block;width: 80px;height: 80px;background-color: #000;color: #fff;text-align: center;padding:20px 0;margin: 10px;font-weight: 700;font-size: 2.5rem;border-radius: 100px;}


.bluepoints.red.full {background-color: #f00;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.5rem;width: 42px;height: 42px;}

/* estilo m3 t4 */

.square {display: inline-block;border:4px solid #fcba15;margin:10px;position: relative;border-radius: 10px;overflow: hidden;}
.square.x4 {width: calc((100%/4) - 23px)}
.square.x3 {width: calc((100%/3) - 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.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;}
.square:hover .over {opacity: 1;}

.square.red {border-color: #f00;}

.col {display: inline-block;position: relative;text-align: center;}
.col.x3 {width: calc((100%/3) - 3px)}

.aviso {padding: 30px 10px;}
.aviso .section-mini {padding: 0;}
.aviso .line {height: 5px;width: 60px;background-color: #ff0000;margin:5px 0;}
.aviso p.title {font-weight: 700;}
.aviso p {margin: 10px 0;}
.aviso img {margin: 0 12px;}

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

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

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


/* estilos 04-04 */

.cont-error .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 .desc {color: #ff0000;font-weight: 700;margin: 25px 20% 0;font-size: 1.4rem;}
.cont-error .part {text-align: center;font-weight: 700;margin: 25px 0;}
.cont-error p, .cont-error ul {margin: 10px 20%;font-weight: 400;}
.cont-error ul li span {font-weight: 400;}
.cont-error .solution {width:100%;padding:10px;}
.cont-error .solution .red {color: #ff0000;}
.cont-error .solution .green {color: #12c723;}

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

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

.cont-error .image-cont .imagebox {display: inline-block;width: 200px;padding: 5px;background-color: #989796;margin: 10px;vertical-align: top;position: relative;}
.cont-error .image-cont .imagebox img {max-height: 190px;}
.cont-error .image-cont .imagebox.doble {width: 400px;}
.cont-error .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 .image-cont .imagebox .name.simple {padding: 8px 0;}
.cont-error .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 .image-cont .imagebox p {margin: 10px;}

.cont-error .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;}
.cont-error .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 .image-cont  h1 {padding: 5px 10px;background-color: #ffc000;color: #333;font-size: 1.2rem;font-weight: 700;width: 100%;margin: 15px 0;}



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

.text-center {text-align: center;}