/*banner*/

.top-banner {
  width: 100%;
  height: 450px;
  display: Block;
  margin: 0px;
  padding: 0px;
  position: Relative;
  background: url(../images/servicios/banner-2.jpg) top center no-repeat;
  z-index: 90;
}
.top-banner h1 {
  color: #0054a6;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 50px;
  padding-top: 110px;
  font-weight: normal;
  max-width: 516px;
  margin: 0px;
}
.services-text{
  text-align: center;
}
.top-banner p {
  font-size: 20px;
  line-height: 30px;
  padding-top: 10px;
  margin: 0px;
  font-weight: normal;
  max-width: 465px;
}

/*gerenciamiento de presupuesto estable*/
.content-pres{
 margin-bottom: 25px;
}
.item-icn{
	  width: 55px;
  height: 45px;
  display: inline-block;
  margin-right: 8%;

}

.content-text{
   vertical-align: top;
  padding-top: 11px;
  display: inline-block;
  max-width: 164px;
}

.icn-posa{
	  background: url(../images/servicios/sprite.png) -80px 207px;
}

.icn-posb{
	  background: url(../images/servicios/sprite.png) -80px 133px;
}

.icn-posc{
	  background: url(../images/servicios/sprite.png) -80px 60px;
}

.icn-posd{
	  background: url(../images/servicios/sprite.png) -144px 213px;
}

.icn-pose{
	background: url(../images/servicios/sprite.png) -146px 131px;
}


/* SECOND BANNER*/

#secondary_banner h2 {
  color: #0054a6;
  text-transform: uppercase;
}

#secondary_banner {
  width: 100%;
  height: 450px;
  display: Block;
  clear: both;
  margin-top: 45px;
  margin-bottom: 48px;
  padding: 0px;
  position: Relative;
  background: url(../images/servicios/banner_3.jpg) top center no-repeat;
}

#secondary_banner .left_col {
    width: 49%;
    max-width: 453px;
    padding: 8.5% 0% 0 0;
    margin: 0px;
}

/* servicios*/

.services-bx{
  display: inline-block;
  width: 264px;
  height: auto;
  margin: auto;
  padding: 25px 17px; 
    margin-bottom: 3%;
}

.services-icn{
	width: 72px;
	height: 62px;
	margin: 0 auto;
	background: url(../images/servicios/sprite.png) 10px 20px;
}

.ser-icnposa{
	 background: url(../images/servicios/sprite2.png) 6px 2px no-repeat;
}
.ser-icnposb{
	      background: url(../images/servicios/sprite2.png) 6px -95px no-repeat;
 }
.ser-icnposc{
	     background: url(../images/servicios/sprite2.png) 5px -199px no-repeat;
}
.ser-icnposd{
	  background: url(../images/servicios/sprite.png) -4px 68px;
}

.services-h h2{
	text-align: center;
	text-transform: uppercase;
}

.services-bordera{
	border: 1px solid rgb(27, 20, 100);
}
.services-borderb{
	  border: 1px solid rgb(0, 84, 166);
}
.services-borderc{
	  border: 1px solid rgb(68, 140, 203);
}
.services-borderd{
	border: 1px solid rgb(109, 207, 246);
}



.serv-flexbox{

margin-top: 80px;
margin-bottom: 60px;
display: flex;
  
flex-flow: row wrap;
  

justify-content: space-around;

}

.services-btn a{

	display: block;
padding: 8px 0px;
	  text-align: center;
	  color: white;
	  text-decoration: none;
	
}

.sbtna{
  width: 111px;
  	margin:auto;
   background-color: rgb(27, 20, 100);
}

.sbtnb{width: 129px;
		margin:auto;
  background-color: rgb(0, 84, 166);}
.sbtnc{  width: 162px;
		margin:auto;
  background-color: rgb(68, 140, 203);}
.sbtnd{  width: 117px;
		margin:auto;
  background-color: rgb(109, 207, 246);}

.services-text{
	min-height: 100px;
	margin: 10px 0px;
}

.services-liner{
	  display: block;
  height: 1px;
  width: 25%;
  margin: 0 auto;
}

.ser-lina{
	background-color: rgb(27, 20, 100);
}

.ser-linb{
	  background-color: rgb(0, 84, 166);
}

.ser-linc{
	background-color: rgb(68, 140, 203);
}

.ser-lind{
	  background-color: rgb(109, 207, 246);
}

.centerHeight{
      padding: 12.5px 0px;
}
.services-h{
	text-transform: uppercase;
  font-size: 20px;
  display: block;
      width: 70%;
  margin: 7px auto;
}

.h-colora{color: rgb(27, 20, 100);}
.h-colorb{  color: rgb(0, 84, 166);}
.h-colorc{  color: rgb(68, 140, 203);}
.h-colord{  color: rgb(109, 207, 246);}

/*servicios*/

.list-pres li::before{
 content: "•";
 display: inline-block;
 margin-right: 3%;


}

.pres-mb{
	margin-bottom: 40px;
}


@media only screen and (max-width: 1024px){

.top-banner {
  width: 100%;
  height: 450px;
  display: Block;
  margin: 0px;
  padding: 0px;
  position: Relative;
  background: url(../images/servicios/banner_1024.jpg) top center no-repeat;
  z-index: 90;
            }

#secondary_banner {
    width: 100%;
    height: 450px;
    display: Block;
    clear: both;
    margin-top: 45px;
    margin-bottom: 48px;
    padding: 0px;
    position: Relative;
    background: url(../images/servicios/banner2_1024.jpg) top center no-repeat;
                }

#secondary_banner .left_col {
    width: 57%;
    max-width: 452px;
    padding: 8.5% 0% 0 0;
    margin: 0px;
}



}


@media only screen and (max-width: 768px){

.top-banner{
background: url(../images/servicios/banner_768.jpg) top center no-repeat;

}
.top-banner h1 {

  font-size: 37px;
  
}

.top-banner p {
  font-size: 15px;
 }


#secondary_banner {
   background: url(../images/servicios/banner2_768.jpg) top center no-repeat;
} 

#secondary_banner .left_col {
    width: 73%;
    max-width: 480px;
    padding: 8.5% 0% 0 0;
    margin: 0px;
}


}


@media only screen and (max-width: 480px){

.top-banner{
background: url(../images/servicios/banner_480.jpg) top center no-repeat;

}

#secondary_banner .left_col {
    width: 100%;
    max-width: 480px;
    padding: 8.5% 0% 0 0;
    margin: 0px;
    text-align: left;
}
#secondary_banner .liner {
    margin: 0;
}


#secondary_banner {
   background: url(../images/servicios/banner2_480.jpg) top center no-repeat;
}   
}

@media only screen and (max-width: 440px){

.top-banner h1 {
  display: none;
}

.top-banner p {
  display: none;

}


@media only screen and (max-width: 320px){

.top-banner{
background: url(../images/servicios/banner_320.jpg) top center no-repeat;
    height: 310px;
}

.services-liner {   
    display: none;
}

.services-text {
    
    display: none;
}

#secondary_banner {
   background: url(../images/servicios/banner2_320.jpg) top center no-repeat;
   height: 470px;
}   
}