@charset "utf-8";
/* CSS Document */

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
strong, h1, h2, h3, .txt input[type="submit"] { font-weight:700; }
.col3 a:hover, #footer a:hover, .txt input[type="submit"]:hover, #subtit a:hover  { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}
hr { display:block; height:1px; color:#b1b2b4; background:#b1b2b4;}

body { font-family: 'Raleway', sans-serif; font-size:14px; color:#646569; background:#fff; font-weight:400; 
background:url(images/bg-home.jpg) no-repeat center -150px; }
.home { background:url(images/bg-home.jpg) no-repeat center top;}
body.no-bg { background:#fff; background-image: none; }

#top, #nav, #slogan, #tit, #subtit,  #main, #footer { 
display:block; width:100%;
}
.cont { width:990px; margin:0 auto;}

#top .cont {padding:20px 0; border-bottom:solid 1px #ffaf03;}
h1, .lang { display:inline-block;  vertical-align:middle;}
h1 { width:30.5%; line-height:0;}
.lang { width:69%; text-align:right; color:#fff; font-size:12px; }
.lang a { color:#fff; border:solid 1px rgba(255,255,255,.5); background:rgba(255,255,255,.1); padding:5px; display:inline-block;}
.lang img { width:14px; margin-right:2px; vertical-align:top;}
.lang-v { vertical-align:top;}
.boton-v { display:block; margin-top:24px;}
.lang-v .boton-v a{ font-weight:500; text-transform:uppercase; background-color:#bc3236; border:none; padding:8px 15px; margin-left:5px;}
.lang-v .boton-v a:hover { color:#fff; opacity:0.8;}

#nav { color:#fff; padding-bottom:20px;}
/*#nav ul { list-style:none; display:block;margin-top:10px; }
#nav li { display:inline-block; padding-right:20px; line-height:1.2; }
#nav li:last-child {padding-right:0;}
#nav li a { color:#fff; text-transform:uppercase; font-weight:500;}
#nav li a:hover, #nav li a.current, .lang a:hover { color:#ffaf03; }*/ 

#slogan { height:302px; font-size:0; }
#slogan .cont { padding:0 50px;}
#slogan h2 {color:#ffaf03; font-size:36px; text-align:center; font-weight:400; padding:80px 0 40px 0;}
#slogan .cont div {display:inline-block;  vertical-align:middle; width:20%; text-align:center;}

.home #main {background:#e8e8e9; padding:30px 0;}
.col3 {  display:inline-block; vertical-align:top; width:314px;  margin-right:20px; }
.col3:last-child{margin-right:0px;}

.home-txt { font-size:16px; line-height:30px; padding-right:14px;}
.home-txt strong { color:#bc3236;}

.home-div { background:#fff; padding:20px 20px 10px 20px; height:238px;}
.home-div h3 {color:#bc3236; font-size:18px; text-transform:uppercase; border-bottom:solid 1px #b1b2b4; padding-bottom:8px; margin-bottom:10px;}
.item { border-bottom:solid 1px #b1b2b4; padding-bottom:12px; margin-top:12px;}
.item h4 { color:#ff7800; font-size:16px; overflow:hidden;}
.home-div:last-child .item { padding-bottom:8px; margin-top:8px;}
.home-div:last-child .item h4 { font-size:14px; }
.item h4 a { color:#ff7800;}
.item h4 span { color:#646569; font-size:14px; font-weight:500;}
.item h4 img { float:left; padding-right:10px;}
.item p span { font-size:12px; display:block;}
.home-div .mas { color:#bc3236; text-align:right; font-size:12px; font-weight:700; padding-top:8px; display:block;}
.home-div:last-child .item{ min-height:68px;}

.special { color:#fff; border-top: solid 10px #fff; text-align:center;
background:#646569 url(images/bg-special.jpg) no-repeat center top !important;}
.special.dos { color:#fff; border-top: solid 10px #fff; text-align:center;
background:#646569 url(images/bg-special.jpg) no-repeat center top !important;}
.special h2 { text-transform:uppercase; font-size:30px; font-weight:700; padding-bottom:10px;  line-height:1;
margin:0 auto 10px auto; border-bottom:solid 1px #ff7800; width:80%;}
.special h3 { display:block; font-size:18px; font-weight:300; text-transform:uppercase; margin-bottom:30px;}
.special .col2 { width:310px; text-align:left; display:inline-block; vertical-align:top;}
.special .right-gap { margin-right:20px;}
.special h4 { color:#ff7800; font-size:16px; font-weight:700;}
.special .bottom-gap { margin-bottom:10px;}
.special .boton-sp { background:#bc3236; width:300px; padding:10px 0; text-transform:uppercase; font-size:12px;
margin:10px auto 0 auto;}
.special .boton-sp a { font-weight:700; font-size:14px; text-transform:lowercase; color:#fff;}
.special .boton-sp.white { background:rgba(255,255,255,.3); border:solid 1px #fff; padding:10px; 
margin:30px auto 0 auto;}
.special .boton-sp.white:hover {background:rgba(255,255,255,.2);}
.special .boton-sp:hover { opacity:.8;}
.special .boton-sp.white a { font-size:12px; text-transform: uppercase;}

.special .col-medio { display:inline-block; width:49%; vertical-align:top;}

.distancia, .distance { border-top: solid 10px #fff; border-bottom: solid 10px #fff; text-align:center;
background:#e8e3e2 url(images/bg-dist.jpg) repeat-y center top !important; padding:30px 0;}
.distancia h2 {text-transform:uppercase; font-size:30px; font-weight:700; padding-bottom:12px;  line-height:1;
margin-bottom:14px; border-bottom:solid 1px #ff7800; color:#bc3236; }
.distancia h3 {text-transform:uppercase; font-size:20px; font-weight:700; line-height:1; }
.distancia h3 span { display:block; font-size:14px; font-weight:500; margin-bottom:10px; text-transform:none; margin-top:10px;}
.distancia .col3 { color:#fff; padding:22px; background:#666; margin:25px 6px; height:377px;}
.distancia .col3.lg {height:430px;}
.distancia .col3.sm {height:350px;}
.distancia .col3.math { background:#666 url(images/bg-math.jpg) no-repeat center top;}
.distancia .col3.stuck { background:#666 url(images/bg-stuck.jpg) no-repeat center top;}
.distancia .col3.hs { background:#666 url(images/bg-hs.jpg) no-repeat center top;}
.distancia .col3.coll { background:#666 url(images/bg-college.jpg) no-repeat center top;}
.distancia .col3.segur { background:#666 url(images/bg-basico.jpg) no-repeat center top;}
.distancia .col3.rig { background:#666 url(images/bg-rig.jpg) no-repeat center top;}
.distancia .col3.sharp { background:#666 url(images/bg-sharp.jpg) no-repeat center top;}
.distancia .col3.eval { background:#666 url(images/bg-eval.jpg) no-repeat center top;}
.distancia .col3.acum { background:#666 url(images/bg-acum.jpg) no-repeat center top;}
/*.distancia .col3:last-of-type { margin-right:0;}*/
.distancia .col3 h2 {font-size:23px; margin-bottom:20px; border-bottom:solid 1px #ff7800; color:#fff; padding-bottom:14px; height:87px;}
.distancia .col3 h2 span {font-size:18px; font-weight:300; text-transform:none; display:block; padding:4px 0;}
.distancia .col3 h2 span.certif { font-size:12px; text-transform:uppercase;}
.distancia .col3 h2 img { height:25px; vertical-align:middle; margin-left:-6px;}
.distancia h4 { color:#ff7800; font-size:16px; font-weight:700;}
.distancia .col3 p span.hor { font-size:12px;}
.distancia .bottom-gap { margin-bottom:10px;}
.distancia .bottom-gap a { color:#fff; text-decoration:underline;}
.distancia .boton-sp { background:#bc3236; width:100%; padding:10px 0; text-transform:uppercase; font-size:12px;
margin-top:10px;}
.distancia .boton-sp a { font-weight:700; font-size:14px; text-transform:lowercase; color:#fff;}
.distancia .boton-sp.white {background:rgba(255,255,255,.3); border:solid 1px #fff; padding:10px; margin-top:20px;}
.distancia .boton-sp.white:hover {background:rgba(255,255,255,.2);}
.distancia .boton-sp:hover { opacity:.8;}
.distancia .boton-sp.white a { font-size:12px; text-transform: uppercase;}

.distancia .col3.lg.xl h2, .distancia .col3.sm h2 { height:110px; margin-bottom:12px;}
.distancia .col3.lg.xl .boton-sp.white { margin-top: 12px;}

.distancia .boton-acc { background:#bc3236; width:65%; padding:10px 0; margin:30px auto; border:solid 2px #bc3236;}
.distancia .boton-acc a { font-size:15px; color:#fff; line-height:1.3;}
.distancia .boton-acc a strong {font-size:17px; color:#fff;}
.distancia .boton-acc:hover {background:#fff;}
.distancia .boton-acc:hover a { color:#646569;}
.distancia .boton-acc:hover a strong { color:#bc3236;}

.distancia hr, .distance hr, .course-mat.dos hr { display:block; height:1px; width:100%; border:none; background-color:#ff7800; color:#ff7800; margin:20px 0;}

.distancia .col3, .distance .col3 {box-shadow:12px 12px 20px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:12px 12px 20px rgba(0, 0, 0, 0.4);
-moz-box-shadow:12px 12px 20px rgba(0, 0, 0, 0.4);
-o-box-shadow:12px 12px 20px rgba(0, 0, 0, 0.4);
-ms-box-shadow:12px 12px 20px rgba(0, 0, 0, 0.4);
}

/*distance eng*/
.distance h2 {text-transform:uppercase; font-size:30px; font-weight:700; padding-bottom:12px; 
line-height:40px; margin-bottom:14px; border-bottom:solid 1px #ff7800; color:#bc3236; }
.distance h2 span {text-transform: none; color: #555659; font-size: 24px; font-weight: 500;}
.distance h3 {font-weight: 500; color: #555659; line-height:1; font-size:20px;}
.distance .col3 { width:60%; color:#fff; padding:22px;  margin:25px 6px; 
background:#263658 url(images/bg-sharp-eng.jpg) no-repeat center top;
background-size: 100% auto !important;}
.distance .col3 h2 {font-size:23px; margin-bottom:12px; border-bottom:solid 1px #ff7800; color:#fff; padding-bottom:14px;  line-height:1.3; text-transform:none;}
.distance .col3 h2 span {font-size:18px; font-weight:300; text-transform:none; display:block; padding:4px 0; color:#fff;}
.distance h4 { color:#ff7800; font-size:16px; font-weight:700;}
.distance .col3 p { text-align:justify; margin:16px 60px; line-height:1.5; font-size:16px;}
.distance .col3 span.h4 { color:#ff7800; font-weight:500;}
.distance .boton-sp { background:#bc3236; width:100%; padding:12px 0; font-size:16px; margin-top:10px;
text-align:center; line-height:1.5;}
.distance .boton-sp a { font-weight:700; font-size:16px; text-transform:lowercase; color:#fff;
display:block;}

.course-act { background:#263658 url(images/bg-dist-eng.jpg) no-repeat center center !important;
background-size: 100% auto !important;
color:#fff; font-size:16px; border-top:solid 10px #fff;}
.course-act h2 { display:inline-block; vertical-align:middle; width:70% /*65%*/; margin-right:5%; font-size:21px /*22px*/; line-height:1.1;
font-weight:400;}
.course-act h2 span { font-size:14px;}
.course-act h2.new { font-size:30px; margin-bottom:20px; }
.course-act .boton { display:inline-block; vertical-align:middle; width:22% /*29%*/; background:#bc3236;
text-align:center; font-size:13px /*15px*/; /*padding:12px;*/ border:solid 3px #a62b2f; height:42px; line-height:36px; font-weight:500;}
.course-act .boton a { color:#fff; text-transform:uppercase; width:100%; display:block;}
.course-act .boton a span { width:42px; background:#a62b2f; float:right; height:36px; overflow:hidden;}
.course-act .boton a span img {height:31px; padding-top:4px; opacity:.7;}
.course-act hr { margin:18px 0;}

.course-act.neu { background-position:center bottom !important;}

.home #main.course-act.neu.one { padding:0 0 30px 0;}
.course-act.neu.one {background:#263658 url(images/bg-azul.jpg) no-repeat center top !important;
background-size: 100% auto !important;}
.osc {background-image: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.15));
border-bottom:solid 1px rgba(255,255,255,.25);
padding:40px 0; margin-bottom:40px;}
.course-act.neu.one .osc h2 {text-transform: uppercase; font-size: 28px; font-weight: 700; line-height:1;
display:inline-block; vertical-align:top; width:73%; margin-right:2%;}
.course-act.neu.one .osc h2 span {font-weight: 300; font-size: 23px; padding-left:0px; color:#fff;}
.course-act.neu.one .osc h2 span.secund {font-weight: 400; font-size: 18px; color:#bc3236;}
.course-act.neu.one .osc .boton {display:inline-block; vertical-align:top; width:22%;}
.course-act.neu.one .osc .cursos-lista { display:block; width:100%; padding:18px; margin-top:18px;
border-top:#ffaf03 1px solid; line-height:1.4; background:rgba(255,255,255,.25);}
.course-act.neu.one .osc .cursos-lista ul{width:100%; padding-left:0px; margin-left:18px; 
column-count: 3; list-style-type:square;}


.distancia .boton-cal {display:block; width:25%; background:#fff; text-align:center; font-size:13px; border:solid 3px #bc3236; height:42px; line-height:36px; font-weight:500; margin:15px auto 0px auto;}
.distancia .boton-cal a { color:#646569; text-transform:uppercase; width:100%; display:block;}
.distancia .boton-cal a span { width:42px; background:#bc3236; float:right; height:36px; overflow:hidden;}
.distancia .boton-cal a span img {height:31px; padding-top:4px;}

.distancia.neu { text-align:left !important; background-image:none !important; background-color:#f0f0f0 !important;}
.distancia.neu .col-34 {display:inline-block; vertical-align:bottom; width:70%; margin-right:5%;}
.distancia.neu .col-14 {display:inline-block; vertical-align:bottom; width:22%;}
.distancia.neu h2 { margin-bottom:0; border-bottom:none; padding-bottom:6px;}
.distancia.neu h2 span {font-weight:400; font-size:24px;}
.distancia.neu h3 {font-weight: 600; font-size:17px; margin-bottom:20px;}
.distancia.neu .boton { display:block; vertical-align:middle; width:100%; background:#bc3236; text-align:center; font-size:13px; border:solid 3px #a62b2f; height:42px; line-height:36px; font-weight:500; margin-bottom:15px;}
.distancia.neu .boton a { color:#fff; text-transform:uppercase; width:100%; display:block;}
.distancia.neu .boton a span { width:42px; background:#a62b2f; float:right; height:36px; overflow:hidden;}
.distancia.neu .boton a span img {height:31px; padding-top:4px; opacity:.7;}
.distancia.neu .boton-cal {display:block; width:100%; background:#fff; text-align:center; font-size:13px; border:solid 3px #a62b2f; height:42px; line-height:36px; font-weight:500;}
.distancia.neu .boton-cal a { color:#646569; text-transform:uppercase; width:100%; display:block;}
.distancia.neu .boton-cal a span { width:42px; background:#a62b2f; float:right; height:36px; overflow:hidden;}
.distancia.neu .boton-cal a span img {height:31px; padding-top:4px;}
.distancia.neu p.lista { line-height:1.5;}
.distancia.neu hr, .course-mat.dos hr { margin:30px 0;}
.distancia.neu .boton-acc { width:100%; margin:0; text-align:center; padding:13px 0;}
.distancia.neu .boton-al a{ font-weight:500; text-transform:uppercase; background-color:#bc3236; border:none; padding:8px 12px; margin-top:10px; display:block; width:100%;
color:#fff; font-size:12px; text-align:center;}
.distancia.neu .boton-al a:hover { color:#fff; opacity:0.8;}
.distancia.neu .boton:hover, .distancia.neu .boton-cal:hover, .course-act .boton:hover{opacity:0.8;}

.distancia.neu.eng .boton-al a {padding:28px 15px; margin-top:0px;}

.distancia.neu.neudos .col-34, .distancia.neu.neudos .col-14 { vertical-align:top;}
.distancia.neu.neudos .boton {margin-bottom:0px !important; background:#fff; border:solid 3px #bc3236;}
.distancia.neu.neudos .boton a { color:#646569;}
.distancia.neu.neudos .boton a span { background:#bc3236;}
.distancia.neu.neudos h2 { padding-bottom:4px;}
.distancia.neu.neudos h3 {margin-bottom:10px;}
.distancia.neu.neudos .boton-al a {margin-top:0px; margin-bottom:10px;}
.distancia.neu.neudos .boton-cal {width:97%; background:#a62b2f; border:solid 3px #d2464a; height:64px; line-height:60px; margin:40px 0;}
.distancia.neu.neudos .boton-cal:hover {opacity:1; background:#fff;}
.distancia.neu.neudos .boton-cal a { color:#fff; font-size:18px; font-weight:600; }
.distancia.neu.neudos .boton-cal a:hover { color:#a62b2f;}
.distancia.neu.neudos .boton-cal a span { width:210px; height:58px; background:#d2464a;}
.distancia.neu.neudos .boton-cal a span img {height:48px; padding-top:8px;}


.curso div.boton-cal-wl {display:block; text-align:center; font-size:13px; font-weight:500;
width:80%; background:#a62b2f; border:solid 3px #d2464a; height:64px; line-height:60px; margin:40px 0;}
.curso div.boton-cal-wl:hover {opacity:1; background:#fff;}
.curso div.boton-cal-wl a { color:#fff; font-size:18px; font-weight:600; }
.curso div.boton-cal-wl a:hover, .curso div.boton-cal-wl:hover a { color:#a62b2f;}
.curso div.boton-cal-wl a span { width:210px; height:58px; background:#d2464a; float:right; overflow:hidden;}
.curso div.boton-cal-wl a span img {height:48px; padding-top:8px; margin-right:0; max-width:none;}


.page .txt.onlin {margin-left:0px; width:100%;}
.page .txt.onlin h3 {font-size:32px; font-weight:400; margin-bottom:20px; color:#ff7800; text-transform:uppercase; padding-bottom:10px; border-bottom:solid 1px #cacaca;}
.page .txt.onlin h3 span { float:right; font-size:20px; padding-top:10px;}
.page .txt.onlin h3 span a { color:#646569;}
.page .txt.onlin h3 span img { height:24px; padding-left:4px;}
.onlin h4 {color:#bc3236; font-size:24px; font-weight:700; margin-bottom:40px; }
.onlin .curso h4 {color:#ff7800; font-size:22px; font-weight:700; margin-bottom:20px; }
.onlin .curso h4 span { display:block; font-weight:500; font-size:18px;}
.onlin p {margin-bottom:6px; text-align:left;}
.onlin hr.cal {display:block; height:1px; color:#ff7800; background-color:#ff7800; margin:15px 0;}
.onlin .curso {display:inline-block; vertical-align:top; margin-right:25px; margin-bottom:25px; text-align:center; padding:20px; width:300px; min-height:280px;
border:solid 1px #dfdfdf; background:#f2f2f2;}
.page .txt.onlin .curso p { font-size:16px; text-align:center; margin-bottom:12px; padding-bottom:10px; line-height:20px; border-bottom:solid 1px #cacaca;}
.onlin .curso.tres {display:block; margin-right:0px; width:960px; min-height:0px;}
.onlin .curso.cuatro {width:218px; background:#fff; min-height:0px}
.onlin .curso.cuatro-b {width:218px;}
.onlin .curso.cinco {width:170px; background:#fff; min-height:0px}
.onlin .curso.cinco h4 span { font-size:20px;}
.onlin .curso.seis {width:300px; background:#fff; min-height:0px}
.onlin .curso.dos {width:465px; background:#fff; min-height:0px}

.onlin .boton-co { background:#bc3236; width:97%; padding:10px 0; font-size:16px; margin-top:30px; color:#fff; text-align:center;}
.onlin .boton-co a { font-weight:700; font-size:14px; text-transform:lowercase; color:#fff;}
.onlin .boton-co:hover { opacity:.8;}

.course-mat { background:#333 url(images/bg-down.jpg) no-repeat center top !important;
background-size: 100% auto !important;
color:#fff; font-size:16px; border-bottom:solid 10px #fff;}
.course-mat .cont { /*padding:0 12%;*/ text-align: center;}
.course-mat .boton{ display:inline-block; vertical-align:top; width:35%; margin:0 14px; background:#fff; text-align:center; font-size:13px; border:solid 3px #bc3236; height:52px; font-weight:500; }
.course-mat .boton a { color:#646569; text-transform:uppercase;}
.course-mat .boton a.first { line-height:1.2; width:80%; padding-top:7px; display:inline-block;}
.course-mat .boton a.second { width:52px; float:right;}
.course-mat .boton a span { width:100%; background:#bc3236; line-height:28px; display:block;}
.course-mat .boton a span img { height:38px; padding-top:7px;}

.course-mat.dos .boton { margin:0; width:320px;}
.course-mat.dos .boton:first-of-type { margin-right:23px; }

.home #main.wci-h { background:#fff; text-align:center;}
.home #main.wci-h .home-txt { font-size:18px; padding-right:0;}
.home #main.wci-h .home-txt strong { font-size:24px;}

#tit {background:#e8e8e9; padding:30px 0;}
#tit h2 {color:#bc3236; font-weight:400; text-transform:uppercase; font-size:30px;}
#tit h2 span {color:#646569; font-size:22px; display:block; margin-top:12px;}
#tit h2 span img { display:inline-block; vertical-align:middle; padding-left:20px;}
#tit h2 span.subt {font-size:18px; text-transform:none; }

#main {background:#fff; padding:30px 0;}
.page img { max-width:280px;}
.page img, .page .txt, .page .datos  { display: inline-block; vertical-align:top;}
.page .txt { width:686px; margin-left:20px;}
.page .txt p{ line-height:20px; text-align:justify; margin-bottom:12px;}
/*.page .txt p:last-child { margin-bottom:0;}*/

.page img.img-big  { max-width:686px;}
.page .txt.small { width:280px; margin-left:20px;}
.page .txt h3 { color:#ff7800; font-size:16px; margin:10px 0; }
.page .datos { width:280px; }

.red {color:#bc3236;}
.gris {color:#646569;}

.cert {border-bottom:solid 1px #b1b2b4; padding-bottom:8px; margin:20px 0;}

.cont.page { overflow:hidden;}

ul.clientes { width:168px; padding-left:0px; float:left; margin:0 30px 30px 0; }
ul.colomb { width:198px; margin-right:0px; }
ul.clientes h3{  font-size:14px; color:#bc3236; border-bottom:solid 1px #b1b2b4;padding-bottom:5px; margin:0 0 5px 0; text-transform:uppercase; }
ul.clientes li { float:left; width:153px; margin-left:15px; font-size:12px;}

.mes {border-bottom:solid 1px #b1b2b4; padding-bottom:15px; margin-top:10px; }
.mes h4 { color:#ff7800; font-size:18px; font-weight:700; margin-bottom:6px; }
.mes h4 a{ color:#ff7800;}
.page .txt .mes h3 { font-size:20px; font-weight:700; color:#646569; text-transform:uppercase; margin:15px 0; border-bottom:solid 1px #b1b2b4; padding-bottom:4px;}

.txt input, .txt select, .txt textarea {padding:10px; color:#646569; font:inherit; border:solid 1px #b1b2b4; height:40px; background:#fff; width:100%; display:block; vertical-align:top; margin-bottom:20px; }
.txt textarea, .txt select#curso  { height:110px;}
.txt input[type="submit"] {background:#bc3236; color:#fff;  padding:0; border:none;font-size:15px; width:300px; text-transform:uppercase; margin-top:10px; }

.txt.register { width:62%; margin:0 auto; display:block;}
.txt.register h3 { text-align:center; color: #bc3236; font-weight: 400; font-size: 30px; margin:0 0 30px 0;}
.txt.register h3 span{  color: #646569; font-size: 14px; display:block;}
.txt.register h4 { text-align:center; color: #646569; font-weight: 500; font-size: 24px; margin:0 0 20px 0;}
.txt.register input, .txt.register select { margin-bottom:0; padding:0 10px; height:30px;}
.txt.register input[type="submit"] { height:40px; width:100%;}
.txt.register input[type="file"] { height:auto; padding:3px 10px;}
.txt.register p { margin-bottom:20px;}
.txt.register p.col-2 { width:48%; display:inline-block; vertical-align:top;}
.txt.register p.col-3 { width:65.5%; display:inline-block; vertical-align:top;}
.txt.register p.col-1 { width:30.9%; display:inline-block; vertical-align:top;}
.txt.register p.right-gap { margin-right:3%;}
.txt.register p span { font-size:12px;}
.txt.register hr { color:#bc3236; background-color:#bc3236; margin:10px 0 20px 0; }

.gracias {text-align:center; min-height:300px;}
.gracias h3 {font-size:30px; color:#bc3236; margin-bottom:20px;}
.gracias p {font-size:18px;}

.curso {border-bottom:solid 1px #c5c5c5; padding-bottom:15px; margin-bottom:15px; }
.curso img { margin-right:20px; max-width:154px;}
.curso img, .curso div { display:inline-block; vertical-align:top;}
.curso div { width:810px;}
.curso h3 { color:#ff7800; font-size:18px; margin:0;}
.curso p { margin:5px 0 0 0; font-size:13px;}
.curso h5 { margin:10px 0 0 0; text-transform:uppercase; color:#232323; font-size:15px; font-weight:normal; }
.curso h5 span { font-size:13px; font-weight:normal; color:#646569; text-transform:none; line-height:1.4; }
.curso h5 span.mat { color:#888;}

.curso.online {border-top:solid 1px #c5c5c5; border-bottom:none !important;
padding-top:20px; margin-top:20px; }
.curso.online table { margin-bottom:40px; margin-top:10px; width:80%;}
.curso.online td { padding:8px 5px; border-bottom:solid 1px #d7d7d7;}
.curso.online td.titon {background:#eee; text-align:center; font-size:16px; font-weight:700; padding:10px;}
.curso.online tr.subtiton {font-size:13px; font-weight:600; background:#ddd;}
.curso.online h5 { margin-bottom:5px;}
.curso.online ul { margin-left:14px;}
.curso.online .boton-co, .curso.ing .boton-co { background:#bc3236; width:80%; padding:10px 0; text-transform:uppercase; font-size:12px; margin-top:30px; color:#fff; text-align:center;}
.curso.online .boton-co a, .curso.ing .boton-co a { font-weight:700; font-size:14px; text-transform:lowercase; color:#fff;}
.curso.online .boton-co:hover, .curso.ing .boton-co:hover { opacity:.8;}

#subtit {background:#f5f5f5; padding:30px 0;}
#subtit a{color:#646569; line-height:24px; padding:0px 6px;}

.verif { padding-bottom:20px;}
.page.verif .login input { width:300px;}
.page.verif .datos { padding-right:30px;}
.page.verif .txt h3, .print h3 {font-size:20px; font-weight:400; color:#bc3236; text-transform:uppercase; 
margin:0 0 20px 0; }
.page.verif .buscar input, .page.verif .buscar select { width:220px; display:inline-block; vertical-align:top; margin:0 6px 0 0;}
.page.verif .buscar input[type="submit"] { margin-right:0;}

.registro {width:450px; margin-top:50px; background:url(images/logo-wci-transp.jpg) no-repeat center bottom 60px;}
.page .txt .registro p { border-bottom:solid 1px #b1b2b4; padding:7px 0; margin:0; }
.registro h3 { margin-bottom:16px;}
.page .txt .registro p:first-of-type, .print p:first-of-type { border-top:solid 1px #b1b2b4;  }
.registro a.boton {background:#bc3236; color:#fff;  font-size:15px; width:200px; text-transform:uppercase; font-weight:700; line-height:40px; display:block; margin-top:20px; text-align:center;}
.registro strong { padding-left:10px;}

.nohay { margin-top:15px;}

.print { padding:40px; width:530px; height:570px; }
.print .logo { text-align:right; font-size:0; background:url(images/border.jpg) no-repeat right 124px bottom; background-size:100% 1px;}
.print .registro p { border-bottom:solid 1px #b1b2b4; padding:9px 0; margin:0; font-weight:500; }
.registro h3 { margin-bottom:16px;}

.examen { min-height:280px;}
.examen .txt p { font-size:16px; font-weight:500;}
.examen .txt p a, .examen .submenu ul li a {color:#646569;}
.examen .txt p a:hover, .examen .submenu ul li a:hover {color:#bc3236;}
.page.examen .txt h3 { text-transform:uppercase; margin:0 0 20px 0;}
.page.examen hr { margin:20px 0;}
.examen .submenu { display:inline-block; vertical-align:top; width:280px; padding-right:30px; }
.examen .submenu ul { list-style:none; }
.examen .submenu ul li { padding-bottom:10px;}
.login #KT_tngtrace { display:none;}

.examen .submenu p { margin-top: 20px; }
.examen .submenu p a img { margin-right: 4px; vertical-align: middle; padding-bottom:4px;}
.examen .submenu p a {color:#bc3236;}

#pie { background-color: #fff;}
#pie .cont{padding:20px 0; border-top:solid 1px #e8e8e9;}
#pie .cont div {display:inline-block;  vertical-align:bottom; width:14.4%; text-align:right;}
#pie .cont div img { height:33px;}
#pie .cont div img.wci { height:64px;}
#pie .cont div:first-of-type {width:26%; text-align:left;}

#footer {background:#646569; font-size:12px;  overflow:hidden; padding:20px 0; color:#fff; font-weight:500;}
#footer p {display:block; vertical-align: middle; }
#footer p.center { text-align:center; line-height:1.8;}
#footer p.left { width:74%; float:left }
#footer p.right { text-align:right; width:24%; float:right;font-weight:300; }
#footer a { color:#fff;}
#footer p.center img{ height:32px; padding:0 6px; margin:10px 0;}

#footer p.dis { text-align:center; color:#bcbcbc; font-size:11px; padding-top:15px;}
#footer p.dis a {color:#bcbcbc;  }

p.social img {height:32px;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #fff;
	/*padding: 10px ;*/
	display: none; line-height:40px;
}
.show-menu img { height:18px; vertical-align:middle; padding-right:5px;}
/*Hide checkbox*/
#nav input[type=checkbox] {
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

.mob { display:none;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{ background:#f5f5f5 !important;}
.ui-widget { font:inherit !important; }
.ui-widget-content {color: inherit !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl, .ui-corner-top,  .ui-corner-tl { border-radius: 0px 0px 0px 0px !important;
-moz-border-radius: 0px 0px 0px 0px !important;
-ms-border-radius: 0px 0px 0px 0px !important;
-o-border-radius: 0px 0px 0px 0px !important;
-webkit-border-radius: 0px 0px 0px 0px !important;
}
.page .txt #accordion h3 { font-size:18px; font-weight:700; margin-bottom:0; color:#bc3236;}
#accordion h4 { color:#ff7800; font-size:17px; font-weight:700; margin-bottom:6px; }
#accordion h4 a{ color:#ff7800;}
#accordion p { margin-bottom:6px; text-align:left;}
#accordion hr.cal { display:block; height:1px; color:#b1b2b4; background-color:#b1b2b4; margin:15px 0;}

/*pop up*/
.pop.fancybox-content { padding:0; max-height:90%;}
body.pop { background:#fff;}
.pop .content { padding:40px;}
.pop .gris {background:#646569 url(images/bg-pop.jpg) repeat-y center top; padding:20px 40px; color:#fff;}
.pop .red { background-color:#bc3236; height:10px;}
.pop p { font-size:16px; margin-bottom:20px;}
.pop p:last-of-type {margin-bottom:0px;}
.pop .tit { background-color:#bc3236; padding:40px 40px 20px 40px;}
.pop h2 { color:#fff; text-align:center;  font-weight:700; text-transform:uppercase; border-bottom:solid 1px #ffaf03; line-height:1.2; padding-bottom:20px; font-size:30px;}
.pop hr { display:block; width:100%; height:1px; background-color:#bc3236; color:#bc3236; margin:30px 0; 
border:none;}
.pop h3 { text-align:center; color:#ff7800 !important; margin-bottom:40px; font-size:20px; font-weight:700;}
.pop .cols { columns:3; column-gap:30px; font-size:13px; line-height:1.4;
-moz-columns:3;
-ms-columns:3;
-o-columns:3;
-webkit-columns:3;
-moz-column-gap:30px;
-ms-column-gap:30px;
-o-column-gap:30px;
-webkit-column-gap:30px;
webkit-column-break-inside: avoid; 
          page-break-inside: avoid;
               break-inside: avoid; }
.pop .cols strong { font-size:14px; line-height:2;}
.pop .center { text-align:center; font-size:14px; margin-top:30px;}
.pop .boton-pop { background:#bc3236; width:80%; padding:10px 0; text-transform:uppercase; font-size:12px;
margin:40px auto 0 auto; text-align:center; color:#fff;}
.pop .boton-pop a { font-weight:700; font-size:14px; text-transform:lowercase; color:#fff;}
.pop .boton-pop.borde {background:#fff; border:solid 1px #bc3236; padding:0px; width:40%;}
.pop .boton-pop:hover { opacity:.8;}
.pop .boton-pop.borde a { font-size:12px; text-transform: uppercase; color:#bc3236; line-height:50px;}
.pop .col2 { display:inline-block; vertical-align:middle; width:49.5%; text-align:center;}
.pop .right-gap { margin-right:3%;}
.pop .col2 h3 { margin-bottom:10px;}
.pop .col2 p { font-size:14px;}
.pop .col2 img { /*border:solid 8px #fff;*/}
.pop .tapa { float:right; margin:0 0 20px 30px; transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg); }
.pop h4 {color:#ff7800; font-size:20px;}

.pop.sharp .col2 p { text-align:left;}
.pop.sharp .col2 p strong{ color:#ff7800;}
.pop.sharp .col2 { vertical-align:top;}


::-webkit-input-placeholder {color: #646569; opacity:1;}
::-moz-placeholder {color: #646569; opacity:1;}
::-ms-input-placeholder {color: #646569; opacity:1;}

@media screen and (max-width: 1920px){
body {background:url(images/bg-top-1920.jpg) no-repeat center top; }
.home { background:url(images/bg-home-1920.jpg) no-repeat center top;}
.distancia { background-size:contain !important;}
}

@media screen and (max-width: 1366px){
body {background:url(images/bg-top-1366.jpg) no-repeat center top; }
.home { background:url(images/bg-home-1366.jpg) no-repeat center top;}
.distancia { background-size:auto !important;}
}

@media screen and (max-width: 1260px){
.course-act.neu, .course-act.neu.one { background-size:cover !important;}
}

@media screen and (max-width: 990px){
.cont { width:97%; }
h1 { width:20.5%;}
.lang { width:79%;}
#nav { height:60px; padding-top:10px;}
/*Make dropdown links appear inline*/
	#nav ul {
		position: relative; z-index:40;display: none;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	#nav ul li, #nav  li a {
		width: 100%; display:block;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block; text-transform:uppercase; line-height:18px; cursor:pointer;
	}
.show-menu img { vertical-align: text-bottom;}
ul#menu { width:220px; margin-left:26px; }
ul#menu li { padding:0;}
ul#menu li a {background:#bc3236; padding:8px 10px;}
#slogan h2 { font-size:32px;}
#slogan { height:299px;}
.col3 { width:31.5%; margin-right:2%;}
.home-txt { line-height:24px;}
.home-div { min-height:238px; height:auto;}
.page .txt { width:69%; margin-left:2%;}
.page .txt.register { width:100%; margin:0;}
.page img { max-width:28.3%;}
.page img.undia { max-width:19.3%;}
.page .cert img { max-width:181px;}
.page .datos, .examen .submenu  { width:28.3%;}
.page img.img-big  { max-width:69%;}
.page .txt.small { width:28.3%; margin-left:2%;}
.page .txt.small p { text-align:left;}

.curso div { width:77%;}
.none { display:none;}
ul.clientes { width:16.8%; margin-right:3%; }
ul.colomb { width:20%; margin-right:0;}
ul.clientes li {width:95%; padding-right:5%;}
.page.verif .buscar input, .page.verif .buscar select { width:31%; margin:0 1.5% 0 0;}
.distancia .col3 h2 { height:auto; font-size:20px;}
.distancia .col3 {height:auto; padding:15px;}
.course-mat .cont { padding:0;}
.course-mat .boton { width:44%; margin:0 1%;}
.course-act { background-size:auto 100% !important;}
.course-act h2 { margin-right:4%;}
.course-act.neu.one .osc h2 { margin-right:1%;}
.course-act .boton, .course-act.neu.one .osc .boton { width:25%;}
.distancia .boton-cal { width:32%;}
.distance .col3 { background-size: cover !important;}
.distance .col3 p { margin:16px;}

.course-act.neu, .course-act.neu.one { background-size:cover !important;}
.distancia.neu .col-34 { margin-right:4%;}
.distancia.neu .col-14 { width:25%;}
/*#pie .cont div { width:19.5%;}*/
.curso.ing #accordion, .curso.online #accordion { width:100%;}

.distancia.neu.neudos .boton-cal {width:100%; max-width:100%;}
.distancia.neu.neudos .boton-cal a span {width:25%;}

.onlin .curso {width:31%; margin-right:2%;}
.onlin .curso.tres { width:98%;}
.onlin .curso.cuatro, .onlin .curso.cuatro-b {width:22%;}
.onlin .curso.cinco {width:18%; margin-right:1.5%; padding:10px;}
.onlin .curso.cinco h4 { font-size:20px;}
.onlin .curso.seis { width:30%;}
.onlin .curso.dos { width:47%;}

.curso div.boton-cal-wl a span { width:20%;}

#pie .cont div:first-of-type { padding-right:10px; }
#pie .cont div { width:14.25%;}
#pie .cont div img { height:30px;}
#pie .cont div img.wci { height:60px;}
}

@media screen and (max-width: 820px){
/*.lang { width:68.5%;}*/
.lang-v .boton-v a { font-size:11px;}
.curso div { width:76%;}
.special h2 { width:100%;}
.distancia { background-repeat:repeat-y !important;}
.distancia .col3 { display:block; width:100%; max-width:350px; margin:25px auto !important;}
.distancia .boton-acc {width:100%; /*max-width:350px;*/}
.pop .cols strong { line-height:1.2;}
.distancia .col3.lg.xl h2, .distancia .col3.lg { height:auto;}
.distancia .boton-cal {width:100%; max-width:350px;}
.distance .col3 p { margin:16px 0;}
}

@media screen and (max-width: 768px){
body {background:url(images/bg-home.jpg) no-repeat center top; }
h1, .lang { display:block; width:100%; text-align:center;}
.lang { margin-top:20px;}
.lang-v .boton-v a { border:solid 1px #a11324; font-size:12px;}
#slogan { height:200px;}
#slogan h2 { padding-top:20px;}
#main.special.dos { padding:0 !important;}
.special.dos { background-image:none !important;}
.special .cont { width:100%;}
.special .col-medio { display:block; width:100%; padding:25px;}
.special .col-medio:first-of-type {background:#000 url(images/bg-special-stuck.jpg) no-repeat left top !important;
background-size:cover !important; padding:25px;}
.special .col-medio:last-of-type {background:#000 url(images/bg-special-hs.jpg) no-repeat right top !important;
background-size:cover !important; padding:25px;}
.special .boton-sp.white { margin-top:20px;}
.special h3 { margin-bottom:20px;}
/*.distancia .col3 h2 { height:134px;}*/
.pop .boton-pop {width:100%;}
.distancia .boton-acc {max-width: none;}
.course-act h2, .distancia.neu .col-34, .distancia.neu h2, .course-act.neu.one .osc h2 
{ display:block; width:100%; margin-bottom:10px; margin-right:0; text-align:center;}
.course-act.neu.one .osc h2 span { display:block;}
.course-act.neu.one .osc h2 br { display:none;}
.course-act h2 strong.red { display:block;}
.course-act .boton, .distancia.neu .col-14, .course-act.neu.one .osc .boton
 { display:block; width:100%; max-width:380px; margin:0 auto;}
.course-mat .boton { display:block; width:100%; max-width:350px; margin:0 auto 20px auto;}
.curso.online table, .curso.online .boton-co { width:100%;}
.distancia.neu .boton-acc { max-width:380px; margin:0 auto;}

.course-act.neu.one .osc .cursos-lista ul { font-size:14px; column-gap:5%;}

#tit h2 span label { display:block; margin-bottom:10px;}
#tit h2 span img { padding-left:0; padding-right:20px;}
.curso.ing #accordion div, .curso.online #accordion div{ width:100% !important;}
.curso.ing .boton-co {width:100%;}

.onlin .curso,
.onlin .curso.tres,
.onlin .curso.cuatro,
.onlin .curso.cuatro-b,
.onlin .curso.seis,
.onlin .curso.cinco,
.onlin .curso.dos {width:100%; margin-right:0%; display:block; min-height:0;}
.curso div.boton-cal-wl {width:100%;}

.course-mat { background-size: auto !important;}

#mc_embed_signup .mc-field-group input { width:70% !important;}

#pie .cont div:first-of-type { display:block; width:100%; margin:0 auto 20px auto; text-align:center;}
#pie .cont div { width:19%; text-align:center;}
}

@media screen and (max-width: 767px){
#slogan h2 { font-size:28px;}
#slogan .cont { padding:0 20px;}
.home-txt, .item h4 { font-size:14px;}
.page img.img-big  { max-width:68%;}
.page .txt.small { width:29.3%; }
.page .curso img { max-width:20%; margin-right:2%;}
.registro { width:100%;}
.special .col2 { width:48%;}
.special .right-gap { margin-right:2%;}

/*.distancia .col3 h2 { height: auto;}*/
}

@media screen and (max-width: 639px){
#top .cont {padding:10px 0;}
.boton-v { margin-top:8px;}
.lang-v .boton-v a { margin-top:4px;}
#nav { height:40px;}

#slogan h2 { font-size:24px;}
.col3 { margin-right:1.8%;}
.home-txt { padding-right:0; }
.home-div { padding:12px 12px 10px 12px;}
.item h4 img { float:none; padding-bottom:10px; display:block;}
.page .txt { width:68.9%; }
.page img.img-big  { max-width:100%; display:block; margin-bottom:20px;}
.page .txt.small { width:100%; display:block; margin-left:0;}
.page .txt.small strong br { display:none;}
.page.verif .buscar input, .page.verif .buscar select { width:100%; margin:0 0 20px 0; display:block;}
.page.examen img { display:none;}
.examen { min-height: auto;}
.special .boton-sp { width:100%;}
.special .col2 { display:block; width:100%; text-align:center;}
.special .right-gap { margin-right:0; margin-bottom:10px;}
.pop .content { padding:30px;}
.pop .tit { padding:30px 30px 20px 30px;}
.pop h2 { padding-bottom:30px;}
.pop .col2:first-of-type {/* display:none;*/ margin-bottom:20px;}
.pop .col2 { display:block; width:100%;}
.pop .boton-pop, .pop .boton-pop.borde { width:100%;}
.txt.register p.col-3 {width: 65%;}
.distance .col3 { width:100%; margin:25px 0;}
.distance h2 { line-height:normal;}

/*#pie .cont div img { height:26px;}
#pie .cont div img.wci { height:50px;}*/
}

@media screen and (max-width: 590px){
#top .cont {padding:10px 0;}
.boton-v { margin-top:8px;}
.lang-v .boton-v a { margin-top:4px;}
#nav { height:40px;}
.txt.register p.right-gap {margin-right: 2%;}
/*#pie .cont div:first-of-type { display:block; width:100%; max-width:200px; margin:0 auto 10px auto;}
#pie .cont div { width:24%;}*/

#mc_embed_signup .mc-field-group input, #mc_embed_signup .bot { width:100% !important;}

#pie .cont div img { height:26px;}
#pie .cont div img.wci { height:50px;}
}

@media screen and (max-width: 540px){
/*h1 {width:68.5%;}
.lang { width:30.5%;}*/
.page .txt { width:68.8%; }
.txt input[type="submit"] {width:100%; }
#footer p.left, #footer p.right  { width:100%; float:none; text-align:left;}
.txt.register p.col-2 { display:block; width:100%;}
.txt.register p.col-2.tel { display: inline-block; width:48%;}

.course-act.neu.one .osc .cursos-lista ul { column-count:2;}

.curso div.boton-cal-wl a { font-size:15px;}
}

@media screen and (max-width: 480px){
.col3 { margin-right:0; display:block; width:100%; margin-bottom:10px;}
.home-txt { line-height:1.2;  }
.home-txt br { display:none;}
.item h4 img { float:left; padding-bottom:0px; display: inline-block;}
.page .txt, .page .datos, .examen .submenu  { width:100%; margin-left:0; display:block;}
.page img { max-width:285px; margin-bottom:20px; display:block;}
.page .cert img { max-width:181px; margin-bottom:20px;}
.page .datos, .examen .submenu  {margin-bottom:40px; padding-right:0;}
.page .curso img { max-width:30%; }
.curso div { width:100%; display:block;}
ul.clientes { width:22%; margin-right:3%; float:none; display:inline-block; vertical-align:top;  }
ul.colomb { width:22%; margin-right:0;}
.mob { display:inline-block; vertical-align:top;}
ul.clientes.non { display:none;}
#slogan h2 { padding-top:20px; padding-bottom:20px;}
/*#slogan { height:216px;}*/
.lang.lang-v { margin-top:15px;}
/*.boton-v { margin-top:12px;}*/
.registro a.boton { width:100%;}
.pop h2 { font-size:24px; padding-bottom:20px;}
.pop .tapa { height:140px; margin:0 0 10px 10px;}
.pop .cols { columns:2; 
-moz-columns:2;
-ms-columns:2;
-o-columns:2;
-webkit-columns:2;}
.txt.register p.col-2.tel, .txt.register p.col-1, .txt.register p.col-3  { display:block; width:100%;}
.txt.register p i { display:none;}
.distance .col3 { padding:22px 18px;}
.page .curso.online img { max-width:100%; }

.distancia.neu h2 span,
.wci-h .home-txt br { display:block;}
#tit h2 span img { padding-right:1%; height:24px;}

.page .txt.onlin h3 span { float:none; display:block; width:100%;}
.page .txt.onlin h3 span img { display:inline-block;}
.page .curso div.boton-cal-wl a span img { max-width:none !important; margin:0; display:inline;}
}

@media screen and (max-width: 420px){
/*h1, .lang { display:block; width:100%; text-align:center;}
.lang { margin-top:20px;}
.lang-v .boton-v a { border:solid 1px #a11324;}*/
/*#slogan  { height:265px;}*/
#slogan .cont { padding:0 5px;}
#slogan h2 {padding-top:0px;}
body {background:url(images/bg-top-420.jpg) no-repeat center top; }
ul.clientes { width:40%; margin-right:9%;}
ul.colomb { width:49%; margin-right:0;}
.pop .tapa { height:100px; margin:0 -10px 10px 2px;}

.distancia.neu.neudos .boton-cal a { font-size:16px;}
.distancia.neu.neudos .boton-cal a span {width:18%;}
#pie .cont div img { height:22px;}
}

@media screen and (max-width: 380px){
/*#slogan { height:180px;}*/
.pop .content { padding:20px;}
.pop .tit { padding:30px 20px 20px 20px;}
}