/*
    Created on : 5-sep-2016, 11:30:35
    Author     :
*/

@font-face {
    font-family: 'icons';
    src: url('../font/myicons.ttf');
    font-weight: normal;
}
a{
    color:#2fc3d3;
    font-weight:600;
}
a:hover{
    color:#2fc3d3;
}
p, ul li, a, h1, h2, h3, span, input, button{
    -webkit-font-smoothing: antialiased;
    font-family: "proxima_nova_semibold",sans-serif;
}
/************
* END FONTS
************/

/**************
* Icons def
**************/
[class^="icon_"],
[class*=" icon_"] {
    font-family: icons;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;

    /* sprites.less reset */
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

.icon_courses:before        { content: "A"; }
.icon_stats:before          { content: "B"; }
.icon_preferences:before    { content: "C"; }
.icon_profile:before        { content: "D"; }
.icon_mailbox:before        { content: "E"; }
.icon_key:before            { content: "F"; }
.icon_message:before        { content: "G"; }
.icon_switch:before         { content: "H"; }
.icon_tags:before           { content: "I"; }
.icon_pulse:before          { content: "J"; }
.icon_sesion:before         { content: "K"; }
.icon_tag:before            { content: "L"; }
.icon_clock:before          { content: "M"; }
.icon_play:before           { content: "N"; }
.icon_home:before           { content: "O"; }
.icon_calendar:before       { content: "P"; }
.icon_files:before          { content: "Q"; }
.icon_discussion:before     { content: "R"; }
.icon_users:before          { content: "S"; }
.icon_headphones:before     { content: "T"; }
.icon_list:before           { content: "U"; }
.icon_megaphone:before      { content: "V"; }
.icon_clip:before           { content: "W"; }
.icon_edit:before           { content: "X"; }

.blockcurso_content img {
    -webkit-filter: brightness(100%);
    transition: all 0.5s;
}

.blockcurso_content:hover img {
    -webkit-filter: brightness(50%);
    transition: all 0.2s;
}

.blockcurso_content .verficha {
    background-color: #36cd61;
    transition: all 0.5s;
}

.blockcurso_content:hover .verficha {
    background-color: #33CCCC !important;
    transition: all 0.2s;
}

#ppalheader{
    display:block;
    height:80px;
    background:#fff;
    padding:0 12px;
    position:relative;
}
.brand{
    display:block;
    width:122px;
    position:absolute;
    left:51px;
    color:#dc4040;
    font-size:34px;
    font-weight:bold;
    line-height:80px;
    float:left;
    text-decoration:none;
}
.brand:hover{
    color:#7d1333;
    text-decoration:none;
}
.menuppal{
    margin-bottom:0px;
    text-align:center;
    float:left;
    width:100%;
    display:block;
}
.menuppal a{
    color:#6b7d7f;
    font-size:20px;
    line-height:80px;
    font-weight:500;
    margin:0 13px;
}
.menuppal a:hover, .menuppal .active{
    color:#2fc3d3;
    text-decoration:none;
}
.registro{
    display:block;
    position:absolute;
    right:12px;
    margin-top:23px;
}
.registro li{
    float:left;
    list-style:none;
    padding:0px;
}
.registro li a{
    display:block;
    height:39px;
    line-height:39px;
    font-weight:500;
    color:#1da7b6;
    font-size:14px;
    padding:0 12px;
    background:#fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.registro li a:hover{
    color:#fff;
    text-decoration:none;
    background:#2fc3d3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#banner{
    padding:0px;
    position:relative;
}
#banner h2{
    color:#fff;
    text-align:center;
    font-size:36px;
    font-weight:bold;
    margin:0px;
    margin-bottom:17px;
}
#banner h3{
    color:#fff;
    text-align:center;
    font-size:24px;
    font-weight:normal;
    margin:0px;
    line-height:32px;
}
.banner1{
    padding-top:120px;
    height:279px;
    background:url(../images/home/banner.jpg) top center no-repeat;
    background-size:cover;
}
.dato_banner{
    display:block;
    height:98px;
    background:#2fc3d3;
    position:absolute;
    bottom:-98px;
    width:100%;
}
.blacktittle{
    display:block;
    background:#1e2022;
    height:80px;
    padding:0 35px;
    float:left;
    width:432px;
}
.blacktittle h2{
    vertical-align:middle;
    color:#fff;
    font-size:28px;
    font-weight:500;
}
.greitittle{
    display:block;
    background:#2e2d2d;
    height:80px;
    padding:0 35px;
    float:left;
    width:441px;
}
.greitittle h3{
    vertical-align:middle;
    color:#fff;
    font-size:18px;
    font-weight:normal;
    line-height:25px;
}
.banner_organizacion{
    position:relative;
    height:423px;
    background:url(../images/home/bannerorganizacion.png) top center no-repeat;
    background-size:cover;
    margin-bottom:98px;
}
.buscador{
    display:block;
    height:70px;
    background:#fff;
    padding:0 38px;
}
.categoria{
    display:block;
    float:left;
    color:#667779;
    font-size:18px;
    font-weight:500;
    padding-right:30px;
    height:70px;
    line-height:70px;
    background:url(../images/home/categoria.png) right 24px no-repeat;
}
.categoria:hover{
    text-decoration:none;
    color:#e7ab0c;
}
.hidde{
    display:none;
}
#formSearch{
    display:block;
    float:left;
    width:204px;
    height:39px;
    position:relative;
    margin:0px;
    margin-top:15px;
}
.searchbutton, .searchbutton:hover{
    display:block;
    position:absolute;
    top:13px;
    right:20px;
    height:16px;
    width:16px;
    text-indent:-9999px;
    background:url(../images/home/lupa.png) top center no-repeat;
    border:0px;
}
#buscar{
    display:block;
    width:204px;
    padding:0 18px;
    margin:0px;
    border:none;
    height:39px;
    background:#e9f0f3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow:none;
    color:#667779;
    font-size:15px;
    font-weight:500;
}
#buscar:focus{
    outline:none;
}
.searchcontent{
    float:right;
}
.searchcontent ul{
    display:block;
    float:left;
    margin:0px;
}

