/*--- Estilos Generales ---*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,700);

*{
    box-sizing: border-box;
}

body{
    font-size:16px;
    background: #8abede;
}

footer{
    width: 20rem;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.4rem;
    text-align: center;
    color: aliceblue;
}

/*--index 1 iniciar sesion ---*/

#main1{
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;
    background: url(../img/1.png);
    
}

.logo1 {
    margin-top: -2rem;
    width: 11rem;
       
}

.contenedor1{ 
    width: 9rem; 
    height: 10rem;
    margin: 0 auto;
   
}
.contenedor1 img{ 
    margin-top: 6rem;
    margin-left: -1rem;
}

#main1 nav ul{
    list-style-type: none;
    margin-top: 13rem;
    
}

#main1 nav ul li {
    margin-left: -0.625rem;
    margin-right: 1.875rem;
    margin-top: 0.5rem;

}

#main1 nav ul li a{
    padding: 0.4rem;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:2rem;
    art
}

#main1 nav a{
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-radius: 2rem;
    border-style: solid;
}





/*--pantalla 2--*/

#main2 {
    width: 20rem;
    height: 35rem;
    margin: 0 auto;
    background: url(../img/2.png);
    font-family: font-family: 'Open Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    padding-top: 7rem;
    background-repeat: no-repeat;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}



.logo2 {
   margin-right: -4rem;
    margin-top: -2rem;
    width: 6rem;
}

.contenedor2 img{ 
   margin-top: -8rem;
   margin-left: -3.2rem;
    
}



#main2 .obligatorio p{

    font-size: 0.6rem;
    font-family:'Open Sans', sans-serif;
    font-weight: 400;
    width: 8rem;
    text-align: left;
    background: none;
    margin-left: 3rem;

}


#main2 input{
    height: 2rem;
    margin-top: -7rem;
    margin-bottom: -2rem;
}

.name{

    font-family:'Opens Sans', sans-serif;
    text-align: center; 
    color: #c6c6c6;
    border-bottom-color: #3cb0fd;
  
}

.categoria{
    margin: 0 auto;
    padding: 1rem;
    font-family:'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}

.mail {
    margin: 0 auto;
    padding: 1rem;
    font-family:'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}

.cel {
    margin: 0 auto;
    padding: 1rem;
    font-family:'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}

.pass2 {
    margin: 0 auto;
    padding: 1rem;
    font-family: 'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}

.pass {
    width: 20rem;
    height: 30rem;
    margin: 0 auto;
    font-family: 'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}


#main2 nav ul {
    list-style-type: none;
    margin-top: 2rem;
   
}

#main2 nav ul li {
    margin-right: 3rem;
    
    
}

#main2 nav ul li a{
    padding: 0.5rem;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin: 1rem;
}

#main2 nav a{
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
}



/*--pantalla3--*/

.contenedor3{ 
    width: 2rem; 
    height: 2rem;
    margin: 0 auto;
    padding: 0rem;
    
}

.logo3 {
    margin-right: -4rem;
    margin-top: -2rem;
    width: 6rem;
}


.contenedor3 img{ 
   margin-top: -8rem;
   margin-left: -3.2rem;
    
}

.obligatorio p{
    width: 6rem;
    margin: 0 auto;
    text-align: center;
    padding: 0rem;
    text-align: center;
    display: block;
    background: #8abede;
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
    margin-right: 2.8rem;
    font-size: 0.6rem;
    font-family:'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: -4rem;
    padding-right: -4rem;
}

#main3 {
    width: 20rem;
    height: 35rem;
    margin: 0 auto;
    background: url(../img/3.png);
    font-family:'Open Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    padding-top: 7rem;
    background-repeat: no-repeat;
    border-bottom-color: #3cb0fd;
    
}

#main3 .name input{
    height: 2rem;
    margin-top: -7rem;
    margin-bottom: -2rem;
}

#main3 .categoria input{
    height: 2rem;
    margin-top: -7rem;
    margin-bottom: -2rem;
}

.name{
    margin: 0 auto;
    padding: 1rem;
    font-family: font-family: 'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
   
}

.categoria{
    margin: 0 auto;
    padding: 1rem;
    font-family: font-family: 'Opens Sans', sans-serif;
    text-align: center; color: #c6c6c6;
    border-bottom-color: #3cb0fd;
    border-radius: 4px;
}

#main3 nav ul {
    list-style-type: none;
    margin-top: 11rem;
   
}

#main3 nav ul li {
    margin-left: 1rem;
    margin-right: 3rem;
    
    
}

#main3 nav ul li a{
    padding: 0.5rem;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin: 1rem;
}

#main3 nav a{
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
}

#main3 .tilde {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    height: 
        
}

.olvido{
    background: #fff;
    margin-left: 3rem;
    margin-right: 3rem;
    display: block;
    
}

.olvido p{
    color: #8e8d8d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
}





/*--pantalla4--*/

#main4{
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;
    background: url(../img/4.png);
    
}

.logo4 {
    width: 15%;
    margin: auto;
    margin-left: 1rem;
    margin-top: 0.2rem;
       
}

