/*
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 : 24-feb-2015, 13:27:05
    Author     : Puesto1
*/

.padding-izquierda-form-check{
    padding-left: 35px;
}
.tam_20{
    font-size: 20px;

}
.color_gris {
    color: #666;

}
#intro_description h1 {

    margin-bottom: 0px;
}
#intro{
    padding-top: 55px;
    padding-bottom: 55px;
    background-position: 10% -434px;
}

.btn-warning {
    color: #fff;
    background-color: #ff9600;
    border-color: #c96900;
    padding: 25px;
}

h1.stroke strong{
    font-size: 56px;
    color: #90ec18;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 540px;
}
.padding-button50{
    padding-bottom: 50px;
}
.feature-box2 {
    margin-bottom: 25px;
    padding-left: 5px;
    padding-right: 5px;
}
#quienes-somos {
    background-color: #F5F5F5;
    border-bottom: 1px solid #cfcfcf;
    padding-top: 60px;
    padding-bottom: 80px;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a.selected-nav {
    color: #5aab18;
}
.navbar-nav > li > a {
    color: #333;
}

#contacta2,#service-1,#service-1-image,#service-2,#service-2-image,#service-3,#service-3-image,#service-4,#service-4-image, #blog_post_1, #blog_post_2, #blog_post_3, #blog_post_4, #blog_post_5, #blog_post_6, #blog_post_7, #blog_post_8, #blog_post_9, #blog_post_10, #blog_post_11, #blog_post_12, #blog_post_13, #blog_post_14, #blog_post_15, #blog_post_16, #blog_post_17, #blog_post_18, #blog_post_19, #blog_post_20, #blog_post_21, #blog_post_22  {
    opacity: 0;

}
#casos-de-exito {
    background-image: url("../img/parallax_bg/call_to_action_bkg.jpg");
}
#casos-de-exito {
    background-color: #f0f0f0;
    padding-top: 60px;
    border-top: 1px solid #ddd;
}

#casos-de-exito h1 {
    color: #FFF;
}
#casos-de-exito p {
    color: #FFF;

}
#casos-de-exito h4 {
    color: #FFF;
}

/*#description_project p {
    color: #FFF;

}*/
#blog h4 {
    color: #FFF;
}


#clientes a:focus {
    color: #5aab18;
    text-decoration: none;
}

.feature-box-content {
    min-height: 265px;
}
#areas-de-desarrollo {
    background-color: #f5f5f5;

}
#service-list {
    margin-top: -10px;
}
.service-box {
     margin-bottom: 20px;
}
.service-box-icon {

    background-color: #5f0667;

}
.padding-top15{
    padding-top: 15px;
}
.padding-button25{
    padding-bottom: 25px;
}
#exito{
    background-color: #f0f0f0;
    padding-top: 60px;
    border-top: 1px solid #ddd;

}

.text_marcado{
    display: table; /* keep the background color wrapped tight */
    /*margin: 0px auto 0px auto; /* keep the block centered */
    padding: 5px;
    font-size: 20px;
    background-color: #5f0667;
    color: #ffffff;
}
#about-3-text {
    padding-left: 60px;
}
#about-4-text {
    padding-left: 60px;
}
.quote-text {
    background: rgba(0, 0, 0, 0.2);

    color: rgba(85, 94, 106, 0.8);

}
#features2 {
    padding-top: 60px;
    padding-bottom: 30px;
}
#features2 {
    background-image: url(../img/parallax_bg/features_bkg.jpg);
}
.quote-text {

    font-style: normal;
    color: rgba(0, 0, 0,1);
}
.quote-text:before {
    border-top-color: rgba(0, 0, 0, 0.2);

}
.cursorPointer{
    cursor: pointer;
}
.form_register textarea {
    min-height: 100px;
}

.voffset { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px;  }

.voffsetd { margin-bottom: 2px; }
.voffsetd1 { margin-bottom: 5px; }
.voffsetd2 { margin-bottom: 10px; }
.voffsetd3 { margin-bottom: 15px; }
.voffsetd4 { margin-bottom: 30px; }
.voffsetd5 { margin-bottom: 40px; }
.voffsetd6 { margin-bottom: 60px; }
.voffsetd7 { margin-bottom: 80px; }
.voffsetd8 { margin-bottom: 100px; }
.voffsetd9 { margin-bottom: 150px; }                                  

