:root{
  --azul: #0062ff;
  --blanco: #ffffff;
  --negro: #000;
  --negro10: #BFBFBF;
}

.preloader {
	background-color: var(--blanco);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1200;
}
.preim{
	width: 100px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
/*final*/

.page-img-iniio {
  height: 150px !important;
}

.page-img-iniio:after {
  background: rgba(0, 0, 0, 0.5) !important;
}
.titulos_cental{
	margin: 0 auto;
	padding: 25px;
	width: 100%;
	text-align: center;
}
.marqui_in{
	margin-left: 2px;
	margin-right: 10px;
}
.abajo_b{
	position:absolute;
	bottom: 5px;
	}
.izquir{
	float: left;
	
}
.derech{
	float: right;
	right: 10px;
}
.noti{
	width: 100%;
	display: inline-block;
}
.boton_center{
	display: inline-block;
	width: 100%;
	height: 1px;
}
.ciudad{
	background-color: #ff0000;
	color: #fff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	top: 10px;
	left: 10px;
	position: absolute;
	border-radius: 20px;
	
}
.iznota{
	width: 100%;
}
.video_p {
    height:419px;
    }
.estado_v{
	background-color: rgba(0, 0, 0, 0.41);
	color: #fff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	top: 30%;
	left: 45%;
	position: absolute;
	border-radius: 12px;
}
.texto{
    font-size: 11px;
}
.matricula{
    background-color:rgba(255, 255, 255, 0.51);
    width: 100%;
    height: 80%;
    border-radius: 20px;
    text-align: center;
    color: var(--negro);
}  
.imgnota{
	width: 100%;
	height: 170px;
	background-position: center;
	background-size:cover;
	border-radius: 7px 7px 0px 0px;
}
@media only screen and (min-width: 576px) {

.preloader {
	background-color: var(--blanco);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1200;
}

.preim{
	width: 100px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
	
.abajo_b{
	position:absolute;
	bottom: 10px;
	}	
.izquir{
	float: left;
}
.derech{
	float: right;
	right: 10px;
	
}
.noti{
	width: 47.6%;
	height: 400px;
	display: inline-block;
}
.boton_center{
	display: inline-block;
	width: 100%;
	height: 1px;
}
.ciudad{
	background-color: #ff0000;
	color: #fff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	top: 10px;
	left: 10px;
	position: absolute;
	border-radius: 20px;
	
}
.iznota{
	width: 100%;
}
.video_p {
    height:419px;
    }	
.estado_v{
	background-color: rgba(0, 0, 0, 0.41);
	color: #fff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	top: 12%;
	left: 40%;
	position: absolute;
	border-radius: 12px;
}
.texto{
    font-size: 12px;
}    
.matricula{
    background-color:rgba(255, 255, 255, 0.51);
    width: 100%;
    height: 400px;
    border-radius: 20px;
    text-align: center;
    color: var(--negro);
}  
.imgnota{
	width: 100%;
	height: 180px;
	background-position: center;
	background-size:cover;
	border-radius: 5px 5px 0px 0px;
}	
}

@media only screen and (min-width: 992px) {
	
.preloader {
	background-color: var(--blanco);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1200;
}

.preim{
	width: 100px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
	
.abajo_b{
	position:absolute;
	bottom: 10px;
	}	
.izquir{
	float: left;
}
.derech{
	float: right;
	right: 10px;
	
}	
.noti{
	width: 31.3%;
	height: 400px;
	display: inline-block;
}
.boton_center{
	display: inline-block;
	width: 100%;
	height: 1px;
}
.ciudad{
	background-color: #ff0000;
	color: #fff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	top: 10px;
	left: 10px;
	position: absolute;
	border-radius: 20px;
}
.iznota{
	width: 70%;
	margin: 0 auto;
}
.video_p {
    height:419px;
}
.estado_v{
	background-color: rgba(0, 0, 0, 0.41);
	color: #fff;
	padding-bottom: 10px;
	padding-left: 13px;
	padding-top: 10px;
	padding-right: 13px;
	top: 18%;
	left: 40%;
	position: absolute;
	border-radius: 12px;
}	
.texto{
    font-size: 13px;
} 
.matricula2{
    width: 50%;
    height: 500px;
    padding-top: 100px;
    margin-top: 30px;
}    
.matricula{
    margin-top: 30px;
    background-color:rgba(255, 255, 255, 0.51);
    width: 50%;
    height: 500px;
    border-radius: 20px;
    text-align: center;
    color: var(--negro);
}
.imgnota{
	width: 100%;
	height: 180px;
	background-position: center;
	background-size:cover;
	border-radius: 10px 10px 0px 0px;
}
}