/**** ESTILO ****/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
    font-family: 'Roboto', sans-serif;}

html {height: 100%;}




/*////////////////////////////////////////////MENU JULY//*/

.menusup{
	    top: 0;
      width: 100%;
      padding: 0.2em;
      box-shadow: 0px 0.5px 5px 0px;
	    background-color: rgba(50, 64, 101, 0.34);
position: fixed;}

.menusup ul{
        display: flex;
	      justify-content: center;
	     align-items: center;
        text-decoration: none;
	     justify-content: space-around;
	      flex: 1;}
.headericono {
	      display: flex;
	      justify-content: space-around;
	      align-items: center;
	      align-content: center;
	      flex-grow: 0;
	      text-decoration: none;
	      margin-left: 0.5em;}

  @media (min-width: 480px){
		.menusup{
			display: none;}
		.menusup ul{
			display: none;}
		.headericono{
			display: none;}
		}

	@media (max-width: 480px) {
		.costado{
			display: none}
			body{background: none}
	}


/* ///FOOTER/// */


footer {
	padding: 1em;
    color: #E8547E;;
    font-size: 0.5em;
	background-color: rgba(108, 105, 105, 0.06);
	bottom: auto;
}
footer figure{
	display: flex;
	align-items: center
	
}

footer figure img{
	max-width: 20%;
	padding-right: 1em
}

/* /// BOTON ATRAS //// */


.botonatras {
	z-index: 90;
    display: flex;
    position: fixed;
	justify-content: flex-end;
	object-position: right;
	bottom: 1em;
	right: 0.2em;

}


/* ///TITULO// */

.tituloseccion{
	 display: flex;
	 align-items: center;
	 margin-top: 2.6em;
	 padding: 0.5em;
	 background-color: #E8547E
}
.tituloseccion img{
	max-width: 70%
}

.tituloseccion h1, .tituloseccion h5{
	color: white;
	padding-right: 1em;
}



/* //// CONTENIDO /// */

.evaluar{
	height: 100em;
}
.tefaltacalificar01 h2, .tefaltacalificar02 h2{
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	color: #E8547E;
	background-color: rgba(255, 255, 255, 0.25);
	font-weight: 400;
}

.catedrasacalificar{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 1em;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.25);
	height: 40em;
	
}

.catedrasacalificar a{
	text-decoration: none;
	color: #E8547E;
	text-align: center;
	
}

.catedrasacalificar img{
	margin-top: 1em;
	max-width: 12em
	
}


.rankeadas h2{
	margin-bottom: 0em;
	
}

.rankeadas h5{
	color: #E8547E;
	text-align: center;
	margin-bottom: 1em;
	margin-left: 1em;
	padding: 0.5em;
	text-align: center;
	color: #E8547E;
	background-color: rgba(255, 255, 255, 0.25);
	width: 92%
}


/* ///////// ver mas... ////////*/

.tambiensedice{
  background-color: rgba(232, 84, 126, 0.24);
  padding: 1em;
  margin: 1em;
  width: 94.5%;
 border: none;
}

.tambiensedice:hover{
	background-color: rgba(244, 78, 114, 0.6);
	color: rgb(254, 253, 251)
}

.tefaltacalificar01 .tambiensedice{
	margin-top: -10em;
}







/* ////////////////////////////////////////////////// PUNTOS DE QUIEBRE ////////////////////////////////////////////////// */





