.offcanvas-body{
	flex-grow:0;
	padding:0px;
	justify-content: unset;
}
.offcanvas{
	/*transition: transform .0s;*/
}
.bloqueado{
	cursor: default !important;
/*	background-color: #001122 !important;
	color: #c8c8c8 !important;*/
}
.barra_opciones_mobile{
	width:100%; 
	border-width: 0px 0px 2px 0px; 
	background-color:#263C5D !important; 
	color:white !important; 
	border-color: #627EA7;
	text-align:left;
	border-radius: 0px;
}
.row>*{
	max-width:110%;
}

@media only screen and (min-width: 1450px){

	.capainterior{
		padding-top: 20px !important;
	}

	.ultimos{
		height: 450px !important;
	}
	nav{
		width: 105px !important;
	}
	.new_barra_icono_2{
		width: 85px !important;
	}

}

@media only screen and (max-width: 1440px){
	.barritaaa{
		overflow: scroll !important;
		position: inherit !important;
	}
	ul{
		height: 100%;
	}
	.capainterior{
		padding-top: 10px !important;
	}
	.nav_prog{
		padding-left: 20px !important;
		margin-top: 10px !important;
	}
}

@media only screen and (max-width: 1280px){
	.capainterior{
		padding-top: 140px !important;
		margin-left: 30px !important;
		padding-right: 20px !important;
	}
}

@media only screen and (max-width: 1000px){
	.capainterior{
		padding-top: 130px !important;
		margin-left: 20px !important;
	}
	.capainterior_convo{
		padding-top: 160px !important;
		margin-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media only screen and (min-height: 927px){
	.barritaaa{
		height: 1500px;
		overflow: auto !important;
	}
	.ultimos{
		height: 450px !important;
	}
	nav{
		width: 105px !important;
	}
	.new_barra_icono_2{
		width: 85px !important;
	}
}

@media only screen and (max-width: 770px){
	.carousel{
		padding-top: 0px !important;
		padding-right: 30px !important;
		margin-right: 0px !important;
		margin-left:0px !important;
	}
}

@media only screen and (max-width: 500px){
	.capainterior{
		margin-left: 20px !important;
		padding-right: 0px !important;
		padding-top: 140px !important;
	}
	.nav-item{
		margin-left: 0px !important;
	}
	.new_barra_icono_2{
		width: auto !important;
		padding-left:5px;
	}
	.dropdown-toggle{
		padding-top:15px !important;
	}
	.dropdown-toggle::after{
		font-size: 25px;
	}
	.capainterior_convo{
		margin-left: 30px !important;
		padding-right: 0px !important;
		padding-top: 180px !important;
	}
			.carousel{
				padding-top: 0px !important;
				padding-right: 50px !important;
				margin-right: 0px !important;
				margin-left:16px !important;
			} 
}

@media only screen and (max-width: 299px){
	.capainterior{
		margin-left: 20px !important;
		padding-right: 0px !important;
		padding-top: 230px !important;
	}
	.nav-item{
		margin-left: 0px !important;
	}
	.new_barra_icono_2{
		width: auto !important;
		padding-left:5px;
	}
	.dropdown-toggle{
		padding-top:15px !important;
	}
	.dropdown-toggle::after{
		font-size: 25px;
	}
}

.new_barra_celdas_f{

}

#divtitulo{
	width: 100% !important;
}

.titulo{
	font-size: 20px !important;
	line-height: 35px !important;
}


#divencabezado{
	position: fixed !important;
	padding-bottom: 600px !important;
	padding-left:0px !important;
	width: fit-content !important;
	z-index:2 !important;
}
 .capainterior{
 	height: 100%;

	margin-left: 120px;
	padding-right: 110px;
	padding-top: 95px ; 

 	margin-bottom: 20px;
 	background-color: #fcfcfc;
 }

  .capainterior_convo{
 	height: 100%;

	margin-left: 120px;
	padding-right: 110px;
	padding-top: 120px ; 

 	margin-bottom: 20px;
 	background-color: #fcfcfc;
 }

 .capainterior_convocatoria_menu{
 	height: 100%;

	margin-left: 10px !important;
	padding-right: 110px !important;
	padding-top: 95px !important; 

 	margin-bottom: 20px;
 	background-color: #fcfcfc;
 }

 .capainterior_convocatoria{
 	height: 100%;

	margin-left: 120px !important;
	padding-right: 40px !important;
	padding-top: 10px !important; 

 	margin-bottom: 20px;
 	background-color: #fcfcfc;
 }

 .card{
 	border-color: #263C5D;
 }
 .card-header{
 	background-color: #F1F4F9;
 	border-color: #003552;
 	color: #003552 !important;
 }

