@font-face {
    font-family: 'amplesoft-lightlight';
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot');
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.svg#amplesoft-lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmpleSoft-Medium-webfont';
    src: url('../fonts/AmpleSoft-Medium-webfont.eot');
    src: url('../fonts/AmpleSoft-Medium-webfont.eot') format('embedded-opentype'),
         url('../fonts/AmpleSoft-Medium-webfont.woff2') format('woff2'),
         url('../fonts/AmpleSoft-Medium-webfont.woff') format('woff'),
         url('../fonts/AmpleSoft-Medium-webfont') format('truetype'),
         url('../fonts/AmpleSoft-Medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amplesoft-regularregular';
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot');
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-regular.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-regular.svg#amplesoft-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0;
	padding:0;
}

.sizer{
	width:90%;
	max-width:1024px;
	margin: 0 auto;
}
.right{
	float: right;
	clear: right;
}
.left{
	float: left;
	clear: left;
}
.table{
	display: table;
}
h1{
font-family:'amplesoft-lightlight';
color:#000000;
font-size: 44px;
width: 47%;
padding:41px 0 160px 0;
font-weight: bold;
}
h2{
font-family:'amplesoft-lightlight';
color:#ffffff;
font-size: 44px;
width:69%;
}
h3{
font-family:'amplesoft-regularregular';
color:#66686b;
font-size: 40px;
text-align: center;
padding: 40px 0;
}
h4{
font-family:'amplesoft-regularregular';
color:#000000;
font-size: 34px;
padding: 56px 0;
text-align: center;
}
p{
font-family: 'Open Sans', sans-serif;
color:#000000;
font-size: 17px;
text-align: center;
}
.uno{
background-image:url(../img/foto1.jpg);
background-size: 1100px 700px;
background-position: center center;
background-repeat: no-repeat;
height: 600px;
}
.logo{
	padding: 10px 0 10px 0;
  display: inline-block;
}
.logo2{
	padding: 10px 0 10px 0;
  float: right;
  display: inline-block;
}

.comercio:first-child{
	margin-bottom: 12px;
}
.comercio{
background-color:#ffffff;
border-radius: 10px;
width:100%;
max-width:223px;
text-align: center;
padding:15px 0 ;
}
.tercio{
display: inline-block;
width:28%;
vertical-align: top;
}
.tercio .info_content p .atajo{
  color:#A6C307;
  }
.ilustracion{
background-color: #00adba;
    border-radius: 10px;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    padding: 20px 10px 20px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.middle {
    margin: 0 2%;

 }
 .tres .second{
   text-align: center;
 }
.tres .marca {
 display: inline-block;
 vertical-align: middle;
 width: 24%;
 text-align: center;
 padding: 20px 0;
}
.tres .second{
	text-align: center;
}
.tres .third{
	text-align: center;
}
.tres .four{
	text-align: center;
}
.tres .five{
	text-align: center;
}
.boton a{
	border-radius:40px;
	background-color:#A6C307;
	color:#ffffff;
	font-size:18px;
	padding:23px 31px 23px 31px;
	display:inline-block;
	margin-top:26px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	text-decoration:none;
  text-align: center;
}

.boton a:hover{
	background-color:#438F29;
	color:#ffffff;
	text-decoration:none;
}
.boton a :visited{
	color:#ffffff;
}
.cinco .first{

height: 200px;
text-align: center;
}


footer {
  background-color:#5d5d5d;
}
footer .first{
border-bottom: 1px solid #ffffff;
}
footer .first .link {
   display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 40px 91px;
    box-sizing: border-box;

}
footer .first .link .texto {
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  font-size: 21px;
  padding: 16px 0;
  text-align: left;
  }
footer .first .link .texto2 {
    font-family:Arial, Helvetica, sans-serif;
    color:#a4a4a4;
    font-size: 18px;
    text-align: left;
    }
footer .first .link .ancla {
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bold;
        color:#a6c307;
        font-size: 18px;
        }
footer  ul{
        list-style: none;
        text-align: center;
}
footer  li{
display: inline-block;
vertical-align: middle;
padding: 50px 12px;
}
@media only screen and (max-width: 64em) {
  .uno h1{
    width: 100%;
    text-align: center;
  }
  .uno .tarjetas{
    text-align: center;
  }
  .logo {
    text-align: center;
  }
  .logo a {
    display: inline-block;
  }
  .sizer{
    width: 100%;
  }

.dos .first{
width: 100%;
}
.dos h2{
  text-align: center;
  width: 100%;
}

.dos .second{
width: 100%;
}
.dos .comercio{
 margin: 20px auto;
}
.listas ul:last-child li:first-child .bordes{
  border-top: 0px;
}
.info_content{
  margin-bottom: 20px;
}
.tercio{
width:100%;
margin:0px;
}
.ilustracion{
text-align: center;
}
.cinco .marca {
	width: 100%;
}
.cuatro .first .listas ul{
  width: 100%;
      padding-right: 0px;
  }
  footer .first .link {
      width: 100%;
  }
}