.poffset3 {padding-top: 20px; } 
.hoffset3 {padding-right: 15px; } 
.cuentaNos{
    display:block;
    font-family: "Lato",sans-serif;
    line-height: 25px;
    font-size: 18px;
}

.navbar-brand {
    padding-top: 8px;
}

.contacto{
    font-size: 21px;
}

.morado{
    color: #5f0667;
    
}
.gris{
    color: #929092;
}
.negro{
    color: #000000;
}
.verde{
    color: #5aab18;
    
}

.morado_claro{
    color: #ac76af;

}

a {
  color: #5aab18;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #4a8c14;
  text-decoration: underline;
}
#blog a:focus {
    color: #5aab18;
    text-decoration: none;
}
.btn-primary {
  color: #fff;
  background-color: #5aab18;
  border-color: #51a110;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #4a8c14;
  border-color: #427d11;
}


.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #5aab18;
    border-color: #427d11;
}


#areas-de-desarrollo {
    background-image: none;
    border-bottom: 1px solid #CFCFCF;
}
.colorBlanco{
    color: #fff;
}
.colorGris1{
    color: #666;
}

/*
#about-1 {
    padding-top: 100px;
    padding-bottom: 100px;
}
#about-1 {
    background-image: url("../img/parallax_bg/call_to_action_bkg.jpg");
}
#about-1 h1 {
    color: #FFF;
}
#about-1 p {
    color: #FFF;

}
#about-1 h4 {
    color: #FFF;
}*/
#about-1{
    background-color: #f5f5f5;
        border-bottom: 0px solid #CFCFCF;
        padding-bottom: 50px;
}
#clients {

    border-bottom: 1px solid #CFCFCF;
}
#contacto {
    background-color: #FFF;

}
#areas-de-desarrollo {
   
    padding-bottom: 0px;

}
#blog{
    background-image: url("../img/parallax_bg/call_to_action_bkg.jpg");
}
#blog h1 {
    color: #FFF;
}
#blog p {
    color: #FFF;

}
/*#description_project p {
    color: #FFF;

}*/
#blog h4 {
    color: #FFF;
}

.colBlanco{


background: rgba(0, 0, 0, 0.70);
}

#about-1 h4, #contacto h4 {

    margin-bottom: 8px;
}

#contacto p {
    color: #666;
    font-size: 18px;
    font-family: "Lato",sans-serif;
    font-weight: 300;
}

#contacto span {

    font-size: 16px;

}

.fontFooter {

    font-size: 16px;

}

.footer-nav li a {
    color: #5aab18;
}

.footer-nav li a:hover,
footer-nav lia:focus {
  color: #4a8c14;
  text-decoration: underline;
}
.fa-border {
   
    border: 0.08em solid #666;

}

.feature-box-icon {
    background-color: #5f0667;

}
.fonSize20{
    font-size: 24px;
}
#video_holder iframe{
    pointer-events: none;
}
/*#all-posts a {
    text-decoration: none;
    background-color: #5aab18;
    color: #FFF;
    font-size: 18px;
    font-family: "Lato",sans-serif;
    font-weight: 500;
    border-radius: 8px;
    margin-left: 8px;
    padding: 6px 12px;
}
#all-posts a:hover {
	background-color: #4a8c14;
}
#all-posts a:focus {
    text-decoration: none;
    background-color: #5aab18;
    color: #FFF;
}*/
.img-responsive{
    /*padding-top: 15px;
    padding-bottom: 15px;*/
}

.img-responsive-proyectos{
    padding-top: 15px;
    padding-bottom: 15px;
}

.customNavigation {

    top: auto;

}
#telephone, #email, #direction, #skype{
    min-height: 156px;
}
#scrollUp:hover {
	background-color: rgba(90, 171, 24, 0.95);
}
#comments{
    margin-bottom: 0px;
}
.error {

    margin-bottom: 5px;
}
.form_register .form-control {

    margin-bottom: 0px;
}
.form-control.errorCampo {
      border-color: red;

}
.error {
      color: red;

}

