footer
{
    clear: both;
}

.social
{
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    left: 0; /* Establecemos la barra en la izquierda */
    top: 200px; /* Bajamos la barra 200px de arriba a abajo */
    z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

    .social ul
    {
        list-style: none;
    }

        .social ul li a
        {
            display: inline-block;
            color: #fff;
            background: #000;
            padding: 10px 15px;
            text-decoration: none;
            -webkit-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
        }

        .social ul li .icon-facebook
        {
            background: #3b5998;
        }
        /* Establecemos los colores de cada red social, aprovechando su class */
        .social ul li .icon-twitter
        {
            background: #00abf0;
        }

        .social ul li .icon-googleplus
        {
            background: #d95232;
        }

        .social ul li .icon-pinterest
        {
            background: #ae181f;
        }

        .social ul li .icon-mail
        {
            background: #666666;
        }

        .social ul li a:hover
        {
            background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
            padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
        }

.SideBarNew
{
    background: #ffd800;
}

    .SideBarNew h4
    {
        color: black;
        text-align: center;
    }

    .SideBarNew h1
    {
        color: black;
        text-align: center;
    }

.imagen-cabecera
{
    /* Ubicación de la imagen */
    background-image: url(/Images/fondo.jpg);
    /* Para dejar la imagen de fondo centrada, vertical y
horizontalmente */
    background-position: center center;
    /* Para que la imagen de fondo no se repita */
    background-repeat: no-repeat;
    /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
    background-attachment: fixed;
    /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */
    background-size: cover;
    /* Se muestra un color de fondo mientras se está cargando la imagen de fondo o si hay problemas para cargarla */
    background-color: rgb(0,0,255);
    opacity: 0.5;
}

footer.nb-footer
{
    background: #222;
    border-top: 4px solid #b78c33;
}

    footer.nb-footer .about
    {
        margin: 0 auto;
        margin-top: 40px;
        max-width: 1170px;
        text-align: center;
    }

        footer.nb-footer .about p
        {
            font-size: 13px;
            color: #999;
            margin-top: 30px;
        }

        footer.nb-footer .about .social-media
        {
            margin-top: 15px;
        }

            footer.nb-footer .about .social-media ul li a
            {
                display: inline-block;
                width: 45px;
                height: 45px;
                line-height: 45px;
                border-radius: 50%;
                font-size: 16px;
                color: #b78c33;
                border: 1px solid rgba(255, 255, 255, 0.3);
            }

                footer.nb-footer .about .social-media ul li a:hover
                {
                    background: #b78c33;
                    color: #fff;
                    border-color: #b78c33;
                }

    footer.nb-footer .footer-info-single
    {
        margin-top: 30px;
    }

        footer.nb-footer .footer-info-single .title
        {
            color: #aaa;
            text-transform: uppercase;
            font-size: 16px;
            border-left: 4px solid #b78c33;
            padding-left: 5px;
        }

        footer.nb-footer .footer-info-single ul li a
        {
            display: block;
            color: #aaa;
            padding: 2px 0;
        }

            footer.nb-footer .footer-info-single ul li a:hover
            {
                color: #b78c33;
            }

        footer.nb-footer .footer-info-single p
        {
            font-size: 13px;
            line-height: 20px;
            color: #aaa;
        }

    footer.nb-footer .copyright
    {
        margin-top: 15px;
        background: #111;
        padding: 7px 0;
        color: #999;
    }

        footer.nb-footer .copyright p
        {
            margin: 0;
            padding: 0;
        }

.DonPedro
{
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    left: 0; /* Establecemos la barra en la izquierda */
    /*top: 450px;*/ /* Bajamos la barra 200px de arriba a abajo */
    /*z-index: 2000;*/ /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
    bottom: 0px;
}

    .DonPedro img
    {
        width: 20%;
        height: 20%;
    }

video
{
    width: 100%;
    /*height: auto;*/
}