@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
p, li {color:#222; line-height: 1.6}
footer li, footer a, footer a:hover {color: #eee !important;}
h1, h2, h3, h4, h5, h6 {line-height: 1.6}
h4, h5 {font-weight: bold; font-size: 16px; margin: 25px 0 12px;}
h6 {font-weight: bold; font-size: 14px; margin: 20px 0 8px;}
h4 {color: #f60;}

.megacollapse {border: 1px solid #aaa; padding: 10px; border-radius: 5px; background: rgb(252,242,159);}
.redes-sociales a {margin-right: 10px;}
.fa-facebook-square::before {color: #3B5998}
.fa-twitter-square::before {color: #55ACEE}
.fa-google-plus-square::before {color: #DD4B39}
.fa-linkedin-square::before {color: #007BB6}
.redes-sociales a i:hover::before {color:#F47120}


#con_tabs_panels,#scrollable{margin-bottom: 50px}
.Estilo18 {color: #F60; display: block; margin: 25px 0 10px}
.Estilo14 {color: #F60}
.Estilo17 {	font-size: 12px;}
.Estilo7 {font-weight: normal; letter-spacing: 0px; color: #222222;}
.Estilo20 {font-weight: normal; letter-spacing: 0px; color: #F60; }
.Estilo24 {font-size: 12px; letter-spacing: 0px; font-weight: normal;}
.Estilo29, .Estilo104, .Estilo105 {font-size: 20px; color: #FF6600;}
.Estilo34 {color: #0000FF}
.Estilo35 {font-size: 12px; color: #0000FF; }
.Estilo32 {font-size: 13px}
.contenido_tab td {padding: 5px; border: 1px solid #FFF;}
.contenido_tab ul, .contenido_tab ol {padding-left: 15px;}


.col-sm-2 .navbar-collapse {padding: 0}



body, h2.titular-seccion {
    font-family:'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif
}
p {margin-bottom: 16px;}
#preguntas_div p {margin-bottom: 12px;}
#preguntass #funcionamiento p {margin: 24px 0 12px; line-height: 1.6; }
#preguntass #funcionamiento ul {padding-left: 13px;}
#preguntass .col-sm-10 h2 {text-align: left;}
#preguntass #funcionamiento .img-thumbnail {max-width: 600px; display: block; margin: auto;}
#preguntass table {margin-top: 20px;}

blockquote p {margin-bottom: 20px;}
blockquote p:last-child {margin-bottom: 0 !important;}

.col-md-12 blockquote {margin: 0;}
li {margin-bottom: 5px;}
h1.titular-seccion, h2.titular-seccion {
    vertical-align:baseline;
    letter-spacing:1px
}
h1.titular-seccion, h2.titular-seccion, p.subtitular-seccion {
    white-space:normal;
    text-align:center
}
.expand, .nivo-controlNav a, .nivo-nextNav {
    cursor:pointer
}

.message-item .message-head .user-detail, .nivo-box, .nivo-caption, .nivoSlider {
    overflow:hidden
}
h2.titular-seccion {
    margin-top:10px;
    padding-top:15px;
    font-size:36px;
    line-height:1.3em;
    font-weight:300;
    color:#f60;
    border-top:1px solid #f60
}
h1.hero-title, h2.hero-title, h3.hero-title {
    font-weight:500;
    text-shadow:0 3px 3px rgba(0, 0, 0, .4);
    color:#fff
}
.intro>h2.text-center {
    width:100%
}
h2.text-center.hero-title {
    color:#f60;
    text-transform:uppercase
}
.features-boxed p {
    color:#7d8285
}
.features-boxed h2 {
    font-weight:700;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit
}
.megabtn {
    white-space: initial !important;
    background-color:#F47120 !important;
    color: white !important;
    margin: 15px 0;
}
.megabtn:hover {
    background-color: #E76A23 !important;
    color:#eee !important;
}
blockquote p, blockquote li {font-size: 16px; line-height: 1.6}
blockquote h3 {font-weight: bold}
blockquote ul {margin-bottom: 22px;}

.imagen-centro {text-align: center;}
.imagen-centro img {margin: 0 10px; border: 1px solid #ccc; display: block;}
.imagen-centro p {display: inline-block;}

@media (max-width:767px) {
    .features-boxed h2 {
        margin-bottom:25px;
        padding-top:25px;
        font-size:24px
    }
}
.features-boxed .intro {
    font-size:16px;
    max-width:80%;
    margin:0 auto
}
.features-boxed .intro p {
    margin-bottom:0
}
.footer-dark {
    padding:50px 0;
    color:#f0f9ff;
    background-color:#282d32
}
.footer-dark h3 {
    margin-top:0;
    margin-bottom:12px;
    font-weight:700;
    font-size:16px
}
.footer-dark ul {
    padding:0;
    list-style:none;
    line-height:1.6;
    font-size:14px;
    margin-bottom:0
}
.footer-dark ul a {
    color:inherit;
    text-decoration:none;
    opacity:.6
}
.footer-dark ul a:hover {
    opacity:.8
}
.footer-dark .item.text {
    margin-bottom:36px
}
@media (max-width:767px) {
	.page-scroll, .cerrar {
		color: #FFF;
		text-align: center !important;
		font-weight: bold;	
	}
	body > div:nth-child(2) > div:nth-child(1) > div{padding-top:5%;padding-bottom:1%;}
    #preguntass .col-sm-2 {padding-top: 0 !important;}
    i.fa.fa-graduation-cap {font-size: 5vw;}
    #preguntas_div{margin-bottom: 30px; padding: 0px; }
    .col-sm-2{ padding:0px; }

    #preguntass .col-sm-10 {padding: 0 5% 0; }
    
    #preguntass .tab-content { border-left: none;}


    #navcol-2{
        background-color: rgb(254, 178, 1);
        position: fixed;
        top: 27px;
        width: 100%;
        z-index: 1;
    }
    #btn-menu{
        border-radius: 0px;
        text-transform: uppercase;
        background-image: none;
        background-color: #e76a23;
        border-color: rgba(98, 40, 1, 0);
        float: none;
        margin: 0px auto;
        padding: 0px;
        position: fixed;
        top: 0;
        z-index: 2;
    }
 	#btn-menu:after {
        /* symbol for "opening" panels */
        font-family: 'FontAwesome';  /* essential for enabling glyphicon */
        content: "\f106";    /* adjust as needed, taken from bootstrap.css */
        font-size: large;        /* adjust as needed */
        color: #fff;         /* adjust as needed */
    }
    #btn-menu.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f107";    /* adjust as needed, taken from bootstrap.css */
    }

    .footer-dark .item:not(.social) {
        text-align:center;
        padding-bottom:20px
    }
    .footer-dark .item.text {
        margin-bottom:0
    }
    .well {margin-bottom: 25px;}
    .well > img {max-width: 100px;}
    .well  h2 {margin-right: 30px !important; font-size: 25px;}
    #datos-segun-pais {display: none}
}

.footer-dark .item.text p {
    opacity:.6;
    margin-bottom:0
}
.footer-dark .item.social {
    text-align:center
}
@media (max-width:991px) {
    .footer-dark .item.social {
        text-align:center;
        margin-top:20px
    }
    div.icono-pequeño { top: -9px !important;}
}
.footer-dark .item.social>a {
    font-size:20px;
    width:36px;
    height:36px;
    line-height:36px;
    display:inline-block;
    text-align:center;
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .4);
    margin:0 8px;
    color:#fff;
    opacity:.75
}
.footer-dark .item.social>a:hover {
    opacity:.9
}
.footer-dark .copyright {
    text-align:center;
    padding-top:24px;
    opacity:.3;
    font-size:13px;
    margin-bottom:0
}
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
}
.nivoSlider img {
    position:absolute;
    top:0;
    left:0;
    max-width:none;
}
.nivo-main-image {
    display:block!important;
    position:relative!important;
    width:100%!important
}
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:#fff;
    filter:alpha(opacity=0);
    opacity:0
}
.nivo-box, .nivo-slice {
    z-index:5;
    position:absolute
}
.nivo-box, .nivo-box img, .nivo-slice {
    display:block
}
.nivo-slice {
    height:100%;
    top:0
}
.nivo-caption {
    position:absolute;
    left:0;
    top:0;
    background:rgba(0, 0, 0, 0);
    color:#151515;
    width:100%;
    min-height:10px;
    z-index:8;
    padding:20px 20px;
    opacity:1;
    display:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.nivo-caption h3 {
    text-shadow: 1px 1px 2px rgba(225, 225, 225, 0.8);
    font-size:3.8vw;
    font-weight:700;
    color:#f60;
    margin-top:0;
    margin-bottom:0.3em !important;
    line-height: 1.2;
    margin-left:0vw
}

.nivo-caption p {
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.8);
    font-size:3vw;
    font-weight:700;
    color:#222222;
    margin-left:0vw;
    margin-bottom:0.4em !important;
    line-height: 1.3;
}
p small a {margin-top: 20px;}
.nivo-caption a {
    display:inline!important
}
.nivo-html-caption {
    display:none
}
.nivo-directionNav a {
    position:absolute;
    bottom:100px;
    z-index:9;
    cursor:pointer;
    opacity:.5;
    color:#f60
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, a.btn.btn-link, a:hover, div#paises.row {
    color:#23527c;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #111;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #993300;
}

.nivo-directionNav a:hover {
    transform:scale(1, 5);
    opacity:1
}
.nivo-prevNav {
    left:0;
    position:absolute;
    top:5%
}
.nivo-prevNav h1 {
    margin-left:0;
    min-height:70px
}
.nivo-nextNav {
    right:0;
    position:relative;
    top:5%;
    display:inline-block;
    text-align:center
}
.nivo-controlNav {
    text-align:center;
    padding:15px 0;
    display:none
}
.nivo-controlNav a.active {
    font-weight:700
}
.iconos_caption {
    margin-bottom:2px;
    margin-left:0vw;
    padding:0
}
li.nivo-nextNav p {
    margin-left:0;
    font-size:10px;
    text-align:center;
    margin-top:2px
}
li.nivo-nextNav {
    margin-right:10px
}
.page-header {
    margin:0;
    padding-bottom:0
}
.navbar {
    margin-bottom:0;
    min-height:1px
}
div#paises.row {
    background-color:#e56a1e
}
header {
    background-color:#f47120;
    background-image:url(../../assets/img/r21_bg.png);
    background-repeat:no-repeat
}
.navbar-brand {
    padding:0
}
.navbar-brand>img {
    height:100%;
    width:auto
}
div#background_image.row {
    background-image:url(../../assets/img/r21_bg.png);
    background-repeat:no-repeat
}
div#paises_row.row {
    background-color:#e76a23;
    color:#fff;
    font-size:10px
}
div#datos-segun-pais p {color:#fff;font-size:16px; margin-bottom: 5px}

div#logo-content, #paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2, #menu-row .col-sm-offset-1 {
    padding-left: 3%;
    margin: auto;
}
#menu-row .col-sm-offset-1 {float: inherit; padding-right: 0;}
#paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2 {float: inherit; padding: 0; padding-right: 3%}


@media (min-width:768px) {
    .container, div#logo-content, #paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2, #menu-row .col-sm-offset-1 {
        width:750px
    }
}
@media (min-width:860px) {
    .container, div#logo-content, #paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2, #menu-row .col-sm-offset-1 {
        width:820px
    }
}

@media (min-width:992px) {
    .container, div#logo-content, #paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2, #menu-row .col-sm-offset-1 {
        width:970px
    }
}
@media (min-width:1200px) {
    .container, div#logo-content, #paises_row .col-sm-offset-2, #datos-segun-pais .col-sm-offset-2, #menu-row .col-sm-offset-1 {
        width:1170px
    }
}


div#menu-row.row {
    background-color:#feb201;
    padding-left:5%;
    padding-right:5%
}
nav#menu-principal.navbar.navbar-default {
    background:rgba(254, 178, 1, 0);
    border:0;
    box-shadow:inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 transparent
}
a.btn.btn-link.paises {
    font-size:12px;
    padding-left:10px;
    padding-right:0
}
.separador:before {
    content:"|"
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background:#e76a23!important
}
.navbar-nav>li>a {
    padding-top:5px;
    padding-bottom:5px;
    line-height:20px
}
.navbar-default .navbar-toggle {
    border-color: #E56010;
    background-color: #E56010;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #E56010;
    background-color: transparent;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #E56010;
}


#primer h4, #primer h5, h1.titular-seccion {
    font-family:'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height:1.3em
}
div#primer {
    padding-top:70px;
}
#primer h5 {
    color:#222;
    font-size:14px;
    font-weight:600;
    margin-bottom:0
}
#primer h4 {
    font-size:20px;
    margin-bottom:8px;
    color:#f60;
    font-weight:600;
    margin-top:0
}
#primer ul li {
    margin-left:1em;
    padding:3px 0
}
h1.titular-seccion {
    font-size:40px;
    font-weight:300;
    padding-top:20px
}

