/* Narrow */


@media screen and (max-width: 980px) 
{
/* Basic */
body, input, select, textarea {
font-size: 13pt;
letter-spacing: 0.025em;
line-height: 1.5em;
}

/* Section/Article */
header br {
/*display: none;*/
}
header.special {
padding-top: 4em;
padding-left: 2.5em;
padding-right: 2.5em;
}
#header nav {
/*letter-spacing: 0.075em;*/
position: absolute;
right: 1.5em;
text-transform: none;
top: 2.0em;
font-size: 0.7em;
}
#headergallery nav {
/*letter-spacing: 0.075em;*/
position: absolute;
right: 1.5em;
text-transform: none;
top: 3.5em;
font-size: 0.65em;
}
#headerbewellty p  {
text-align:left;
margin-bottom: 0;
}

#header nav ul li a {
border: solid 1px transparent;
color: #fff;
display: inline-block;
line-height: 1em;
padding: 0.1em 0.3em 0.1em 0.0em;
margin: 0;
text-decoration: none;
text-transform:uppercase;
letter-spacing: 0em;
}
#logogallery  a img{
width: 110px;
}
#logostudiobm  a img{
width: 200px;
}
#logo  a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.0em;	
font-weight: normal;
}
#logobmforum  a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 1.7em;	
font-weight: normal;
}
#logobma  a {
font-size: 1.7em;	
line-height: 1.7em;
}

/* Wrapper */
.wrapper {margin-bottom: 3em;padding: 3em 2.5em;}
.wrapper.special br {display: none;}
/* estilo que parece que no se usa .wrapper.style1 {padding: 0 2.5em;} */
/* estilo que parece que no se usa .wrapper.style2 {background-size: 15em;}*/
.wrapper.style4 {padding: 1em;}

/* Banner */
#banner {background-size: 15em, 15em, auto, cover;}

/* CRUMB */
#crumb {FONT-SIZE: 14px;}

#navPanel, #navButton {display: none;}

/*matrix para formulario*/
.col-md-6 {width: 100%;position: relative;padding-left: 15px;float: left;}

/*
    --------------------------   GALLERY   --------------------------------------
*/
.gallery-features-y-analysis__story{width:33%;}
.promo-foto-spacer .gallery-features-y-analysis__story{margin-right:-4px;}

/* BLOQUE ENLACES */
/* bloque pie enlaces de interes */
.bloque_pie_enlaces{  width:750px; margin: 0 auto;}
.bloque_pie_enlaces .enlaces_interes li{width:350px;font-size:1em}
.bloque_pie_enlaces .enlaces_interes li li{line-height: 1.2em;}

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

/* ESPACIOS PUBLICITARIOS */
.publicidad_superior_b, .publicidad_inferior_b {display:none;}	
.publicidad_superior_c, .publicidad_inferior_b {display: block;max-width: 750px;}	
.publicidad_superior_c a img, .publicidad_inferior_c a img {margin: 0 auto;}	

}

@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;
}
#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 */
/*estilo que no se usa.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;}


}