/*
*****************************************************************************
             este código se publica bajo la licencia GNU GPL v.3           
                    http://www.gnu.org/licenses/lgpl.text      
*****************************************************************************          


                                portada

                      ancho minimo de pantalla 267px

                     tema por mi compañero Stefano

*/


@font-face {font-family: 'Ubuntu'; src: url(Ubuntu-L.ttf);}



body                   {width: 100%;
                        height: 100%;
                        margin: 0px;
                        padding: 0px;
                        font-family: Ubuntu, sans-serif;
                        text-align: center;
                        background: rgba(255, 255, 0, 0.4);}

h1                     {font-size: 22px;
                        color: rgba(10, 100, 0, 1.0);}

#modo, #vista         {height: 14px;
                        width: 98%;
                        margin: 2px auto;
                        padding: 6px 2px;
                        background: rgba(190, 50, 100, 1.0);
                        border: 3px double rgba(250, 250, 10, 0.6);
                        border-radius: 9px;
                        box-shadow: 0px 0px 2px rgba(80, 80, 0, 1.0);
                        color: rgba(255, 186, 0, 1.0);}

button                 {font-size: 11px;
                        color: rgba(43, 120, 20, 1.0);
                        box-shadow: 0px 0px 6px rgba(200, 100, 0, 1.0);
                        border: 2px double rgba(227, 154, 43, 1.0);
                        border-radius: 5px;}

button:hover           {color: rgba(255, 255, 255, 1.0);
                        background-color: rgba(12, 82, 12, 1.0)}

#coche, #pie           {width: 79px;
                        margin: -2px 2px}

#coche                 {float: left;}

#pie                   {float: right;}

#reinicia, #rutadi     {width: 79px;
                        margin: -2px 2px;}

#reinicia              {float: left;}

#rutadi                {float: right;}

#mapa                  {display: block;
                        margin: 5;
                        padding: 5;
                        position: absolute; 
                        top: 123px;      
                        left: 3px;        
                        right: 3px;
                        bottom: 5px;
                        border: 3px double rgba(12, 12, 150, 1.0);
                        border-radius: 9px;
                        box-shadow: 0px 0px 5px;
                        background-color: rgba(200, 155, 200,0.5);
                        background-image: url("cargando.gif");
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: 40px}