.top-bar{background-image: url('../images/bg/top-bar-2.jpg');}
.info-bar p {padding: 14px 0;letter-spacing: 0.4px;color: #464646;}
.info-bar p i{ color: #0061a5;}
.top-social-icon li {
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1.3;
    padding: 10px 10px;
    background: #0061a5 ;
        width: 40px;
    text-align: center;
    transition:all 0.5s ease;
}
.mr-20{margin: 20px 0;}
.top-social-icon li a {color: #fff;font-size: 20px;}
.top-social-icon li:hover {background: #0061a5;}
.bienvenidos{padding: 4% 0;}
.bienvenidos h2{color:#0061a5;padding: 20px 0; }
.bienvenidos p{font-size: 15px; text-align:justify;}
.bienvenidos h2:before{content: '';height: 2px; width: 25px;background:#0061a5;display: block;top: 60px;position: absolute; }
.bienvenidos img{padding: 10px; border: 1px solid #ccc;}
.news-grid-dtl span{width: 90px;height: 80px;display: none;position: relative;margin:-90px auto 10px auto;background: #fff;}
.news-grid-dtl span i{color: #0061a5;font-size: 25px;}
.section-heading:before {content: '';height: 2px; width: 25px;background:#0061a5;display: block; margin-top: 40px;;position: absolute; }
.thin {font-weight: 300;background: #fff;position: absolute;transform: skewX(15deg);top: -34px;width: 100%;height: 125px;z-index: -1;left: 0px;}
.ctn-btn{display: block;text-align: center;}
.left-30{padding-right: 30%;}
.left-10{padding-right: 10%;}
.footer-heading:before{content: '';height: 2px; width: 25px;background:#0061a5;display: block; margin-top: 45px;;position: absolute; }
.redes-footer a{padding: 0 10px;color: #0061a5;}.redes-footer i:hover{color: #0061a5;}
.footer-block i {color: #0061a5;}
.suscribete.btn.btn-default{ margin: 5px 0}
.footer-right{text-align: right;}
.centrar{text-align: center;}
.sectores img{display: block;margin: 0 auto;padding: 0 60px;}
.sectores p{padding-left: 22%;padding-top: 5%;}
.sectores i{color:#0061a5;}
.sectores-hom img{display: block; margin: 0 auto;}
.copyright {padding: 25px 0 13px; background-color: #FFF;background-repeat: repeat-x;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);background-image: url(../images/bg/copy-bg.jpg);background-size: contain;}
.linea{height: 1px;width: 100%;   margin: 4% 0 4%;background: #eee;}
.mar-30{margin: 30px 0 0;}

/*nosotros */
.banner-int{background:#efefef; padding: 4% 0;}
.banner-int h2{color:#0061a5; font-size: 40px; }
.banner-int h5{color:#0061a5; text-align: right;display: block;padding-top: 15px;}
.nosotros h4{color: #0061a5; padding: 2% 0 2%; padding-bottom:20px;}
.puntos ol{-webkit-padding-start: 15px; color:#888; text-align:justify;}
.puntos li{ padding:4px 0;}
.puntos2 ul{color:#888; text-align:justify; display:block;}
.puntos2 ul i{color:#0061a5;}
.puntos2 li{ padding:4px 0;}



.icono-1{ width:5%; padding:5px; box-sizing:border-box;}
.icono-1 i{color:#0061a5;}
.icono-2{ width:95%; padding:5px; text-align:justify; color:#888; box-sizing:border-box;}



.nosotros p i{color: #0061a5;}
.proyecto-modal img{width: 100%;}
.proyecto-modal p{text-align: left;padding-left: 20px;padding-top: 15px;}
.proyecto-modal p strong,.proyecto-modal p i{color: #0061a5;}

@media (max-width:1199px) and (min-width:991px){
   #cssmenu > ul > li > a {padding: 5px 15px;}
   .thin {font-weight: 300;background: #fff;position: absolute;transform: skewX(10deg);top: -34px;width: 100%;height: 125px;z-index: -1;left: -20px;}
}

@media (max-width:991px){
		.icono-1{width:5%; position:absolute}
		.icono-2{ margin-left:5%;}
	}
@media (max-width:600px){
		.icono-1{width:5%; position:absolute}
		.icono-2{ margin-left:8%;}
	}

@media (max-width:990px) and (min-width:768px){
    .call-block {font-size: 22px;}
    .thin {height: 113px;left: -10px;}
}
@media (max-width:785px) and (min-width:768px){
    #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a,#cssmenu #menu-button{float: none;}
    .logo img{width: 100%;}
    #cssmenu.small-screen #menu-button {color: #FFF;background: #0061a5;}
    #cssmenu.small-screen ul {width: 100%;position: absolute;background: #0061a5;color: #fff;}
    #cssmenu ul li a{margin: 10px 0; color: #fff;}
    #cssmenu.small-screen ul ul li a {background: none; color: #fff;}
    #cssmenu > ul > li:hover, #cssmenu > ul > li.active {background: #008131;color: #fff;}
    #cssmenu ul ul{color: #fff;box-shadow:none;}
    #cssmenu > ul > li ul li a, #cssmenu > ul > li ul li a {color: #fff;}
    #cssmenu.small-screen .submenu-button.submenu-opened {background: #008131;height: 42px;}
    #cssmenu ul ul {box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0);}
    #cssmenu.small-screen ul ul{background: #0061a5;}
}

@media (max-width:767px){
    .info-bar p {padding: 5px 0;letter-spacing: 0.4px;color: #464646;text-align: center;}
    .news-grid-main-block.news-two {padding-top: 12%;}
    .top-bar { width: 100%; height: 70px; background-repeat: repeat-x; position: relative; background-size: contain;}
     #cssmenu ul ul {box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0);}
   .call-block {font-size: 22px;}
    .thin {display: none;}
    #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a,#cssmenu #menu-button{float: none;}
    #cssmenu.small-screen #menu-button {color: #FFF;background: #0061a5;}
    #cssmenu.small-screen ul {background: #0061a5;}
    #cssmenu > ul > li:hover, #cssmenu > ul > li.active {background: #0061a5;color: #fff;}
    #cssmenu.small-screen ul ul li a {padding-left: 40px;}
    .call-out-main-block .call-block {margin-bottom: 10px;text-align: center;}
    a.btn.btn-default.inver {background: #0061a5;margin-left: 25%;} a.btn.btn-default.inver:hover {background: #fff; color: #0061a5; }
    .footer-right {text-align: center;}
    
}