body {
    background-attachment: fixed;
    background-color: #F6F6F6;
    background-size: auto 100%;
    font-family: arial;
    margin: 0;
}

.PageHeader {
    background-color: #363738;
    overflow: hidden;
}

.contenido {
    background-image: url('../Imagenes/background.png');
    background-position:0 -10px;
    background-repeat: no-repeat;
}

.container-fluid {
	margin: 0 0 40px 0;
}

.PageFooter {
	background-color: #FF7522;
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 40px;
	width: 100%;
	margin: 0;
}

.nav li { color: #ffffff; }

.nav a {
    color: #ffffff !important;
    font-size: 16px;
}

.nav a:hover { color: #000 !important; }

.dropdown-menu {
    background-color: #FF7522;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .open, .open a {
    background-color: transparent !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: transparent;
}
.center {
    text-align: center;
}

.dataTables_filter {
    float: left;
}

#redessociales {
    float: right;
    margin-top: 5px;
}

/*-------------------------------Preloader-------------------------------*/
.spinner
{
    margin: 100px auto;
    width: 60px;
    height: 60px;
    position: relative;
}
.container1 > div, .container2 > div, .container3 > div
{
    width: 13px;
    height: 13px;
    background-color: #CE5C0C;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .spinner-container
{
    position: absolute;
    width: 100%;
    height: 100%;
}
.container2
{
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.container3
{
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.circle1
{
    top: 0;
    left: 0;
}
.circle2
{
    top: 0;
    right: 0;
}
.circle3
{
    right: 0;
    bottom: 0;
}
.circle4
{
    left: 0;
    bottom: 0;
}
.container2 .circle1
{
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.container3 .circle1
{
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.container1 .circle2
{
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.container2 .circle2
{
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.container3 .circle2
{
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.container1 .circle3
{
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.container2 .circle3
{
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.container3 .circle3
{
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.container1 .circle4
{
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.container2 .circle4
{
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.container3 .circle4
{
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay
{
    0%, 80%, 100%
    {
        -webkit-transform: scale(0.0);
    }

    40%
    {
        -webkit-transform: scale(1.0);
    }
}
@keyframes bouncedelay
{
    0%, 80%, 100%
    {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40%
    {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}