﻿@import url('https://fonts.googleapis.com/css2?family=Baloo+2&family=Raleway:wght@100;200;300;400;700&display=swap');
body {
    margin:0px;
            font-family: 'Raleway', sans-serif;
            padding-bottom:100px;
            padding-top:92px;
            font-size:12px;
}
a{
    color:black;
    text-decoration:none;
}
        .categor
        {
            width:80%;
        }
        .fila
        {
            width:calc(100% - 20px); padding:10px;border-bottom:solid 1px #3286a2;overflow:auto;
        }
        .celda25{
            width:calc(25% - 10px); padding-right:10px;float:left
        }
        .celda33{
            width:33%;float:left
        }
        .celda75{
            width:75%;float:left
        }
        .celda50{
            width:50%;float:left;padding-top:20px;
        }
        .celda65{
            width:65%;float:left;padding-top:20px;
        }
        .celda10{
            width:10%;float:left;padding-top:20px;
        }
        .celda100{
            width:100%;float:left;text-align:center;overflow:auto;color:white;padding-top:6px;padding-bottom:6px;
        }
        .celda100entrada{
            width:calc(barra100% - 24px);float:left;text-align:left;padding:12px; line-height:22px;padding-bottom:20px;
        }
        .boton{
            border:solid  1px white; text-align:center;color:white;font-size:14px; width:calc(25% - 23px);padding:6px;padding-top:12px;padding-bottom:12px;float:left;margin:4px;
        }
        h2
        {
            margin:0px; text-align:left;  font-size:22px; line-height:32px;
        }
        .imggen{
            width:90%;margin:auto;margin-bottom:12px;
        }
           #barra
        {
            position:fixed;bottom:0px;background-color:#3286a2;width:100%;height:90px;

        }
              #barra_arriba
        {
            position:fixed;top:0px;background-color:#3286a2;width:calc(100% - 24px);padding:12px;;color:white;

        }
                   .botonG
        {
             
            font-size:18px;
            background-color:#3286a2;color:white;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border: solid 1PX #3286a2;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
       #atras{
           width:42px;float:left
       }
       #publicar
       {
           position:fixed;bottom:120px;right:20px;
       }