.body header > *{
	display: inline;
}

.body header .subtitle{
	font-size: 1.3rem;
	margin-left: .5rem;
    border-left: 1px dotted #ccc;
    padding-left: .8rem;
    padding-top: .3rem;
    color: #666;
}

.body ul li {
	list-style: none !important;
}

#div-hola-slot-megabanner, #div-hola-slot-robapaginas, #div-hola-slot-robainferior, #div-hola-slot-bannerinferior{
	display:table !important;
	margin: 0.5em auto;
	text-align:center;
}

.name{
	font: normal 2rem / 1.3em "PT Serif", "EB Garamond", Georgia, "Times New Roman", Times, serif;
}

.visor-options{
	display: table;
	background-color: #efefef;
	width: 100%;
	padding: 1rem;
}

.visor-options.bottom .visor-desplegable{
	padding-top: 40px;
}

.visor-options.bottom button.menu:not(.close) {
	top: 0;
}

.visor-desplegable {
	position: relative;
	display: table;
	width: 100% !important;
}

.visor-desplegable .masc{
	visibility: hidden;
	height: 0;
	transition: height .3s ease-in-out 0s, visibility 0s;
	overflow: hidden;
}

.visor-desplegable.open .masc{
	visibility:visible;
	transition: height .4s ease-in-out 0s, visibility 0s;
	height:900px;
	padding-top: 2rem;
}

.visor-desplegable .expan-list{
	float: left;
	width: 100%;
}

.visor-desplegable .expan-list li{
	float: left;
    list-style: none;
	border-bottom: 1px solid #ccc;
	padding: .5em 0;
	width: 28%;
	margin:0 2.5%;
}

.visor-desplegable .expan-list li:nth-child(3n+1){
	clear: both;
}



li.dise-seleecionado a{
	color: #000;	
}

	button.menu{
		cursor: pointer;
	    border: 0;
	    padding: .6rem 1rem;
	    background-color: #C00;
	    position: absolute;
	    right: 0;
	    border-radius: .4rem;
	    top: -40px;
	    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	}
	
	button.menu.close{
		top: auto;
		bottom: .3em;
		visibility: hidden;
		transition: visibility 0s .1s;
	}

	.open button.menu.close{
		visibility: visible;
		transition: visibility 0s .3s;
	}

	
	.open button.menu{
		background-color: #fff;
		transition: background-color .3s;
	}
	
	.open button.menu .text{
		color: #000;
		transition: color .1s;
	}
	
	.open .A span{
		background-color: #000;
		transition: background-color .2s;
	}

	
	button.menu .text{
		float			: left;
		text-transform	: uppercase;
		color			: #fff;
		font-size		: 1rem;
		margin-right: .5rem;
	}
	
	.A {
	 width: 20px;
	 height: 14px;
	 position: relative;
	 display: inline-block;
	 margin-top: .2rem;
	}
	
	.A span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background-color: #fff;
	  opacity: 1;
	  transform: rotate(0deg);
	  transition: .25s ease-in-out;
	  left:0;
	}
	
	.A span:nth-child(1) {
	  top: 0px;
	}
	
	.A span:nth-child(2) {
	  top: calc(50% - 2px);
	}
	
	.A span:nth-child(3) {
	  top: calc(50% - 2px);
	}
	
	.A span:nth-child(4) {
	  top: calc(100% - 4px);
	}
	
	.open .A span:nth-child(1) {
	  transform: translateY(-20px);
	  opacity: 0;
	}
	
	.open .A span:nth-child(4) {
	  transform: translateY(20px);
	  opacity: 0;
	}
	
	.open .A span:nth-child(2) {
	  transform: rotate(135deg);
	}
	
	.open .A span:nth-child(3) {
	  transform: rotate(-135deg);
	}

.info, .visor p.info:first-letter{
	font-size: .9rem;
	font-style: italic;
	color: #666;
    float: none;
    line-height: 1.2em;
    padding:.5rem 0 0;
}


