@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body{
    font-family:"Helvetica", Arial, sans-serif;
    font-size:12px;
    text-align:left;
    margin: 0;
}
div#externoFijo{
    position: fixed;
    padding: 0;
    margin:0;
    top:0;
    width:100%;
    /*overflow: hidden;*/
}
div#barraFija {
    top: 1em;
    color: #333;
    background: green;
    padding: 1.3em;
    border-radius: 8px 8px 0 0;
    border: 1px solid #adaa9f;
    border-bottom: none;
    margin: 1em 1em 0 3.8em;
    box-shadow: 0 2px 2px #9c9c9c;
    width: 534px;
    height: 92px;
}
div.destino{
    color: #666;
    background:#091e4a;
    border-radius: 0 0 8px 8px;
    padding: 10px 10px 30px 30px;
    margin: 0 1em 1em 1em;
    border-top: none;
}
.parrafo{
    line-height: 1.3em;
    text-align:left;
}
.subtitulo_01 {	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #999;
    text-align:left;
}
.titulo_01 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #cf886c;
    text-align:left;
}
/* Estilo para los botones */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    height: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    margin-top: 4px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    clear: none;
    color: rgba(255, 255, 255, 1);
    background-color: #3391f5;
    border-radius: 15px;
    border-width: 2px;
    border-style: solid;
    border-color: #666;
}
button:hover,
html input:hover[type="button"], /* 1 */
input:hover[type="reset"],
input:hover[type="submit"] {
    color: rgba(8, 84, 135, .9);
    background-color: rgba(255, 255, 255, 1);
    border-color: #999;

    transition: 		color 500ms ease, background-color 500ms ease;
    -webkit-transition: color 500ms ease, background-color 500ms ease;
}
#organismo{
    background-color: #4da451;
    width: 560px !important;
    margin-left: 20px;
}
#sistemico{
    background-color: #57b75b;
    width: 510px !important;
    margin-left: 25px;
}
#organico{
    background-color: #6ad46f;
    width: 440px !important;
    margin-left: 35px;
}
#tisular{
    background-color: #84e789;
    width: 385px !important;
    margin-left: 50px; 
}
#celular{
    background-color: #aaeead;
    width: 340px !important;
    margin-left: 55px; 
}
#subcelular{
    background-color:#caf5cc;
    width: 290px !important;
    margin-left: 60px; 
}
#molecular{
    background-color: #e1f7e2;
    width: 240px !important;
    margin-left: 65px; 
}
#atomico{
    background-color: #f3f9f3;
    width: 180px !important;
    margin-left: 65px; 
}
@media (max-width: 480px) {
    div#barraFija{
        padding: 0;
        border: none;
        box-shadow: none;
        border-bottom: 1px solid #777;
        padding-bottom: 0.5em;
    }
    div#barraFija p{
        margin:0.3em;
    }
    div.destino{
        padding: 0;
        border: none;
        box-shadow: none;
    }
}