@charset "utf-8";


/*INICIO*/

htlm{
    font-family:"montserrat";
    font-size: 10px;}



body {
    background-color: #18BC9C;
   padding: 0rem;
    width: auto;
    height: auto;  
    margin: 0rem 0rem 
}


.container {          
    margin: auto;        
   width: 100%;
    text-align: center;
    
        
}

img {        
    width: auto;
    height: 25%;  
      margin: 2rem 2rem ;
    
        
}

.name {
    font-family: "Montserrat" , bold,  sans-serif;
    color: #FFFFFF;   
    font-size: 3rem;  
        }


.estrella {
    width: auto;
    height: 25%;  
    margin: 2rem 2rem ;
    
       
}



nav div a {
    
    color: #ffffff;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;    
    background-color: #eda13e;   
      text-align: center;
    width: 19%;          
    height:3rem;
    
    line-height: 3rem;  
    border-color: #eda13e; 
    
    font-family: "Montserrat" , bold,  sans-serif;
       }

.img-responsive{
    
    margin-top:5rem;
}

.padre {

align-self: auto;
    
    }
}
img {    
    position: absolute 1rem;
      
}



p {
    font-family: 'LOVELO';
    font-size: 2.2rem; 
    color: #0000ba;
    
    
}

h2    {
  font-family: "Montserrat" , bold,  sans-serif;
    font-size: 2rem;
    color: #ffffff;
    margin: center; 
    text-align: center;
    
       }
h3 {
    font-family: 'lovelo', sans-serif;
    font-size: 2rem;
    color: #aabdfc;
    
    }

p {font-family: 'lovelo', sans-serif;
    font-size: 0.8rem;   
}


div#pagina {
    
    width: 92%;
    margin: auto;
    
}

.main {    
   
    width: 70%;
    height: 500%;
    left: 1%;
    right: 1%;
    margin: auto;}

.sofi {
    width: 44%;
    height: 150px;    
    background-color: #f6a317;
    margin-top: 1%;
    margin-left: 5%;
    float: left;} 


.sofi p {

background-color: #ffffff;
color:#000000 ;
    font-family: "lovelo", sans-serif;
    font-size: 25px;
    width: 50%;
    margin-left: 25%;
    text-align: center;
}
 
.sofi p:hover {
    background-color: #f6a317  ;
color: #fdfdfd;
}

.miri {
    width: 44%;
    height: 150px;
    background-color: #f6a317;
    margin-top: 1%;
    margin-right: 5%;
    float: right;
}

.miri p {
    background-color: #fff3e6;
color: #000000 ;
    text-align: center;
    font-family: "lovelo", sans-serif;
    font-size: 25px;
    width: 50%;
    margin-left: 25%;
}

.miri p:hover {
    background-color:#f6a317 ;
color: #fff3e6;
}

.cons {
    width: 44%;
    height: 150px;
    background-color: #f6a31a;
    margin-top: 2%;
    margin-left: 5%;
    float: left;
    margin-bottom: 2%;
    text-align: center;
}

.cons p {
 background-color: #fff3e6;
color: #000000 ;
    font-family: "lovelo", sans-serif;
    font-size: 25px;
    width: 50%;
    margin-left: 25%;
}

.cons p:hover {
    background-color:#f6a317;
color: #fff3e6;
}


.flor {
    width: 44%;
    height: 150px;   
     background-color: #f6a317;
    margin-top: 2%;
    margin-right: 5%;
    float: right;
}
.flor p {
    background-color: #ffffff;
    color:#000000 ;
    font-family: "lovelo", sans-serif;
    font-size: 25px;
    width: 50%;
    margin-left: 25%;
    text-align: center;
}
.flor p:hover {
    background-color: #f6a317 ;
color: #fdfdfd;
}

h4 {
    font-family: 'myriad pro condensed', sans-serif;
    font-size: 0.7rem;
    color: #ffffff;
    text-align: center;
    margin-top: 0rem;    
    margin-left: 2rem;
    margin-right: 2rem;
   
    }

h5 {
    font-family:  'myriad pro condensed', sans-serif;
    font-size: 0.7rem;
    color: #9b9b9b;
    text-align: center;
    margin-top: 1rem; 
    
   
    }
 
footer {
background-color: #222F3E;
width: 100%;
height: 100pt;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}

footer div p {
      font-size: 0,4rem;
    color: #FFFFFF;
   font-family: "myriad pro";
    margin-left: 5%;
    margin-right: 5%;
   
    shape-margin: 5%;
    
}
    

    
img {
    margin-top: 0rem;
    position: center;

}