body {
    background: #f0f3f6;
}

#lightGallery img{
    margin: 0 0 10px;
}
strong {
    font-weight: normal;
    font-family:'latobold';
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.navbar-brand {
    text-indent: -9999px;
    display: block;
    width: 180px;
    height: 43px;
    background: url(../images/logo.png) no-repeat;
    padding: 0;
    margin:10px;
}
.navbar-toggle {
    border:1px solid #fff;
}
.icon-bar {
    background: #fff;
}
.carousel-caption h1 {
    text-transform: uppercase;
    font-family:'latobold';
    letter-spacing: 3px;
    margin: 0 0 5px;
}
.carousel-caption h2 {
    margin: 0 0 20px;
    text-transform: uppercase;
    font-family:'latolight';
    font-size: 26px;
    letter-spacing: 3px;
}
/* BLOQUE DE SERVICIOS
-------------------------------------------------- */
 #servicios2 {
    background: #315f71;
    color:#fff;
    padding:50px 0;
}
.bloque {
    margin: 0;
    padding: 20px;
    text-align: left;
    position: relative;
}
#servicios {
    background: #315f71 url(../images/bg-serv.jpg) no-repeat center center;
    color:#fff;
    padding:50px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#servicios h2 {
    margin: 10px 10px 0;
    font-size: 20px;
    font-family:'latolight';
}
#servicios p {
    margin:10px;
    font-family:'latolight';
    font-size: 13px;
}
#servicios a.more {
    margin: 10px;
    color:#fff;
    background: rgba(0, 0, 0, .3);
    padding: 4px 8px;
    font-size: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
img.scale {
    float: right;
    width:41.66%;
    margin-left:1rem;
    max-width:500px;
}
.integracion {
    background: #e67761;
    margin-bottom:20px;
}
.bpo {
    background: #9fbb2b;
    margin-bottom:20px;
}
.seguridad {
    background: #00bcf3;
    margin-bottom:20px;
}
.colaboracion {
    background: #efc900;
    margin-bottom:20px;
}
.hardware {
    max-height: 382px;
}
/* BLOQUE DE SOLUCIONES
-------------------------------------------------- */
 #soluciones {
    margin-top:30px;
    margin-bottom: 40px;
}
#soluciones ul {
    padding: 0;
}
/* NOTICIAS
-------------------------------------------------- */
 #noticias-home article {
    margin-bottom: 15px;
}
.estamos {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 3em;
}
.social ul {
    margin: 5px 0 0;
    padding: 0;
}
.social ul li {
    list-style-type: none;
    float: left;
    margin: 6px;
}
.social ul li:last-child {
    margin-right:0;
}
.color-lk {
    color:#1887c6;
}
.color-yt {
    color:#ce1d16;
}
.titulo-noticias {
    font-family:'latolight';
    font-size: 32px;
    color:#666;
    margin: 10px 0 20px;
}
#noticias-home h2 {
    font-size: 16px;
    font-family:'latobold';
}
#noticias-home h2 a {
    color:#223645;
}
.btn-more {
    text-transform: uppercase;
    padding: 4px 8px;
    font-size: 11px;
    background: #4a5b6f;
    color:#fff;
}
.btn-more:hover {
    background: #577394;
    color:#fff;
}
#noticias-home img {
    max-width: 100%;
    height: auto;
}
#title-page {
    background: #1c2a37;
    color:#fff;
    font-family:'latolight';
    padding: 15px 0;
    position: relative;
    margin: 0 0 40px;
}
#title-page:after {
    z-index: -1;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content:'';
    width: 0;
    height: 0;
    border-top: solid 10px #1C2A37;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
#title-page h2 {
    margin: 0;
    padding: 0;
    font-size: 26px;
}
.underline {
    border-bottom: 1px solid #bdc2c8;
}
.separate {
    margin-bottom: 50px;
}
#page h3 {
    font-family:'latobold';
    font-size: 20px;
}
.bloque-servicio h2 {
    font-family:'latolight';
    margin: 0;
    padding: 30px 0 0 20px;
    font-size: 40px;
}
.bloque-servicio h3 {
    font-family:'latolight' !important;
    margin: 0;
    padding: 0 0 0 20px;
}
.bloque-rojo {
    background: #E67761;
    color:#fff;
}
.rojo {
    color:#E67761;
}
.bloque-amarillo {
    background: #EFC900;
    color:#fff;
}
.amarillo {
    color:#EFC900;
}
.bloque-azul {
    background: #00BCF3;
    color:#fff;
}
.azul {
    color:#00BCF3;
}
.bloque-verde {
    background: #9FBB2B;
    color:#fff;
}
.verde {
    color: #9FBB2B;
}
.postmeta {
    border-top: 1px solid #055179;
    border-bottom:1px solid #055179;
    padding-top:10px;
    margin-bottom:20px;
}
.featured {
    margin-bottom: 15px;
}
#page .widget h3 {
    font-family:'latoregular';
    text-transform: uppercase;
    font-size: 18px;
}
.heading {
    border-bottom:1px solid #d5d5d5;
    margin:0 0 30px;
}
.heading h3 {
    display:inline-block;
    position:relative;
    top:20px;
    background:#F0F3F6;
    padding:0 12px 0 0;
}
.thumb-recentpost, .img-test-left{
    margin:0 15px 10px 0;
}

