@media screen and (max-width: 840px) 
{
/* Basic */
html, body {
overflow-x: hidden;
}
header.special {
margin-bottom: 4em;
padding-top: 5em;
}
header.special:before, header.special:after {
width: 40%;
}
header.special h1 + p {
padding-top: 1.25em;
}
#logo  a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;	
font-weight: normal;							
}
#logogallery  a img{
width: 110px;
}
#logobewellty a img{
width: 310px;
}
#logobmforum  a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;	
font-weight: normal;
line-height: 1.2;		
}
/* Section/Article */
section {
margin: 1em 0 1em 0;
}
section:first-child {
margin-top: 0;
}
/* Button */
input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
.button.small {
font-size: 0.8em;
min-width: 18em;
padding: 0.75em 0;
}
/* List */
ul.featured-icons {
margin: 0;
}
ul.featured-icons li {
display: inline-block;
float: none;
width: auto;
}
ul.featured-icons li .icon {
font-size: 4em;
width: 1.25em;
}
ul.buttons li {
display: block;
padding: 1em 0 0 0;
}
/* Header */
#header {
/*display: none;*/
}
#nav {
display: none;
}


/* Banner */
#banner {
margin: 0;
}

/* Wrapper */

.wrapper.special-alt {
text-align: center;
}

.wrapper.style4 {
padding-bottom: 3em;
}


/* Main */
#main {
/*padding: 4em 0;*/
}

#main .sidebar {
border-top: solid 1px rgba(124, 128, 129, 0.1);
padding-top: 3em;
}

#main .sidebar section {
border-top: 0;
padding-top: 0;
}
body.index #main {
padding-top: 4.5em;
}

/* Footer */
#footer {
padding: 4em 1.5em;
}

/* Off-Canvas Navigation */

#contenedor_de_pagina {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
padding-bottom: 1px;
}

#navPanel, #navButton {
display: none;
}
#navButton {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
display: block;
height: 60px;
right: 0;
position: fixed;
top: 0;
width: 80px;
z-index: 10001;
}

#navButton .toggle {
text-decoration: none;
height: 60px;
left: -10px;
position: absolute;
/*text-align: center;*/
top: 12px;
width: 100%;
border: 0;
outline: 0;
}

#navButton .hamburguer {
position: absolute;
top: 24px;
right: 33px;

}				
/*
#navButton .toggle:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: Arial, Sans, Helvetica;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

*/
/*#navButton .toggle:before {
color: #fff;
content: '';
font-size: 1em;
height: 40px;
left: 10px;
line-height: 40px;
opacity: 0.0;
position: absolute;
top: 11px;
width: 60px;
z-index: 1;
}*/

#navButton .toggle:before {
background: rgba(163, 169, 170, 0.75);
border-radius: 2px;
content: '';
height: 40px;
right: 10px;
position: absolute;
top: 10px;
width: 60px;
}

#navPanel {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateX(-230px);
-webkit-transform: translateX(-230px);
-ms-transform: translateX(-230px);
transform: translateX(-230px);
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
display: block;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 230px;
z-index: 10002;
background: #1c2021;
color: #fff;
font-size: 0.8em;
letter-spacing: 0.075em;
text-transform: uppercase;
padding: 0.25em 0.75em 1em 0.75em;
}

#navPanel .link {
border: 0;
border-top: solid 1px rgba(255, 255, 255, 0.05);
color: inherit;
display: block;
height: 3em;
line-height: 3em;
opacity: 0.75;
text-decoration: none;
}

#navPanel .link.depth-0 {
font-weight: 900;
}

#navPanel .link:first-child {
border-top: 0;
}

#navPanel .indent-1 {
display: inline-block;
width: 1em;
}

#navPanel .indent-2 {
display: inline-block;
width: 2em;
}

#navPanel .indent-3 {
display: inline-block;
width: 3em;
}

#navPanel .indent-4 {
display: inline-block;
width: 4em;
}

#navPanel .indent-5 {
display: inline-block;
width: 5em;
}

body.navPanel-visible #contenedor_de_pagina {
-moz-transform: translateX(230px);
-webkit-transform: translateX(230px);
-ms-transform: translateX(230px);
transform: translateX(230px);
}

body.navPanel-visible #navButton {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

body.navPanel-visible #navPanel {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

/* BLOQUE ENLACES */
/* bloque pie enlaces de interes */
.bloque_pie_enlaces{  width:100%;}
.bloque_pie_enlaces .enlaces_interes li{width:100%;font-size:1.3em;}
.bloque_pie_enlaces .enlaces_interes li li a{background:url('images/bolillo_pie.gif');background-repeat:no-repeat;background-position:98% -5%;}
.bloque_pie_enlaces .enlaces_interes li li a:hover{background-position:98% 115%;}




/* MENU SECUNDARIO AGENDA Y ANUNCIOS */
.menusecundario>li
{
padding: 8px 9px;
}
.menusecundario>li>a {
font-size: 0.9em;
padding: 7px 7px;
min-height: 50px;		
}

/*   ESPACIOS PUBLICITARIOS   */

.publicidad_superior_b, .publicidad_inferior_b {
display: none;
}	
.publicidad_superior_c, .publicidad_inferior_c {
display: block;
}	




.bloqueanunciosempresahorizontal
{
padding:1em 0.1em 1em 0;
}

.forth_ae
{
width: 45%;
padding:0 0 0 0.4em;
}




}