@charset "utf-8";

@font-face {
    font-family: 'fira';
    src: url('FiraSansOT-Light.otf');
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(imagenes/images.jpg);
}

.titulo {
    border: 5px solid #39f;
    border-radius: 24px 0;
    margin: 20px;
    padding: 20px;  
    background: rgba(147,206,222,1);
    background: rgba(212,228,239,1);
    background: -moz-linear-gradient(left, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
    background: -webkit-linear-gradient(left, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -o-linear-gradient(left, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: -ms-linear-gradient(left, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    background: linear-gradient(to right, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=1 );
}

.fuente1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

.fuente2 {

	font-family: fira;
	font-size: 1.5em;