@charset "UTF-8";
html{
    font-size: 100%;
}
body{line-height:1.7;
     margin: 30px 15% 30px 15%;
}
.index{
     background-color: #d5d5ea;
}
.detalle{
     background-color: #d5d5ea;
}
.about{
     background-color: #c7e2e2;
}
.access{
     background-color: #ffefea;
}
.esp{
     background-color: #eed13f;
}
a{
    color:#000000;
}
.main-nav{
    display: flex;
    list-style-type: none;
}
.main-nav li{
    margin-right: 20px;
}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
.title{
    float: left;
    text-align: left;
}

.header-item{
    float: right;
    border-width: thin;
    border-style: solid;
    padding: 10px 20px 10px 20px;
    background-color: #ffffff;
}
.bold{
    font-weight: bold;
}
.home-headline{
    padding: 10px 10px 10px 10px;
    margin: 30px 3% 30px 3%;
    color: #8b0304;
}
.topic{
    font-weight: bold;
}
.service{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 30px;
}
.item{
    border-width: thin;
    border-style: solid;
    background-color: #ffffff;
    padding: 10px 40px 10px 40px;
}
.s-menu{
    font-weight: bold;
}
.wrapper{
    text-align:center;
}
iframe{
    width: 100%;
}
img src{
    width: 100%;
}
@media(max-width:640px){
    h1{
        width:auto;
        float:none;
    }
    body{
        margin: 30px 20px 30px 20px;
   }  
.item{
    padding: 10px 20px 10px 20px;
}
}