.visor-thums  {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.visor-thums li {
    list-style:none;
    float: left;
    width: 14.2%;
}

/* ampliación */

.visor-footer .compartir{
    background:none;
    margin:0;
    border:0;
    padding:25px 10px;
    width: 400px;
}

.visor-footer .compartir li, .visor-footer .compartir h4, .visor-footer .compartir ul,
.ampliacion-foto, .ampliacion-derecha   {
    float:left; 
}

.visor-footer .visor-desplegable{
    margin:20px 10px 0 0;   
}

.visor-footer .compartir h4{
    font: normal 14px Century Gothic,Arial,Verdana sans-serif;
    color:#666;
}

.visor-footer .compartir li{
    float:left; 
    list-style:none;
    margin-left: 15px;  
}

.visor-ampliacion{
    position:fixed;
    width:100%;
    height:100%;
    background: #000;
    background: rgba(0,0,0,.9);
    top:0;
    left:0;
    z-index: 2147483647;
    padding-top:40px;
    display: none;
    overflow: auto;
}

.ampliacion-topbar{
    background:#000;
    height:40px;
    margin-bottom:35px;
}

.v-container{
    width:990px;
    margin: 0 auto; 
}

.ampliacion-topbar .imgButton{
    background-position: -105px 0;
    width:40px;
    height:40px;
    float:right;
    margin:-20px -15px 0 0;
}

.ampliacion-topbar .imgButton:hover{
    background-position: -105px -42px;
}

.ampliacion-topbar .v-container div{ float:left;  }
.ampliacion-topbar .v-container > div{  margin-top:10px; }

.ampliacion-foto    {
    width:660px; 
    text-align:center;
}

.ampliacion-foto    img{
    
}

.ampliacion-derecha {
    width:330px; 
}

.navega .imgButton{
    width:50px;
    height:48px;
}

.navega .imgButton.prev, .navega span, .navega{
    float:left;
}
.navega{
    border-top:1px solid #535353;
    border-bottom:1px solid #535353;
    padding: 15px 0;
    margin-bottom:15px;
}
.navega span{
    font: normal 36px Century Gothic,Arial,Verdana sans-serif;
    color:#999;
    text-align:center;
    width:230px;
}

.navega span strong{
    color:#fff;
    font-weight:normal;
}

.navega .imgButton.next{
    background-position: -50px 0;
    float:right;
}

.navega .imgButton.next:hover{
    background-position: -50px -50px;
}

.navega .imgButton.prev:hover{
    background-position: 0 -50px;
}

.visor-ampliacion .textos{
    border-bottom:1px solid #535353;
    padding: 5px 0 30px;
}

.visor-ampliacion .textos h1{
    font: normal 28px Century Gothic,Arial,Verdana sans-serif !important;
    color:#C251C2 !important;
}

.visor-ampliacion .textos h3{
    font: normal 18px Century Gothic,Arial,Verdana sans-serif;
    color:#999;
    margin:15px 0;
}

.visor-ampliacion .textos p{
    color:#ccc;
    font-size:12px;
}

.nombredisetendencia{
    display:block; font: normal 18px Century Gothic,Arial,Verdana sans-serif; color: #FF6A6A;
}
.visor-head-title{
		display:block;
		float:left;
		padding-top:3px;
		font: normal 32px Century Gothic,Verdana,Arial,sans-serif;
		color: #660066;
		width: 100%;
		margin-bottom: 15px;	
}
.visor-head-subtitle{
		color: #9C9C9C;	
}
#content{
		padding:0 7px;
}

.disabled{
	display:none;
}




.visor-publi > aside {
max-width: none;
float: right;
margin: 0 0 15px 15px;
}

.vertical .categoria {
	margin-bottom:1rem;
	display:table;
}

.vertical .categoria h2{
	line-height: 1.9em;
	margin:0;
}

/** arreglos jorge problemas visualizacion ipad y iphone 11-11-15 y quito el estilo photo del visor**/
.gallery .gallery-content figure img {
		margin:0 auto;
		display:block !important;
	}
	
#div-hola-slot-robapaginas_ad_container {
	display: table;
  margin-top: 2em !important;
}

/**fin arreglos**/

/* responsive*/

@media screen and (max-width: 1240px)  {
	
	.visor-publi{
		width: 100% !important;
		margin-left: 0 !important;
	}	
	
	.visor-thums li {
		margin-right: 17px;
	}	
	
	
	
	.gallery .gallery-content figure img {
		max-width: 90%;
		max-height: 90%;
	}

}

@media screen and (max-width: 768px)  {
	
	.visor-options .name{
		text-align: center;
		margin-bottom: .6em;
		font-size: 2rem;
	}
	
	.visor-thums li {
		margin:0 .15rem 1rem;
		width: calc( 16.6% - .3rem);
	}
		
	/* version desplagable para móviles */
	
	.visor-desplegable.open{
		position: fixed;
		left:0px;
		top:0px;
		background-color: #efefef;
		height: 100%;
		z-index: 9003;
		display: block;
	}
	
	.visor-desplegable.open .masc{
		height: calc(100% - 4.2rem) !important;
		overflow-y:  scroll;
		-webkit-overflow-scrolling: touch;
		padding-top: 0;
		margin-top: 4rem;
		
	}
	
	.visor-desplegable .expan-list {
    	padding: 0 1em;
    }
	
	button.menu:not(.close) {
	    position: static;
	    display: table;
	    margin: 0 auto;
	}
	
	.visor-desplegable.open button.menu:not(.close) {
	    display: none;
	}
	
	.visor-desplegable.open button.menu.close {
	    top:1em;
	    bottom: auto;
	    right: 1em;
	    position: fixed;
	    z-index: 9004;
	}
	
	.visor-options.bottom .visor-desplegable {
    	padding-top: 0;
	}
}

@media screen and (max-width: 480px){
	.visor-options .name{
		font-size: 1.5rem;
	}

	.visor-thums li {
		width: calc( 33.3% - .3rem);
	}
	
	.visor-desplegable .expan-list li {
        width: 100%;
        margin: 0;
	}
	
	.menu.close .A{ display: none; }
	.menu.close .text{ margin-right: 0; }
    
}