body {
    height:auto;
    background:#f2f2f2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding:0;
    font-family:'BebasNeueRegular', Arial, sans-serif;
    letter-spacing: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color:white;
    
}

#topbar{
    float: left;
    width: 100%;
    height: auto;
   
    
}
#logo{
    width: 15%;
    float: left;
    height: auto;
    margin-left:0;
    margin-top: -2.5%;
    margin-bottom: 0;
   

    
}

#logo img{
 height:auto;
 width: 100%;
 display: block;
 margin-bottom:0;

 
}
.containertop{
 width: 100%;
 height: auto;
 float: right;
 margin-left:0;
 margin-right: .2%;

}


.footerredescontainerTop{
 float:right;
 width:5%;
 height:auto;
 display: inline-block;
 overflow-x: hidden;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 padding-top: .5%;
 padding-bottom: .5%;
 padding-left: .5%;
 background-color: rgba(24,156,216,.2);
 -webkit-border-bottom-left-radius: 5px;
 
}
.footerredesTop{
 float:right;
 width:46%;
 height:auto;
 margin-left: 3%;
 margin-top: 0;
 cursor: pointer;
  
 
}
.footerredesTop img{
 float:left;
 width:100%;
 height:auto;
 
}
#logo2{
    width: 10%;
    float: right;
    height: auto;
    margin-left:0;
    margin-right: .2%;
     background-color: rgba(24,156,216,.2);
    
    -webkit-border-bottom-right-radius: 5px;

    
}

#logo2 img{
 height:auto;
 width: 100%;
 display: block;
 padding-top: 5%;
 
}
#menu{
    width: auto;
    float: right;
    padding-bottom: 0px;
    padding-top:0px;
    margin-top:2%;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-shadow:inset 0 0 0 5px #f2f2f2, none,inset 0 0 0 15px #f2f2f2;
    -mox-box-shadow:inset 0 0 0 5px #f2f2f2,none ,inset 0 0 0 15px #f2f2f2;
    box-shadow:inset 0 0 0 5px #f2f2f2,0 ,inset 0 0 0 15px #f2f2f2;

}
#menu a{
  font-size: 1.4vw;
}
#imagview{
    margin-top: 1%;
    -webkit-box-shadow:inset 0 0 0 5px #f2f2f2,inset 0 0 0 10px #f2f2f2,inset 0 0 0 15px #f2f2f2;
    -mox-box-shadow:inset 0 0 0 5px #f2f2f2,inset 0 0 0 10px #f2f2f2,inset 0 0 0 15px #f2f2f2;
    box-shadow:inset 0 0 0 5px #f2f2f2,inset 0 0 0 10px #f2f2f2,inset 0 0 0 15px #f2f2f2;
    float: right;
    max-width: 100%;
   height: auto;
    margin-bottom: 4%;
    }
.flex-container{
        position: relative;
        margin: 0 auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        height:auto;
        width: 100%;
        display: block;
}
.header
{
    float: left;
}    
    
 .column {
    float: left;
    height: auto;
}

.column.side {
    width: 4%;
    height:10px;
  
}
.Espacio{
 width: 100%;
 height: 2px;
 float: left;
}
.columnimg{
 width: 100%
 
}
.column.middle {
    width: 92%;
}
#footerTop{
  border-top-left-radius:2px;
  border-top-right-radius: 2px;
    float: left;
    background-color: #189cd8;
    height: 5%;
    width: 100%;
    margin-bottom: 0;
    margin-top:2%;
}
#footer{
    margin-top: 5%;
    width: 100%;
    height: auto;
    background-color: #004884;
    display: inline-block;
    float:left;
}
.footer{
    padding-top: 2%;
    float: left;
    margin-top: 0;
    width: 100%;
    height: auto;
    background-color: rgba(59, 64, 68, .05);
    padding-bottom: 2%;
    margin-bottom: 0;
    display: inline-block;
}
.footerconimages{
 width:45%;
 float:left;
 height:auto;
 padding-right: 4%;
 
}
.footerimgcontainer{
 
 float: right;
 width:100%;
 height:auto;
 display: inline-block;
 overflow-x: hidden;
 margin-bottom: 0;
}
.footerimg1{
 float:right;
 width:15%;
 height:auto;
 cursor: pointer;
 
}
.footerimg1 img{
 width:100%;
 height:auto;
 float: left;
 display:block;
}
.footerimg2{
 float:right;
 width:30%;
 height:auto;
 cursor: pointer;
}
.footerimg2 img{
 width:100%;
 height:auto;
 float: left;
 display:block;
}
.footerimg3{
 float:right;
 width:20%;
 height:auto;
 cursor: pointer;
 
}
.footerimg3 img{
 width:100%;
 height:auto;
 float: right;
 display:block;
}
.footerredescontainer{
 float:right;
 width:50%;
 height:auto;
 display: inline-block;
 overflow-x: hidden;
 
}

