#lateral #para_opciones {
  background-color: #072146;
}

#lateral #para_opciones span {
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 1.1em;
	color: #ddd;
}

#lateral #para_opciones span a {
	color: lightblue;
}

/*para los efectos de javascript*/
#lateral #para_opciones .option {
  font-size: 1.03em;
}

/*para los efectos hover*/
#lateral #para_opciones .option .back_option {
  border-bottom: 1px solid #2e3b73;
	border-right: 5px solid #072146;
}

#lateral #para_opciones .option .back_option:hover {
	background-color: #327699;
}

#nav_bar {              
	background-color: #327699;
}

#nav_bar button:not(:nth-last-of-type(1)) {
	border-right: 1px solid #324761;
}

#for_intro .div_img {
  position: absolute;
	overflow: hidden;
	transition: all .5s ease;
  top: 180px;
	right: -50px;
	height: 500px;
}

#for_intro .div_img img {
	border-radius: 20px;
	transition: all 1s ease;
}

#carga_icon .icon-spin2 {
  color: #327699;
}

.sub_button button  {
	font-size: 1.05em;
	border: 2px solid #327699;
	background-color: #327699;
	color: #fff;
}



/*Em dashboard*/

.fa-download {
	color: #0187be;
}

.fa-spin {
	color: #5476a2;
	font-size: 3.5em;
	opacity: .5
}

#div_para_input #lupa {
	background-color: ;
}

.table_div th {
		background-color: #327699;
		color: #fff;
}

#for_intro {
	margin: auto;
	width: 200px;
	margin-top: 150px;
	transition: all 2s ease;
	opacity: 0;	
}

#section_1 #intro_p {
	text-align: center;
	margin-top: 20px;
	font-size: 1.8em;
	letter-spacing: 3px;
}

.item_click {
	cursor: pointer;
	transition: all .5s ease;
}

.item_click:hover {
	border-bottom: 1px solid #000;
}

#lateral .div_img {
	position: absolute;
	bottom: 80px;
	height: 80px;
	width: 80px;
	left: 50px;
  display: none; /*Cisne logo*/	
}

/*TABLET AND PC ONLY*/
@media only screen and (min-width: 600px) { 


}

/*PC ONLY*/
@media only screen and (min-width: 970px) { 
	
	#for_intro {
		margin-top: 220px;
	}		
		
}