body,
section {
  padding: 50px 0;
  font-size: 16px;
  line-height: 1.5;
}
body {
    background: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    width: 100%;
    height: 100%;
}

a {
    color: #009ebb;
}
a:hover,
a:focus {
    color: #0089a1;
}
h1 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}
h2 {
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #052326;
}
h3 {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    color: #052326;
}
p{
    text-align: justify;
}
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}
#multiple{
    width: 100%;
}
#tutorial{
    font-size: 25px;
}
#Instalation{
    color:#000000;
    text-decoration: none;
}
#Et-Red{
    background-color: red;
}
.btn-primary {
    background: #FF7400;
    border: 0;
}
.btn-primary:hover,
.btn-primary:focus {
    background: #d76200;
}

.navbar-inverse {
    background: #052326;
    border: 0;
}
    .navbar-header .navbar-brand {
        color: #FFF;
        font-family: 'Exo 2', sans-serif;
        font-weight: 700;
    }
    .navbar-brand .logo {
        margin-top: -5px;
    }
    .navbar-collapse {
        float: right;
    }
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        background: #020c0d;
    }

#intro {
    background: #084B8A;
    color: #fff;
}
    #intro h2,
    #intro a {
        color: #FFF;
    }
    .intro-download {
        text-align: center;        
        background-size: contain;
    }
    .intro-download .github {
        border-bottom: 1px solid rgba(255,255,255,.5);
    }
    .intro-download .github:hover {
        text-decoration: none;
        border-bottom: 1px solid #FFF;
    }

#description {
background: #FFF;
color: #000;
}
    .description {
        list-style: none;
        padding: 0;
    }
 
        .description li {
            padding: 0;
            margin: 0;
        }
    #description a {
        color: #084B8A;
    }

#install{
  background: #084B8A;
    color: #fff;
}

    #install h2, #install h3 {
        color: #FFF;
    }

    #install a {
        color: #FFF;
        text-decoration: underline;
    }

#support {
    background: #fff;
    color: #000;
}

    #support h2, #support h3 {
        color: #000;
    }

    #support a {
        color: #000;
        text-decoration: underline;
    }

#download {
    background: #FFF;
    text-align: center;
}

#footer {
    background: #FFF;
    text-align: center;
    background-image: url(../img/pagebg.gif);
}

#Download-HTMoL{
    text-align: center;
}

/* download */

.loading {position: relative; text-shadow: 0 0 6px #bce4ff; } 
.loading span {text-transform: uppercase; line-height: 20px; left: 25%; position: relative; display: inline-block; border-radius: 0.35em; color: #fff !important; text-decoration: none; padding: 0.75em 2.5em 0.75em 2.5em; background-color: #8ebebc; border: 0; cursor: pointer; background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)); background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)); background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15));  } 
.loading:hover span:before {content: ""; display: block; position: absolute; top: -0.4px; left: 2px; height: 44px; width: 16px; border-radius: 0.35em; background: #eaf7ff; -moz-box-shadow: 0 0 15px #bce4ff; -webkit-box-shadow: 0 0 15px #bce4ff; box-shadow: 0 0 15px #bce4ff; -moz-animation: blink_izq 5s infinite; -webkit-animation: blink_izq 5s infinite; animation: blink_izq 5s infinite; } 
.loading:hover span:after {content: ""; display: block; position: absolute; top: -0.4px; right: 2px; height: 44px; width: 16px; border-radius: 0.35em; background: #eaf7ff; -moz-box-shadow: 0 0 15px #bce4ff; -webkit-box-shadow: 0 0 15px #bce4ff; box-shadow: 0 0 15px #bce4ff; -moz-animation: blink_der 5s infinite; -webkit-animation: blink_der 5s infinite; animation: blink_der 5s infinite; }


.pdblogo:hover {
    background: url(images/pdbLogo1.png) no-repeat;    
}


.letter, .space {display: inline-block; font-size: 15px; font-family: "Arial"font-weight: bold; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; text-shadow: 2px 2px 5px black; }