.footerredescontainerContact{
 float:left;
 width:80%;
 height:auto;
 display: inline-block;
 overflow-x: hidden;
 margin-left: 30%;
 margin-right: 0%;
 margin-top: 3%;
 margin-bottom: 3%
 
}
.footerredesContact{
 float:left;
 width:15%;
 height:auto;
 margin-left: 3%;
 margin-top: 0;
 cursor: pointer;
 
}
.footerredesContact img{
 float:left;
 width:100%;
 height:auto;
}

.footerredes{
 float:right;
 width:12%;
 height:auto;
 margin-left: 3%;
 margin-top: 0;
 cursor: pointer;
 
}
.footerredes img{
 float:left;
 width:100%;
 height:auto;
}
.textoFooter{
 float: left;
 width: 40%;
 border-left: 1px solid #bbb ;
 height: auto;
 padding-left: 5%;
}
.textoFooter p{
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: left;
 text-overflow: inherit;
 line-height: 50%;
 padding-right: 2%;
}
.columnparagraphleft{
 width: 28%;
 height: auto;
 float: left;
 margin-left: 1%;
 
}
.columnparagraphleft p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 150%;
 padding-left:5%;
 margin-bottom: 5%;
 padding-bottom: 5%;
 background-color: white;
 padding-right: 5%;
 padding-bottom: 2%;
 padding-top: 2%;
 -webkit-box-shadow: 1px 1px 20px 2px  #b6b6b6;
 
}
.columnparagraphleft h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
  -webkit-box-shadow: 1px 1px 20px 2px  #b6b6b6;
}

.columnparagraphleft1{
 width: 30%;
 height: auto;
 float: left;
 margin-right: 3%;
 padding-bottom: 2%;
}

.Imgparagraphleft1{
 width: 100%;
 height: auto;
}
.Imgparagraphleft1 img{
 width: 100%;
 height: auto;
 
}
.Imgparagraphleft5{
 width: 50%;
 height: auto;
}
.Imgparagraphleft5 img{
 width: 100%;
 height: auto;
 
}


.columnparagraphleft1 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:5%;
 margin-bottom: 0;
 padding-bottom: 2%;
}
.columnparagraphleft1 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft1 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft1 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft3{
 width: 40%;
 height: auto;
 float: left;
 margin-right: 3%;
 padding-bottom: 2%;
 padding-top: 1%;
}


.columnparagraphleft3 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:15%;
 margin-bottom: 0;
 padding-bottom:0;
 padding-top:2%;
}
.columnparagraphleft3 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft3 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft3 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft3 h3{
 color: #189cd8;
 padding-left: 15%;
 margin-top: 1%;
 padding-top: 5%;
 padding-bottom:1%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}

.columnparagraphleft2{
 width: 28.5%;
 height: auto;
 float: left;
 margin-right: 4%;
 padding-bottom: 2%;
  background-color: white;
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
}

.Imgparagraphleft2{
 width: 100%;
 height: auto;

}
.Imgparagraphleft2 img{
 width: 100%;
 height: auto;
 
}
.columnparagraphleft2 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align:justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:10%;
 padding-right: 10%;
 margin-bottom: 0;
 padding-bottom: 2%;
}
.columnparagraphleft2 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft2 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft2 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align:center;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft2 h3{
 color: white;
 background-color:#189cd8 ;
 padding-top: 2%;
 padding-bottom:2%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align:center;
 text-overflow: inherit;
 height:auto;
 margin-top: 0;
}






