.serviceBackground
{
    background: transparent url("../css/img/servicios3.png") no-repeat scroll 0 0 / cover ;
    height: 520px;
    width: 100%;
}
    
.serviceTitulo
{    
    position: absolute;
    color:white;
    margin-top:340px;
    margin-left: 80px;
    font-size: 100px;
    font-family: Calibri;
    font-weight:Bold;
    font-style: italic;
}
.subTituloService
{    
    position: absolute;
    color:white;
    margin-top:445px;
    margin-left: 80px;
    font-size: 25px;
    font-family: Century Gothic;
}
.text1Service
{   background: white none repeat scroll 0 0;
    color: black;
    font-family: Century Gothic;
    font-size: 25px;
    height: 100px;
    padding-bottom: 17px;
    padding-top: 17px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service2Background
{
    background: transparent url("../css/img/Serviciosbody2-01.png") no-repeat scroll 0 0/ cover;
  
    width: 100%;
    position: relative;
    float: left;
}
.imgSpriteServiceL
{
    background: transparent url("../css/img/iconos-service-01-01.png") no-repeat scroll 0 0;
    height:234px;
    width: 236px;
        margin:auto;

    position:relative;

}
.tituloTextColumna1Service
{
    box-sizing: border-box;
    color: #1c5476;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    margin: auto auto -8px;
    position: relative;
    text-align: center;
    width: 100%;
    
}
.tituloTextColumna1Service2
{
    
    box-sizing: border-box;
    color: #bc181f;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    margin: auto auto -8px;
    position: relative;
    text-align: center;
    width: 100%;
}

.TextColumna1Service
{
    color: #3c3c3b;
    font-family:Century Gothic;
    font-size: 18px;
   padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    

}

#consultoriaHidden
{
    display:none;
}
#desarrolloHidden
{
    display:none;
}
#disenoHidden
{
    display:none;
}
#mantenimientoHidden
{
    display:none;
}
.caractColumnService
{
 
    box-sizing: border-box;
    color: white;
    float: left;
    
    position: relative;
    width: 33%;
    text-align: center;
    color: white;
    font-family:Century Gothic;
    font-size: 20px;
    
}
.rowService1
{
        box-sizing: border-box;
        float: left;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 55px;
        position: relative;
        width: 33.3%;
    
}   
.rowService2
{
    position: relative;
    float:left;
    width: 33.33%;
    box-sizing: border-box; 
    padding-left: 30px;
   padding-right: 30px;
   padding-top: 55px;
    
}   
.rowService3
{
    position: relative;
    float:left;
    width: 33.33%;
    box-sizing: border-box; 
    padding-left: 30px;
   padding-right: 30px;
   padding-top: 55px;
    
}   
.rowService4
{
    position: relative;
    float:left;
    width: 33.33%;
    box-sizing: border-box; 
    padding-left: 30px;
   padding-right: 30px;
   padding-top: 55px;
    margin-bottom: 68px;
}   

.imgSpriteServiceDll
{
    background: transparent url("../css/img/iconos-service-01-01.png") no-repeat scroll -228px 0;
    height:234px;
    width: 236px;
    margin:auto;
    position:relative;
}
.TextColumna2Service
{
    color: #3c3c3b;
    font-family: Century Gothic;
    font-size: 18px;
  
    text-align: center;
    display:none;
}
.imgSpriteServiceDn
{
    background: transparent url("../css/img/iconos-service-01-01.png") no-repeat scroll -450px 0;
    height:234px;
    width: 236px;
        margin:auto;

    position:relative;
}

.imgSpriteServiceMt
{
    background: transparent url("../css/img/iconos-service-01-01.png") no-repeat scroll 3px -244px;
    height:234px;
    width: 236px;
    margin:auto;
    position:relative;
}
.borderW
{
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    float: left;
    height: auto;
    margin: auto;
    position: relative;
    width: 100%;
    
    
}
.flechaBlue
{
    background:transparent url("../css/img/Flechhh-01.png")no-repeat scroll 0 0 ;
   
    
}
.borderW2
{
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    position:relative;
    border-radius:10px;
    margin:auto;
     
}
.borderW3
{
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    position:relative;
    border-radius:10px;
    margin:auto;
     
    
}
.borderW4
{
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    position:relative;
    border-radius:10px;
    margin:auto;
   
}

.More
{
    
  box-sizing: border-box;
    color: #1c5476;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    margin-bottom: -8px;
    margin-top: 25px;
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: center;
}
.More2
{
    
  box-sizing: border-box;
    color: #bc181f;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    margin-bottom: -8px;
    margin-top: 25px;
    position: relative;
    width: 100%;
    cursor:pointer;
    text-align: center;
}

/*RESPONSIVE*/
@media screen and (max-width: 815px)
{
.rowService1 
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
    .rowService2
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
    .rowService3
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
    .rowService4
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
}

@media screen and (max-width: 768px)
{
    .rowService1 
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
.rowService2
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
.rowService3
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
.rowService4
{
    width: 100%;
    padding-top: 68px;
    height:auto;
    
}
.serviceBackground
{
   background: transparent url("../css/img/servicios3.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
       width: 100%;
    background-position: -100px 0;
}   

.serviceTitulo 
{   font-size: 95px;
    margin-left: 35px;
    margin-top: 217px;
}
.subTituloService 
{
    font-size: 23px;
    margin-left: 34px;
    margin-top: 323px;
   
}

.text1Service
{
    
   font-size: 21px;
   padding-right: 40px;
    padding-left: 40px;
    box-sizing:border-box;
   
}

}
@media screen and (max-width: 480px)
{
.serviceBackground
{
   background: transparent url("../css/img/servicios3.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
       width: 100%;
    background-position: -100px 0;
}   

.serviceTitulo 
{
    font-size: 68px;
    margin-left: 19px;
    margin-top: 222px;
    
}
.subTituloService
{
    font-size: 21px;
    margin-left: 20px;
    margin-top: 311px;
    
}
.text1Service
{
    
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing:border-box;
    
    
}
.rowService1 
{
    width: 100%;
    padding-top: 68px;
    
}
.rowService2
{
    width: 100%;
    padding-top: 68px;
    
}
.rowService3
{
    width: 100%;
    padding-top: 68px;
    
}
.rowService4
{
    width: 100%;
    padding-top: 68px;
    
}

@media screen and (max-width: 320px){
.serviceBackground
{
   background: transparent url("../css/img/servicios3.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
       width: 100%;
    background-position: -100px 0;
}   
.serviceTitulo
{
   font-size: 47px;
    margin-left: 11px;
    margin-top: 241px;
}
.subTituloService
{
    font-size: 17px;
    margin-left: 13px;
    margin-top: 305px;
}
.text1Service
{
    
  font-size: 14px;
  padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}
.TextColumna1 
{
    
    
     font-size: 14px;
    
}
.TextColumna2 
{
    margin-left: 0;
    margin-top: 120px;
    padding: 0;
     font-size: 14px;
}
.TextColumna3
{
    
    
     font-size: 14px;
    
}
.TextColumna4
{
    
    
     font-size: 14px;
    
}
.TextColumna5
{
    
    
     font-size: 14px;
    
}
.TextColumna6
{
    
     font-size: 14px;
}
.TextColumna1Service
{
    color: #3c3c3b;
    font-family: Century Gothic;
    font-size: 14px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
}