@charset "utf-8";
/* CSS Document */

@media (max-width: 960px){
	body{
		margin-top:53px;
	}
	
	#seccion_texto{
		width:90%;
	}
	
	#wrapper{
	display:block;
	top:20px;
	width:100%;
	max-width:960px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

	#container{
	display:block;
	float:left;
	width:100%;
	max-width:960px;
	height:100%;
	}
	
	.redes{
		display:block;
		margin-left:4px;
		padding:0px;
		width:35px;
		max-width:22%;
		height:52px;			
	}

	.redes a{
		margin:12px auto;
		background:white;
		height:30px;
		width:30px;
		border-radius:50%;
		
	}

	.redes a .icono_redes{
		color:#63C1C3;
		text-align:center;
		margin-top:-2px;
		text-align:center;
		margin-left:-3px;
	}

	
	#fondo_nav{
		display:none;
	}
	
	#logo{
		display:none;
		
	}
	
	#menu{
		top:0px;
		position:fixed;
		z-index:1000;
		height:50px;
	}
	
	#menu nav {
	background:#023859;
	}
	
	#menu nav ul {
		list-style:none;
		text-align:left;
	}
	
	.icono{
		font-size:18pt; 
		padding-right:10px;
	}
	
	.icono_submenu{
		margin-top:2px;
		margin-left:-10px;
		margin-right:10px;
		float:left;
	}
	
	.menu_bar{
		margin-top:-3px;
		display:block;
		width:100%;
		height:50px;
		background:#63C1C3;
		border-bottom:10px solid rgb(1,119,191);
	}
	
	.menu_bar .bt_menu{
		margin-top:3px;
		display:block;
		padding:10px;
		color:#fff;
		overflow:hidden;
		font-size:20px;
		font-weight: 600;
		text-decoration:none;
		text-align:center;
	}
	
	.menu_bar .bt_menu .icono_menu{
		margin-top:-1px;
		float: left;
		font-size:18pt;
	}
	
	#menu nav{
		width:80%;
		max-width:300px;
		position: relative;
		left:-100%;
		margin:0;
		height: 280px;
		overflow-y:visible;
		overflow-x:hidden;
		border-bottom:0px solid rgba(1,119,191,0.00);	
	}
	
	
	#menu ul li{
		position:relative;
		width:100%;
		display:block;
		border-bottom:1px solid rgba(255,255,255,.5);
		-webkit-transition: all 0.2s ease-in-out 0s;
   		-moz-transition: all 0.2s ease-in-out 0s;
   		-o-transition: all 0.2s ease-in-out 0s;
   		-ms-transition: all 0.2s ease-in-out 0s;
   		transition: all 0.2s ease-in-out 0s;
	}
	
	#menu nav ul li a{
		position:relative;
		display: block;
		left:0;
	}
	#menu nav ul li .children{
		width:100%;
		position:relative;
	}
	
	
	#menu nav ul li .children li a{
		margin-left:20px;
	}
	
	
	#menu nav ul li .children li {
	display:block;
	width:100%;
	-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
	}
	
	#menu nav ul li:hover .children{
		display:none;
	}
	
	.icono_doblelinea{
	position:relative;	
	margin-top:0px;
	}
	
	.iframe_presentacion{
	position:relative;
	display:block;
	width:100%;
	height:500px;
	}
	
	#img_molecula_aclarant{
	width:100%;
	height:250px;
	background:url(../images/molecula-bioactive-aclarant.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	}
	
	#img_molecula_concentrado_furfuril{
	width:100%;
	height:300px;
	background:url(../images/molecula-concentrado-furfuril.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	}
	
	#img_molecula_ojeras{
	width:100%;
	height:250px;
	background:url(../images/molecula-suero-para-ojeras.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.elemento_menu_diplomado{
	overflow:hidden;
	position:relative;
	display:inline-table;
	width:100px;
	margin:-8px;
	height:100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 3px solid #099;
	background: rgba(230, 255, 255, 0.5);
	 transform:  scale(0.8);
}

.titulo_diplomado{
	font-size:25px;
}

.baner_diplomado{
	position:relative;
	width:100%; 
	height:80px;

}


#seccion01{
	position:relative;
	width:100%;
	height:400px;
}

#menu_diplomado{
	position:relative;
	height:100px;
	width:100%;
	top:290px;
	z-index:2;

}

#logo_diplomado{
	background:url(../images/diplomado/logo.png); 
	position:relative;
	background-position:center; 
	background-size:contain; 
	background-repeat:no-repeat; 
	width:90%; 
	height:290px;
	top:20px; 
	margin:0 auto;
	z-index:2;
}

#hex_01{
	position:relative;
	width:452px; 
	height:687px;
	top:-380px;
	left:-220px;
	z-index:1; 
}

#parrafo_objetivos{
	width:100%;
	display:inline-table;
	margin-top:20px;
}

.hex_03{
	width:183px;
	height:212px;
	position:relative;
}
}