.rssContainer{position:relative;float: left;
width:100%;}

.rssacctitle{color: #c5c5c5;font-weight: bold;font-size: 18px !important;}

.rssblock article{
	position: relative;
	float: left;
	width: 23%;
	margin: 0 1%;
}
.rssblock article img{
	display: block;
	width: 100%;
	/*esta altura se quitara cuando las imagenes sean cuadradas*/
	min-height: 210px !important;
	height:auto !important;
}

.rsspanel{
	overflow: hidden;
}
.rssslider{
	position: relative;
	display: block;
	width: 500%;
	left: 0;
	-webkit-transition:left 0.5s ease;
	-moz-transition:left 0.5s ease;
	-ms-transition:left 0.5s ease;
	-o-transition:left 0.5s ease;
	transition:left 0.5s ease;
}
.rssblock{position: relative;display:inline-block;width: 20%;}
.rssblock figure{position:relative;display: block;width: 100%;overflow: hidden;}
.rssblock figure:hover figcaption{top:0;}
.rssblock figure:hover figcaption p{opacity: 1;}
.rssblock figure figcaption{
	position: absolute;
	background: rgba(149,138,93,0.8);
	width: 100%;
	height: 100%;
	padding: 3% 4% 4% 4%;
	top:65%;
	-webkit-transition:top 0.5s ease;
	-moz-transition:top 0.5s ease;
	-ms-transition:top 0.5s ease;
	-o-transition:top 0.5s ease;
	transition:top 0.5s ease;
}

.rssblock figure figcaption .rsstitle{
	display:block;
	text-decoration: none;
	color:white;
	font-weight: bold;
	line-height:15px;
  
}
@media (max-width: 1250px) {
  
	.rssblock article img{
	min-height: 160px !important;
}
  
  .rssblock figure figcaption .rsstitle{
	font-size:11px;
    line-height:11px;
    font-weight:bold;
  
}
  
}


@media (max-width: 900px) {
  
	  
  .rssblock figure figcaption .rsstitle{
	font-size:12px;
    line-height:13px;
  
}
  
}
@media (max-width: 780px) {
  
	  
  .rssblock figure figcaption .rsstitle{
	font-size:16px;
    line-height:16px;
  
}
  
}


.rssblock figure figcaption p{
	opacity: 0;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-ms-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
}
.rssblock figure figcaption .rssleer{position: absolute;right: 5%;bottom: 5%;}
.rsspanel .rssFwd,.rsspanel .rssBck{
	position: absolute; 
	top:45%; 
	width: 25px; 
	height:20px;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}
.rsspanel .rssFwd:hover,.rsspanel .rssBck:hover{transform:scale(1.2);}
.rsspanel .rssFwd{background: url('../arrows.png') 100% 0;right: 30px;}
.rsspanel .rssBck{background: url('../arrows.png') 0 50%;left: 30px;}

.rsspages{top:-28px;
right:auto;

z-index:4;
position:relative}
.rsspages .rsspage,.rsspages .rsspageSel{
	width: 24px;
	height: 24px;
	padding: 4px 8px;
	margin: 0 2px;
	color: white;
	background: #e1af2c;
	cursor: pointer;
}
.rsspages .rsspageSel, .rsspages .rsspage:hover{
	color:#e1af2c;
	background: white;
}

@media only screen and (max-width: 480px) and (min-width: 320px){
	.rsspages .rsspage, .rsspages .rsspageSel{width: 36px;height: 36px;}
	.rsspanel .rssFwd, .rsspanel .rssBck{display: none;}
	.rssblock article{width: 100%; margin-bottom: 10px;}
}
@media only screen and (max-width: 800px) and (min-width: 481px){
	.rssblock article{width: 48%; margin-bottom: 10px;}
}
.parrafo{
	
	line-height:15px;
	color:#F8F5EF;
	margin-top:10px;
	background:#9F8E2D;
	padding:8px;
	margin:10 -20px 0 -20px;}

/*Lista oferta educativa*/
.titulo-oferta {
  border-left: 3px solid #f0ad4e;
}

.cabeza-oferta {
  padding: 2px;
  margin-bottom: 5px;
  padding-left: 8px;
}

.lista-oferta {
  width: 250px;
  margin: 20px;
}

.lista-oferta ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lista-oferta li {
  border-bottom: 1px solid #ccc;
}

.lista-oferta li:last-child {
  border: none;
}

.lista-oferta li a {
  text-decoration: none;
  color: #000;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
  width: 250px;
}

.lista-oferta li a:hover {
  font-size: 20px;
  background: #f6f6f6;
}

/* COLLAPSE */
.wrap-collabsible {
  margin-bottom: 0.2rem 0;
}

input[type="checkbox"] {
  /*display: none;*/
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  /* font-size: 1.2rem; */
  /* text-align: center; */
  padding: 6px;
  color: #092f57;
  background-color: rgb(146, 143, 112, 0.4);
  cursor: pointer;
  border-radius: 7px;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #092f57;
}

.lbl-toggle::before {
  content: " ";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: 0.7rem;
  transform: translateY(-2px);
  transition: transform 0.2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 250px;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background-color: rgb(146, 143, 112, 0.2);
  border-bottom: 1px solid rgba(9, 47, 87, 0.45);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0.5rem 1rem;
}