/*Sidebar Features
------------------------------------*/
/*noti News*/
.now {float:left;max-width: 32.50%;margin: 2px;padding:2px;}
.now a{
	border:1px solid #eee;
	background: #FFF;
	float:left;	
	height: 27.00em;
	max-width: 100%;
	margin: 3px;
	padding: 0px;
	text-decoration:none;	
}
.now a .now-img {vertical-align: middle;display:block;max-width: 100%;height: auto;}


.now .descripcion h3{color: #444;font-size: 23px;font-family: 'Crimson Text', serif;line-height: 20px;margin: 1px 0 10px;text-decoration: none;}
.now .descripcion span{color:#DE4410;font-size:12px;margin:0px;padding:1px;}
.now .descripcion p {font-size:12px;margin:0px;padding:1px;}
.now a .descripcion {padding: 10px;display: block;}
.now a:hover {opacity: 0.75;transition: all 0.2s ease;border:1px solid #666;}


@media (max-width: 600px){
	.row {margin:auto;}
	.now {float:left;max-width: 48%;margin: 2px;padding: 2px;}
}
@media (max-width: 450px){
	.navbar-brand{max-width: 80%;}
	.row {margin:auto;}
	.now {float:none;max-width: 300px;margin: 2px;padding: 2px;}
}
/*-*********************/
.comycon{position:relative;display: block;text-align: center;line-height: 0;max-width: 100%;}
/*-*********************/
.noti-news-img {
	overflow: hidden;
	max-height: 170px;
	position: relative;
	
	margin-top:5px;
	padding-top:1px;
}
.art{border-top:5px solid #375F7A;}
.cul{border-top:5px solid #CE423F;}
.dis{border-top:5px solid #DBBE1E;}
/*noti Mini News*/
.noti-mini-news .post-author {
	font-size: 11px;
}

.noti-mini-news h3,
.noti-mini-news h3 a {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
}

.noti-mini-news .post-author {
	margin-bottom: 8px;
}

.noti-mini-news .post-author span {
	color: #555;
}

.noti-mini-news .post-author strong {
	color: #72c02c;
}

.news-read-more {
	margin: 20px 0; 
}

.news-read-more a {
	font-size: 14px;
}

.news-read-more a:hover {
	text-decoration: none;
}

.news-read-more i {
	color: #fff;
	padding: 2px 3px;
	font-size: 14px;
	background: #72c02c;
}

/*Sidebar Posts*/
.noti-posts h2,
.noti-posts h3 {
	margin-top: -5px;
}

.noti-posts span {
	color: #777;
	display: block;
	font-size: 12px;
	/*font-style: italic;*/
	margin-bottom: 7px;
}

.noti-posts span i {
	font-style: normal;
}

.noti-posts .noti-posts-img {
	overflow: hidden;
	max-height: 105px;
	position: relative;
}

.noti-posts .noti-posts-img:hover img {
	opacity: 0.9;
}

/*Sidebar Categories*/
.noti-sb-categories ul li {
	font-size: 14px;
	margin-bottom: 5px;
}

.noti-sb-categories ul i {
	color: #72c02c;
	font-size: 14px;
}

/*Sidebar Social*/
.noti-sb-social .social-icons li {
	margin-bottom: 0;
	margin-right: 1px;
}

/* Efecto Hover Sección Inicio*/
@media (max-width: 450px){
	.noti-over .noti-flash{}

}
.noti-over{float:left; margin:0px 0px 0px 0;}	
.noti-over em {color: #FBE103 !important;display: block; font-family: 'Crimson Text', serif; font-size: 20px; letter-spacing: 3px;font-style: normal;font-weight: 200;line-height: 20px;margin: 60px auto 5px;
    padding: 0 0 5px;text-shadow: none;text-transform: uppercase;width: 250px;
}
.noti-over em strong{ font-weight:normal; width:200px; display:block; margin:0 auto; }	
.noti-flash .dataflash  p {color: #ccc; font-size: 12px; padding:0px 20px 0px;margin:0px 5px 5px;line-height: 16px;}
.noti-flash{position:relative;display: block;text-align: center;line-height: 0;max-width: 100%;margin:5px;	
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .9);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .9);}
 .noti-flash{width:260px; height:160px;}
 .noti-flash a{ width:260px; height:160px;display:block;}
 .noti-flash img{ width:260px; height:160px;	background-position: center center;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;	
  }
 .noti-flash a:hover img{
    -webkit-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-moz-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-o-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-ms-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	opacity: 0;
  } 	
.noti-flash .dataflash{
  position:absolute; width:260px; height:160px; top:0; left:0;display:block; transition: opacity .25s;background-position: center center;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
	background: #111;
	opacity: 0;
}
.noti-flash a:hover .dataflash{ opacity:1; filter:alpha(opacity=100);
  -webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}	
.noti-flash .borde-flash{border: 20px solid rgba(0, 0, 0, 0.2);display: block;height: 160px;position: absolute;width: 260px;
    transition: opacity .25s;
    -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
 }
.noti-flash a:hover .borde-flash{
    -webkit-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-moz-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-o-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	-ms-transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	transform: translate3d(0,260px,0) rotate3d(1,0,0,-90deg);
  	opacity: 0;
}