@charset "utf-8";
/* CSS Document */
/*INDEX*/
.noti_subti{ font-weight: 300; margin-top: 6px;}
.noti1{text-decoration:none; color: #262626;}
.notiv{display: none}
.notiv .youtube{width:100%; height:620px; margin:0 auto; display:block; border:none; }
.notiv .noti_div .noti_target{color:darkred;}
.notiv .noti_div .noti_titulo{font-weight: bold}
.notiv .noti_div a{text-decoration:none;  color: #262626;}
.notiv .noti_fin{margin-top: 1%;}
.videop{display: inline-block; color: white; background-color: darkred; opacity: .8; font-weight: bolder; padding: 5%; padding-bottom: 2%; padding-top: 2%;}
#portada3{ background-color: #EEEEEC; }
#portada1 .noti1 .noti_target{color: darkred;}
#portada1 .noti_div .noti_titulo{ font-size: 28px; font-weight: bold}
#portada1 .noti3 .noti_titulo{font-size: 16px;}
#portada2{width: 300px; vertical-align: top; margin-left: 20px; margin-right: 20px}
#portada2 .noti2 .noti_target{color: darkred;}
#portada2 .noti2 .noti_titulo{margin-top:6px; font-size: 24px; font-weight: bold}
#portada3{display: inline-block; vertical-align: top;}
#portada3 .noti3 .noti_titulo{ width:217px; font-size: 16px;}
#portada4{ overflow: hidden; display: none;}
#portada4 .noti3{ width: 33%; display: inline-block; margin: 1px; padding-top: 16px; padding-bottom: 16px;}
#portada4 .noti3 .noti_titulo{ width: 76%; font-size: 16px; padding-left:1%;}
#portada4 .noti3 img{width: 23%}
#portada4 .noti3 .noti_titulo{ display: inline-block;}
#portada4 .division2{ display: none}
#portada4 .noti3{background-color: #EEEEEC; vertical-align: middle}
#npag{display: none;}
.npag{color: #262626; width: 44px; display: inline-block; text-decoration: underline; cursor: pointer;}
.npag_activa{color: darkred; text-decoration: none; cursor: default;}

	@media only screen and (min-width: 1144px) {
	#portada1{ width: 460px; display: inline-block;}	
	#portada1 .notip .noti_titulo{ font-size: 28px; font-weight: bold}		
	#portada1 .noti3 .noti_titulo{ width:355px; padding-left: 5px;}	
	#portada2{display: inline-block;}
	#portada3{width: 300px;}
	#portada3 .noti3:first-child{margin-top: 20px}	
	#portada3 .noti3 img{width: 27%;}
	#portada3 .noti3 .noti_titulo{width: 70%; padding-left: 1%; padding-right: 1%}
	#portada4 .noti3{ width: 364px; display: inline-block;}
	#portada4 .noti3 img{ width: 27%;}
	#portada4 .noti3 .noti_titulo{width: 70%; padding-left: 1%; padding-right: 1%}
	.noti1 img{ width:460px; vertical-align: top;}
	.notiv .noti_div{margin-bottom: 1%;}	
	.notiv .noti_div .division{ margin-top: 1%;}	
	}
	@media only screen and (max-width: 1143px) {	
	#portada1{ width: 760px;}
	#portada1 .noti_div{ margin-left: 2%}
	#portada1 .noti3{ width: 100%; display: block; margin: auto; }	
	#portada1 .noti3 .noti_titulo{ width: 655px; padding-left: 5px; }	
	#portada1 .noti3 img{width: 100px;}		
	.noti1 img{ width:100%; vertical-align: top;}	
	#portada2{ width: 100%; margin: 0;}	
	#portada2 .noti2{ width: 48%; display:inline-block; vertical-align: top;}
	#portada2 .noti2:first-child{ margin-right: 4%}		
	#portada2 .noti2 img{ width: 100%;}	
	#portada3{ width: 100%}	
	#portada3 .noti3:first-child{margin-top: 20px}	
	#portada3 .noti3 .noti_titulo { padding-left: 5px; width: 655px}	
	#portada4 {width: 100%}	
	#portada4 .noti3 { width: 100%}	
	#portada4 .noti3 img{width: 100px;}	
	#portada4 .noti3 .noti_titulo {padding-left: 5px; width: 655px}	
	.notiv .noti_div{padding-bottom: 2%; margin-bottom: 2%;}
	.notiv .noti_div .division{ margin-top: 2%;}	
	.notiv .youtube{height:430px}	
	}
	@media only screen and (max-width: 843px) {
	#portada1{ width: 90%; margin: auto}
	#portada1 .noti_div{ margin-left: 2%}	
	#portada1 img{ width: 100%;}	
	#portada1 .noti3 img{ width: 100px;}		
	#portada1 .noti3 .noti_titulo{ padding-left: 5px;width: calc(100% - 105px);}
	#portada2{ width: 90%; margin: auto;}	
	#portada2 .noti2{ width: 48%; display:inline-block; vertical-align: top;}
	#portada2 .noti2:first-child{ margin-right: 4%}	
	#portada2 .noti2 img{width: 100%}	
	#portada3{ width: 90%; margin-left: 5%;}	
	#portada3 .noti3 .noti_titulo{ padding-left: 5px;width: calc(100% - 105px);}	
	#portada3 .noti3 img{ width: 100px}	
	.notiv{  width: 90%; margin: 5%; margin-bottom: 0; margin-top: 0;}		
	#portada4{ width: 100%;}
	#portada4 .noti3{ width: 90%; display: block; margin: auto; margin-bottom: 1px;}
	#portada4 .noti3 img{ width: 100px}
	#portada4 .noti3 .noti_titulo{ padding-left: 5px;width: calc(100% - 105px);}	
	.notiv .noti_div{padding-bottom: 2%; margin-bottom: 2%;}	
	.notiv .noti_div .division{ margin-top: 2%;}	
	.notiv .youtube{height:360px}		
	}	
	@media only screen and (max-width: 480px) {
	#portada1{ width: 100%;}	
	#portada1 .notip{ width: 90%; display: block; margin: auto;}		
	#portada1 .noti1 .noti_div{margin-left: 5%; margin-right: 5%;}
	#portada1 .noti_div .noti_titulo{ font-size: 20px;}	
		#portada1 .notip .noti_titulo{ font-size: 22px; font-weight: bold}
	#portada1 .noti3{ width: 90%; display: block; margin: auto; }	
	#portada1 .noti3 img{ width: 25%}	
	#portada1 .noti3 .noti_titulo{ width:74%; padding-left: 1%; }			
	#portada2{ width: 100%;}
	#portada2 .noti2{ width: 90%; display: block; margin: 5%;}
	#portada2 .noti2 img{ width:100%; vertical-align: top;}	
	#portada2 .noti2 .noti_titulo{ font-size: 22px;}				
	#portada3{ width: 100%; margin: 0;}		
	#portada3 .notiv .noti_target{ padding: 4px; padding-top: 8px; opacity: .9}
	#portada3 .notiv .noti_titulo{ font-weight: 300; font-size: 20px;}
	#portada3 .noti3{ width: 90%; display: block; margin: 5%;}
	#portada3 .noti3 .noti_titulo{ width:74%; padding-left: 1%; }	
	#portada3 .noti3 img{ width: 25%}	
	#portada4 .noti3 img{ width: 25%}
	#portada4 .noti3 .noti_titulo{ width:72%; overflow: hidden; padding-left: 1%; padding-right: 1%}
	.notiv .noti_div{padding-bottom: 5%; margin-bottom: 5%;}
	.notiv .youtube{height:182px}	
	}	
/*index*/