.columnparagraphleft5{
 width: 15%;
 height: auto;
 float: left;
 margin-left: 8%;
 margin-right: 4%;
 padding-bottom: 2%;
  background-color: white;
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
}

.columnparagraphleft5 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: .8vw;
 text-align:center;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:2%;
 padding-right: 2%;
 margin-bottom: 0;
 padding-bottom: 0;
}
.columnparagraphleft5 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft5 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft5 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align:center;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft5 h3{
 color: white;
 background-color:#189cd8 ;
 padding-top: 2%;
 padding-bottom:2%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align:center;
 text-overflow: inherit;
 height:auto;
 margin-top: 0;
}

.Imgparagraphleft5{
 width: 100%;
 height: auto;
}
.Imgparagraphleft5 img{
 width: 100%;
 height: auto;
 
}



.columnparagraphleft6{
 width: 35%;
 height: auto;
 float: left;
 margin-right: 3%;
 padding-bottom: 2%;
 padding-top: 1%;
}


.columnparagraphleft6 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:15%;
 margin-bottom: 0;
 padding-bottom:0;
 padding-top:2%;
}
.columnparagraphleft6 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft6 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft6 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft6 h3{
 color: #189cd8;
 padding-left: 15%;
 margin-top: 1%;
 padding-top: 5%;
 padding-bottom:1%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}










.columnparagraphleft7{
 width: 30%;
 height: auto;
 float: left;
 margin-right: 3%;
 padding-bottom: 2%;
 padding-top: 1%;
}


.columnparagraphleft7 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:15%;
 margin-bottom: 0;
 padding-bottom:0;
 padding-top:2%;
}
.columnparagraphleft7 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft7 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft7 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphleft7 h3{
 color: #189cd8;
 padding-left: 15%;
 margin-top: 1%;
 padding-top: 5%;
 padding-bottom:1%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}











.columnparagraphleft4{
 width: 40%;
 height: auto;
 float: left;
 margin-right: 0;
 padding-bottom: 2%;
}


