/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********************** LAYOUT STYLES ***********************/

body {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
	background: url(../images/fondo_site.png) no-repeat;
	background-position: center 0;
}

#jm-allpage {
	position: relative;
}

#jm-topline-mods {
	background: #008bc5;
	border-bottom: 1px solid #dddddd;
	color: #ffffff;
	padding: 2px 0;
	line-height: 16px;
}

#jm-topline-left {
	float: left;
	width: 75%;
}

#jm-topline-left.notopline_r {
	width: 100%;
}

#jm-topline-right {
	float: right;
	width: 25%;
}

#jm-topline-right.notopline_l {
	width: 100%;
}

#jm-topline-mod2,
#jm-topline-mod3 {
	float: right;
	text-align: right;
}

.jm-allpage-in {
    margin: 0 auto;
    padding: 0 20px;
}

#jm-djmenu {
    margin-bottom: 0px;
	/** modificado el 31/7/13 de 20px a 0px para que contraiga el espacio superior entre el menu principal y el slider principal**/
}

#jm-top-mod,
#jm-header,
#jm-main,
#jm-content-top1,
#jm-bottom1,
#jm-content-bottom2 {
    margin-left: -20px 
}

.jm-header-slider-in,
#jm-left .jm-left-in,
#jm-content .jm-content-in,
#jm-right .jm-right-in {
    padding-left: 20px;
	padding-bottom: 0px;
}

/** toppage **/

#jm-toppage-wrap {
    margin: 30px 0;
}

#jm-toppage-in {
	position: relative;
	z-index: 1;
}

#jm-toppage-left {
	float: left;
}

#jm-toppage-right {
	float: right;
  width: 300px;
}

#jm-social {
	float: right;
	padding-bottom: 10px;
}

#jm-social.nosearch {
	padding: 0;
}

#jm-search {
	float: right;
}

/** header **/

.jm-header-slider {
    width: 75%;
    float: left;
	margin-bottom: 20px;
}

#jm-header-mod {
    width: 25%;
    float: right;
}

/** mainpage **/

/* lcr */

.lcr #jm-left {
	float: left;
}

.lcr #jm-right {
	float: right;
}

.lcr #jm-content {
    float: right;
}

.lcr.scheme2.noleft #jm-content {
	float: left;
}

/* clr */

.clr #jm-left,
.clr #jm-right, 
.clr #jm-content {
    float: left;
}

/* lrc */

.lrc #jm-left {
	float: left;
}

.lrc #jm-right, 
.lrc #jm-content {
    float: right;
}

#jm-pathway-font-switcher {
	padding-bottom: 20px;
}

#jm-pathway {
	float: left;
	width: 85%;
}

.nofontsw #jm-pathway {
	width: 100%;
}

#jm-font-switcher {
	float: right;
	width: 15%;
	text-align: right;
}

#jm-maincontent {
	padding-bottom: 0px;
	/** modificado el 31/7/13 de 20px a 0px para que contraiga el espacio original para el content que no vamos a a usar**/
}

/** bottompage **/

#jm-bottompage {
    background: #fff;
}

#jm-bottom3 {
    border-top: 1px solid #d5d5d5;
	padding: 20px 0;	
}

#jm-footer {
    border-top: 1px solid #d5d5d5;
    padding: 10px 0;
}

#jm-copyrights {
	float: left;
}

#jm-poweredby-stylearea {
	float: right;
}

#jm-stylearea {
	padding-top: 10px;
	float: right;
}

#jm-back-top {
	position: fixed;
	bottom: 50px;
	right: 0;
	margin-right: 50px;
}

/** isfluid **/

.isfluid .jm-allpage-in {
    padding: 0;
}

.isfluid .jm-allpage-space {
    padding: 0 20px;
}

#jm-header-mod.jm-mod-fluid, 
.jm-header-slider.jm-mod-fluid {
    width: 100%;
}

#jm-header-mod.jm-mod-fluid .jm-module {
    padding-left: 0;
}

/** clearing **/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    min-width: 0;
    display: inline-block; /* \*/
    display: block;
}

/* trigger hasLayout for IE7. Hide from IE Mac */ * html .clearfix {
    height: 1%;
}

/* Hide from IE Mac */

.clr, .clear, .jm-clear {
    clear: both;
}

/* end clearing */


div.bottom2 .jm-module-content ul.menu li {
    float: left;
    width: 160px;
}
div.bottom2 .jm-module-content ul.menu li a {
    padding-left: 13px;
    padding-top: 2px;
    padding-bottom: 1px; font-size: 12px;
}

div.bottom2 .jm-module-content .vivo-envivo, div.bottom2 .jm-module-content .vivo-clear{
  display: none;
}

div.dj-horizontal{
  height: 98px !important;
}

.dj-horizontal .dj-main li.hover ul.dj-submenu li a, .dj-horizontal .dj-main li.active ul.dj-submenu li a{
  font-size: 11px !important;
  margin-top: 3px; margin-bottom: 3px;
}

.dj-main li a.dj-up_a
{
  padding: 0 22px;
}

#jm-toppage-right{ margin-top: 14px; }
#jm-topline-mods ul.menu.rapido li a:visited, #jm-topline-mods ul.menu.rapido li a:link{ font-size: 11px }
div.item-page h2{ font-size: 14px !important; font-weight: 700; float: left; max-width: 547px; line-height: 1.2em; }
div.category-item-title{ font-weight: 700 }
.items-more ul li { margin-bottom: 1em }

   
@media only screen and (max-width: 770px){
  .dj-album-image {
    height: 320px;
    margin: 0px;
    width: 100%;
  }

  .dj-item-full-desc { display: none }

  .dj-album-item-desc {
    overflow: hidden;
    position: static;
    width: auto;
    height: auto;
  }

  h1.dj-album-title { display: none }
  .dj-album-item { padding-top: 0px; }

}

/* Regla, desde un alto de 315 hasta un alto de 475 pixeles */
@media only screen and (max-height: 475px) and ( min-height: 315px){
  .dj-album-image { height: 85% }
  .dj-album-item-desc { white-space: nowrap; }
}

/* Regla: como maximo, 314 pixeled de alto, quito titulos */
@media only screen and (max-height: 314px){
  .dj-album-image { height: 100% }
  .dj-album-item-desc { display: none; }
}

/* --------------------------------- */

/* Regla, maximo un ancho de 560 pixeles, muestro el bloque para 
   moviles y oculto divs no-mobile. */
@media only screen and (max-width: 560px){
  .no-mobile      { display: none  }
  .only-tablet    { display: none  }
}

/* Regla si como minimo tiene 560 pixeles, no muestro el bloque para moviles */
@media only screen and (min-width: 561px){
  .only-mobile    { display: none }
}

@media only screen and (max-width: 770px) and (min-width: 561px){
  .no-tablet      { display: none  }
}

@media only screen and (min-width: 771px){
  .only-tablet    { display: none  }
}

.home-display-none { display: none; }

#jm-content-top2{ 
  margin-left: -20px;
}
#jm-content-top2 .content-top2-bg{
  padding-left: 20px;
}

.dj-item-title a          { text-decoration: none; }
.dj-item-title a:link     { text-decoration: none; }
.dj-item-title a:visible  { text-decoration: none; }
.jm-module.title-box h3.jm-title{
  margin: 0 25px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jm-module.title-box.youtube h3.jm-title{
    background-image: url("../images/youtube-blanco.png");
    background-position: right top;
    background-repeat: no-repeat;
    margin-left: 0 !important;  
    text-align: left;
}

.category-item-desc {
  margin-bottom: 30px;
}
.img-intro-left img {
  margin-bottom: 0.5em;
}