body
        {
            font-family: 'PT Serif', serif;
            font-family: 'PT Sans', sans-serif;
            margin-top: 0px;
            color: #FFF;
            
            background-color: rgba(0,104,201,1);
        }

        #share-buttons img {
            width: 50px;
            padding: 5px;
            border: 0;
            box-shadow: 0;
            display: inline;
            
            }
        #share-buttons {
            margin-top: 3em;
            }

        hr {
            border-top: 1px solid #fff;
        }
        
        .my-4
        {
            border-top: 0.5px solid #012e5b;
        }

||     .bg-primary
        {
            background-color: transparent !important;
        }

        h1
        {
            margin-bottom: 25px;
            text-transform: initial;
        }
       
        .pieza
                 {
             width: 300px;
             height: 100px;
             padding: 10px;
                 }

            #sortable 
                 { 
                list-style-type: none; 
                margin: 0; 
                padding: 20px;
                padding-bottom: 0px; 
                width: 100%; 
                color: white;
                text-align: center;
                text-shadow: 2px 2px #333333;
                text-align: center;
                }
            #sortable li 
                { 
                margin: 5px 3px 3px 3px; 
                padding: 0.8em;
                padding-left: 1.5em; 
                font-size: 1.2em;
                border-bottom-color:white;
                border-bottom-style: dotted;
                border-bottom-width: 1px;
                
                }

             #sortable li span
                 { position: absolute; 
                 margin-left: -1.3em;
                 }

            #sortable :hover
                 { 
                    color: orchid;
                    text-shadow: none;
                    cursor: grab;    
                 }

            .arrastrando
                { 
                cursor: grabbing;    
                }

            #piramide
            {
                text-align: center;
                margin-bottom: 0px;
                background-image: url("img/piramide.png");
                background-attachment:unset;
                background-position: center top;
                background-repeat: no-repeat;
                background-size:fixed;
                margin-top: 1px;
                max-height: 700px;
                overflow: hidden;
                
            }
            .container
            {
                text-align: center;
                margin-bottom: 30px;
                
            }

            #ordenfinal
            {
                font-size: 1.2em;
                font-weight: bold;
                margin-top: 25px;                                
            }

            .descripcion
            {
                font-weight: normal;
                text-align: left;
                font-size: 0.8 em;
            }
            .jumbotron
            {
                text-align: center;
                background-color: transparent;
                margin-bottom: 0px;
                padding: 2px;
                padding-bottom: 0px;
                margin-top: 20px;
            }

            .btn
            {
                margin-bottom: 20px;
                margin-top: 20px;
                font-size: 1.5em;
            }
            
            #formularioresultados
            {
                text-align: left;
            }

            #resultadospersonales
            {
                text-align: left;
                font-size: 1.2em;
                font-style: italic;
                margin-top: 20px;
                color:#fff;
                
                
            }

            #resultadospersonales p 
            {
               
               padding-bottom: 10px;
               margin-top: 20px;
               text-align: center;
            }

            #footer a
            {
                color: white !important;
            }