.columnparagraphleft4 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align:justify;
 text-overflow: inherit;
 line-height: 145%;
 padding-left:10%;
 padding-right: 10%;
 margin-bottom: 0;
 padding-bottom: 2%;
 margin-left: 5%;
 padding-top: 5%;
}
.columnparagraphleft4 a{
 color: white;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft4 a:hover{
 color: #189cd8;
 padding-left: 5%;
 padding-right: 5%;
 margin-top: 0px;
 padding-top: 3%;
 padding-bottom:3%;
 background-color:white;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 border-radius: 5px;
 text-decoration: none;
 float: right;
 margin-bottom: 2%;
}
.columnparagraphleft4 h2{
 color: #189cd8;
 padding-left: 20px;
 margin-top: 1%;
 padding-top: 2px;
 padding-bottom:2px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align:center;
 text-overflow: inherit;
 height:auto;
}

.secodHalf{
 width: 100%;
 height:auto;
 padding-bottom: 5%;
 overflow: hidden;
}
.secodHalf2Titulo{
 width: 100%;
 height:auto;
 padding-bottom:0;
 overflow: hidden;
 -webkit-box-shadow: 1px 1px 20px 2px  #b6b6b6;
 margin-bottom: 2%;
  background-color:#189cd8;
  margin-top: 2%;

}
.secodHalf2{
 width: 100%;
 height:auto;
 padding-bottom:0;
 overflow: hidden;
 background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-bottom: 3%;
 
}
.secodHalf3{
 width: 100%;
 height:auto;
 overflow: hidden;                 
 margin-bottom: 2%;
 padding-left: 3.5%;
 padding-bottom: 5%;
}

.Vroom1{
 width: 40%;
 height: auto;
 float: right;
 margin-left: 5%;
 margin-right: 5%;
 margin-top: 1.5%;
 
}
.Vroom1 img{
 width: 100%;
 height: auto;
}

.QB{
 width: 25%;
 height: auto;
 float: left ;
 margin-left: 1%;
 margin-right: 1%;
 margin-top: 1%;
 
}
.QB img{
 width: 100%;
 height: auto;
}
.liquidos{
 width: 20%;
 height: auto;
 float: left;
 margin-left:15%;
 margin-right: 5%;
 margin-top: 1.5%;
 margin-bottom: 2%;
 
}
.liquidos img{
 width: 100%;
 height: auto;
}


.secodHalf2Titulo h1{
color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 0px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 2vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 
}
.imgparraforight{
 float: right;
 width: 100%;
 height:56.25%;
}
.imgparrafoleft{
 float: left;
 width: 80%;
 height: auto;
}
.imgparrafoleft img{
 width: 100%;
 height: auto;
}
.imgVroom{
 float: left;
 width: 100%;
 height: auto;
 padding-left: 15%;
}


.rightacc{
 width: 50%;
 float: right;
}
.columnparagraphrightacc{
 width: 100%;
 float:right;
}
.columnparagraphright{
 width:68%;
 height:65%;
 float:left;
 margin-left: 3%;
}
.videocontainer{
 float: left;
 display: block;
 height:50%;
 width:100%;
 height:auto;
 
}
.embed-container{
 float: left;
 display: block;
 height:auto;
 width:100%;
 height:auto;
 overflow-x: hidden;
 overflow-y: hidden;
}
.embed-container2{
 float: left;
 display: block;
 height:auto;
 width:100%;
 height:auto;
 overflow-x: hidden;
 overflow-y: hidden;
}
.columnparagraphright img{
 width: 100%;
 height: auto;
 display: block;
}

.columnparagraphright h1{
 background-color:#189cd8; 
 font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: right;
 text-overflow: inherit;
 line-height: 22%;
}
 
.columnparagraphright p{
 font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: right;
 text-overflow: inherit;
 line-height: 22%;
}
.columnparagraphrightacc h1{
color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px;
 
}
.tomacolumnagrande2 h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px;
}
.columnparagraphrightacc p{
   font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
}
.columnparagraphlefthogar{
 width: 40%;
 float: left;
 margin-right:5%;
}

.columnparagraphlefthogar p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
}


.columnparagraphlefthogar h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 display: block;
 width: 100%;
}
.columnparagraphrighthogar{
 width: 35%;
 float: right;
}
.columnparagraphrighthogar p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
}


.columnparagraphrighthogar h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height:auto;
 display: block;
  width: 100%;
}

.columnparagraphlefthogar1{
 width: 40%;
 float: left;
 margin-right:0;
 height: auto;
}

.imagehogar{
 float: left;
  width: 20%;
  margin-right: 0;
}
.imagehogar img{
 width: 100%;
 height: auto;
 display: block;
}

.imagehogarleft{
 float:right;
 width:50%;
}
.imagehogarleft img{
  width: 100%;
 height: auto;
 display: block;
}

.secodHalfTomas{
 width: 100%;
 height: auto;
 float: left;
 margin-top: 0;
 margin-bottom: 0;
}
.Vroom{
 width: 100%;
 height: auto;
 float: left;
 margin-top: 0;
 margin-bottom: 0;
}


.secodHalfHogar{
 width: 100%;
 height: auto;
 float: left;
}

.columnparagraphlefttomas{
 width: 45%;
 height: auto;
 float: left;
  background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-bottom: 3%;
 margin-top: 2%;
 margin-left: 1%;
}




.columnparagraphlefttomas p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
}


.columnparagraphlefttomas h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4vw;
 text-align: left;
 text-overflow: inherit;
 height:auto;
}
.columnparagraphrighttomas{
 width: 35%;
 float: right;
 height: auto;
   background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-bottom: 3%;
 margin-top: 2%;
 margin-right: 1%;
 padding-top:0;

}
.columnparagraphrighttomas p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
 margin-top: 0;
}
.columnparagraphrighttomas h2{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
 margin-top: 0;
 color: blue;
}