.contenedor4{
    background: #6d6d6d;
    height: 3rem;
}

#main4 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main4 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}

.imgest{
    box-sizing: border-box;
    padding: 3rem;
    margin-top: 4rem;
    height: 10rem;
    margin-left: 0rem;
    display: block;
    width: 100%; 
}

article{
    width: 50%;  
    margin: 0 auto;
    float:left;
    padding: 0 auto;
    display: block;

}



article p {
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.7rem;
}

.est{
    width: 6.5rem;
    margin-right: 4rem;
    float: left;
    
}

.iconitos{
    padding: 0rem;
    float: left;
    display: block;
    margin: 0 auto;
    width: 5rem;
    text-align: center;
}

.imgiconitos{
    width: 4rem;
    margin-top: 5rem;
}

.iconitos p{
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.7rem;
  margin-top: -0.2rem;
}

#main4 nav ul li{
    text-align: center;
    text-decoration: none;
    border-bottom-color: #fff;
    margin-top: 20rem;
    display: block;
    margin-left: 5rem;
    margin-right: 6rem;
    border-color: #fff;
    border-radius: 1rem;
    border-style: solid;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
}

#main4 nav ul{
    margin-top: -6rem;
}





/*--pantalla 5--*/
 
#main5{
    background: url(../img/5.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main5 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main5 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}

#main5 section p{
    width: 8rem;
    height: 7.5rem;
    text-align: center;
    font-size: 5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-radius: 80%;
    margin-left: 6rem;
    margin-right: 4rem;
    margin-top: 6rem;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
    
}


#main5 article p{
    width: 9rem;
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: -3rem;
    margin-left: 6rem;
    
}

#main5 nav ul {
    list-style-type: none;
    margin-top: 7rem;
   
}

#main5 nav ul li {
    margin-left: 2rem;
    margin-right: 4rem;
    
}

#main5 nav ul li a{
    padding: 0.5rem;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:0rem;
}

#main5 nav a{
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;}

.barras{
    
    float: left;
    display: block;
    width: 2rem;
    text-align: center;
    margin-top: -20rem;
}

.imgbarras{
    width: 3rem;
    margin-top: 0rem;
  


}

.contenedorbarras .barras{
    display: block;
    padding: 1rem;
    width: 3rem;
    float:left;
    margin-bottom: 20rem;
}




/*--pantalla 6--*/

#main6{
    background: url(../img/6.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main6 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main6 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}


#main6 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: -2rem;
}

#main6 .sectores p {
    margin-top: 2rem;
    margin-right: 3rem;
    font-size: 1rem;
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #fff;
}

#main6 article ul li  {
    display: block;
    margin-top: 3rem;
    margin-left: 5rem;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.2rem;
}

#main6 .sectores ul li{
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-radius: 1rem;
   border-style: solid;
    border-radius: 2rem;
    width: 12rem;
    height: 1.8rem;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 4rem;
  
        
}

#main6 aside{
    float: right;
    width: 16%;
    padding: -2rem;
    margin-top: -19rem;
    margin-right: 2rem;
}

#main6 aside ul li{
    margin-top: 2.28rem;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    
}

#main6 ul li a{
    text-decoration: none;
    color: #fff;
}

#main6 .sectores{
    margin: 0 auto;
    display: block;
}

#main6 .verde ul li{
    background-color: #6fa26c;
    
}

#main6 .rojo ul li{
    background-color: #eb6862;
    
}

.flechita{
    margin-left: 9rem;
margin-top: 3rem;
    display: block;
}




    
/*--pantalla 7--*/

#main7{
    background: url(../img/7.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main7 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main7 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}


#main7 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 2rem;
}

#main7 article p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-left: 6.6rem;
    width: 7rem;
    margin-top: -3rem;
}


#main7 section p{
    width: 8rem;
    height: 7.7rem;
    text-align: center;
    font-size: 5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    border-radius: 70%;
    text-decoration: none;
    color: #ffffff;
    border-style: solid;
    margin-left: 6rem;
    margin-right: 4rem;
    margin-top: 3rem;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
}

#main7 nav ul li{
    text-decoration:none;
    display: block;
    text-align: center;
    padding: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:0rem;
    color: #fff;
    border-color: #8abede;
    border-style: solid;
    margin-bottom: 1rem;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
}

#main7 nav ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 1rem;
    color: #fff;
    
    
}

#main7 nav ul {
    list-style-type: none;
    margin-top: 9rem;
    margin-right: 2rem;
   
}

#main7 nav p{
    width: 100%;
    text-decoration: none;
    margin-left: 5.5rem;
    margin-top: -2.8rem;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem; 
}




/*--pantalla 8--*/

#main8{
    background: url(../img/8.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main8 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main8 ul{
    margin-top: -2.5rem;
    margin-right: 0,5rem;
    margin-left: 0.5rem;
}


#main8 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 2rem;
}

