/*
 * Theme Name: ms-revista
 *
 * Template Style: Green
 *
 * Color Base: #4d9b52 (verde petróleo)
*/

/***** General *****/
/* barra lateral */
.side-bar { padding-right: 0; padding-left: 30px; }
.side-bar-article { position: relative; margin-top: 0.2em; }
.side-bar-article-title { position: absolute; bottom: 0; left: 0; background-color: #4d9b52; padding: 0.5em 0.5em; }
.side-bar-article-title a { color: #FFFFFF; text-decoration: none; }
.side-bar-article-title a:hover { color: #FFFFFF; }
/* titulo en slider */
.container-fluid h2 { color: #FFF; }
.container-fluid { width: 100% !important; }
/* iconos */
.icono_contenido { color: #4d9b52; }
.icono_sidebar { color: #FFFFFF !important; }
/* boton */
button, input[type="submit"] { -webkit-appearance: button; cursor: pointer; background: #4d9b52; border: 1px solid #000000; color: #FFF; }
.btn:hover { color: #FFF; }

/***** Header *****/
.navbar-default .navbar-brand { color: #FFFFFF !important; text-shadow: 1px 1px #222 !important; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #FFF !important; background-color: #4d9b52 !important; text-shadow: 1px 1px #222 !important; }
.navbar-default .navbar-nav>li>a { color: #FFFFFF !important; text-shadow: 1px 1px #222 !important; }
.navbar-default .navbar-nav>li>a:hover { color: #FFFFFF !important; }
.navbar-default { background-color: #4d9b52 !important; border-color: #FFFFFF !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #4d9b52; }
.dropdown-menu { background-color: #4d9b52; }
.dropdown-menu > li > a { color: #FFFFFF; }
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFFFFF; }
}

/***** Home *****/
/* bloque 1 */
.bloque1 { margin-top: 25px; padding: 30px; border-bottom: 1px solid #4d9b52 !important; border-right: 1px solid #4d9b52 !important; border-top: 1px solid #4d9b52 !important; border-left: 15px solid #4d9b52 !important; background: #F2F2F2 !important; color: #333333 !important; text-shadow: 1px 1px #ccc !important; border-radius: 15px !important; font-size: 17px; }
.bloque1 .entry-header .entry-title { border-bottom: 2px solid #4d9b52 !important; color: #4d9b52 !important; text-shadow: 1px 1px #4d9b52 !important; }
/* bloque 3 */
.bloque3 .info1 { margin-top: 25px; padding: 30px; border: 1px solid #4d9b52 !important; background: #F2F2F2 !important; color: #4d9b52 !important; text-shadow: 1px 1px #c3c3c3 !important; border-radius: 15px !important; margin-left: 0px !important;margin-right: 0px !important;}
.bloque3 .info1 .parte1 h3 { text-shadow: 1px 1px #4d9b52 !important; }
.bloque3 .info1 .parte1 .indexadores .indexador img { border: 3px solid #4d9b52; border-radius: 10px; }
.bloque3 .info2 { margin-top: 25px; padding: 30px; border: 1px solid #4d9b52 !important;  background: #F2F2F2 !important; color: #4d9b52 !important; text-shadow: 1px 1px #c3c3c3 !important; border-radius: 15px !important; margin-left: 0px !important;margin-right: 0px !important;}
.bloque3 .info2 .revista_actual { height: 430px; text-align: center; }
.bloque3 .info2 .revista_actual .detalle { padding: 0px 10px 0px 0px; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; color: #415B62; }
.bloque3 .info2 .revista_actual .nuevo_numero { display: inline-block; width: 300px; height: 100px; padding: 20px 0px 0px 0px; background: url(images/dverde.png) no-repeat left top; text-align: center; color: #FFF; font-size:20pt; margin-left:-17px; }
.bloque3 .info2 .revista_actual .img_revista { width: 88%; z-index: -3; margin-top: 22px; margin-left: 35px; max-height: 290px; border: 5px solid #4d9b52; }
.bloque3 .info2 .aviso { padding: 0 60px; text-align: center; margin-bottom: 40px; }
.bloque3 .info2 .aviso span { color: #444; font-size: 24pt; line-height: 45px; margin-top: 5px; font-weight: bold; border-bottom: #4d9b52 }
.bloque3 .info2 .aviso .info { color: #ee7100; }
.bloque3 .info2 .aviso .span-18 { font-size: 18pt; color: #9b1516; line-height: 45px; }
.bloque3 .info2 .aviso .span-16 { color: #000; font-size: 16pt; font-style: italic; line-height: 20px; }
.bloque3 .info2 .aviso .span-14 { color: #727272; font-size: 14pt; line-height: 40px; }
.bloque3 .info2 .aviso .btn-nuevo-nro { background-image: linear-gradient(to bottom, #4d9b52 0px, #4d9b52 43%) !important; border: 1px solid #FFFFFF !important; border-radius: 4px !important; height: auto !important; width: 250px; text-align: center !important; margin-left: 60px !important; margin-right: 60px !important; }
.bloque3 .info2 .aviso .btn-nuevo-nro a { color: #FFF !important; font-size: 20pt !important; text-transform: uppercase !important; display: block !important; padding: 5px 0 !important; border: 1px solid #000000; border-radius: 4px !important; }
.bloque3 .info2 .aviso .btn-nuevo-nro a:hover, .bloque3 .info2 .aviso .btn-nuevo-nro a:focus { text-decoration: none; }
/* bloque 4 */
.bloque4 .info1 .articulo-leido .link-articulo-leido .boton-leidos {
    /* background-image: linear-gradient(to bottom, #4d9b52 0px, #4d9b52 43%) !important; */
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    height: 26px !important;
    text-align: center !important;
    margin-left: 60px !important;
    margin-right: 60px !important;
    background: linear-gradient(#4d9b52, #7FCF84, #D0F5A9) !important;
    text-shadow: 1px 1px #222 !important;
}
.bloque4 .info1 .articulo-leido .link-articulo-leido .boton-leidos a {
    color: #FFF !important;
    font-size: 8pt !important;
    text-transform: uppercase !important;
    display: block !important;
    padding: 5px 0 !important;
}

.bloque4 .info1 .well {
    border: 1px solid #4d9b52 !important;
    border-radius: 15px !important;
}
/***** Widget *****/
.widget-area .widget-title { 
	/* background: #4d9b52 !important; */
	font-size: 16px; 
	text-transform: uppercase; 
	padding: 10px; 
	color: #FFF !important;
	border-radius: 3px;
	border: 1px solid  #577FA2 !important;
	background: linear-gradient(#4d9b52, #7FCF84, #D0F5A9) !important;
	text-shadow: 1px 1px #222 !important;
}
#revista-actual .revista_actual { height: auto; text-align: center; margin-bottom: 10px; }
#revista-actual .revista_actual span { color: #444; font-size: 24pt; line-height: 45px; margin-top: 5px; font-weight: bold; }
#revista-actual .revista_actual .nuevo_numero { text-align: center; color: #ee7100; text-shadow: 1px 1px #000 !important; }
#revista-actual .revista_actual .img_revista { z-index: -3; margin-top: 12px; max-height: 290px; border: 5px solid #4d9b52; }
#revista-actual .aviso { text-align: center; margin-bottom: 30px; }
#revista-actual .aviso span { color: #444; font-size: 22pt; line-height: 45px; margin-top: 5px; font-weight: bold; }
#revista-actual .aviso .info { color: #ee7100; }
#revista-actual .aviso .span-18 { font-size: 18pt; color: #9b1516; line-height: 45px; }
#revista-actual .aviso .span-16 { color: #000; font-size: 16pt; font-style: italic; line-height: 20px; }
#revista-actual .aviso .span-14 { color: #727272; font-size: 14pt; line-height: 40px; }
#revista-actual .aviso .btn-nuevo-nro { background-image: linear-gradient(to bottom, #4d9b52 0px, #4d9b52 43%) !important; border: 1px solid #FFFFFF !important; border-radius: 4px !important; height: auto !important; width: 250px; text-align: center !important; margin-left: 60px !important; margin-right: 60px !important; }
#revista-actual .aviso .btn-nuevo-nro a { color: #FFF !important; font-size: 20pt !important; text-transform: uppercase !important; display: block !important; padding: 5px 0 !important; border: 1px solid #000000; border-radius: 4px !important; }
#revista-actual .aviso .btn-nuevo-nro a:hover, #revista-actual .aviso .btn-nuevo-nro a:focus { text-decoration: none; }

/***** Carousel *****/
#divArticulosMasLeidos .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #000; border-radius: 10px; }
#divArticulosMasLeidos .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #4d9b52; }
#divArticulosMasLeidos .carousel-control { top: 40%; color: #4d9b52; }

/***** Noticias Recientes *****/
.noticia .box-noticia { border: 1px solid #4d9b52 !important; margin-bottom: 30px !important; border-radius: 10px !important; }

/***** Artículos Recientes *****/
#custom_carousel .carousel-inner { position: relative; width: 100%; overflow: hidden; border-radius: 15px !important; border: 1px solid #4d9b52 !important; }

/* acordeon: revistas */
.panel-default>.panel-heading { color: #FFF !important; /*background-color: #4d9b52 !important; */border-color: #4d9b52 !important; background: linear-gradient(#4d9b52, #7FCF84, #D0F5A9) !important; text-shadow: 1px 1px #222 !important; }
.panel-default>.panel-heading a { text-decoration: none; }
.panel-body .img-tomo { width: 52px; height: 68px; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; border: 1px solid #4d9b52 !important; }
.badge { font-size: 20px !important; /*background-color: #4d9b52 !important;*/ padding: 8px 11px !important; border: 1px solid #000000; background: linear-gradient(#4d9b52, #7FCF84, #D0F5A9) !important; text-shadow: 1px 1px #222 !important; }

/* slider: mas leidos y socios */
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,102,119,.5) 0,rgba(0,102,119,.0001) 100%) !important;
    background-image: -o-linear-gradient(left,rgba(0,102,119,.5) 0,rgba(0,0,0,.0001) 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,102,119,.5)),to(rgba(0,102,119,.0001))) !important;
    background-image: linear-gradient(to right,rgba(0,102,119,.5) 0,rgba(0,102,119,.0001) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
    background-repeat: repeat-x !important;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,76, 155,.0001) 0,rgba(0,123,254,.5) 100%) !important;
    background-image: -o-linear-gradient(left,rgba(0,102,119,.0001) 0,rgba(0,102,119,.5) 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,102,119,.0001)),to(rgba(0,102,119,.5))) !important;
    background-image: linear-gradient(to right,rgba(0,102,119,.0001) 0,rgba(0,102,119,.5) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) !important;
    background-repeat: repeat-x !important;
}

/* slider: artículos más leidos */
.carousel-inner.vertical {
  height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    -webkit-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    -webkit-transform: translate3d(0, -33.33%, 0);
    transform: translate3d(0, -33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}

.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 33.33%;
  right:0;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 33.33%;
  right:0;
}

/* slider: socios */
#carousel-pager .carousel-control.left {
    bottom: initial;
    width: 100%;
}
#carousel-pager .carousel-control.right {
    top: initial;
    width: 100%;
}

/* slider: últimos artículos */
#custom_carousel .item {
    color: #FFFFFF !important;
    /*background-color: #4d9b52 !important;*/
    padding: 20px 10px 20px;
    min-height: 300px;
    background: linear-gradient(#4d9b52, #7FCF84, #D0F5A9) !important; 
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#FFFFFF;
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width: 90px
}
#custom_carousel .controls li.active {
    /*background-color:#eee;*/
    border-bottom: 3px solid #4d9b52;
}
#custom_carousel .controls a small {
    overflow: hidden;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold;
    color: #4d9b52;
}

/* Carousel: Item - Título */
#custom_carousel .item .titulo h2 { text-align: justify; font-size: 26px; text-shadow: 1px 1px #222 !important; }

@media (max-width: 359px) {
	#custom_carousel .item .titulo { height: 180px; }
	#custom_carousel .item .titulo h2 { font-size: 21px; }
	#custom_carousel .item .imagen { display: none; }
}
@media (min-width: 360px) and (max-width: 394px) {
	#custom_carousel .item .titulo { height: 170px; }
	#custom_carousel .item .titulo h2 { font-size: 22px; }
	#custom_carousel .item .imagen { display: none; }
}
@media (min-width: 395px) and (max-width: 449px) {
	#custom_carousel .item .titulo { height: 150px; }
	#custom_carousel .item .titulo h2 { font-size: 23px; }
	#custom_carousel .item .imagen { display: none; }
}
@media (min-width: 450px) and (max-width: 479px) {
	#custom_carousel .item .titulo { height: 130px; }
	#custom_carousel .item .titulo h2 { font-size: 24px; }
	#custom_carousel .item .imagen { display: none; }
}
@media (min-width: 480px) and (max-width: 594px) {
	#custom_carousel .item .titulo { height: 180px; }
}
@media (min-width: 595px) and (max-width: 699px) {
	#custom_carousel .item .titulo { height: 150px; }
}
@media (min-width: 700px) and (max-width: 767px) {
	#custom_carousel .item .titulo { height: 130px; }
}
@media (min-width: 768px) and (max-width: 799px) {
	#custom_carousel .item .titulo { height: 170px; }
}
@media (min-width: 800px) and (max-width: 991px) {
	#custom_carousel .item .titulo { height: 165px; }
}
@media (min-width: 992px) and (max-width: 1349px) {
	#custom_carousel .item .titulo { height: 150px; }
}
@media (min-width: 1350px) {
	#custom_carousel .item .titulo { height: 120px; }
}

/* Carousel: Item - Resumen */
#custom_carousel .item .resumen .link_mas { color: #4d9b52; text-shadow: 1px 1px #bbb !important; }
#custom_carousel .item .resumen .texto { color: #FFF; text-shadow: 1px 1px #999 !important; }

@media (max-width: 334px) {
	#custom_carousel .item .resumen { height: 380px; }
}
@media (min-width: 335px) and (max-width: 349px) {
	#custom_carousel .item .resumen { height: 350px; }
}
@media (min-width: 350px) and (max-width: 374px) {
	#custom_carousel .item .resumen { height: 320px; }
}
@media (min-width: 375px) and (max-width: 409px) {
	#custom_carousel .item .resumen { height: 290px; }
}
@media (min-width: 410px) and (max-width: 449px) {
	#custom_carousel .item .resumen { height: 260px; }
}
@media (min-width: 450px) and (max-width: 494px) {
	#custom_carousel .item .resumen { height: 240px; }
}
@media (min-width: 495px) and (max-width: 569px) {
	#custom_carousel .item .resumen { height: 210px; }
}
@media (min-width: 570px) and (max-width: 699px) {
	#custom_carousel .item .resumen { height: 180px; }
}
@media (min-width: 700px) and (max-width: 767px) {
	#custom_carousel .item .resumen { height: 150px; }
}
@media (min-width: 768px) and (max-width: 834px) {
	#custom_carousel .item .resumen { height: 210px; }
}
@media (min-width: 835px) and (max-width: 991px) {
	#custom_carousel .item .resumen { height: 180px; }
}
@media (min-width: 992px) {
	#custom_carousel .item .resumen { height: auto; }
}