*   
    {box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;}

body 
    {display: flex;
    flex-direction: column;
    font-size: 100%;
    font-family: 'exo', sans-serif;
    background-color: #f3f3f3;}

.fondo {background-color: #ffe22b;}
.fondo2 {background-color: #5a0f4f;}
.fondoimg {background-image: url(img/fondo.jpg); background-size: cover;}




 /* JS  */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
#slider-fotos {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#titulologo {
    padding: 0;
    margin: 0;
}

#imglogo {
    margin-top: 5px;
}




/*  Header */

.header
    {width: 100%;
    background-color: #000;
    height: 13rem}

.headerweb
    {width: 80%;
    margin: auto}

.logo
    {width: 18%;
    float: left;
    padding-top: 2rem}

#imglogo
    {height: 100px;
    width: 100px;}

#titulologo
    {font-size: 1rem;
    color: #ffe22b;
    margin-top: 1rem;}


.menuweb
    {display: flex;
    flex-direction: row;
    float: right;}

.menu
    {text-align: right;
    padding: 1rem;
    margin-top: 8.5rem;}

.menu a
    {text-decoration: none;
    color: #ffe22b;
    font-weight: 500;}

.menu a:hover
    {border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 600;}

.menu a span
    {border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 600;}


.footerweb
    {background-color: #000;
    color: #fff;
    width: 100%;
    margin: auto;}

.footer
    {width: 80%;
    margin: auto;
    padding-bottom: 5rem;}

.lista
    {width: 73%;
    float: left;
    margin: auto;}

.listaiconos
    {width: 25%;
    float: right;
    margin: auto;
    display: flex;
    padding-top: 4rem;}

.legal
    {width: 25%;
    float: right;
    text-align: left;
    margin-top: -7rem;
    font-size: .8rem;
    margin-left: 1rem;}

#legal
    {margin-left: 1rem;}

#lista
    {width: 73%;
    padding-top: 4rem;
    float: left;
    display: flex;
    flex-direction:row;
    justify-content:space-between}

#rotulo
    {width: 100%;
    padding-top: 2rem;
    display: flex;
    flex-direction:row;
    justify-content:space-between}

.linea
    {border-left-color:#FFFFFF;
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 01rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;}

.footer a
    {text-decoration: none;
    color: #fff;}

.jt32 h5
    {font-weight: 600;
    font-size: 1.4rem;
    text-align: left;
    float: left}

span
    {font-weight: 600;}

.jt32
    {margin-top: 2rem;
    width: 73%;}

.botonicono
    {margin-right: 1rem;
    background-color: transparent;
    border-color: transparent;}

#twitter img
    {margin-left: 1rem;
    width: 70%;
    height: 70%;}

#facebook img
    {width: 85%;
    height: 85%;}

#instagram img
    {width: 95%;
    height: 95%;}

#viaja img
    {width: 100%;
    height: 100%;}

.contacto
    {font-size: 0.8rem;
    font-weight: 400;}






/*  descargar   */

.descargabox
    {width: 60%;
    float: right;
    text-align:center;
    margin-top: 4rem;}

.descargar
    {border-radius: 4%;
    background-color:#1B1B1C;
    font-family: 'exo';
    font-size: 2.5rem;
    color:#FFFFFF;
    padding: 2rem}

#condiciones
    {font-size: 1.5rem}

#logo2
    {font-style: italic;
    font-weight: 600;
    font-size:3.8rem}

.datosdescarga
    {font-size: 2rem}

#cajaamarilla 
    {margin: auto;
    background-color:#FFE22B;
    width: 80%;}

#main 
    {background-color:#FFE22B;}


#cajaamarilla  a
    {text-decoration: none;
    color: #fff;}

#condiciones  a
    {text-decoration: none;
    color: #000;}







/*  Como funciona   */
#pasos{background-color:#1B1B1C;
       max-width: 30%;
       max-height:40rem;
       padding: 2rem;
    margin-top: 2.5rem}

#pasosamarillo{background-color:#FFE22B;
       		   max-width: 30%;
               max-height:40rem;
               padding: 2rem;
    margin-top: 2.5rem}

#pasosrojo{background-color:#B71C1C;
       	   max-width: 30%;
           max-height:40rem;
           padding: 2rem;
    margin-top: 2.5rem}

.padre
    {padding-bottom: 3rem;
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between}

h2{font-size: 7rem;
   font-weight: 600;
   color:#FFFFFF;
   text-align: left}

#h2black{font-size: 7rem;
   		font-weight: 600;
		color:#1B1B1C;
   		text-align: left}


#paso{font-size: 1.5rem;
      font-weight: 300;
      color:#FFFFFF;
      text-align: left}

#pasoblack{margin-bottom:3rem;
	  		font-size: 1.5rem;
      		font-weight: 300;
			color:#1B1B1C;
      		text-align: left}