.img-test-right{
    margin: 0 0 10px 15px;
}

.widget article{
    border-bottom:1px dashed #d5d5d5;
    padding-bottom: 20px;
    padding-top: 10px;
}
/* PARTNERS
-------------------------------------------------- */
 #partners {
    background: #fff;
    margin-top:60px;
    padding: 40px 0;
    position: relative;
}
#partners h3 {
    font-family:'latobold';
    margin: 0 0 20px;
    color:#909fb1;
    font-size: 18px;
    padding: 0 0 8px;
    border-bottom:2px solid #f0f3f6;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
 .navbar-wrapper {
    position: relative;
    z-index: 15;
}
.navbar {
    background: #125c96;
}
.navbar a {
    color:#fff;
}
.navbar-nav {
    position: relative;
    top: 15px
}
.navbar-nav li a {
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 10px;
    padding: 3px 2px;
}
.navbar-nav li a:hover {
    border-bottom:2px solid #fff;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
 .carousel {
    /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    margin-top: -90px;
}
/* Since positioning the image, we need to help out the caption */
 .carousel-caption {
    z-index: 10;
}
/* Declare heights because of positioning of img element */
 .carousel .item {
    height: 500px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide-1 {
    background: url(../images/slide-1.jpg) no-repeat center center;
}
.slide-2 {
    background: url(../images/slide-2.jpg) no-repeat center center;
}
.slide-3 {
    background: url(../images/slide-3.jpg) no-repeat top center;
}
.slide-4 {
    background: url(../images/slide-4.jpg) no-repeat top center;
}
.btn-slide {
    background: #0a4064;
    color:#fff;
    padding: 6px 40px;
    transition: background-color 0.5s ease;
}
.btn-slide:hover {
    background: #1b567d;
    color:#fff;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
 .marketing {
    padding-left: 15px;
    padding-right: 15px;
}
/* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 {
    text-align: center;
    margin-bottom: 20px;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}
/* Featurettes
------------------------- */
 .featurette-divider {
    margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
 .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}
/* FOOTER
-------------------------------------------------- */
#footer {
    background: #3b4f63;
    color:#fff;
    padding: 30px 0 20px;
}
#footer h2 {
    margin: 0;
}
#footer h2 a {
    text-indent: -9999px;
    display: block;
    width: 180px;
    height: 43px;
    background: url(../images/logo.png) no-repeat;
    margin-bottom: 20px;
}
#footer address {
    font-size: 12px;
}
address strong {
    font-size: 18px;
    margin-top: 0;
    font-weight: normal;
}
#footer p {
    font-size: 12px;
}
#footer-nav {
    background: #253847;
    color:#fff;
    padding: 10px 0;
}
#footer-nav nav ul {
    margin:0;
    padding: 0;
}
#footer-nav nav ul li {
    list-style-type: none;
    float: left;
    margin:0 10px 0 0;
    border-right:1px solid #fff;
    padding: 0 10px 0 0;
    display: inline-flex;
}
#footer-nav nav ul li a {
    color:#fff;
    font-size: 10px;
    text-transform: uppercase;
}
#footer-nav nav ul li:last-child {
    border:none;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
 @media (max-width: 600px) {
    .carousel-caption h1 {
        font-size: 22px;
    }
    .carousel-caption h2 {
        font-size: 18px;
    }
    #noticias-home h1 {
        font-size: 26px;
    }
    .navbar-nav {
        position: inherit;
        top: 0;
    }
    .bloque-servicio {
        padding: 20px;
    }
    .bloque-servicio h2, .bloque-servicio h3 {
        padding: 0;
    }
    .bloque-servicio h2 {
        font-size: 28px;
    }
    .bloque-servicio h3 {
        font-size: 20px;
    }
    #post h1 {
        font-size: 24px;
    }
}
@media (min-width: 768px) {
    /* Remove the edge padding needed for mobile */
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }
    /* Navbar positioning foo */
    .navbar-wrapper {
        margin-top: 20px;
    }
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.4;
        font-family:'latolight';
    }
    .featurette-heading {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}