.columnparagraphrighttomas h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4vw;
 text-align: left;
 text-overflow: inherit;
 height: auto;
}

.imagetomas{
 float: left;
  width: 15%;
  height: auto;
  
}
.imagetomas img{
 float: left;
  width: 100%;
  height: auto;
  margin-top: 10%;
  
}
.tomacolumnagrande{
 float: left;
 width: 98%;
   background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-left: 1%;
 margin-right: 1%;
}
.tomacolumnagrande p{

}

.tomacolumnagrande h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px;
}
.tomacolumnagrande1{
 float: left;
 width: 100%;
 margin-top: 2%;
}
.tomacolumnagrande2{
 float: left;
 width: 100%;
 margin-top: 2%;
 margin-left: 0;
 margin-right: 0;
}

.tomacolumnagrande1 h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px;
}

.tomacolumnagrande1container{
 float: left;
 width: 100%
}
.tomacolumnagrande1container1{
 float: left;
 width: 100%;
 padding-left:0;
}
.tomacolumnagrande1containerimg{
 float: left;
 width: 12%;
 border-right: 1px solid #bbb;
 
}
.tomacolumnagrande1containerimg img{
 width: 100%;
 height: auto;
}
.tomacolumnagrande1containerimg1{
 float: left;
 width: 13%;
 height: auto;
 margin-right: 4.4%;
}
.tomacolumnagrande1containerimg1 img{
width: 100%;
height: auto;
}
.tomacolumnagrande1containerimgfinal{
 float: right;
 width: 13%;
 margin-right: 0;
 height: auto;
}
.tomacolumnagrande1containerimgfinal img{
 width: 100%;
height: auto;
}

.tomacolumnagrande1container h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px;
}
.tomacolumnagrande1container p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:4%;
 padding-right:4%;;
 margin-top: 0;
}

.tomacolumnagrande1container1 h1{
 color: white;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 1%;
 padding-bottom: 1%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5vw;
 text-align: center;
 text-overflow: inherit;
 height: auto;
 
}
.tomacolumnagrande1container1 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: .95vw;
 text-align:justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:2px;
 padding-right: 2px;
 padding-top: 0;
 margin-top: 0;
}

.imgpanleft1{
 width:35%;
 height:auto;
 float:left;
}
.imgpanleft1 img{
 width: 100%;
 height: auto;
}
.imgpancontainer{
 float: right;
 width: 60%;
 margin-right: 2%;
 height: auto;
}

.vacTexto{
 float: right;
 width: 60%;
  margin-right: 2%;
}
.vacTexto p{
 	font-size: 1vw;
 text-align: left;
 text-overflow: inherit;
 height: auto;
 
}

.imgspan{
 float: left;
 width: 100%;
}
.imgspanTextoleft{
 float: left;
 width: 30%;
 margin-right: 5%;
}
.imgspanTextoleft img{
 width: 100%;
 height: auto;
}
.imgspanTextoleft p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
 margin-top: 0;
}
.imgspanTextoleft h1{
 color: white;
 padding-left:2%;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 padding-right: 2%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: center;
 text-overflow: inherit;
 height:auto;
}


.imgspanTextoright{
 float: left;
 width: 30%;
}

.imgspanTextoright img{
 width: 100%;
 height: auto;
}
.imgspanTextoright p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
 margin-top: 0;
}
.imgspanTextoright h1{
  color: white;
 padding-left:2%;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 padding-right: 2%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3vw;
 text-align: center;
 text-overflow: inherit;
 height:auto;
}

.secodHalfNego{
 width: 100%;
 height: auto;
 float: left;

}
.columnparagraphNego{
 width:320px;
 float:left;
 height:auto;
}
.columnparagraphNego p{
 font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
 text-align: justify;
 text-overflow: inherit;
 line-height: 150%;
 padding-left: 2%;
}
.columnparagraphNego h1{
color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align: left;
 text-overflow: inherit;
 height: 20px; 
}