p.subtitular-seccion {
    margin-bottom:0;
    font-size:16px;
    margin-top:.3em;
    line-height:1.6em;
    padding-right:5%;
    padding-left:5%
}
#index p.subtitular-seccion {font-size: 20px;}
.icono-pequeño>i.fa.fa-graduation-cap, .icono-pequeñoi>.fa.fa-graduation-cap, i.fa.fa-graduation-cap {
    margin-top:0;
    vertical-align:baseline;
    color:#fff
}
i.fa.fa-graduation-cap {
    font-size:30px
}
.icono-pequeño>i.fa.fa-graduation-cap {
    font-size: 23px;
    vertical-align: middle;
}
.icono-pequeñoi>.fa.fa-graduation-cap {
    font-size:5vw
}
div.row.separador-seccion {
    
    margin-top:10px
}
li.list-group-item.primer-item {
    background-color:#f16b2b;
    color:#fff;
    border-color:#f27c3c
}
div#div_video {
    background-color:#f60
}
#bq_video {
    border-color:#f05a1a;
    color:#fff
}
.video-container {
    position:relative;
    max-width: 560px;
    padding-bottom:40% !important;
    padding-top:30px;
    height:0;
    overflow:hidden;
    margin: auto;
}
.video-container embed, .video-container iframe, .video-container object {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.video-container iframe {max-height: 315px;}
.destacadoo {
	background: #ffd7ae;
	margin: 0px -15px;
	padding: 15px 15px 5px;
}
.destacadooo {border: 1px solid #ccc; padding:0 10px}
.moradoo {color: #993300; font-weight: bold}

@media (max-width: 1200px){
	.video-container {
		padding-bottom: 50% !important;
	}    
}

@media (max-width: 990px){
	.video-container {
		padding-bottom: 56.25% !important;
	}    
}


div.icono-grande, div.icono-pequeño {
    background-color:#f60;
    border-radius:500px;
    position:relative;
    float:left;
    z-index:5;
    text-align:center
}
div.icono-grande {
    height:44px;
    width:44px;
    line-height:50px;
    font-size:24px;
    margin-right:10px;
    margin-left:1px;
    color:#fff;
    top: 0;
}
@media (min-width:600px) {
    div.icono-grande {
        height:64px;
        width:64px;
        line-height:64px;
        font-size:32px;
        text-align:center;
        border-radius:500px;
        position:relative;
        float:left;
        margin-right:30px;
        margin-left:2px;
        z-index:5;
        color:#fff;
        background-color:#f60;
        top: -7px;
    }
    div.icono-grande .glyphicon {line-height: 64px; top: 0;}
}
div#nuevos_cursos {
    margin-top:30px;
    margin-bottom:30px
}
a.text-uppercase {
    font-weight:600;
    color:#222
}
div.icono-pequeño {
    color:#fff;
    height:44px;
    width:44px;
    line-height:44px;
    font-size:30px;
    margin-right:10px;
    margin-left:1px
}
@media (min-width:600px) {
    div.icono-pequeño {
        margin-right:20px;
        margin-left:2px;
        top: 2px;
    }
}
div.red21lab {
    margin-bottom:100px
}
div.texto-icono-grande {
    margin-left:60px
}

@media (min-width:600px) {
    .red21lab div.texto-icono-grande {
        margin-left:66px
    }
    #nuevos_cursos div.texto-icono-grande {
        margin-left:96px
    }

    ul.list-inline.lista_paises {
        text-align:right;
        margin-bottom:0
    }
}

div#lista-cursos {
    margin-top:20px;
    margin-bottom:30px
}
#lista-cursos table a {color: #222;}
#lista-cursos table a:hover {color: #F47120;}
#lista-cursos .panel-default > .panel-heading {color: #222}
tr > td > a > i.glyphicon.glyphicon-eye-open { color: #F47120 !important;}
#lista-cursos .panel-title .glyphicon {top: 0px;}
#lista-cursos .panel-title .pull-right {line-height: 28px;}
#contenido-seccion {
    position:absolute;
    left:150%;
    border-radius:5px;
    border:1px solid red;
    z-index:2
}
.panel-title>.sublista {
    display:none
}
.img-icon {
    position:relative!important;
    width:40px;
    max-width:5vw!important;
    margin:0 auto
}
li.list-group-item>a {
    word-wrap:break-word
}
div#cursos_uno {
    margin-bottom:30px;
    padding-top:10px;
    margin-top:30px;
    padding-bottom:10px
}
.ajustable {
    font-size:4vw
}
@media (min-width:450px) {
    .ajustable {
        font-size:3vw
    }
}
@media (min-width:767px) {
    .ajustable {
        font-size:2vw
    }
}
@media (min-width:991px) {
    .ajustable {
        font-size:1.3vw
    }
}
@media (min-width:1200px) {
    .ajustable {
        font-size:1.1vw
    }
}
@media (min-width:2100px) {
    .ajustable {
        font-size:.5vw
    }
}
li.list-group-item {
    padding:8px 0
}
.panel {
    border-radius:0;
    margin-bottom:5px
}
.panel-default>.panel-heading {
    background-image:none;
    background-color:#fff;
    color:#222
}
.expand {
    display:block;
    text-decoration:none;
    color:#555
}
.detail, .detail_2 {
    margin:20px 0 10px;
    display:none;
    line-height:22px
}
.cerrar-panel {
    padding:0;
    text-align:right;
    margin-top:-25px
}
.panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:14px;
    color:inherit
}
#contenido_preguntas {
    border-right:1px solid #f60
}
.encabezado-preguntas {
    color:#f60;
    font-weight:600;
    margin-top:5px;
    margin-bottom: 20px;
    border-bottom:3px solid #f60;
    padding:15px 0
}
.encabezado-preguntas-fa {
    margin-right:10px;
    margin-left:10px;
    color:#f60!important
}
.encabezado-preguntas-fa2 {
    margin-right:10px;
    margin-left:0;
    color:#f60!important
}
.tabs-left, .tabs-right {
    border-bottom:none
}
.tabs-right {
    border-left:1px solid #ddd
}
.tabs-left>li, .tabs-right>li {
    float:none
}
.tabs-left>li:hover {
    background-color:#ddd
}
.tabs-right>li {
    margin-left:-1px
}
.tabs-right>li.active>a, .tabs-right>li.active>a:focus, .tabs-right>li.active>a:hover {
    border-bottom:1px solid #ddd;
    border-left-color:transparent
}
.tabs-left>li>a {
    border-radius:4px 0 0 4px;
    margin-right:0;
    display:block
}
.tabs-right>li>a {
    border-radius:0 4px 4px 0;
    margin-right:0
}
.sideways {
    margin-top:50px;
    border:none;
    position:relative
}
.sideways>li {
    height:20px;
    width:120px;
    margin-bottom:100px
}
.sideways>li>a {
    border-bottom:1px solid #ddd;
    border-right-color:transparent;
    text-align:center;
    border-radius:4px 4px 0 0
}
.sideways>li.active>a, .sideways>li.active>a:focus, .sideways>li.active>a:hover {
    border-bottom-color:transparent;
    border-right-color:#ddd;
    border-left-color:#ddd
}
.sideways.tabs-left {
    left:-50px
}
.sideways.tabs-right {
    right:-50px
}
.sideways.tabs-right>li {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sideways.tabs-left>li {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.tab-content {
    border-left:1px solid #ddd
}
.icon-title {
    margin:0 auto!important;
    text-align:center;
    font-size:12px!important
}
.panel-title>a.eye_before:hover, tr>td>a:hover {
    color:#f60
}
tr>td>a>i.glyphicon.glyphicon-eye-open {
    margin:3px 5px;
    color:#222;
}
.panel-group .panel {
    margin-bottom:0;
    border-radius:0
}
td>span.badge {
    float:right;
    width:100%;
    text-align:center
}
table {
    border:1px solid #ddd!important;
}
.contenido_tab table {border: none !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
    color:#f60;
    background-color:#fff;
    border:1px solid transparent;
    border-bottom-color:transparent
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color:#555;
    cursor:default;
    background-color:#fff;
    border:0 solid #ddd;
    border-bottom-color:transparent
}
.well {
    min-height:200px;
    padding:0;
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-radius:0;
    -webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, .05);
    box-shadow:inset 0 0 0 rgba(0, 0, 0, .05);
    background-image:linear-gradient(to bottom, #fefdfd 0, #e7d4d4 90%);
    max-width: 430px;
    margin: 0 auto 30px;
}
.well>img {
    margin-top:5px;
    width:30%;
    height:50px;
    transform:rotate(-20deg)
}
.sombra {
    box-shadow:2px 2px 7px rgba(0, 0, 0, .8)
}
a.eye_before {
    font-weight:700;
    font-size:16px
}
.navbar-default .navbar-nav>li>a {
    color:#222!important
}
li.list-group-item.list-item-info-curso, li.list-group-item.list-item-info-curso:before {
    border:0;
    padding-left:10px
}
.modulo {
    padding-left:5%;
    padding-right:5%
}
.message-item {
	color: #222 !important;
	line-height: 1.6;
    margin-bottom:25px;
    margin-left:40px;
    position:relative
}
.message-item .message-inner {
    background:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px;
    position:relative
}
.message-item .message-inner:after, .message-item .message-inner:before, .message-item:after, .message-item:before {
    content:"";
    position:absolute
}
.message-item .message-inner:before {
    border-right:10px solid #ddd;
    border-style:solid;
    border-width:10px;
    color:transparent;
    display:block;
    height:0;
    left:-20px;
    top:6px;
    width:0
}
.message-item .message-inner:after {
    border-right:10px solid #fff;
    border-style:solid;
    border-width:10px;
    color:transparent;
    display:block;
    height:0;
    left:-18px;
    top:6px;
    width:0
}
.message-item:before {
    background:#fff;
    border-radius:2px;
    bottom:-30px;
    box-shadow:0 0 3px rgba(0, 0, 0, .2);
    height:100%;
    left:-30px;
    width:3px
}
.message-item:after {
    background:#fff;
    border:2px solid #ccc;
    border-radius:50%;
    box-shadow:0 0 5px rgba(0, 0, 0, .1);
    height:15px;
    left:-36px;
    top:10px;
    width:15px
}
.clearfix:after, .clearfix:before {
    content:" ";
    display:table
}
.message-item .message-head {
    border-bottom:1px solid #eee;
    margin-bottom:8px;
    padding-bottom:8px
}
.message-item .message-head .avatar {
    margin-right:20px
}
.message-item .message-head .user-detail h5 {
    font-size:16px;
    font-weight:700;
    margin:0
}
.message-item .message-head .post-meta {
    float:left;
    padding:0 15px 0 0
}
.message-item .message-head .post-meta>div {
    color:#111;
    font-weight:700;
    text-align:right
}
.post-meta>div {
    color:#777;
    font-size:12px;
    line-height:22px
}
img.perfil {
    min-height:40px;
    max-height:40px
}






#preguntas_div .profee {margin-bottom: 5px; text-decoration: underline;}
.normall {color: #222; font-weight: normal;}

#ul-scroll li br { display: none; }
#s-div6 .contenido_tab li a {font-size: 13px;}
.mitadd {display: inline-block; width: 49% ; margin: 0 ; padding: 0; text-align: center;}
.tercioo {display: inline-block; width: 32%; padding: 0; margin: 20px 0 0; border: 0; text-align: center;}
.tercioo img {display: block; margin: auto;}

.paises.btn.btn-link {color: #FFF;}
 


#navcol-2{overflow-y: hidden;}
.encabezado-preguntas-fa {margin-left: 0px;}
#boton-demo{display: none;}

.col-sm-12 {
    margin-bottom: 20px;
}

#formulariopagoo1 label, #formulariopagoo2 label, #formulariopagoo3 label, #formulariotransferencia label {padding-right: 0}
.legall {text-align: justify; font-size: 11px; margin-bottom: 0; margin-top: 5px; color: #666; }
.botoness {margin: 20px 0;}
.control-group optgroup {padding-top: 15px;}
.gradioo {height: 34px; padding: 6px 12px; margin-bottom: 15px;}
.radioo {margin-right: 5px;}

.jp-card-back .jp-card-cvc {visibility: hidden; position: relative;}
.jp-card-back .jp-card-cvc:after { visibility: visible; position: absolute; top: 0; left: 0; content: "****";}



.btn-gris {
    background: #bfbfbf;
    background: -moz-linear-gradient(top, #bfbfbf 0%, #919191 100%);
    background: -webkit-linear-gradient(top, #bfbfbf 0%,#919191 100%);
    background: linear-gradient(to bottom, #bfbfbf 0%,#919191 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#919191',GradientType=0 );
    color: #fff;
    border: 1px solid #818181;
}

.btn-gris:focus, .btn-gris:hover {
    background: #919191;
    color: #fff;
}



.navbar-nav li a {border: 0}
.navbar-nav li, .lista_paises li {margin-bottom: 0}
.navbar-nav > li:first-child a {padding-left: 0}


.container { padding-right: 3%;  padding-left: 3%;}

#index .col-sm-4 {max-width: 450px; margin: 0 auto 40px; padding: 0 15px}
#index .col-sm-4 h4, #index .col-sm-4 h5 {text-align: center;}
#index .red21lab .row .col-sm-4 {padding: 0 20px 0 0;}
#index .red21lab .row .col-sm-8 {padding: 0 0 0 20px;}
#index .red21lab .row .col-sm-8 h4, #index #nuevos_cursos .row .col-sm-6 h4 {margin: 12px 0;}
#cursos_uno .col-sm-6 {margin-bottom: 20px}
#div_video .col-md-6 {padding: 10px 0}
#div_video .col-md-12 {padding: 0}
#div_video .comtainer .row {padding: 0 3%;}

#nuevos_cursos .container .col-sm-6 {padding: 10px 0;}


.ajustable {color: #222}
.ajustable:hover {color: #F16B2B}
.primer-item span, .primer-item:hover span {color: #FFF}

.requeridoo {color: #f30; padding-left:5px;}

hr {margin: 25px 0}




@media (min-width: 768px){
    .fijo{ width: 11%;position: fixed;top:10px; }
    #preguntas_div{
        margin-top:10px;margin-bottom:30px;
    }
    body > div:nth-child(2) > div:nth-child(1) > div{padding: 20px 5% ;padding-bottom:1%;}
    div#menu-row.row {padding-left: 0; padding-right: 0}
    
    #menu-row .col-sm-offset-1 .row {margin: 0}
    #menu-principal .container-fluid, #menu-principal .navbar-collapse, #menu-row .col-md-11 {padding: 0}
    #nuevos_cursos .container .col-sm-6:nth-child(odd) {padding: 10px 20px 10px 0;}
    #nuevos_cursos .container .col-sm-6:nth-child(even) {padding: 10px 0 10px 20px;}

    #preguntass .col-sm-10 {width: 80%; margin-left: 2%}
    #preguntass .col-sm-2 {padding: 0}
    #preguntass {width: 15% !important}
}

@media (max-width: 1082px){
    #cursos_uno .col-sm-6 .ajustable {
        font-size: 1em;
    }
}

@media (max-width: 960px){
    div.icono-grande { margin-right: 10px; height: 50px; width: 50px; line-height: 50px; font-size: 25px; top: 0;}
    div.icono-grande .glyphicon {line-height: 50px; top: 0;}
    #nuevos_cursos div.texto-icono-grande { margin-left: 65px;}
}


@media (max-width: 837px){
    #cursos_uno .col-sm-6 {
        max-width: 450px; margin: 0 auto 30px;
    }
}



@media (max-width: 768px){
    ul.list-inline.lista_paises {
        text-align:center;
        margin-bottom:0
    }
    .lista_paises > li {
        padding-right: 0px;
        padding-left: 0px;
    }
    a.btn.btn-link.paises {
        font-size:12px;
        padding-left:3px;
    }
    .navbar-toggle {margin: 15px 0}
    .navbar-brand > img { margin: 7px 0;}
    div.icono-grande {top: 0;}

    .nivo-caption h3 {font-size:4vw; text-shadow: 1px 1px 2px rgba(200, 200, 200, 0.8);}
    .nivo-caption p {font-size: 3.5vw; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);}
    .nivo-caption h3 br {display: none;}
    .nivo-caption p br {display: none;}
    .nivo-caption {padding: 15px}
}





@media (max-width:639px) {
    .imagen-centro img {max-width: 100%; height:auto; margin: 0 10px 0 0;}
}

@media (max-width: 480px){
    h1.titular-seccion, h2.titular-seccion {font-size: 26px;}
    #index p.subtitular-seccion {font-size: 16px;}
    h2 {font-size: 24px;}
    blockquote p, blockquote li {font-size: 14px;}
    blockquote h3 {font-size: 16px;}
    .contenido_tab td {font-size: 12px;}
    .encabezado-preguntas {font-size: 20px;}
    .nivo-caption h3 {font-size:5vw; }
    .nivo-caption p {font-size: 4.3vw; }
    .nivo-caption {padding: 5px 10px}
    .nivo-caption .container {padding: 0}
    #preguntass .tercioo {width: 100%}
    #preguntass .tercioo img {max-width: 100px;}
}


@media (max-width: 360px) {
    .quitar-movil {
        display: none;
    }
    h1.titular-seccion {font-size: 24px;}
    h2 {font-size: 22px;}
    .well h2 {font-size: 22px;}
}

@media (max-width: 250px){
    .dos50{display: none}
}


