/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/12/2016, 10:57:20 AM
    Author     : Adrian Lona
*/

.LbsBackground
{
    background: transparent url("../css/img/LBS-FIN.png") no-repeat scroll 0 0 /cover;
    height: 520px;
    width: 100%;
}
    
.LbsTitulo
{    
    position: absolute;
    color:white;
    margin-top:340px;
    margin-left: 80px;
    font-size: 100px;
    font-family: Calibri;
    font-weight:Bold;
    font-style: italic;
}
.subTituloLbs
{    
    position: absolute;
    color:white;
    margin-top:445px;
    margin-left: 80px;
    font-size: 25px;
    font-family: Century Gothic;
}
.text1Lbs
{  
    background: white none repeat scroll 0 0;
    color: black;
    font-family: Century Gothic;
    font-size: 25px;
    margin-bottom: 28px;
    margin-top: 17px;
    position: relative;
    text-align: center;
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    box-sizing:border-box;
        
}
.Lbs2Background
{
    background: transparent url("../css/img/Lbs 3-01-01-01.png") no-repeat scroll 0 0/ cover;
   
    width: 100%;
    position: relative;
    float: left;
}
.imgSpriteLbsL
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll 0 0;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;

}
.tituloTextColumna1Lbs
{
    
    float:left;
    box-sizing: border-box;
    position: relative;
    color: white;
    font-family:Century Gothic;
    font-size: 25px;
    margin-bottom: 36px;
    width: 100%;
    height: 50px;
    font-weight: bold;
     text-align: center;
}
.TextColumna1Lbs
{
    color: white;
    font-family:Century Gothic;
    font-size: 20px;
    text-align:center;
    padding-right:40px;
    padding-left:40px;
    
}
.rowLbs1
{
    position: relative;
    float:left;
    width: 50%;
    box-sizing: border-box;
    padding-right:20px;
    padding-left:20px;
     margin-top: 38px;
}   
.rowLbs2
{
    position: relative;
    float:right;
    width: 50%;
    box-sizing: border-box;
    padding-right:20px;
    padding-left:20px;
    margin-top: 38px;
}
.rowLbs3
{
    box-sizing: border-box;
    float: right;
    margin-top: 85px;
    position: relative;
    width: 50%;
    padding-right:20px;
    padding-left:20px;
    
}   
.rowLbs4
{
    box-sizing: border-box;
    float: left;
    margin-top: 38px;
    position: relative;
    width: 50%;
    padding-right:20px;
    padding-left:20px;
    
}   
.rowLbs5
{
    position: relative;
    float:right;
    width: 50%;
    box-sizing: border-box;
    margin-top: 56px;
    padding-right:20px;
    padding-left:20px;
}   
.rowLbs6
{
    box-sizing: border-box;
    float: left;
    margin-top: 31px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 50%;
    margin-bottom: 68px;
}   

.imgSpriteLbsDll
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll -216px 0;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;
}
.TextColumna2Lbs
{
    color: white;
    font-family:Century Gothic;
    font-size: 20px;
    text-align:center;
    margin-left: -20px;
    line-height: 25px;
}
.imgSpriteLbsDn
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll -441px 0;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;
}

.imgSpriteLbsMt
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll 11px -244px;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;
}
.imgSpriteLbsMt2
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll -219px -244px;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;
}
.imgSpriteLbsMt3
{
    background: transparent url("../css/img/iconos lbs-01.png") no-repeat scroll -439px -244px;
    height:234px;
    width: 236px;
    margin: auto;
    position:relative;
}
.conteinerLbs
{
    padding:50px;
    
}

/*RESPONSIVE*/
@media screen and (max-width: 800px)
{
  .rowLbs3
{
    
    margin-top: 86px;

    
}   
}
@media screen and (max-width: 800px)
{
    .rowLbs1 
{
   width: 100%
}
.rowLbs2
{
   width: 100%
}
.rowLbs3
{
   width: 100%
}
.rowLbs4
{
   width: 100%
}
.rowLbs5
{
   width: 100%
}
.rowLbs6
{
   width: 100%
}
}
@media screen and (max-width: 768px)
{
.LbsBackground
{
    background: transparent url("../css/img/LBS-FIN.png") no-repeat scroll 0 0 /cover;
    height: 385px;
    width: 100%;
}

.LbsTitulo 
{   font-size: 95px;
    margin-left: 35px;
    margin-top: 217px;
}
.subTituloLbs 
{
    font-size: 23px;
    margin-left: 34px;
    margin-top: 323px;
   
}
.rowLbs5 {
    
    margin-top: 55px;
    
}
}
@media screen and (max-width: 480px)
{
.LbsBackground
{
   
    background: transparent url("../css/img/LBS-FIN.png") no-repeat scroll 0 0 /cover;
    height: 365px;
    width: 100%;
    background-position: -100px 0;

}
.LbsTitulo 
{
    font-size: 68px;
    margin-left: 19px;
    margin-top: 222px;
    
}
.subTituloLbs 
{
    font-size: 21px;
    margin-left: 20px;
    margin-top: 311px;
    
}
.text1Lbs
{
    
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing:border-box;
    
    
}
.rowLbs1 
{
   width: 100%
}
.TextColumna1Lbs
{
    font-size: 18px;
    padding-right:15px;
    padding-left:15px;
    
}


.rowLbs2 
{
    
    width: 100%
    
}

.rowLbs3 
{
    width: 100%
    
}

.rowLbs4 
{
    
    width: 100%
}

.rowLbs5 
{
    width: 100%
    
}
.rowLbs6 
{
    width: 100%
}

@media screen and (max-width: 320px)
{
.LbsBackground
{
   
    background: transparent url("../css/img/LBS-FIN.png") no-repeat scroll 0 0 /cover;
    height: 365px;
    width: 100%;
    background-position: -100px 0;
}
.LbsTitulo
{
   font-size: 47px;
    margin-left: 11px;
    margin-top: 241px;
}
.subTituloLbs 
{
    font-size: 17px;
    margin-left: 13px;
    margin-top: 305px;
}
.text1Lbs
{
    
  font-size: 14px;
  padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
  
}
.TextColumna1Lbs
{
    
    
     font-size: 14px;
    
}