/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/02/2017, 09:55:37 AM
    Author     : ricardo
*/

body {
    /*color: #555;*/
    color: #7a7a7a;
    /*font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

p {
    font-size: 18px;
}

.navbar-nav{
    font-size: 16px;
    line-height: 1.42857143; 
    /*color: #2c3e50;*/
}

.navbar-default {
    background-color: #003e63;
}    

.footer-col p{
    font-size: 18px;
}

.footer_encuentrenos p{
    /*font-size: 13px;*/
    text-align: center;
    padding: 0px 30px;
    /*padding-left: 115px;*/
}

.icon_contact{
  position: relative;
  top: 0.2em;    
}

footer .footer-above {
    background-color: #003e63;
    color: rgba(255,255,255,.7);
    padding-left: 80px;
    padding-right: 80px;
}

footer .footer-below {
    background-color: #2d4966;
}

footer .footer-social{
    /*background-color: #00abe9;*/
    /*background-color: #4092cc;*/
    background-color: #4092cc;
    padding-top: 15px;
    padding-bottom: 30px;
}

.navbar-collapse{
/*    background-color: #00abe9;
    background-color: #4092cc;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000; 
    padding: 0px 10px;
    opacity: 0.9;
    -moz-opacity: 0.5;           Netscape 
    -khtml-opacity: 0.5;         Safari 1.x     
    filter: alpha(opacity=99);  For IE8 and earlier        */
}

nav.navbar{
    background: rgba(143,143,143,.2);
    text-transform: capitalize !important; 
    font-weight: 700;    
}   

.navbar-brand {
    padding: 0px 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    /*background-color: #003e63;*/
    background-color: #2d4966;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;     
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
    /*background-color: #003e63;*/ 
    background-color: #2d4966;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}

.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    /*background-color: #003e63;*/   
}

.navbar-shrink .navbar-collapse{
     /*background-color: #00abe9;*/ 
     /*background-color: #4092cc;*/ 
     background-image: url(/app/asendatos/assets/core/pyrocms/accelerant-theme/resources/img/bg.svg?v=1487207765), linear-gradient(141deg, #00abe9 0%, #026eb0  70%) !important;    
/*     border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px; */
     border: 0px solid #000000; 
     padding: 0px 10px;     
}

/*body hr.star-light {
    border-color: #0583F2;; 
}*/

hr.star-light:after {
    color: #fff;
    background-color: #0583F2;;
}

hr.star-light:after, hr.star-primary:after {
    content: none;
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light, hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 150px;
    border: 0;
    border-top: solid 2px;
    text-align: center;
}

.style_title{
    text-align: center;
    /*color:#18bc9c;*/
    color:#0583F2;
}

.text_justified{
    text-align: justify;
}

h3.subtitle {
    text-align: left;
    color:#18bc9c;    
}

.fa-search-plus:before {
    content: none;
}

/*em.caption-content-desc{
    color: #F9690E;
    color: #7a7a7a;
}*/

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    top: 30%; 
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding: 25px;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    text-transform: none;
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption p {
    font-size: 16px;
    margin: 0;
}

.text-muted {
    color: #86939e;
}

#portfolio .portfolio-item .portfolio-caption p, section h3.section-subheading {
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: italic;
}

section h3.section-subheading {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 40px;
}

#portfolio .portfolio-item .portfolio-caption p, section h3.section-subheading {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-style: normal;
}

.puzzles_box{
    background-color: #d6e9f0;
}

a, a:hover, a:focus, a:active, a.active {
    /*color: #0583F2;*/
    color: #00abe9;
}

.btn-success {
    background-color: #0583F2;
    border-color: #0583F2; 
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    /*background-color: #128f76;*/
    /*border-color: #11866f;*/
    background-color: #337ab7;
    border-color: #337ab7;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback {
    color: #337ab7;
}

.has-success .form-control, .has-success .form-control:focus {
    border: 2px solid #337ab7;
}

.container_header{
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.relative_header{
    position: relative;
    width: 100%;    
}

img.header_img{
    width:100%;
}

.header_img{
    background-position:  center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*height: 250px;*/
    width: 100%;
    height: auto;
    position: relative;
    background: none;
}

.intro-text{
    position: absolute;
    top: 75%;
    left: 0;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.4);
}

hr.header-star-light{
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #fff;
}

header .intro-text .name {
    font-size: 1.75em;
}

@media (min-width: 768px){
    
    .col-sm-3 {
        width: 15%;
    }   
    
    header .intro-text .name {
        font-size: 3.75em;
    }
    
    .header_img{
        height: 650px;
    }
    
    .intro_text{
        height: 500px;
    }
    
    .container > .navbar-header, .container > .navbar-collapse{
        padding-right: 15px;
        padding-left: 15px;
    }    
}

@media (min-width: 625px){
    header .intro-text .name {
        font-size: 2.75em;
    }
}

.login{
    /*background-color:#F9690E;*/    
    background-color: #dc6000;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;    
}

a.login:hover, a.login:focus, a.login:active {
    background-color:#c75700 !important;
}

#content > .container {
     padding-top: 0px; 
}

#gancho{
    /*background-color: #026eb0;*/  
    background-color: #3b86bc;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 80px;
}

#nuestros_clientes{
    background-color: #4092cc;   
    color: #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 80px;
}

