@font-face {
    font-family: 'microgrammadbolextregular';
    src: url('../fonts/microgbe-webfont.eot');
    src: url('../fonts/microgbe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/microgbe-webfont.woff2') format('woff2'),
         url('../fonts/microgbe-webfont.woff') format('woff'),
         url('../fonts/microgbe-webfont.ttf') format('truetype'),
         url('../fonts/microgbe-webfont.svg#microgrammadbolextregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color: #004448
}
.row{
	max-width: 60rem
}

button, .button {
    -moz-appearance: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: 'microgrammadbolextregular',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 0.825rem 1.2rem;
    font-size: 0.825rem;
    letter-spacing: 0.1rem;
    background-color: transparent; /*#008CBA*/
    /*border-color: #007095;*/
    color: #000;
    transition: background-color 300ms ease-out 0s;
}
.button:hover, .button:focus {
    background-color: #BF920E;
}
.column, .columns {
    position: relative;
    padding-left: 0rem;
    padding-right: 0rem;
    float: left;
}
.button-group {
    list-style: outside none none;
    margin: 0px;
    left: 0px;
    background: #F8C70F;
    background-image: url(../img/faja-amarilla.png);
    background-repeat: repeat-x;
}
/*estilos del menu lateral*/
.side-nav li a:not(.button) {
    color: #fff;
    font-family: 'microgrammadbolextregular',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.825rem;
    letter-spacing: 0.1rem;
    display: block;
    margin: 0px;
    padding: 0.4375rem 0.875rem;
    text-align: right;
    text-shadow: 1px 1px 1px gray;
}
.side-nav li a:hover:not(.button), .side-nav li a:focus:not(.button) {
    background: rgba(0, 0, 0, 0.024) none repeat scroll 0% 0%;
    color: #000;
}
/*estilo de menú para obras*/
.roboto{
    font-family: Helvetica,Roboto,Arial,sans-serif;
}

/*estilos de los parrafos*/

.interior{
	padding: 0.5rem 2rem 0.5rem 4rem;
	font-size: 0.85rem

}
.footer{
     padding: 0.5rem 0.5rem;
     font-size: 0.80rem;
     color:#fff;
}
.bold{
	font-weight: bold;
	padding: 0.5rem 2rem 0rem 4rem;
    font-size: 0.85rem
}
/*nuevos css 2018*/
.titulos{
    color: #000000; 
    font-size: 0.625rem; 
    line-height: 0.8rem
}

/*media-queries*/

// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
    .titulos{
    font-size: 0.8rem; 
    line-height: 0.95rem
}} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */