@media screen and (max-width: 2000px) {

.tele_serv{
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	top:26px;
	right: 24.5%;
	z-index: 102;
	transition: 1s;
}

.inst_serv{
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	top:28px;
	right: 22%;
	z-index: 102
}
.wha_serv{
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	top:32px;
	right: 19.5%;
	z-index: 102
}
.tw_serv{
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	top:45px;	
	right: 15%;	
	z-index: 102
	
}
.fac_serv{
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	top:38px;
	right: 17.5%;
	z-index: 102
}

	
.tele_serv_movi{
	top:20px;
	right: 28%;
	font-size: 40px;

}
	.inst_serv_movi{
		position: fixed;
		z-index: 102;
		top:20px;
		right: 25%;
		font-size: 40px;
	}
	.wha_serv_movi{
		position: fixed;
		z-index: 102;
		top:20px;
		right: 22%;
		font-size: 40px;
	}
	.tw_serv_movi{
		position: fixed;
		top:20px;
		right: 17%;	
		z-index: 102;
		font-size: 40px;
	}	
	.fac_serv_movi{
		position: fixed;
		top:20px;
		right: 	20%;
		z-index: 102;
		font-size: 40px;
	}

	@media screen and (max-width: 1760px) {
		.tele_serv{
			right: 19.5%;
		}
		
		.inst_serv{
			right: 17%;
		}
		.wha_serv{
			right: 14.5%;
		}
		.tw_serv{
			right: 10%;	
		}
		.fac_serv{
			right: 12.5%;
		}
	}
@media screen and (max-width: 1614px) {
	.logo{
		left: 14%;
	}
	.Redes_tele{
	
		right: 7%;

	}
	.Redes_inst{
	
		right: 7%;

	}
	.Redes_wha{
	
		right: 7%;
	}
	.Redes_tw{

	
		right: 7%;

	}
	.Redes_fac{
	
		right: 7.5%;
	}

	.Redes_tele_movi{
		top:20px;
		right: 28.5%;

	}
	.Redes_inst_movi{
		top:20px;
		right: 25%;

	}
	.Redes_wha_movi{
		top:20px;
		right: 21%;

	}
	.Redes_tw_movi{
		top:20px;
		right: 14%;	

	}	
	.Redes_fac_movi{
		top:20px;
		right: 	18%;

	}
	

}
@media screen and (max-width: 1440px) {

	.tele_serv{
		top:25px;
		right: 160px;
	}

	.inst_serv{
		position: fixed;
		text-decoration: none;
		color: #fff;
		font-size: 30px;
		top:28px;
		right: 120px;
		z-index: 102
	}
	.wha_serv{
		position: fixed;
		text-decoration: none;
		color: #fff;
		font-size: 30px;
		top:32px;
		right: 81px;
		z-index: 102
	}
	.tw_serv{
		position: fixed;
		text-decoration: none;
		color: #fff;
		font-size: 30px;
		top:45px;	
		right: 10px;	
		z-index: 102
		
	}
	.fac_serv{
		position: fixed;
		text-decoration: none;
		color: #fff;
		font-size: 30px;
		top:38px;
		right: 55px;
		z-index: 102
		
	}

	.tele_serv_movi{
		top:20px;
		right: 350px;
		font-size: 40px;
	}

.inst_serv_movi{
	position: fixed;
	z-index: 102;
	top:20px;
	right: 300px;
	font-size: 40px;
}
.wha_serv_movi{
	position: fixed;
	z-index: 102;
	top:20px;
	right: 250px;
	font-size: 40px;
}
.tw_serv_movi{
	position: fixed;
	top:20px;
	right: 167px;	
	z-index: 102;
	font-size: 40px;
}	
.fac_serv_movi{
	position: fixed;
	top:20px;
	right: 	215px;
	z-index: 102;
	font-size: 40px;
}
	.logo{
		position: fixed;
		height: 90px;
		top:0%;
		left: 12%;
		z-index: 102;
	}
	
	.Redes_tele{
		top: 29%;
		right: 1%;

	}
	.Redes_inst{
		top: 35%;
		right: 1%;

	}
	.Redes_wha{
		top: 43%;
		right: 1%;
	}
	.Redes_tw{

		top: 59%;
		right: 1%;

	}
	.Redes_fac{
		top: 51%;
		right: 1.5%;
	}

	.logo_movi{
		position: fixed;
		height: 80px;
		top:0%;
		left: 13%;
		z-index: 102;
	}
	.Redes_tele_movi{
		top:20px;
		right: 250px;
	}
	.Redes_inst_movi{
		top:20px;
		right: 200px;
	}
	.Redes_wha_movi{
		top:20px;
		right: 150px;
	}
	.Redes_tw_movi{
		top:20px;
		right: 62px;	
	}	
	.Redes_fac_movi{
		top:20px;
		right: 	114px;
	}
	

}
}



@media screen and (max-width: 1200px) {

.tele_serv{
	top: 5px;
}		
.tele_serv_movi{
right: 160px;
font-size: 30px;
}

	.flexslider{
	width: 100%;
	height: auto;
	min-height: 60px;
}
	.slides,
	.slides li,
	.slides li .img{
	width: 100%;
	height: auto;
	min-height: 60px;
}

.barra{
	display: none;
}
.menu{
	transform: translate(-40%,0px);
	top: -18px;
}
.texsliderI{
	top:20%;
	left:11.5%;
	font-size: 200%;
	font-weight: bold;
	width: 400px;
	line-height: 35px;

}
.slides li article span{
	font-size: 250%;
	line-height: 65px;

}

.slides li article div{

	font-size: 80%;
	margin-top: 10%;
	padding: 2% 5% 1% 5%;
	border-radius: 30px 30px 30px 0px;
	cursor: pointer;
}



header ul a {
    margin-right: 20px;
}

.scroll{
	background: #EA1A8B;
	width: 100%;
	height: 50px;
	position: fixed;
	z-index: 101;	
}
.colorA{
	background: #EA1A8B;
}


.logo{
	position: fixed;
	transform: translateY(0%);
	height: 45px;
	z-index: 102;
	top: 0px;
	left: 5%;		
}
.coraz_I,
.coraz_II{
	width: 7%;
}
.Redes_tele{
	top: 70px;
}
.Redes_inst{
	top: 120px;
}
.Redes_wha{
	top: 170px;
}
.Redes_fac{
	top: 230px;
}
.Redes_tw{
	top: 300px;
}


.Redes_tele_movi,
.Redes_inst_movi,
.Redes_wha_movi,
.Redes_tw_movi,
.Redes_fac_movi{
	font-size: 130%;
}
.Redes_tele_movi{
	top:15px;
	right: 220px;
}
.Redes_inst_movi{
	position: fixed;
	z-index: 102;
	top:15px;
	right: 180px;
}
.Redes_wha_movi{
	position: fixed;
	z-index: 102;
	top:15px;
	right: 135px;
}
.Redes_tw_movi{
	position: fixed;
	top:15px;
	right: 50px;	
	z-index: 102;
}	
.Redes_fac_movi{
	position: fixed;
	top:15px;
	right: 	100px;
	z-index: 102;
}
.emergencia div{

	font-size: 130%;
	margin-top: 10%;
	margin-bottom: 10%;
}
.emergencia div p img{
	width: 5%;
}
.emergencia div p i{
	font-size: 140%;
	margin-left: 30px;
	margin-right: 10px;
	
}
.emergencia{
	height: auto;
}

.articleI{
	height: auto;
}
.articleI h1{
	font-size: 200%;
	padding-top: 3%;
	width: 100%;
	line-height: 45px;
}

.articleI p{
	font-weight: bold;
	font-size: 120%;
	margin: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	line-height: 35px;
	width: 80%;
}


.corazpost{
	top: -20px;
}

.burbujas{
	width: 100%;
	grid-template-columns: 1fr 2fr 1fr ;
	grid-template-rows: 0.5fr 0.5fr 1fr 2fr 0.5fr 1fr;
}


.B_imgI{
	grid-area: 3/3;
	
}
.B_imgII{
	grid-area: 4/3;
	justify-self: center;
}
.B_imgIII{
	grid-area: 5/3;
	
}

.B_imgIV{
	grid-area: 3/1;

}
.B_imgV{
	grid-area: 4/1;
	justify-self: center;

}
.B_imgVI{
	grid-area: 5/1;	
}
.B_imgVI_a{
	grid-area: 4/3;
	/*margin-top: 40px;*/
	
}
.B_imgVII h3,
.B_imgVIII h3,
.B_imgIX h3,
.B_imgX h3,
.B_imgXI h3,
.B_imgXII h3,
.B_imgXIII h3{
	font-size: 180%;
	line-height: 120%;
}

.B_imgVII p,
.B_imgVIII p,
.B_imgIX p,
.B_imgX p,
.B_imgXI p,
.B_imgXII p,
.B_imgXIII p{
	font-size: 120%;
	line-height: 100%;
}

.B_imgVII,
.B_imgVIII,
.B_imgIX,
.B_imgX,
.B_imgXI,
.B_imgXII,
.B_imgXIII{
	background-position:center center;
	background-repeat: no-repeat;
	background-size: 90%;
	width: 100%;
	min-width: 0px;
	height:100%;
	min-height: 0px;
	grid-column: 2/3;
	grid-row: 2/6;
	transition:linear 0.1s;
}
.post_b{
	height: auto;

}
.post_b p{
	padding-top: 5%;
font-size: 200%;
padding-bottom: 4%;
}
.foninst{
	width: 80%;
}
.Equipo{
	background-size: 100% 100%;
	background-position: center center;
	margin-top: 0%;
	margin-bottom: 3%;
	height: 700px;
	min-height: 450px;
	display: grid;
	grid-template-columns: 1fr 2fr 2fr 1fr;
    grid-template-rows: 50px 50px;

}
#IBtndown,
#IIBtndown{
	display: block;
	font-size: 25px;
	text-align: center;
}

.E_title{
	font-size: 147%;
	margin-top: 2%;

}

.Equipo article h2{
	font-size: 150%;

}
.Equipo article p span{
	font-size: 110%;
}
.Isis{
	grid-column: 2;
	grid-row: 2;
  
}
.Ernesto{
	grid-column: 3;
	grid-row: 2;
  }
}
.img_Isis{
	z-index: 50;
	width: 80%;
}
.img_Ernesto{
	width: 80%;
	z-index: 50;
}
.Equipo article .E_P{
	display: block;
}
.Blog{
	width: 100%;
	height: 200px;
	display: grid;
	grid-template-columns: 4fr 3fr;
}
.Blog .B_pr {
	font-size: 150%;
	margin-left: 20%;
	margin-top: 12%;
}

.Blog .B_cont .B_Btn{

	width: 25%;
	height: 30px;

	font-size: 120%;
}

.Blog .B_cont .B_barra{
	height: 100px;

}


footer{
	font-size: 110%;
}
form{
	display: grid;
	grid-template-columns: .1fr 1fr .5fr;
}
footer .itemF_I{
	margin-top: 8%;
	margin-left: 10%;
}
footer .itemF_III{
	margin-top: 1%;
	margin-right:0%;
	
}
.BtnSubir img{
	width: 60%;
}


.Msj_error{
	width: 50%;
	height: 300px;
}


.Msj_error h3{
	left: 35%;
}
.Msj_error p{
	left: 30%;

}
/*----------------------------------------------------------------------*/

@media screen and (max-width: 890px) {
.menu{
	transform: translateX(-28%);
}
header ul a {
    margin-right: 15px;
}
header ul {
    left: 40%;
}

}
/*----------------------------------------------------------------------*/

@media screen and (max-width: 808px) {


header ul {
    left:initial;
}

header ul li {
	display: block;
	float: none;
}
header nav {
	width: initial; 
	right: 0px;
	top: 0px;
	margin:0;
	position: fixed;
	z-index: 250;
}
.menu li ul {
	overflow: visible;
}
.menu li:hover > ul {
	overflow: visible;
			}

.respos_menu{
	-moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}
.menuscroll{
	display: none;
}
.scroll{
	display: none;
}
.menu_barFond{
	display: inline-block;
	position: fixed;
	color: #fff;
	z-index: 247;
	width: 100%;
	height: 100vh;
	background:rgba(0, 0, 0, .5);
}
.none{
	display: none;
}
.menu_bar{
	display: inline-block;
	position: fixed;
	text-decoration: none;
	color: #fff;
	z-index: 250;
	right: -60px;
	top: -60px;

	display: flex;
	justify-content: center;
	align-items: center;

	border: 3px solid #fff;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #417181;
	cursor: pointer;
}
.menu_bar i{

	color: #fff;	
	font-size: 100%;
	margin-top: 30%;
	margin-right: 30%;

}
.menu_barII{
	display: block;
	position: fixed;
	text-decoration: none;
	z-index: 249;
	right: -175px;
	top: -175px;
	border: 3px solid #fff;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: #EA1A8B;
	transform: scale(0);
	transition:all 0.1s;
}
.menu_barII_mov{
	transform: scale(1);
}

.M_ItemI,
.M_ItemII,
.M_ItemIII,
.M_ItemIV,
.MItemII_I,
.MItemII_II,
.MItemII_III,
.MItemII_IV,
.MItemII_V{
	position: absolute;
}

.M_ItemI{
	top: -15px;
	left: -130px;
	-webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.menu .M_ItemI:hover{
	-webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.M_ItemII {
	top: 25px;
	left: -130px;
	-webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.menu .M_ItemII:hover{
-webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.M_ItemIII {
	top: 70px;
	left: -100px;
	-webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.menu .M_ItemIII:hover{
	-webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.M_ItemIV {
	top: 100px;
	left: -55px;
	-webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
}
.menu .M_ItemIV:hover{
	-webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
}
.M_ItemV {
	top: 68px;
	left: -5px;
	-webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
.menu .M_ItemV:hover{
	-webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.menu_barIII{
	display: block;
	position: fixed;
	text-decoration: none;
	z-index: 248;
	right: -350px;
	top: -350px;
	border: 3px solid #fff;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	background: #FDB237;
	transform: scale(0);
	transition:all .08s;
}
.menu_barIII_mov{
	transform: scale(1);
}

.menu li ul {
	
	max-height: 500px;
	overflow: visible;
}
.menu li ul a:hover{
	color: #EA1A8B;

}
.menu li:hover > ul {
	max-height: 500px;
	overflow: none;
			}	
.colorA{
	background: none;
}
.colorR{
	background: none;
}

.MItemII_I{
	top: -60px;
	left: -260px;
	-webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);

}
.MItemII_II{
	top: 0px;
	left: -230px;
	-webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);

}
.MItemII_III{
	top: 60px;
	left: -205px;
	-webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);

}
.MItemII_IV{
	top: 110px;
	left: -190px;
	-webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);

}
.MItemII_V{
	top: 150px;
	left: -120px;
	-webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);

}
.MItemII_VI{
	top: 180px;
	left: -110px;
	-webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);

}
.MItemII_VII{
	top: 145px;
	left: -50px;
	-webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);

}
.menu .MItemII_I:hover{
	-webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);

}
.menu .MItemII_II:hover{
	-webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);

}
.menu .MItemII_III:hover{
	-webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);

}
.menu .MItemII_IV:hover{
	-webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);

}
.menu .MItemII_V:hover{
	-webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);

}
.menu .MItemII_VI:hover{
	-webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
.menu .MItemII_VII:hover{
	-webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
}
.menu{
	overflow: hidden;
	transition: all 5s;
}
.MItemII_I,
.MItemII_II,
.MItemII_III,
.MItemII_IV,
.MItemII_V,
.MItemII_VI,
.MItemII_VII{
	display: none;
}


.menu_ocul{
	overflow: visible;
}

.menu_oculI{
	display: block;
}

.menu{
	top: 0px;
}

/*----------------------------------------*/
.flex-direction-nav .flex-prev{
	left: 2%;
}

.flex-direction-nav .flex-next{
	right: 2%;
}

.flexslider:hover .flex-direction-nav .flex-prev{
	left: 1%;
}

.flexslider:hover .flex-direction-nav .flex-next{
	right: 1%;
}
.logo{
	position: absolute;

}
.tele_serv,
.Redes_tele,
.Redes_inst,
.Redes_wha,
.Redes_tw,
.Redes_fac{
	display: none;
}
.texsliderI{
	top:20%;
	left:11.5%;
	font-size: 150%;
	font-weight: bold;
	width: 300px;
	line-height: 25px;

}
.slides li article span{
	font-size: 200%;
	line-height: 55px;

}

.slides li article div{

	font-size: 60%;
	margin-top: 5%;
	padding: 2% 5% 1% 5%;
	border-radius: 30px 30px 30px 0px;
	cursor: pointer;
}

.corazpostI{
	right: 10%;
	bottom: -30px;
}
.D_emer{
	opacity: 1;
	animation: emergencia 1s linear;
}
.Opacity{
	opacity: 1;
}
.articleI h1{

	line-height: 45px;
}

.articleI p{
	line-height:25px ;
	
}
/*-----------------*/



.B_imgI,
.B_imgII,
.B_imgIII,
.B_imgIV,
.B_imgV,
.B_imgVI,
.B_imgVI_a{
	width: 100px;
	
}

.B_imgVII h3,
.B_imgVIII h3,
.B_imgIX h3,
.B_imgX h3,
.B_imgXI h3,
.B_imgXII h3,
.B_imgXIII h3{
	font-size: 120%;
	line-height: 100%;
}

.B_imgVII p,
.B_imgVIII p,
.B_imgIX p,
.B_imgX p,
.B_imgXI p,
.B_imgXII p,
.B_imgXIII p{
	font-size: 95%;
	
}
.B_imgVII a,
.B_imgVIII a,
.B_imgIX a,
.B_imgX a,
.B_imgXI a,
.B_imgXII a,
.B_imgXIII a{
	font-size: 100%;
}
/*.B_imgVII,
.B_imgVIII,
.B_imgIX,
.B_imgX,
.B_imgXI,
.B_imgXII,
.B_imgXIII{

	background-size: 90%;

}*/




/*------------*/

.E_movi{
	animation: none;
}
.img_Isis{
	z-index: 50;
	width: 40%;
}
.img_Ernesto{
	width: 40%;
	z-index: 50;
}

.Blog{
	width: 100%;
	height: 200px;
	
	display: grid;
	grid-template-columns: 4fr 3fr;
}
.Blog .B_pr {
	margin-top: 15%;
}

.Blog .B_cont .B_Btn{
	width: 30%;

}
.Blog .B_cont .B_barra{
	height: 100px;
}
.B_pr,
.B_barra,
.B_Btn{
	opacity: 1;
}
.B_pr_ejec{
	animation: none;
}

.B_barra_ejec{
	animation: none;
}

.B_Btn_ejec{
	animation: none;
}

.Equipo{
	background-size: 100% 100%;
	min-height: 350px;
}

footer{
	font-size: 100%;
}
form{
	display: grid;
	grid-template-columns: .1fr 1fr .5fr;
}
footer .itemF_I{
	margin-top: 8%;
	margin-left: 5%;
}
footer .itemF_III{
	margin-top: 1%;
	margin-right:0%;
	
}

.Msj_error{

	width: 70%;
	height: 300px;
}

form div a i{
	font-size: 1.5rem;

}

}