@media screen and (min-width:482px){
	
	/* ///// MENU COSTADO //// */
body {
	background: url('fondo.jpg') no-repeat center center fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: relative;
	font-size: 16px;
	background:rgba(#e4e4e4, 0.7);
	display: flex;
	
}
	
html {height: 100%;}

header {
  text-align: center;
	width:100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;}

.costado{
	max-width: 220px;
	height: 100%;
	background-color: #161623;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;}

.item{
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	padding: 0px 5px;
    background-color: rgba(84, 90, 97, 0.53);
	flex-grow: 1;
	transition: all 0.3s ease 0s
	border: 5px solid transparent;
	border-right: 1px solid rgb(241, 241, 241);
	border-bottom: 1px solid rgb(50, 52, 60)}

.costado h2{
	padding: 5px 4px;
	font-family:'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	color: rgb(255, 250, 247)}

.item1{}
.item1:hover{background-color: #65C6BB;}

.item2{}
	.item2:hover{background-color: #F64747;}

.item3{}
	.item3:hover{background-color: #913D88;}

.item4{}
	.item4:hover{background-color: #F62459;}

.item5{}
	.item5:hover{background-color: #2574A9;}

.item6{}
	.item6:hover{background-color: #66CC99;}
	
	
	
	/* ///TITULO// */

.tituloseccion{
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 background-color: rgb(232, 84, 126);
	 height: 7.5em;
	 margin-top: -0em	
}
.tituloseccion img{
	max-width: 70%;
	margin-left: 0.5em
}

.tituloseccion h1, .tituloseccion h5{
	color: white;
	padding-right: 1em;
}
	
	
	
	/* //// CONTENIDO /// */

.evaluar{
		display: flex;
		flex-direction:row;
		position: absolute;
	    margin-left: 5em;
	    height: 45em;
		margin-top: -1.5em;

		}	
	
.tefaltacalificar01 h2, .tefaltacalificar02 h2{
	text-align: center;
	color: #ffffff;
	background-color: #E8547E;
	font-weight: 400;
	
	

}
	.tefaltacalificar01 h2{
		margin-left: 0.55em;
		width: 17.05em;
	}
	.tefaltacalificar02 h2{
		margin-left: 0.55em;
		width: 17.05em;
	}
.tefaltacalificar01{
		right: auto;
	    margin: 2em;
	}
	
.tefaltacalificar02{
		right: auto;
		margin: 2em;
	}

.catedrasacalificar{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0.85em;
	margin-bottom: 0em;
	padding: 0.5em;
	background-color: rgba(240, 255, 255, 0.6);
	flex-flow: column;
    flex-wrap: wrap;
	width: 25.5em;
	height: 35em
}

.catedrasacalificar a{
	
	text-decoration: none;
	color: #E8547E;
	text-align: center;
	display: table-row-group;
	
}

.catedrasacalificar p:hover{
		text-decoration: overline;
        color: azure;
	    background-color: rgba(232, 84, 126, 0.49);
	}
	
.catedrasacalificar a:visited{
		color: #ce5578;
	}

.catedrasacalificar p{
	padding: 0.5em;
	background-color: rgba(240, 255, 255, 0.3);
	width: 11.5em;
	height: 
		
	}	


.hovergallery img{

-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
}



.rankeadas h2{
	margin-bottom: 0em;
	
}

.rankeadas h5{
	text-align: center;
	margin-bottom: 1em;
	text-align: center;
    color: #ffffff;
	background-color: #E8547E;
	width: 30.8em;
}
	
	
/*/////////// ver mas... ///////////*/

.tambiensedice{
  background-color: rgba(240, 255, 255, 0.6);
  padding: 1em;
  width: 30.6em;
margin-top: 0em;
	

}

.tambiensedice:hover{
	background-color: rgba(232, 84, 126, 0.49);
	color: rgb(254, 253, 251)
}

	
}

.catedrasacalificar .tambiensedice{
	margin-top: 41.39em;
	margin-left: -30.9em;
	height: 3.29em;
}

.catedrasacalificar .tambiensedice img{
	margin-top: -0.5em
	
}

	/* ///FOOTER/// */


footer {
	padding: 1em;
    color: #E8547E;;
    font-size: 0.5em;
	background-color: rgba(240, 255, 255, 0.1);
	margin-top: 93.2em;
}
footer figure{
	display: flex;
	align-items: center
	
}

footer figure img{
	max-width: 10em;
	padding-right: 1em
}


/* /// BOTON ATRAS //// */


.botonatras {
	display: none;
}