hr.star-light-white{
    border-color: #fff !important;
}

/*#portfolio .portfolio-item .portfolio-link .caption {
    background: rgba(60,60,60,.6);
}    */

section {
    padding: 100px 0 0 0;
}

section#portfolio, section#programs{
    background-color: #e7e7e7;
/*    padding-left: 70px; 
    padding-right: 70px;
    padding-bottom: 70px;*/
}

section#contact{
    padding-left: 200px;
    padding-right: 200px;    
}

a.btn{
    /*background-color: #F9690E;*/
    background-color: #dc6000;
}

a.btn:hover{
    
}

li.no_li{
    list-style:none;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

section{
    padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 80px;    
}    

section h3.section-title {
    font-size: 28px;
    text-transform: none;   
}

.fa-ul > li {
    margin-right: 3px;
    font-size: 16px;
}

.fa-ul > li > em{
    margin: 10px;
}

.nosotros_center{
    padding-top: 5%; 
}

#programs .programs-item .programs-caption {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    /*text-align: center;*/
    padding: 15px;
    box-shadow: 6px 6px 15px;
    -moz-box-shadow: 6px 6px 15px;
    -webkit-box-shadow: 6px 6px 15px;
}

#nuestros_clientes .programs-caption{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-color: #fff;
    display:block;
    text-align: center;
    padding: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;    
    border-radius: 50%;
    margin-bottom: 10px;    
}

#posts{
    padding-left: 80px;
    padding-right: 80px;
}

footer .footer-above h4 {
    text-transform: none;
}

.img-circle{
    border-radius: 0% !important;
}

.img-circle.img-circle-apl {
    border-radius: 40% !important;
}

#nuestros_clientes .programs-caption .img-responsive{
    display: initial; 
    /*max-width: 100%;*/
    height: auto;
    padding-top: 5px;        
}

#nuestros_clientes .padd_logo .img-responsive{
    padding-top: 10px;        
}

#nuestros_clientes .padd_large_logo .img-responsive{
    padding-top: 20px;        
}

#nuestros_clientes .programs-item p{
    font-size: 14px;
}

.aulas{
    /*height: 65px;*/
    color: #fff;
    display: table;
    width: 100%;
}

.aulas:hover {
    color: #fff;
    text-decoration: none;
    cursor: auto;
    font-weight: bold;
}

.aula-academica:hover{
    background-color: rgba(41, 128, 185, 5);
}

.aula-gestion:hover{
    background-color: rgba(24, 188, 156, 5);
}

.aula-familia:hover{
    background-color: rgba(231, 76, 60, 5);
}

.aula-estudiantes:hover{
    background-color: rgba(155, 89, 182, 5);
}

.aula-docente:hover{
    background-color: rgba(230, 126, 34, 5);
}

.aula-academica{
    background-color: rgba(41, 128, 185, 0.9);
    margin-bottom: 5px;
}

.aula-gestion{
    background-color: rgba(24, 188, 156, 0.9);
    margin-bottom: 5px;
}

.aula-familia{
    background-color: rgba(231, 76, 60, 0.9);
    margin-bottom: 5px;
}

.aula-estudiantes{
    background-color: rgba(155, 89, 182, 0.9);
    margin-bottom: 5px;
}

.aula-docente{
    background-color: rgba(230, 126, 34, 0.9);
    margin-bottom: 0px;
}

/*.aulas p {
    display: table-cell;   
    padding-left: 70px;
    text-decoration: none;
    color: #fff;
    vertical-align: middle;    
}*/

.aulas .franja-aulas-content{
    display: table-cell;   
}

.aulas .franja-aulas-content a{
    text-decoration: none;
    color: #fff;   
}

.aulas .franja-aulas-content a p{
    padding-top: 20px;
}

.franja-aulas{
    width: 40px;
    height: inherit;
    background-color: rgb(208, 211, 214); 
    margin-left: 20px;
    display: table-cell;   
}

.float-aula-img{
    position: relative;  
    float: left;
    width: 65px;
    left: -30px;
}

.project-list-primary .project {
    position: relative;
    width: 100%;
    /*height: 300px;*/
    overflow: hidden;
    text-align: center;
}   

.project-list-primary .project .wrapper {
    width: 100%;
    /*height: 300px;*/
    background-size: cover;
    background-position: 50%;
    display: table;
    -webkit-transition: transform .8s ease-in-out;
    -o-transition: transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.project-list-primary .project .content {
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
/*    padding-left: 15px;
    padding-right: 15px;*/
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.project-list-primary {
    padding: 20px 30px 0px 30px;
    /*text-align: left;*/
}
.project-list-primary .left-col {
    width: 66.60%;
    float: left;
    margin-right: 1px;
}
.project-list-primary .right-col {
    width: 33.20%;
    float: left;
    margin: 1px 0px;
}      
.project-list-primary .left-col .project, .projects .project-list-primary .left-col .wrapper {
    height: 100%;
}  
.project-list-primary .project .overlay, .projects .project-list-primary .project .content {
     opacity: 0; 
    filter: alpha(opacity=0);
}    

@media (min-width: 768px){
    .projects .project-list-primary {
        padding: 0 40px;
    }
}

.interaulas-box{
    height: 350px;    
}