.searchcontent ul li{
    float:left;
    list-style:none;
    line-height:70px;
    margin-right:20px;
}
.searchcontent ul li a{
    color:#7a8387;
    font-size:15px;
}
.searchcontent ul li a:hover{
    color:#2fc3d3;
    text-decoration:none;
}
.cursos{
    padding:50px 38px;
}
.cursostitle{
    margin-bottom:50px;
}
.cursostitle h2{
    color:#3f4e50;
    font-size:36px;
    font-weight:bold;
    text-align:center;
    margin: 11px 0;
}
.cursostitle p{
    color:#747c7d;
    font-size:14px;
    font-weight:500;
    text-align:center;
}
.blockcurso{
    display:block;
    background:url(../images/home/sombra.png) bottom center no-repeat;
    padding-bottom:49px;
}
.blockcurso_content{background:#fff;}
.blockcurso_content img{width:100%;}
.blcokcurso_padding{
    padding:10px 16px;
}
.blcokcurso_padding h3{
    display:table-cell;
    color:#283334;
    font-size:16px;
    line-height:20px;
    font-weight:500;
    margin:0px;
    height:60px;
    vertical-align:middle;
}
.borde{border-bottom:1px solid #ccdee2;}
.preciocurso{
    display:block;
    float:left;
    width:60px;
    margin-right:11px;
}
.duracioncurso{
    display:block;
    float:left;
    width:70px;
}
.preciocurso p, .duracioncurso p{
    color:#8e999d;
    font-size:14px;
    line-height:18px;
    margin:0px;
    margin-top:4px;
}
.preciocurso p span{
    color:#1dc8db;
    font-weight:500;
}
.duracioncurso p span{
    color:#4a5253;
    font-weight:500;
}
.verficha{
    display:block;
    float:right !important;
    float:left;
    color:#fff;
    font-size:17px;
    background:#2fc3d3;
    padding:10px 23px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.verficha:hover{
    background:#0ee77f;
    text-decoration:none;
    color:#fff;
}
.datoscurso img{
    /*width:30px;
    height:30px;*/
    max-width: 60px;
    float:left;
    margin-right:13px;
}
.datoscurso p{
    color:#787c7d;
    font-size:12px;
    margin:0px;
    line-height:16px;
}
.datoscurso p strong{
    color:#4d5758;
    font-size:14px;
}
.gratis{
    display:block;
    padding:10px 5px;
    background:#7dda7a;
}
.gratis p{
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
}
.vermas{
    text-align:center;
}
.vermas a{
    font-size:18px;
    color:#fff;
    background:#2fc3d3;
    padding:9px 44px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.vermas a:hover{
    background:#0ee77f;
    text-decoration:none;
}
.ipad{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(45deg, #ffffff 0%, #f9f8f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#f9f8f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #ffffff 0%,#f9f8f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #ffffff 0%,#f9f8f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #ffffff 0%,#f9f8f4 100%); /* IE10+ */
    background: linear-gradient(45deg, #ffffff 0%,#f9f8f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f8f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ipadcontent{
    padding:0 60px;
    padding-top:80px;
    height:445px;
    background:url(../images/home/ipad.png) bottom right no-repeat;
}
.ipadcontent h2{
    color:#3f4e50;
    font-size:30px;
    margin-bottom:38px;
}
.ipadcontent p{
    color:#7e7b7b;
    font-size:16px;
}
.sector{
    padding:0 60px;
    padding-top:65px;
}
.boton{
    display:block;
    text-align:center;
    width:208px;
    margin-left:12px;
    color:#fff;
    background:#2fc3d3;
    padding:9px 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
    margin-bottom:40px;
}
.boton:hover{
    background:#ffb901;
    text-decoration:none;
    color:#fff;
}
.green{
    background:#9ad574;
}
.sectorcol span{
    color:#2fc3d3;
    font-size:16px;
    font-weight:500;
    margin-bottom:14px;
}
.sectorcol h3{
    display:table-cell;
    height:100px;
    vertical-align:middle;
    color:#3f4e50;
    font-size:30px;
    font-weight:300;
    padding-right:46px;
}
.sectorcol p{
    color:#6d7575;
    font-size:16px;
    margin-top:26px;
    padding-right:46px;
}
#cierre{
    padding:63px;
    background:#fff;
}
.cierre_content h3{
    color:#383636;
    font-size:30px;
    font-weight:normal;
}
.sugerencia{
    margin-top:40px;
    border-bottom:2px solid #dbe3e5;
    margin-bottom:83px;
}
.sugerencia textarea{
    float:left;
    width:80%;
    resize:none;
    border:none;
    color:#5f6364;
    padding-top:10px;
    height:32px;
}
.sugerencia textarea:focus{
    outline:none;
}
.enviar{
    float:right;
    font-size:30px;
    color:#1dc0d8;
    border: none;
    background: transparent;
}
.enviar:hover{
    color:#1dc0d8;
}
.menucierre, .menucierre a{
    color:#6d7575;
    font-size:14px;
}
.menucierre a{
    margin:0 2px;
}
.menucierre a:hover{
    color:#2fc3d3;
    text-decoration:none;
}
.testplatform h3{
    color:#364041;
    font-size:30px;
    font-weight:500;
    text-align:center;
    margin:0px;
}
.testplatform p{
    color:#747c7d;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    margin:0px;
}
.platformform{
    color:#667779;
    font-size:18px;
    font-weight:300;
    display:block;
    margin:0 auto;
    width:1015px;
    margin-top:24px;
}
.platformform input{
    color:#667779;
    font-size:18px;
    font-weight:300;
    background:#ebf0f0;
    border:0px;
    height:45px;
    padding:0 14px;
    margin:0 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.platformform input:focus{
    outline:none;
}
input.probar, .probar{
    display:inline-block;
    color:#fff;
    font-size:18px;
    font-weight:500;
    background:#30cc6a;
    border:0px;
    line-height:45px;
    height:45px;
    width:auto;
    text-align:center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
    margin:0;
}
input.probar:hover, .probar:hover{
    background:#ffb901;
    text-decoration:none;
    color:#fff;
}
.corporatelearning{
    background:#2fc3d3;
    padding:91px 75px;
}
.corporatelearning_content{
    margin-bottom:85px;
}
.corporatelearning_content h2{
    color:#fff;
    font-size:36px;
    text-align:center;
    font-weight:500;
    margin:0 0 22px 0;
}
.corporatelearning_content p{
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:20px;
    margin:0px;
}
.corpcol h3{
    line-height:25px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding-right:46px;
    margin:0 0 12px 0;
}
.corpcol p{
    color:#fff;
    font-size:15px;
    margin:0px;
    padding-right:46px;
}
.helicecol{
    margin-bottom:60px;
}
.helicecol h3{
    display:block;
    height:56px;
    line-height:25px;
    color:#3f4e50;
    font-size:18px;
    font-weight:500;
    margin:0px;
}
.helicecol p{
    color:#919293;
    font-size:15px;
    margin:0px;
}
.cursemenu{
    display:block;
    height:46px;
    background:#bbc7cb;
}
.cursemenu ul{
    display:block;
    float:right;
    margin-right:24px;
}
.cursemenu ul li{
    display:block;
    float:left;
    margin:0 10px;
}
.cursemenu ul li a{
    color:#707b7f;
    font-size:14px;
    line-height:46px;
}
.cursemenu ul li a:hover{
    color:#fff;
    text-decoration:none;
}
.preciocurso2{
    display:block;
    height:74px;
}
.preciocurso2 p{
    text-align:center;
    line-height:74px;
    color:#545858;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    margin:0px;
}
.preciocurso2 p span{
    color:#1dc8db;
    font-size:32px;
    font-weight:500;
}
.meinteresa{
    display:block;
    background:#30cc6a;
    width:100%;
    height:58px;
    line-height:58px;
    text-align:center;
    color:#fff;
    font-size:22px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.meinteresa:hover{
    color:#fff;
    text-decoration:none;
    background:#2fc3d3;
}
.datacurse{
    display:block;
    height:42px;
    border-bottom:1px solid #ccdee2;
}
.datacurse p{
    text-align:center;
    line-height:42px;
    color:#8e999d;
    font-size:16px;
    font-weight:500;
    margin:0px;
}
.datacurse p span{
    color:#4a5253;
    font-weight:500;
}
.impartido{}
.impartidopor{
    margin-left:20px;
}
.impartidopor .spantext{
    display:inline;
    float:left;
    font-size:20px;
    color:#374648;
}
.impartidopor .icon_list{
    display:inline;
    float:left;
    font-size:35px;
    font-weight:500;
    color:#6b7d7f;
    margin-right:20px;
}
.blue_separata{
    background:#dc4040;
    height:12px;
    width:100%;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.instructor{
    display:block;
    margin:25px 0;
}
.fotoinstructor{
    display:block;
    float:left;
    width:53px;
    height:53px;
    margin-right:22px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background-size: cover !important;
}
.instructor1{
    background:url(../images/home/instructor.png) top center no-repeat;
}
.instructor p{
    color:#3f4e50;
    font-size:17px;
    font-weight:500;
}
.instructor p span{
    color:#2fc3d3;
    font-size:15px;
    font-weight:300;
    font-style:italic;
}
.instrucdescript p{
    color:#545a5a;
    font-size:15px;
}
.descripciondelcurso{
    display:block;
    position:relative;
}
.volver{
    display:block;
    position:absolute;
    top:0px;
    right:17px;
    width:36px;
    height:36px;
    background:url(../images/home/back.png) center 12px no-repeat #8e999d;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    text-align:center;
}
.volver span{
    display:block;
    position:absolute;
    color:#2fc3d3;
    font-size:15px;
    font-weight:500;
    bottom:-23px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.volver:hover{
    text-decoration:none;
    background:url(../images/home/back.png) center 12px no-repeat #2fc3d3;
}
.descripciondelcurso h1{
    display:block;
    width:90%;
    font-size:36px;
    font-weight:bold;
    color:#3f4e50;
    margin:0 0 55px 0;
}
.desplegado_descripcion{
    padding:20px;
    margin-bottom:40px;
}
.desplegado_descripcion p{
    color:#545a5a;
    font-size:15px;
}
.itinerarios{
    display:block;
    position:relative;
    background:#fff;
    padding:29px 16px;
    margin:26px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.number{
    display:block;
    float:left;
    margin-right:14px;
    width:41px;
    height:41px;
    background:#dc4040;
    color:#fff;
    font-size:20px;
    text-align:center;
    line-height:41px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    float:left;
}
.ud{
    display:block;
    width:86%;
    float:left;
}
.ud span{
    color:#2fc3d3;
    font-size:12px;
}
.ud h3{
    color:#3f4e50;
    font-size:20px;
    line-height:22px;
    margin-top:0px;
}
.ui-accordion .ui-accordion-icons{
    padding:0px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border:0px;
    background:transparent;
}
.ui-accordion .number {
    margin-top: 7px;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.ui-accordion .ud span {
    color: #dc4040;
}
#accordion h3{
   margin-top:8px;
   margin-bottom:12px;
}
#accordion .udblock h3{
   margin-top:00px;
}
.ui-state-hover .number {
    background: #71d87d;
}
.flecha{
    display:block;
    position:absolute;
    top:18px;
    right:8px;
    width:23px;
    height:23px;
    background:#9eb2b2;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.flecha:hover{
    background:#3de1f3;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
}
.down{
    display:block;
    width:13px;
    height:9px;
    margin-left:5px;
    margin-top:8px;
    background:url(../images/home/puntadown.png) no-repeat;
}
.up{
    display:block;
    width:13px;
    height:9px;
    margin-left:5px;
    margin-top:8px;
    background:url(../images/home/puntaup.png) no-repeat;
}
.menucurso{
    padding-left:0px;
    margin-left:20px;
    background:url(../images/home/lista.png) top left repeat-y;
}
.menucurso li{
    list-style:none;
    padding-left:40px;
    background:url(../images/home/bull.png) top left no-repeat;
    color:#3f4e50;
    font-size:17px;
    line-height:26px;
    margin-bottom:23px;
}
.menucurso li span{
    color:#29bbcb;
}
.ui-accordion .ui-accordion-header{
    cursor:pointer;
}
.udblock{
    border-top:1px solid #cad9e0;
    padding-top:15px;
    position:relative;
}

h3:focus {
    outline: none;
}

#register .modal-dialog.registerForm{
    width:700px;
}

#register .modal-dialog .modal-content{
    border-radius:0;
}
#register .modal-dialog .modal-content h3{
    color:#7b8687;
    font-size:18px;
    text-align: center;
}
#register .modal-dialog .modal-content .form-control{
    font-size:14px;
    font-weight: 500;
    color:#869aa4;
    border-radius: 3px;
    border:1px solid #e9f1f5;
    background: #e9f1f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom:10px;
}

#register .modal-dialog .modal-content .errorMessage{
    position: absolute;
    top:-50px;
    left: 0px;
    background:url(../images/tooltiparrow.png) #2fc3d3 no-repeat center bottom;
    background-position-y: 50px;
    font-size:12px;
    font-weight: 500;
    color:#fff;
    border-radius: 4px;
    padding:15px;
}

#register .modal-dialog .modal-content .errorMessage:before{
    border-top: 7px solid #2fc3d3;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    content: '';
    display: block;
    left: 50%;
    margin-left: -7px;
    position: absolute;
}

.modal-brand{
    padding-left: 28px;
    font-size:34px;
    color:#187cd8;
    margin-right:30px;
}
.modal-title{
    font-size:16px;
}
button.close{
    display:block;
    width:28px;
    height:28px;
    background:#187cd8;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    text-shadow:none;
    opacity:1;
    color:#fff;
    font-size:30px;
    font-weight:300;
    padding-bottom:4px;
}
button.close:hover{
    background:#e65d1a;
    text-shadow:none;
    opacity:1;
    color:#fff;
}
.registroFacebook h3{
    font-size:16px !important;
    margin-top:0px;
    line-height:20px;
}
.zocial.facebook{
    box-shadow:none;
    border:none;
}
.zocial:before{
    box-shadow:none;
    border:none;
}
.zocial.facebook:before{
    font-size:30px;
}
.zocial.facebook:hover{
    text-decoration:none;
    color:#fff;
}
.nota{
    font-size:15px;
    color:#7b8687;
    text-align:center;
}
.registroFacebook{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #cfdbdb;
}
.inicioSesionCuenta .boton{
    font-size:12px;
    float:right;
    width:100px;
    background:#b3c7d1;
    margin:0px;
}
.inicioSesionCuenta .boton:hover{
    background:#516ec0;
}
.btn-primary{
    display:block;
    width:118px;
    height:39px;
    background:#30cc6a;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    color:#fff;
    font-size:18px;
    font-weight:300;
    padding-bottom:4px;
    margin:0 auto;
    margin-bottom:20px;
    border:0px;
}
.legal{
    font-size:12px;
    color:#747c7d;
    text-align:center;
}
.legal a{
    color:#40c8d7;
}
.tienes{
    display:block;
    font-size:15px;
    color:#7b8687;
    float:left;
    line-height:35px;
    font-weight;300;
}
.register{
    background:url(../images/pixel.png) 278px top repeat-y;
    position:relative;
}
.o{
    display:block;
    position:absolute;
    top:130px;
    left:272px;
    color:#7b8687;
    font-size:18px;
    font-weight:500;
    width:20px;
    height:20px;
    background:#fff;
}
.registrotitle h3{
    font-size:16px !important;
    margin-top:0px;
    margin-bottom:30px;
}
.colder{
    padding:0 15px;
}

.formControl{
    display: inline;
    position:relative;
}
.formControl .errorMessage{
    font-family: "proxima_nova_semibold",sans-serif;
    position: absolute;
    bottom:8px;
    right: 10px;
    width:200px;
    background: #f11a22 no-repeat center bottom;
    background-position-y: 50px;
    font-size:12px;
    font-weight: 500;
    color:#fff;
    border-radius: 4px;
    padding:15px;
}
.formControl .errorMessage:before{
    border-top: 7px solid #f11a22;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    content: '';
    display: block;
    left: 50%;
    margin-left: -7px;
    position: absolute;
}

.modal-content{
    border-radius:0px;
}
.facebookLogin h3{
    font-size:16px !important;
    margin-top:0px;
    line-height:20px;
    color:#7b8687;
    text-align:center;
}
.register{
    background:url(../images/pixel.png) 278px top repeat-y;
    position:relative;
}
#verticalForm p{
    font-size:16px !important;
    margin-top:0px;
    color:#7b8687;
    font-weight: 500;
}
.formulario input{
  font-family: "proxima_nova_semibold",sans-serif;
  background:#e9f1f5;
  margin-bottom:14px;
  border:0px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  box-shadow:none;
  color:#869aa4;
  font-size:14px;
  height:35px;
  width:100%;
  padding:0 13px;
  margin-right:-26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.formsesion input{
    font-size: 14px;
    font-weight: 500;
    color: #869aa4;
    border-radius: 3px;
    border: 1px solid #e9f1f5 ;
    background: #e9f1f5 !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    margin-bottom: 10px;
    width:100%;
    height:38px;
    padding:0 14px;
}
.pull-left{
    padding-left:15px;
}
.form-actions{
    padding-right:15px;
}
.pull-left a{
    font-size:12px;
    color:#747c7d;
}
.pull-left a:hover, .pull-right a:hover{
    border-bottom:1px solid #dee0e0;
    text-decoration:none;
}
.pull-left, .pull-right{
    color:#747c7d;
    font-size:12px;
}
.pull-left a, .pull-right a{
    color:#2fc3d3;
}
.facebookLogin .zocial.facebook{
    background:url(../images/facebook2.png) top center no-repeat;
    text-indent:-9999px;
    display:block;
    width:221px;
    height:153px;
}
.registroFacebook .zocial.facebook{
    background:url(../images/facebook1.png) top center no-repeat;
    text-indent:-9999px;
    display:block;
    width:221px;
    height:97px;
}

/*************************************************************/
.campus_backgroud{
    background:url(../images/epilpsy_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
}
.acceso_campus{
}
.marca_acces{
    display:block;
    background:#fff;
    width:100%;
    margin-bottom:1px;
}
.marca_acces_content{
    padding:30px 100px;
}
.contact_acces{
    display:block;
    background:#fff;
    width:100%;
    margin-bottom: 40px;
}
.contact_acces_content{
    padding:30px 100px;
}
.acceso_header{
    padding:46px 100px;
}
.acceso_header_text{
    width:80%;
    float:left;
}
.acceso_header_text h2{
    margin:0px;
    color:#fff;
    font-size:40px;
    font-family: "proxima_nova_semibold",sans-serif ;
}
.acceso_header_text h3{
    color:#fff;
    font-size:20px;
    margin-top:5px;
    font-family: "proxima_nova_bold",sans-serif ;
}
.acceso_help{
    display:block;
    float:right;
    height:39px;
    line-height:37px;
    font-weight:500;
    color:#fff;
    font-size:14px;
    padding:0 22px;
    border:2px solid #fff;
    background:transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.acceso_help:hover{
    color:#fff;
    text-decoration:none;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.image_brand{
    width:35%;
    float:left;
    display: block;
}
.image_brand img{
    display:block;
    margin:0 auto;
    max-width: 100%;
}
.text_brand{
    width:65%;
    float:right;
    padding-left: 30px;
}
.text_brand hr{
    border:6px solid #f11a22;
    border-radius:6px;
    margin:0;
}
.text_brand p{
    margin-top:20px;
    font-size:17px;
    color:#757678;
}
.contact_acces_content h3{
    color:#364041;
    font-size:30px;
    text-align:center;
    margin-top:0px;
}
.contact_acces_content form{
    width:620px;
    margin:0 auto;
}
.contact_acces_content form input{
    display:block;
    margin-right:11px;
    float:left;
    width:211px;
    height:45px;
    border:none !important;
    padding:0 14px;
    background:#ebf0f0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    font-size:18px;
    color:#667779;
}
.contact_acces_content form input:focus{
    outline:none;
}
.acceder{
    padding:0;
    display:block;
    float:left;
    width:175px;
    height:45px;
    line-height:45px;
    background:#30cc6a;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    font-size:18px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    transition:background 0.2s;
    -webkit-transition:background 0.2s;
}
.recupera_txt{
    color: #747c7d;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}
#linkOlvido{
    color: #747c7d;
    font-size: 12px;
    display: block;
    text-align: center;
    padding-top: 50px;
}
.acceder:hover{
    color:#fff;
    text-decoration:none;
    background:#3de1f3;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.forget{
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
}
.forget a{
    font-size:12px;
    color:#757678;
}
.errorSummary{
    color:#b94a48;
}
#register .modal-dialog .modal-content .form-control.error,
#login .modal-dialog .modal-content .error{
    border-color:#b94a48;
}

.flash-success,
.flash-error,
.flash-ok{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    background-color: #2fc3d3;
    color: #fff;
}

.flash-error{
    background-color: #ea4949;
}

#ContactCourseForm{
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.1);
    padding: 15px 0 10px 0px;
}
#ContactCourseForm input{
    border-radius:0;
    background:rgba(233,241,245,0.5) !important;
    border:none;
}
input:focus{
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
    outline:0 !important;
}