/*----------------------------------------------------------------------*/

@media screen and (max-width: 600px) {
.flex-direction-nav a:before {
 font-size: 200%;
}
.flex-control-nav {
  bottom: -25%;
}
.flex-direction-nav .flex-prev {
  left: -0px;
}
.flex-direction-nav .flex-next {
  right: -0px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 10px;
}
.flex-control-nav.flex-control-paging{
	width: 120px;
	padding: 20px 0px;
	bottom: -10px;
	z-index: 3;
}

.flex-control-nav li{
	margin: 0 5px;
}

.flex-control-nav li a{
	display: block;
	width: 5px;
	height: 5px;
}



.logo{
	display: none;	
}
.coraz_I{
	top:25%;
	right:4%;
}
.coraz_II{
	top:80%;
	left:5%;	
}
.texsliderI{
	top:10%;
	left:11.5%;
	font-size: 100%;
	font-weight: normal;
	width: 130px;
	line-height: 20px;
	text-shadow: 
	1.5px 0.5px 0 rgb(0, 0, 0);

}
.slides li article span{
	font-size: 170%;
	line-height: 20px;
	text-shadow: 
	1px 0 0 #fff, 
	-1px 0 0 #fff, 
	0 1px 0 #fff, 
	0 -1px 0 #fff, 
	1px 1px #fff, 
	-1px -1px 0 #fff, 
	1px -1px 0 #fff, 
	-1px 1px 0 #fff;

}

.slides li article div{

	font-size: 60%;
	margin-top: 5%;
	padding: 2% 5% 1% 5%;
	border-radius: 30px 30px 30px 0px;
	cursor: pointer;
}


.emergencia div{

	font-size: 110%;
	line-height: 1%;
	margin-top: 5%;
	margin-bottom: 5%;
	background: rgba(253, 178, 55, .8);
}
.emergencia div p img{
	width: 10%;
}

.emergencia div p i{

	font-size: 150%;
	margin-left: 30px;
	margin-right: 10px;
}
.emergencia div p{
	padding-bottom: 2%;
}


/*-----------------*/


.burbujas h2{
	font-size: 150%;
	margin-bottom: 15px;
}
.burbujas{
	width: 100%;
	height: 400px;
	grid-template-columns: 1fr 3fr 1fr ;
	grid-template-rows: 0.5fr 0.5fr 1fr 2fr 0.5fr 1fr;
}
.B_imgI,.B_imgIV{
	align-self:end;
}
.B_imgII{
	justify-self: end;
}
.B_imgV{
	justify-self: start;
	margin-left: 10px;

}
.B_imgVII div{
	top: 65%;
    bottom: 36%;
    left: 16%;
}
.B_imgVIII div{
	top: 45%;
    bottom: 36%;
    left: 15%;
}
.B_imgIX div{
	top: 57%;
    bottom: 43%;
    left: 20%;
}
.B_imgXIII div{
	top: 60%;
    bottom: 40%;
    left: 14%;
}
.B_imgX div{
	top: 65%;
    bottom: 42%;
    left: 25%;
}
.B_imgXI div{

	top: 65%;
    bottom: 42%;
    left: 25%;
}
.B_imgXII div{
	top: 65%;
    bottom: 42%;
    left: 18%;
}

.B_imgVI_a{
	
	margin-top: 40px;
	margin-right: 18px;
	
}


.B_imgI,
.B_imgII,
.B_imgIII,
.B_imgIV,
.B_imgV,
.B_imgVI,
.B_imgVI_a{
	width: 60px;
	
}

.B_imgVII h3,
.B_imgVIII h3,
.B_imgIX h3,
.B_imgX h3,
.B_imgXI h3,
.B_imgXII h3,
.B_imgXIII h3{
	font-size: 90%;
	line-height: 100%;
}

.B_imgVII p,
.B_imgVIII p,
.B_imgIX p,
.B_imgX p,
.B_imgXI p,
.B_imgXII p,
.B_imgXIII p{
	font-size: 65%;
	
}
.B_imgVII a,
.B_imgVIII a,
.B_imgIX a,
.B_imgX a,
.B_imgXI a,
.B_imgXII a,
.B_imgXIII a{
	font-size: 70%;
}
.B_imgVII div,
.B_imgVIII div,
.B_imgIX div,
.B_imgX div,
.B_imgXI div,
.B_imgXII div,
.B_imgXIII div{
	width: 60%;
}
.B_imgVII,
.B_imgVIII,
.B_imgIX,
.B_imgX,
.B_imgXI,
.B_imgXII,
.B_imgXIII{

	background-size: 80%;

}

.foninst img:hover{

	transform: scale(1);
}


/*------------*/

.articleI{
	height: auto;
}
.articleI h1{
	font-size: 180%;
	padding-top: 3%;
	width: 100%;
	line-height: 45px;
}

.articleI p{
	font-weight: bold;
	font-size: 110%;
	margin: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	/*line-height: ;*/
	width: 80%;
}
.corazpost{
	top: -10px;
}
.corazpostI{
	right: 10%;
	bottom: -20px;
}

.post_b{

	background-image: url(../img/post-franj.jpg);
	background-position:center top;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	/*grid-template-rows: 0.4fr 1fr;*/
	height: 160px;;
}
.post_b p{
	width: 100%;
	margin-left: 7%;
	padding-top: 5%;
	font-size: 120%;
	padding-bottom: 0%;
	transform: rotate(-2deg);
}

.foninst{
	background: #017185;
	width: 90%;
	justify-self: center;
}
.E_efect{
	opacity: 1;
}
.E_efect_ejec{
	animation: none;
}
.Equipo{
	display: grid;
	grid-template-columns:  300px;
	grid-template-rows: 100px 500px 100px;
	height:1180px;
	background-size: cover;
	width:100%;
	margin-top: -5px;
 column-gap: 21px;
  row-gap: 20px;
}
	
.E_title{
	  font-size: 18px;
	  grid-column:1 ;
    grid-row: 1; 
	margin-top: 7px;
place-self: right;

}

.Equipo article h2{
	height: 10px;
	margin-top: 0%;
	font-size: 70%;
		text-shadow: 
	1px 0 0 #fff, 
	-1px 0 0 #fff, 
	0 1px 0 #fff, 
	0 -1px 0 #fff, 
	1px 1px #fff, 
	-1px -1px 0 #fff, 
	1px -1px 0 #fff, 
	-1px 1px 0 #fff;


}
.Equipo article p span{
	font-size: 50%;
	line-height: 0%;
	height: 1px;
}

.Equipo article p{
	height: 25px;
}
.Isis{
	grid-column:1;
	grid-row:2;
	margin-left: 7px;
}

.Ernesto{
		grid-column:1;
	grid-row:3;
	margin-right: 18px;
}
.img_Isis{

	z-index: 50;
	width: 100%;
}
.img_Ernesto{
	width: 100%;
	z-index: 50;
}

.texOculI{
	/*display:block;*/
	text-align:justify;
	font-size: 17px;
	font-family: tommy;
	}
.texOculII{
	  /*display:block;*/
	  text-align:justify;
 	  font-size: 17px;
	  font-family: tommy;

	}

.Blog{
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: 3fr 2fr;
	padding-bottom:10px;
}
.Blog .B_pr {
	font-size: 90%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom: 3%;
}

.Blog .B_cont .B_Btn{
	top: 18%;
	width: 46%;
	height: 20px;
	font-size: 75%;
}
.Blog .B_cont .B_barra{
	height: 50px;
	top: 0%;
	height: 40px;

}

footer{
	font-size: 100%;
	height: auto;
	padding-top: 5%;
	padding-bottom: 15%;
	
}
form{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

footer p span{
	font-size: 100%;	
}

.BtnSubir {
	display: none;
}
.Msj_error{

	width: 100%;
	height: 300px;
	font-size: 100%;
}
.Msj_error .btncloset{
	font-size: 100%;
		top: 48%;
		right: 15%;
}
.Msj_error h3{
	top: 45%;
	bottom: 55%;
	left: 34%;
}
.Msj_error p{
	top: 55%;
	bottom: 45%;
	left: 30%;
	font-size: 110%;
}



/*----------------------------------------------------------------------*/

@media screen and (max-width: 321px) {

}


footer p span{
	font-size: 80%;	
}
.BtnSubir {
	display: none;
}

.Msj_error h3{
	left: 28%;
}
.Msj_error p{
	left: 20%;
	
}
}