ul{
	padding: 0px !important;
}
nav{
	position: absolute;
	height: 100%;
	width: 90px;
	overflow: scroll !important;
	transition: width 0.2s linear;
	z-index: 0;
}
.barritaaa:hover{
	width: 450px !important;
	transition: all 0.5s ease;
	z-index: 1;
	overflow: scroll !important;
}
.barritaaa{
	transition: .5s;
	z-index: 1;
	/*overflow: scroll;*/

	/*position: fixed;*/
}
.barra_celdas_f:hover{
	
}
.nav-item{
	position: relative;
	font-weight: bold;
	margin-left: 10px;
	color: white;
}
.new_barra_celdas_f{
	background-color: #445D82;
	transition-duration: .3s;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	border-bottom: 2px solid #002538;
	position: relative;
	display: table;
	padding: 10px;
	width: 450px;

}
.new_barra_celdas_f:hover{
	background-color: #263C5D;

}

.new_barra_celdas_sub{
	background-color: #388771;
	transition-duration: .3s;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	border-bottom: 1px solid black;
	position: relative;
	display: table;
	
	width: 450px;

}
.new_barra_celdas_sub:hover{
	
	background-color: #2C7360;
	/*background-color: #388771;*/

}

.new_barra_titulo{
	font-size: 30px !important;
	font-weight: bold;
	color: white;
	display: flex;
	transition: all .5s ease;
	padding: 15px;
	top: 5;

}
.new_barra_icono{
	font-size:50px;
	
	text-align: center;
}

@media only screen and (max-width: 1280px){
	.new_barra_icono_alt{
		text-align: center !important;
	    position: relative !important;
	    width: 70px !important;
	    height: 38px !important;
	    top: 15px !important;
	}
}

@media only screen and (max-width: 500px){
	.new_barra_icono_alt{
		text-align: center !important;
	    position: relative !important;
	    width: 40px !important;
	    height: 38px !important;
	    top: 15px !important;
	}
}

.new_barra_icono_alt{
	text-align: center;
    position: relative;
    width: 70px;
    height: 38px;
    top: 5px;
}
.new_barra_icono_2{
	font-size:30px;
	color: white;
	
	position: relative;
	width: 70px;
	height: 38px;
	top: 5px;
	text-align: center;
}
.barra_titulo{
	font-size: 16px !important;
	font-weight: bold;
}
.barra_celdas_f{
	border-left: 2px solid ;
	border-top: 2px solid ;
	border-bottom: 2px solid ;
	border-color: transparent !important;
	background-color: #097A64;
	transition-duration: .3s;
	cursor: pointer;
	text-align: left;
}
.barra_celdas_f:hover{
	background-color: #199980;
}
.barra_celdas{
	border: 2px solid transparent;
	background-color: #097A64;
		transition-duration: .3s;
	cursor: pointer;
	text-align: left;
}
.barra_celdas:hover{
	background-color: #199980;
}
.barra_celdas_l{
	border: 2px solid transparent;
	background-color: #097A64;
	transition-duration: .3s;
	cursor: pointer;
	text-align: left;
}
.barra_celdas_l:hover{
	background-color: #199980;
}
.barra_lista_opciones{
	background-color: #EFFAF8;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
}
.barra_opciones{
/*	background-color: #263C5D;*/
	transition: .3s;
	padding: 10px;
	/*border-bottom:2px solid #4A77BD;*/
}
.barra_opciones:hover{
	/*background-color: #4a77bd;*/
	background-color: #2C7360;
	color: white !important;
}
.panel-heading{
	background-color: #F1F4F9 !important;
	border-color: #003552 !important;
	color: #003552 !important;
}
.panel-default, .panel-body{
	border-color: #263C5D !important;
}
.newBlock0{
	background-color: #ffffff;
 	color:#388771;

 	border: 1px solid;
 	border-color: #388771;

  	height: 110px !important;
	border-radius: 10px;

	cursor: default;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock1{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock1:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock2{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	box-shadow: 1px 1px black;
	
	cursor: pointer;
	transition-duration: 0.4s;
}
.newBlock2:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock3{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock3:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock4{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock4:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock5{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock5:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock6{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock6:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock7{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock7:hover{
	background-color:#263C5D !important;
	color: white !important;
}
.newBlock8{
	background-color: #ffffff;
 	color:#263C5D;

 	border: 1px solid;
 	border-color: #263C5D;

  	height: 110px !important;
	border-radius: 10px;

	cursor: pointer;
	transition-duration: 0.4s;

	box-shadow: 1px 1px black;
}
.newBlock8:hover{
	background-color:#263C5D !important;
}
.newBlock9{
	background-color: #ffffff;
 	color:#1E5590;

 	border: 1px solid;
 	border-color: #1E5590;

  	height: 110px !important;
	border-radius: 10px;

}
.mensaje_1{
	transition-duration: 0.4s;

}
.iconostyle{
	font-size: 60px;
	color:white;
	padding:10px;
}
.iconostyle_siuv{
	font-size: 60px;
	color:white;
	padding:25px;
}
.iconostyle_ubi{
	font-size: 60px;
	color:white;
	padding:20px;
}