.Descargacolumnagrande1container1{
 float: left;
 width: 100%;
 padding-left:0;
 height: auto;
 margin-bottom: 3%;
}
.Descargalumnagrande1containerimg1{
 float: left;
 width: 18%;
 height: auto;
 margin-right: 9%;
  background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
}
.Descargalumnagrande1containerimg1 img{
 width: 100%;
 height: auto;
}
.Descargacolumnagrande1containerimgfinal{
 float: right;
 width: 18%;
 margin-right: 0;
  background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
}

.Descargacolumnagrande1containerimgfinal img{
  width: 100%;
 height: auto;
}
.Descargacolumnagrande1container1 h1{
 color: white;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1vw;
 text-align: center;
 text-overflow:inherit;
 height:auto;
}
.Descargacolumnagrande1container1 p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
 text-align:justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:2px;
 padding-right: 2px;
 padding-top: 0;
 margin-top: 0;
}
.DescargaTitulo{
 float: left;
 width: 100%;
 margin-top: 2%;
 margin-left: 0;
 margin-right: 0;
height: auto; 
 
}
.DescargaTitulo h1{
 color: white;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align:left;
 text-overflow:inherit;
 height: 20px;
 padding-left: 5%;
}
.Descargacolumnagrande2{
 float: left;
 width: 100%;
 margin-top: 2%;
 margin-left: 0;
 margin-right: 0;
 height: auto; 
}

.CentralesTitulo{
 float: left;
 width: 100%;
 margin-top: 2%;
 margin-left: 0;
 margin-right: 0;
height: auto; 
 
}
.CentralesTitulo h1{
 color: white;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align:left;
 text-overflow:inherit;
 height: 20px;
 padding-left: 5%;
}
.ContainerCentrales{
 float: left;
 width: 100%;
 margin-top: 2%;
 margin-left: 0;
 margin-right: 0;
 height: auto; 
}
.imgCrentral{
 float: left;
 height: auto;
 width: 100%;
}
.imgCrentral img{
width: 100%;
 height: auto;
	display: block; 
}
.CetralTextoContainer{
 float: left;
 width: 100%;
 height: auto;
}
.columnCentralPrimeras{
 float: left;
 width: 25%;
 border-right: 1px solid #bbb;
 margin-right: 0;
 margin-left: 0;
 padding-right: 0;
 padding-left: 0;
 
}
.columnCentralPrimeras h1{
color: #189cd8;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align:center;
 text-overflow:inherit;
 height: 20px;
}
.columnCentralPrimeras p{
 font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
 text-align:center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:2px;
 padding-right: 2px;
 padding-top: 0;
 margin-top: 0;
}
.columnCentralFinal{
 float: right;
 width: 24%;
 margin-right: 0;
 margin-left: 0;
 padding-right: 0;
 padding-left: 0;
}
.columnCentralFinal h1{
 color: #189cd8;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-align:center;
 text-overflow:inherit;
 height: 20px;
}
.columnCentralFinal p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
 text-align:center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:2px;
 padding-right: 2px;
 padding-top: 0;
 margin-top: 0;
}
.contGrande{
 float: left;
 width: 100%;
 background-image: url("contactoFondo.png");
 background-position: center;
 background-repeat: no-repeat;
 margin-bottom: 3%;
}
.contact{
 padding-top: 1%;
 float: left;
 width: 40%;
 margin-left: 0;
 padding-right: 4%;
 padding-left: 4%;
 padding-top: 4%;
  background-color:  rgba(255,255,255,.2);
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-right: 2%;
}

