@charset "UTF-8";
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,700,700i|Russo+One|Roboto:300,300i,400,400i,700,700i,900,900i');

/* ----------- Todo ----------- */

*{	margin:0;    
	padding:0;
	box-sizing:border-box; 
    border: 0;
    outline: 0;	 }

body{margin: 0;
    background: url('../images/fondoed.jpg') #1A91A1; 
    max-width: 100vw;  /* -- max-width: 100vw; -- */  
    background-size: cover;
    top: 0;
    }
a:link { text-decoration:none; } 
ul{	list-style-type: square;}

/* ------- Encabezado ------- */

.logoso {
    background-color: black; 
    padding: 1.5em 1.5em 1.2em 1em; 
    display: flex; 
    justify-content: space-between; 
    }
.botosec{
    font-family: 'Roboto Mono', monospace;
    background-image: linear-gradient(30deg,#2e454b,#1A91A1);
    padding: .4em 2em .3em 2em;
    display: flex; 
    flex-direction: row;
    justify-content: space-between; 
    font-size: 90%;
    text-align: left;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .2em;
    font-weight: 300;
}


/* --------- Inicio  --------- */

.docentes{
	font-family: 'Roboto Mono', monospace;
	font-size: .5em;
	padding: 2% 0 2% 2%; /*interno*/
    margin: 1.3em 0 1.4em 5%; /*externo*/
	color: #fff; }
#tit{margin-bottom: .7em;}
h3{font-weight: 300;}
#titulop{
    font-family: 'Russo One', sans-serif;
	color: #fff;
	text-align: left;
    font-size: 6vw;
	padding: 4% 5% 3% 6%; /*interno*/
    margin: 5% 5% 1em 4%; /*externo*/
    background: rgba(0,0,0,90%);
    letter-spacing: .1em;
    line-height: 1.2em; }


/* --------- Centro  --------- */

.vm22{
	font-family: 'Russo One', sans-serif;
	color: #fff;
	text-align: left;
	background: rgba(0,0,0,0.6);
	border-radius: 2.5em 0 2.7em 0; 
	margin: 0 6% .4% 6%; /*externo*/
	padding: 1.5em 0 2.2em 0;  /*interno*/
	letter-spacing: .2em; }
#gr{text-indent: .5em;
	font-size: 320%;}
#num{text-indent: .5em;
	font-size: 4.5em; 
	line-height: .5em;
    margin: .1em 0 0 -.1em;  /*externo*/
    }
.fcuerpo{
    background: beige;
    padding: 4% 6% 2em 6%; /*interno*/
    margin: 2% 5% 0 4%; /*externo*/
    font-family: 'Roboto', sans-serif;
    }
#usu{
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
#usu img{margin-top: 1.01em; 
    }
.parrafo{
    display: block;
    margin-left: 1em; 
    }
.parrafo h3{
    font-family: 'Roboto Mono', monospace;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .2em;
    font-size: 85%;
    font-weight: 700;
    margin-bottom: .8em;
    margin-top: 1.2em;
    }
.destacado{
    color: #fff;
	text-align: left;
	background: #1A91A1;
	border-radius: 1.1em 0 3em 0; 
	margin: 2em 0 2em 0; /*externo*/
	padding: 1.3em 1.5em 1.8em 2.5em; 
    list-style:none; }
#titdest{
    font-family: 'Roboto Mono', monospace;
    margin: 0 0 1.1em -1.2em; /*externo*/ }

/* --------- BOTONES  --------- */

.botones{
	text-transform: none;	
	font-family: 'Roboto Mono', monospace;
    margin: 4% 6% 10% 0;
    display: flex; 
    justify-content: space-around; 
    }
.botones .integrantes{
    font-size: 50%;
    text-align: left;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .3em;
	    }
#as,#cm,#cn,#fa{
    background: #1d1d1b;
    text-decoration:none;
    list-style: none;
    margin: 1.2em 0 1.6em 1.5em; /*externo*/
    padding: .7em 3em .8em .8em; /*interno*/ }
#as,#cm,#cn,#fa, a:link{ color: #fff; }
#as,#cm,#cn,#fa, a:visited{ color: beige; }
.botones .presentaciones{margin-top: 12%; /*externo arriba*/}

#plan, #mapa, #panel{
    background: rgba(0,0,0,.2);
    border: 2px solid;
    border-color: #fff;
    text-decoration:none;
    list-style: none;
    margin: 5% 0 10% 0; /*externo*/
    padding: .8em 3em .9em .8em;  /*interno*/ 
    font-size: 60%;
    text-align: left;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .2em;
    font-weight: 700; }
#bweb{
    background-color: #1A91A1;
    text-decoration:none;
    list-style: none;
    margin: 5% 0 15% 0;
    padding: .8em 3em .9em .8em; 
    font-size: 70%;
    text-align: left;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .2em;
    font-weight: 300; }
main img {
    max-width: 100%;
    height: auto;
}




/* ----------- PIE  ---------- */

.pie{
	padding: 2%; 
    color: #fff; 
	font-family: 'Roboto Mono', monospace;
    background-image: linear-gradient(-30deg,#2e454b,#1A91A1);
	font-size: .4em;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}