@charset "UTF-8";

.ventana {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	
	animation: ventana 2s 3s forwards;
	visibility: hidden;
	opacity: 0;
}

.conten-ventana {
	margin: auto;
	width: 40%;
	height: 40%;
	background: white;
	border-radius: 10px;
}

#cerrar {
	display: none;	
}

#cerrar + label {
	position: absolute;
	color: #fff;
	font-size: 25px;
	z-index: 50;
	background: darkred;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 10px;
	cursor: pointer;
	
	animation: ventana 2s 3s forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .ventana {
	display: none;
}

@keyframes ventana {
	100% {
		visibility: visible;
		opacity: 1;
	}
}


	.bg-tecnm{ background-color: #1B396A !important; color: #fff !important; }
	.text-tecnm{ color: #1B396A !important; }
		
	/* Redes Sociales Lateral */
	.sticky-container{ 
		padding:0px; 
		margin:0px; 
		position:fixed; 
		right:-135px;
		top:230px; 
		width:210px; 
		z-index: 1100; 
	}
	
	/*.sticky-container:hover{ right:-135px;}*/
	.sticky li{
		list-style-type: none;
		background-color: transparent;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px; 
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out; 
		transition: all 0.25s ease-in-out; 
		cursor: pointer;
	}
	
	.sticky li:hover{ background-color:#fff; }
	.sticky li:hover{ margin-left:-115px; }
	.sticky li img{ float:left; margin:5px 4px; margin-right:5px;}
	.sticky li p{ padding-top:5px; margin:0px; line-height:16px; font-size:11px; }
	.sticky li p a{ text-decoration:none; color:#000; }
	.sticky li p a:hover{ text-decoration: underline; }

	/* Menú Azul */
	#main_navbar .dropdown-menu{ background-color: #1B396A; }
	#main_navbar .dropdown-menu li:before{ background-color: #1B396A; }
	#main_navbar .dropdown-menu li:after{ background-color: #1B396A; }
	#main_navbar .dropdown-menu a{ color: #fff; }

@media (min-width: 768px) {
  html { font-size: 16px; } 
}