<style>
 body{font-family: Arial, sans-serif}
 
.img-mareviglioso img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
}

.img-mareviglioso:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}

.img-mareviglioso,.img-mareviglioso2,.img-mareviglioso3 {/*Ancho y altura son modificables al requerimiento de cada uno*/

    width:100%;
    height:auto;
    overflow:hidden;
}

/*Ejemplo 2*/
.img-mareviglioso2 img {
    -webkit-transition:all 1.9s ease; /* Safari y Chrome */
    -moz-transition:all 1.9s ease; /* Firefox */
    -o-transition:all 1.9s ease; /* IE 9 */
    -ms-transition:all 1.9s ease; /* Opera */
    width:100%;
}
.img-mareviglioso2:hover img {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
}
/*Ejemplo 3*/
.img-mareviglioso3 img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
}

.img-mareviglioso3:hover img {
    -webkit-transform:scale(0.25);
    -moz-transform:scale(0.25);
    -ms-transform:scale(0.25);
    -o-transform:scale(0.25);
    transform:scale(0.25);
}



.outer-div
{
	width:100%;
     height: auto;
     overflow: hidden; 
}
.inner-div
{
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: top center;
     transition: all 0.1s ease;
     background-image: url('../img/vendedoresaerower.jpg');
border:#010101 1px solid;
}
.inner-div:hover
{
     transform: scale(1.2);
}

.parent {
  width: 100%; 
  height: 400px;

     overflow: hidden; 
/*border:1px solid #010101*/
}

.child {
  background-color: black; /* fallback color */
  background-image: url('../img/vendedoresaerower.jpg');
  background-position: top center;
  background-size: cover;
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */

  width: 100%;
  height: 100%;
overflow:hidden;

}
.parent:hover .child,
.parent:focus .child {
 -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);

}

.vendepan{
width:100%;
height:100%;
margin:auto;/*
margin-top:35%;
margin-left:15%;*/
display:block;
  text-align: left;

}

.vendepan12{
width:100px;
height:25px;
margin:auto;
/*margin-top:12%;*/

display:block;
  text-align: center;

background-color:#00acc8;
border:#ffffff solid 1px;
}

.vendepan10{
width:100%;
height:120px;
margin:auto;
display:block;
  text-align: center;
/*border:#ffffff solid 1px;*/
}

.vendepan11{
width:100%;
height:auto;
margin:auto;
display:block;
  text-align: center;
/*border:#ffffff solid 1px;*/
}


.vendepan:hover{
background:url('../img/backopa.png');
}

.parent p {

 width: 100%;
  height: auto;
  margin-top:15px;  
/*padding:5px;*/
  color: #ffffff;
  text-align: center;  
  /* igual height de la imagen */
   font-family:City;
font-size:16px;
text-decoration: none;
  
 
}


.parent a{

 width: 100%;
  height: auto;
  margin: auto; 
	margin-top:15px; 
/*padding:5px;*/
  color: #ffffff;
  text-align: center;  
  /* igual height de la imagen */
   font-family:City;
font-size:12px;
text-decoration: none;
  
 
}

.parent:hover a {
  font-family:City;
font-size:12;

  text-align: center;
text-decoration: none;
}

.parent:hover p {
  font-family:City;
font-size:16px;

  text-align: center;
text-decoration: none;
}




.parent:hover span,
.parent:focus span {
  display: block;
}


.parentw {
  width: 100%; 
  height: 400px;

     overflow: hidden; 
/*border:1px solid #010101*/
}

.childw {
  background-color: black; /* fallback color */
  background-image: url('../img/traineraerower.jpg');
  background-position: center;
  background-size: cover;
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */

  width: 100%;
  height: 100%;
overflow:hidden;

}
.parentw:hover .childw,
.parentw:focus .childw {
 -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);

}


.parentw p {

 width: 100%;
  height: auto;
  margin-top:15px;  
/*padding:5px;*/
  color: #ffffff;
  text-align: center;  
  /* igual height de la imagen */
   font-family:City;
font-size:16px;
text-decoration: none;
  
 
}


.parentw a{

 width: 100%;
  height: auto;
  margin: auto; 
	margin-top:15px; 
/*padding:5px;*/
  color: #ffffff;
  text-align: center;  
  /* igual height de la imagen */
   font-family:City;
font-size:12px;
text-decoration: none;
  
 
}

.parentw:hover a {
  font-family:City;
font-size:12;

  text-align: center;
text-decoration: none;
}

.parentw:hover p {
  font-family:City;
font-size:16px;

  text-align: center;
text-decoration: none;
}
