116 lines
1.7 KiB
CSS
116 lines
1.7 KiB
CSS
*{
|
|
font-family: 'Arial';
|
|
}
|
|
.nav-link-white {
|
|
color: #fff;
|
|
}
|
|
.nav-link-white:hover{
|
|
text-decoration: none;
|
|
color: rgba(0,0,0,.5);
|
|
}
|
|
.bg-gold{
|
|
background-color: #bb8800;
|
|
}
|
|
.navbar-blanco{
|
|
color: #fff;
|
|
}
|
|
.item-show{
|
|
color: #fff;
|
|
}
|
|
.item-show:hover{
|
|
background-color: rgba(0,0,0,.2);
|
|
color: #fff;
|
|
}
|
|
.custom-toggler.navbar-toggler:focus {
|
|
outline-color: rgba(0,0,0,0.1);
|
|
}
|
|
.custom-toggler .navbar-toggler-icon {
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
|
|
}
|
|
.mostrar{
|
|
background-color: #E9AD0C !important;
|
|
}
|
|
.caja{
|
|
background-color: #bb8800;
|
|
border-radius: 6px;
|
|
}
|
|
.caja a{
|
|
color: #fff;
|
|
}
|
|
*{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
|
|
.wrap{
|
|
width: 1000px;
|
|
max-width: 90%;
|
|
margin: 30px auto;
|
|
}
|
|
|
|
ul.tabs{
|
|
width: 100%;
|
|
background: #363636;
|
|
list-style: none;
|
|
display: flex;
|
|
}
|
|
|
|
ul.tabs li{
|
|
width: 18%;
|
|
}
|
|
|
|
ul.tabs li a{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
|
|
display: block;
|
|
padding: 20px 0px;
|
|
}
|
|
|
|
.active{
|
|
background: #0984CC;
|
|
}
|
|
|
|
ul.tabs li a .tab-text{
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.secciones{
|
|
width: 100%;
|
|
background: #fff;
|
|
}
|
|
|
|
.secciones article{
|
|
padding: 30px;
|
|
}
|
|
|
|
.secciones article p{
|
|
text-align: justify;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 700px){
|
|
ul.tabs li{
|
|
width: none;
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 450px){
|
|
ul.tabs li a{
|
|
padding: 15px 0px;
|
|
}
|
|
|
|
ul.tabs li a .tab-text{
|
|
display: none;
|
|
}
|
|
|
|
.secciones article{
|
|
padding: 20px;
|
|
}
|
|
} |