@media screen and (min-width: 1401px){
	div.home_subtitle, #genereal_subtitle {
		font-size:2vw;	
	}

	.info_table {
		font-size:1.5rem;
	}
}

@media screen
	and (max-width: 1400px)
	and (min-width: 601px)
{
	div.home_subtitle, #genereal_subtitle {
		font-size:2.5vw;	
	}

	.info_table {
		font-size:1.3rem;
	}

	.section_vizier {
		font-size:1.2rem;	
	}
}


@media screen and (max-width: 600px) {
	div.home_subtitle, #genereal_subtitle {
		font-size:4.2vw;
	}

	#genereal_subtitle, #vizier_title{
		font-size:5vw;
	}
	
	.info_table {
		font-size:1rem;
	}

	.section_vizier {
		font-size:1rem;	
	}
}

body
{
	background:#ffffff url('../bs_images/bkgrd_.jpg') no-repeat;
	margin:auto;
	padding:0;
}

#page_intro_top{
	width:100%;
	height:120px;
	background:url('../bs_images/SIGLE_home.png') no-repeat;
}

#ej_pupil{
	height:400px;
	
	margin-top:-40px;
	margin-left:15px;
}
#eml_pupil{
	height:400px;
	
	margin-top:-40px;
	margin-left:7px;
}

.info_table {
		font-weight: normal;
}

.card_special, .card_special_static{
	background-color: rgba(245, 245, 245, 0.2);
	margin:2%;
	margin-left:0;
	padding:2%;
	border-radius:15px;
	height:100%;
	width:100%;
	color:black;
}
.card_white_board{
	background-color: rgba(255, 255, 255);
	border-radius:5px;
}

.card_special_title {
    position:relative;
    left:0px;
    transition: all 600ms;
}

.cs_orange{
	background-color: rgba(255, 140, 0, 0.6);
	color: white;
	font-weight:bold;
}

.cs_red{
	background-color: rgba(255, 0, 0, 0.6);
	color: white;
	font-weight:bold;
}

.cs_blue, .cs_blue_solid_soft{
	background-color: rgba(0, 0, 255, 0.6);
	color: white;
	font-weight:bold;
}
.cs_blue_solid_soft{
	background-color: rgba(5, 41, 92, 0.2);
}

.cs_green{
	background-color: rgba(14, 130, 28, 0.8);
	color: white;
	font-weight:bold;
}
.cs_grey, .cs_grey_solid, .cs_grey_solid_soft, .cs_grey_1, .cs_grey_2, .cs_grey_3{
	/*background-color: rgba(112, 128, 144, 0.6);*/
	background-color: rgba(9, 71, 141, 0.6);
	color: white;
	font-weight:bold;
}
.cs_grey_solid_soft{
	background-color: rgba(112, 128, 144, 0.1);
}

.cs_custom_1{
	background-color: rgba(84, 150, 209, 0.2);
	color: white;
	font-weight:bold;
}

.cs_custom_2{
	background-color: rgba(124, 252, 0, 0.6);
	color: white;
	font-weight:bold;
}

.card_height_1{
	height:186px;
}
.card_height_2{
	height:250px;
}

.card_height_3{
	height:350px;
}

.card_href, .card_href_2{
	cursor:pointer;
}

.home_subtitle{
	visibility: hidden;
	text-align: center;
	font-weight:bold;
	color: #470d64;
}

#genereal_subtitle{
	display:none;
	
	text-align: center;
	color:white;
	/*
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	*/
	font-weight:bold;
	margin-top:-15px;
}

#subtitle_2nd{
	/*display:none;*/
	visibility:hidden;
	padding:0;
	color:#751da1;
	font-size:1rem;
	background-color: rgba(245, 245, 245, 0);
}

.narative{
	text-indent: 2em;
}

.transparent{
	opacity: 0;
}

#ej_programa button{
	
}

.padding-c1{
    padding-right:5px;
    padding-left:5px;
}

.apst-button {
	background-color: #0059b3 !important;
	background-image: linear-gradient(to bottom right, #3399ff, #003380) !important;
}

@media(hover: hover) and (pointer: fine) {
	.card_special:hover .card_special_title {
		position:relative;
		left:8%;
		transition: all 600ms;
	}
	.card_special:hover{
		background-color: rgba(245, 245, 245, 0.3);
		transition: all 600ms;
	}
	.card_special.cs_red:hover{
		background-color: rgba(255, 60, 60, 0.6);
		color:#8c5115;
	}
	.card_special.cs_orange:hover{
		background-color: rgba(255, 194, 102, 0.7);
		color:#003366;
		color:#660000;
	}
	.card_special.cs_blue:hover{
		background-color: rgba(60, 60, 255, 0.6);
		color:#99ffff;
	}
	.card_special.cs_green:hover{
		background-color: rgba(14, 130, 28, 0.6);
		color:#0b6215;
	}
	.card_special.cs_grey:hover{
		/*background-color: rgba(112, 128, 144, 0.3);*/
		background-color: rgba(195, 195, 195, 0.3);
		color:#1575b9;
	}
	.card_special.cs_grey_1:hover{
		background-color: rgba(195, 195, 195, 0.3);
		color:#d13894;
	}
	.card_special.cs_grey_2:hover{
		background-color: rgba(195, 195, 195, 0.3);
		color:#f27008;
	}
	.card_special.cs_grey_3:hover{
		background-color: rgba(195, 195, 195, 0.3);
		color:#570e7b;
	}
	
	.card_href:hover{
		/*opacity:0.9 !important;*/
	}
	.card_href_2:hover{
		/*opacity:0.8 !important;*/
		filter: saturate(135%) !important;
	}
	
	.apst-button:hover {
		background-color: #3399ff !important;
		background-image: linear-gradient(145deg, #3399ff, #003380) !important;
	}
}