.stroke {
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000;
}
.stroke2 {
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000;
}
.strokeBlank {
//text-shadow: -0.5px -0.5px 0.5px #000, 0.5px 0.5px 0.5px #000;
}


@media only screen and (min-width: 1025px){
    
    #intro_form {
	padding-left: 100px;
    }
}
@media only screen and (max-width: 1024px){
    .feature-box-content {
        min-height: 0px;
    }
    #logo{
        padding-top: 8px;
    }
   
    .hoffset3 {padding-right: 12px; } 
    .contacto{
   
        font-size: 18px;
        padding-top: 8px;
 
    }
    .navbar-brand {
        padding-left: 10px;
    }
    .cuentaNos{
   
      
        line-height:15px;
  
    }
    #content-wrapper, #about-page-wrapper, #blog-page-wrapper, #single-post-wrapper {
        margin-top: 50px;
    }
    .description-project {
        margin-top: -15px;
        
        padding-bottom: 1px;
    } 

}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .feature-box-content {
        min-height: 410px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #navigation-menu {
        margin-left: 225px;
        float: none;
        margin-top: 15px;
        padding-bottom: 15px;
        padding-top: 0px;
    }

    .navbar-nav > li > a {

        line-height: 25px;

    }
}
@media only screen and (max-width: 768px){
    .navbar-nav > li > a {

        line-height: 40px;

    }
    .hablamos{
        display: none;
    }
    .escribe{
        display: none;
    }
    
    .contacto{
   
        font-size: 16px;
        padding-top: 7px;

    }
   #logo {
    padding-top: 0px;
}
    #about-3-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    #about-4-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    #about-2-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .service-box-title h4 {
        float: none;
        font-weight: 700;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 15px;
    }
    .service-box-image{
        padding-bottom: 45px;
    }
    #all-posts > div > h2{
        padding-bottom: 25px;
    }
    .contacta_boton{
        padding-bottom: 50px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
   
}
@media only screen and (max-width : 480px) {
    .contacto{
   
        font-size: 12px;
        padding-top: 3px;

    }
    .contactHeader1{
        display: none;
    }
    #intro_description, #intro_form, #about-1-text, #about-1-img, #about-2-text, #video_holder, #feature_1, #feature_2, #feature_3, #feature_4, #feature_5, #feature_6, #question_1, #question_2, #question_3, #question_4, #price_1, #price_2, #price_3,#blog_post_1, #blog_post_2, #blog_post_3, #blog_post_4, #blog_post_5, #blog_post_6, #blog_post_7, #blog_post_8, #blog_post_9, #blog_post_10, #blog_post_11, #blog_post_12, #blog_post_13, #blog_post_14, #blog_post_15, #blog_post_16, #blog_post_17, #blog_post_18, #blog_post_19, #blog_post_20, #blog_post_21, #blog_post_22, #client-logo-1, #client-logo-2, #client-logo-3, #client-logo-4, #client-logo-5, #client-logo-6, .footer-nav, #footer_copy, #footer_icons, #subscribe-form, #newsletter-paragraph, #service-image, #service-1, #service-2, #service-3, #progress-bar-holder, #progress-bar-desc, #team-1, #team-2, #team-3, #team-4, #telephone, #email, #direction, #skype, #goTo, #footer-text {
    opacity: 1;
    }
    #contacta2,#service-1,#service-1-image,#service-2,#service-2-image,#service-3,#service-3-image,#service-4,#service-4-image, #blog_post_1, #blog_post_2, #blog_post_3, #blog_post_4  {
        opacity: 1;

    }

    .titlebar2 {
        padding-left: 20px;
    }
    #intro {
        background-position: 50% 34px;
    }
    #all-posts {
        margin-bottom: 0px;
    }
    h1.stroke strong{
        font-size: 50px;
        color: #90ec18;
    }

}
@media only screen and (min-width: 481px){
    
    .contactHeader2{
        display: none;
    }


   
}
@media only screen and (max-width: 320px){
    
    .contacto{
   
        font-size: 12px;
        padding-top: 3px;

    }

    h1.stroke strong{
        font-size: 45px;
        color: #90ec18;
    }


}


#intro_description h1 {
    font-size: 46px;
}