/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
   
}

h1{
    background: #fff;
    padding-right: 15px;
    color: #00A296;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    margin-top: 10px;
    float: left;
}

h2{
 color: #191919;
font-family: 'Oswald', sans-serif;   
}

h2 a{
 color: #191919 !important;
  transition: all 0.5s ease;
}

h2 a:hover{
 color: #00A296 !important;
 text-decoration: none;
}

article img{
    margin-bottom: 10px;
}

.green{
    color: #00A296;
}

.padding-left0{
padding-left: 0;
}

header p{
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 14px;
margin-top: 6%;
margin-bottom: 10px;
}

.logo-header{
margin: 20px 0 20px;
}

p a{
    color: #00A296;
  transition: all 0.5s ease;
}

p a:hover{
    color: #00A296;
}

.call-to-action{
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    padding: 15px 0;
    margin: 35px 0 0;
}

@media (min-width: 768px){

.logo-header{
margin: 20px 0 0;
}

h2{
font-size: 15px;  
}

   header p{
margin-top: 11%;
} 

}

@media (min-width: 992px){

h2{
font-size: 18px;  
}

   header p{
margin-top: 8%;
} 

}

@media (min-width: 1200px){
   header p{
margin-top: 6%;
} 

}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

.carousel {
    height: 50%;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

@media (min-width:768px){
    .carousel {
    height: 29%;
}
}

@media (min-width: 992px){
    .carousel {
    height: 50%;
}
}


/* Pricing Page Styles */
.cont-titulos{
    background: url(../images/bg-titulos.png) center repeat-x;
    float: left;
    margin-top: 25px;
    width: 100%;
}

.texto-aside{
    border-top:5px solid #00A296;
    border-bottom:5px solid #00A296;
    width: 100%;
}

.texto-aside.lead{
    color: #00A296;
    font-family: 'Oswald', sans-serif;
    margin-top: 10px;
    font-size: 16px;
    }

.item-servicio{
float: left;
}

.item-servicio h2{
    font-size: 20px;
    margin-top: 0;
}

.divisor{
    border-bottom:1px solid #DFDFDF;
    float: left;
    margin: 25px 0;
    width: 100%;
}

/* Aside servicios */

.aside-servicios{
    float: left;
}

.aside-servicios article{
    background: #191919;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    padding:45px 0; 
}

.aside-servicios strong{
color: #00A296;
font-weight: normal;
}

.aside-servicios h2{
padding:0 30px; 
}

.aside-servicios p{
padding:0 30px; 
}

.aside-servicios p a{
color: #fff; 
}

li.content {
    list-style-image: url("../images/li.jpg");
}

li.content a{
    color: #00A296;
}

li.content2 {
    list-style-image: url("../images/li2.jpg");
}

li.content2 a{
    color: #00A296;
}

/* Clientes */

.logo-clientes{
    border-bottom: 1px solid #ccc;
}



/* Footer Styles */

footer {
    padding: 50px 0 0;
    background:url(../images/bg-footer.jpg) no-repeat bottom center #ECECEC;
    color: #191919;
    font-size: 12px;
}

footer p{
    margin: 20px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}