/*
    ESTILOS GENERALES
*/
* {
    margin: 0px;
    padding: 0px;
}

hr{
    background-color:  rgba(0, 0, 0, 1);
    width           : 100%;
    /*opacity         : 0.4;*/
    padding         : 0px;
    z-index         : 1;
}

/*
    MENU PRINCIPAL SUPERIOR
 */
#menu_superior {
    /*list-style-type: None;*/
    background: gray;
    opacity: 0.6;
    width: 100%;
    top: 0%;
    position: fixed;
    text-transform: uppercase;
    padding: 0.5em;
    height: 2em;
}

.opcion_menu {
    color: black;
    font-family: "Inconsolata";
}

.opcion_menu > ul {
    /*list-style-type: None;*/
}

.opcion_menu:hover {
    font-family: "Inconsolata";
    font-weight: 900;
}

.opcion_menu > li {
    display: inline;
    vertical-align: center;
    font-size: 1.5em;
    margin-left: 1.5em;
    /*text-decoration: None;*/
}
/*
    HEADER
 */
header {
    background: #8A9899;
    border-radius: 20px;
    margin: 2em;
    padding: 2em;
    margin-top: 4em;
}

#flex_cabecera {
    display: flex;
    flex-flow: row;
}

h2#titulo {
    text-align: center;
    font-family: "Inconsolata";
    /*font-weight: 400;*/
    font-size: 2em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

#foto {
    margin-left: 2em;
    margin-bottom: 3em;
    /*-webkit-flex: 1 1 auto;*/
    /*-moz-flex: 1 1 auto;*/
    /*flex: 1 1 auto;*/
}

#cv > ul {
    list-style-type: None;
    margin-left: 2em;
    margin-top: 0.3em;
    font-size: 1.2em;
}


#cv > ul > li {
    margin-bottom: 0.8em;
}


/*
    VIDEO
 */

#flex_video {
    font-family: "Inconsolata";
    font-size: 1.2em;
    text-align: justify;
    margin: 2em;
    display: flex;
    display: -webkit-flex;
    flex-flow: row;
    -webkit-flex-flow: row;
    padding-top: 3em;
}
iframe {
    z-index: 1;
}

text#explicacion_video {
    line-height: 130%;
}

/*
    IMAGENES
 */
#flex_imagenes {
    margin: 2em;
    border-style: dotted;
    border-width: 3px;
    align: center;
    padding-top: 3em;
}

.img_flex {
    border-style: solid;
    border-width: 5px;
    width: 20em;
    height: 20em;
    margin: 2em;
    margin-bottom: 5em;
}

/*
    SCRIPT
 */
#titulo_script {
    text-align: center;
    font-family: "Inconsolata";
    font-weight: 100;
}


/*
    PIE
 */
footer {
    margin: 1em;
    text-align: right;
}

#contenedor_script {
    padding: 3em;
    background-color: #9CC4A3;
    font-family: "Inconsolata";
    font-size: 1.3em;
    text-align: center;
    margin: 1em;
}