#main8 section p{
    width: 10rem;
    height: 10rem;
    text-align: center;
    font-size: 4rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-color: #8abede;
    border-radius: 70%;
    border-style:inset;
    margin-left: 5rem;
    margin-right: 4rem;
    padding-top: 2rem;
    color: #ffffff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;

    
  

}

#main8 nav ul li{
    text-decoration:none;
    display: block;
    text-align: center;
    padding: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    border-color: #8abede;
    border-style: inset;
    margin-bottom: 1rem;
    border-color: #8abede;
    border-style: solid;
    color: #ffffff;
    border-bottom-color: #4d84d0;
  

}

#main8 nav ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 1rem;
    color: #fff;
    
}

#main8 nav ul {
    list-style-type: none;
    margin-top: 9rem;
    margin-right: 4rem;
    margin-left: 2rem;
   
}

#main8 article p{
    width: 20rem;
    text-decoration: none;
    margin-left: 0rem;
    margin-top: -2.8rem;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem; 
}

#main8 article p .res{
    font-style: italic;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1rem;
}

/*--pantalla 9 --*/


#main9{
    background: url(../img/9.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main9 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
    
}

#main9 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}


#main9 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 2rem;
}


#main9 .tilde {
    color: aliceblue;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    text-align: center;
        
}

#main9 .name input{
    height: 2rem;
    margin-top: -7rem;
    margin-bottom: -2rem;
}


#main9 aside ul li{
    text-decoration:none;
    display: block;
    text-align: center;
    margin-right: -4rem;
    margin-left: -2rem;
    padding: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:0rem;
    color: #fff;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
}

#main9 aside ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 1rem;
    color: #fff;
    
}

#main9 aside ul {
    list-style-type: none;
    margin-top: 2rem;
    margin-right: 4rem;
    margin-left: 2rem;
    margin-bottom: -2rem;
    
   
}

/*--pantalla 10--*/

#main10{
    background: url(../img/8.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main10 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main10 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}


#main10 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    margin-top: 2rem;
}

#main10 section p{
    width: 10rem;
    height: 10rem;
    text-align: center;
    font-size: 4rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    text-decoration: none;
    color: #fff;
    border-color: #8abede;
    border-radius: 70%;
    margin-left: 5rem;
    margin-right: 4rem;
    padding-top: 2rem;
    border-bottom-color: #4d84d0;
    border-style: solid;
  

}

#main10 nav ul li{
    text-decoration:none;
    display: block;
    text-align: center;
    margin-right: 2rem;
    padding: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:0rem;
    color: #fff;
    margin-bottom: 1rem;
    border-color: #8abede;
    border-bottom-color: #4d84d0;
    border-style: solid;
    margin-left: 2rem;
    margin-right: 2rem;
}

#main10 nav ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    
}

#main10 nav ul {
    list-style-type: none;
    margin-top: 7.5rem;
    margin-right: 2rem;
    margin-bottom: -1.5rem;
   
}

#main10 article p{
    width: 20rem;
    text-decoration: none;
    margin-left: 0rem;
    margin-top: -2.8rem;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem; 
}


/*--pantalla 11*/

#main11{
    background: url(../img/nav.jpg);
    width: 20rem;
    height: 35rem;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.contenedor11{ 
    width: 3rem; 
    height: 3rem;
    margin: 0 auto;
    padding-top: 6rem;
    
}
.contenedor11 img{ 
    width: 250%;
    margin-top: -1.25rem;
   margin-left: -7rem;
}

.contenedorbarras {
    margin-top: 23rem;
    margin-left: -0.8rem;
    display: block;
    padding: 1rem;
}

#main11 .contenedorbarras {
    margin-top: 44rem;
    margin-left: -0.8rem;
    display: block;
    padding: 1rem;
}

/*--pantalla 12--*/

#main12{
    background: url(../img/13.png);
    width: 20rem;
    height: 35rem;
    background-repeat: no-repeat;
    margin: 0 auto;

}

#main12 ul li{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    display:block;
    text-align: right;
    text-decoration: none;
    display: block;
}

#main12 ul{
    margin-top: -2.5rem;
    margin-right: 0.5rem;
}


#main12 p{
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    margin-top: 3rem;
   
}



#main12 nav ul li{
    text-decoration:none;
    display: block;
    text-align: center;
    margin-right: 2rem;
    padding: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 2rem;
    margin:0rem;
    color: #fff;
    border-color: #e86545;
    margin-bottom: 1rem;
    border-bottom-color: #d0a84d;
    border-style: solid;
    margin-left: 1rem;
    margin-right: 1rem;
}

#main12 nav ul li a{
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 1rem;
    color: #fff;
    
}

#main12 nav ul {
    list-style-type: none;
    margin-top: 4rem;
    margin-right: 2rem;
   
}

#main12 article p{
    width: 20rem;
    text-decoration: none;
    margin-right: 2rem;
    margin-top: 1rem;
    font-style: italic;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem; 

}

.cam{
    width: 40%;
    margin: 0 auto;
    display: block;
    margin-top: 1.5rem;
}

.fecha{
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem; 
}

/*--fiiiiinnnnn--*/