.contact p{
  font-family: Helvetica, Arial, sans-serif;
	font-size: .5vw;
 text-align:center;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:1%;
 padding-right: 1%;;
 padding-top: 0;
 margin-top: 0;
}
.contactlogo{
 width: 40%;
 float: left;
 margin-left: 25%;
 margin-bottom: 5%;
}
.contactlogo img{
 width: 100%;
 height: auto;
}
.contacttext{
 float: left;
 width: 80%;
 margin-left: 5%;
 margin-bottom: 4%;
}
.contacttext p{
 text-align: center;
 font-size: 1.2vw;
 padding-top: -1%;
 padding-bottom: 0;
 
}
.contactright{
 text-shadow: 2px 2px #DDDDDD;
 float:right;
 width: 50%;
 padding-top:0;
 padding-left:5%;
}
.contactright p{
 text-align: left;
}
.contactright a{
 text-align:left;
 text-decoration:none;
 color: black;
}
.contactright a:hover{
 color: #004884;
 text-decoration: underline;
}
.contactright h1{
 text-align:left;
 color: #189cd8;
 padding-left: 0;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
 text-overflow:inherit;
 height: 5px;
}
.distribuidores{
 float: left;
 background-color:  rgba(255,255,255,1);
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-top: 3%;
 margin-left: 0%;
  width: 15%;
 
}
.distribuidores h1{
 text-align:center;
 color: white;
 background-color: #189cd8;
 margin-top: 0px;
 padding-top: 5%;
 padding-bottom: 5%;
 padding-left: 5%;
 padding-right: 5%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4vw;
 text-overflow:inherit;
 height:auto;
 margin-bottom: 0;

}
.distribuidores p{
 text-align:center;
 color: black;
 margin-top: 0px;
 margin-bottom: 0;
 padding-top: 7%;
 padding-bottom: 7%;
 padding-left: 5%;
 padding-right: 5%;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-overflow:inherit;
 height:auto;
}
.facebook{
 float:left;
 width: 100%;
 text-align:left;
}
.telefono{
  float:right;
 width: 100%;
}
.correo{
  float:right;
 width: 100%;
}

.direccion{
  float: right;
 width: 100%;
}


.imgTop{
 float: left;
 width: 100%;
 height: auto;
 margin-top: 2%;
 margin-bottom: 2%;
 
}
.imgTop img{
 width: 100%;
 height: auto;
 
}


.columnparagraphleft10{
 width: 40%;
 height: auto;
  background-color: white;                   
 -webkit-box-shadow: 1px 1px 20px 2px #b6b6b6;
 margin-left: 1%;
 float: left;
}

.columnparagraphleft10 p{
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1vw;
 text-align: justify;
 text-overflow: inherit;
 line-height: 140%;
 padding-left:20px;
 padding-right: 20px;
 margin-top: 0;
}

.columnparagraphleft10 h1{
 color: white;
 padding-left: 20px;
 margin-top: 0px;
 padding-top: 4%;
 padding-bottom: 4%;
 background-color:#189cd8;
 font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4vw;
 text-align: left;
 text-overflow: inherit;
 height: auto;
}
.negoImg{
 float: left;
 width: 55%;
 height: auto;
 margin-left: 2%;
 
}
.negoImg img{
 width: 100%;
 height: auto;
}





form label {
	display:block;
	width:100%;
	margin-left:2%;
	margin-right:0;
	margin-bottom:0;
 font-size: 1vw;
}
form .section {
	margin-bottom:2%;
	border:0;
}
form label.error {
	color:#35c2ee;
}
form input[type="text"], form textarea {
	border:1% solid #ccc;
	padding:1% 3%;
	margin:1% 2%;
	width:100%;
 height: auto;
 font-size:1.1vw;
}
form input[type="text"]:focus, form textarea:focus {
	border:1% solid #189cd8;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(212, 65, 75, 0.5);
	-moz-box-shadow: 0px 0px 2px 1pxrgba(212, 65, 75, 0.5);
	box-shadow: 0px 0px 2px 1px rgba(212, 65, 75, 0.5); 
}
form input[type="submit"] {
	background-color:#189cd8;
	border:1px solid #189cd8;
	color:#fff;
 padding-bottom: 1%;
 padding-left: 1%;
 padding-top: 1%;
	margin-left:2%;
	margin-right:1%;
	margin-bottom:0%;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
 font-size: 1.4vw;
 cursor: pointer;
}
form input[type="submit"]:hover {
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); 
}
#contact_form p {
 font-size: 1vw;
	margin:1%;
}

/* CSS general */
.mi-iframe {
  width: 100px;
  height: 50px;
}

/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {

  .mi-iframe {
    width: 200px;
    height: 150px;
  } 

}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .mi-iframe {
    width: 500px;
    height: 350px;
  } 

}