@charset "UTF-8";
body {
  padding: 0px;
  margin: 0;
  background-color: #57b64f;
  position: relative;
}
body h1 {
  font-weight: 500;
  color: #006cb2;
  font-family: 'HandOfSean', Sans-Serif;
  font-size: 32px;
}

body h2 {
  color: #006cb2;
  font-family: 'HandOfSean', Sans-Serif;
  font-size: 24px;
}

body h3 {
  font-family: 'Miso-Bold', Sans-Serif;
  font-size: 20px;
  color: #e20024;
}

body h4 {
  color: #e20024;
  font-family: 'Miso-Bold', Sans-Serif;
  font-size: 24px;
  
}

body h1 > span{
  color: #e22024;
}

p{
  font-family: 'Miso', Sans-Serif;
  font-size: 18px;
  color: #2f2e30;
  line-height: 24px;
}

b{
	font-family: 'Miso-Bold';
  font-weight: 500 !important;
}

header#mainHeader {
  width: 60px;
  height: 100%;
  left: 0;
  transition: left 0.5s ease-in-out 0.2s;
  position: fixed;
  display: inline-block;
  background-color: #3a4151;
  z-index: 1000;
}
header#mainHeader nav {
  height: 100%;
  width: 60px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  /*
  	position:absolute;
  	left:0;
  */
  /* L'element */
}
header#mainHeader nav .top-header {
  background-color: #006cb2;
  position: relative;
}
header#mainHeader nav:after {
  content: ' ';
  background-color: #006cb2;
  width: 60px;
  height: 100%;
  position: absolute;
  left: 0px;
}
header#mainHeader nav:before {
  content: ' ';
  height: 100%;
  width: 0px;
  background-color: #95ceba;
  position: absolute;
  left: 60px;
  transition: width 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
header#mainHeader nav .navBurger {
  cursor: pointer;
  width: 100%;
  height: 45px;
}
header#mainHeader nav .navBurger .burger {
  margin-left: 18px;
  margin-top: 30px;
  cursor: pointer;
  /* pour créer le hamburger, on décale les deux
   * barres de 8px
   */
}
header#mainHeader nav .navBurger .burger, header#mainHeader nav .navBurger .burger::before, header#mainHeader nav .navBurger .burger::after {
  border-radius: 2px;
  position: absolute;
  z-index: 100;
  width: 24px;
  height: 4px;
  background: white;
  transition: all 0.3s;
}
header#mainHeader nav .navBurger .burger::before, header#mainHeader nav .navBurger .burger::after {
  content: "";
  display: block;
}
header#mainHeader nav .navBurger .burger::before {
  margin-top: -8px;
}
header#mainHeader nav .navBurger .burger::after {
  margin-top: 8px;
}
header#mainHeader nav ul {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 20px;
  /* margin-top: calc(35vh - 160px); */
}
header#mainHeader nav ul li {
  font-size: 14px;
  width: 60px;
  height: 45px;
  cursor: pointer;
  position: relative;
  display: block;
}
header#mainHeader nav ul li a {
  width: 350px;
  color: white;
  position: relative;
  z-index: 0;
  opacity: 0;
  left: -300px;
  transition: left 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045), opacity 0.15s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-family: 'Miso', Sans-Serif;
}

header#mainHeader nav ul li a:hover{
  color: #489d7f !important;
}

header#mainHeader nav ul li:before {
  z-index: 10;
  content: ' ';
  width: 8px;
  height: 8px;
  background-color: transparent;
  position: absolute;
  left: 26px;
  top: 16px;
  border-radius: 50%;
  border: 2px solid white;
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  transition: all 0.2s ease-in-out;
}
header#mainHeader nav ul li a:hover, header#mainHeader nav ul li a:active, header#mainHeader nav ul li a:visited, header#mainHeader nav ul li a:focus {
  background-color: transparent !important;
  color: white;
}
header#mainHeader nav ul li:hover:before {
  background-color: white;
}
header#mainHeader nav ul li.active:before, header#mainHeader nav ul li:hover:before {
  -webkit-transform: scale(1.5) translate3d(0, 0, 0);
          transform: scale(1.5) translate3d(0, 0, 0);
  background-color: white;
}
header#mainHeader nav:hover:before {
  width: 380px;
  transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
header#mainHeader nav:hover .burger {
  /* 		background:transparent; */
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
          transform: rotate(45deg) translate3d(0, 0, 0);
}
header#mainHeader nav:hover .burger::before {
  margin-top: 0px;
  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
          transform: rotate(-90deg) translate3d(0, 0, 0);
}
header#mainHeader nav:hover .burger::after {
  margin-top: 0px;
  -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
          transform: rotate(0deg) translate3d(0, 0, 0);
}
header#mainHeader nav:hover li a {
  left: 70px;
  opacity: 1;
  transition-duration: 0.4s;
  transition-property: left, opacity;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header#mainHeader nav:hover img{
	left: 70px;
	opacity: 1;
    transition-duration: 0.4s;
    transition-property: left, opacity;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 270px;
    background-color: transparent !important;
    z-index: 10;
    top: 222px;
}
header#mainHeader nav img{
	width: 150px !important;
    color: white;
    position: absolute;
    z-index: 0;
    opacity: 0;
    left: -300px;
    margin-top: -205px;
    background-color: transparent;
}

header#mainHeader nav:hover .back-home{
	left: 81px;
	opacity: 1;
    transition-duration: 0.4s;
    transition-property: left, opacity;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 270px;
    background-color: transparent !important;
    z-index: 10;
    top: 275px;
}

header#mainHeader nav .back-home, header#mainHeader nav .download-reporte{
	color: white;
    position: absolute;
    z-index: 0;
    opacity: 0;
    left: -300px;
    margin-top: -215px;
    background-color: transparent;
    font-size: 18px;
}
header#mainHeader nav .download-reporte{
	font-family: 'Miso-Bold';
}

header#mainHeader nav:hover .download-reporte{
	left: 81px;
	opacity: 1;
    transition-duration: 0.4s;
    transition-property: left, opacity;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 270px;
    background-color: transparent !important;
    z-index: 10;
    top: 314px;
}

header#mainHeader nav:hover img{
	transition-delay: 0.2s;
}
header#mainHeader nav:hover .back-home, header#mainHeader nav:hover .download-reporte{
	transition-delay: 0.25s;
}
header#mainHeader nav:hover li:nth-child(1) a {
  transition-delay: 0.3s;
}
header#mainHeader nav:hover li:nth-child(2) a {
  transition-delay: 0.34s;
}
header#mainHeader nav:hover li:nth-child(3) a {
  transition-delay: 0.38s;
}
header#mainHeader nav:hover li:nth-child(4) a {
  transition-delay: 0.42s;
}
header#mainHeader nav:hover li:nth-child(5) a {
  transition-delay: 0.46s;
}
header#mainHeader nav:hover li:nth-child(6) a {
  transition-delay: 0.50s;
}
header#mainHeader nav:hover li:nth-child(7) a {
  transition-delay: 0.54s;
}
header#mainHeader nav:hover li:nth-child(8) a {
  transition-delay: 0.58s;
}
header#mainHeader nav:hover li:nth-child(9) a {
  transition-delay: 0.62s;
}
header#mainHeader nav:hover li:nth-child(10) a {
  transition-delay: 0.66s;
}
.reporte-2017 header#mainHeader nav:hover li:nth-child(11) a {
  transition-delay: 0.70s;
}
.reporte-2017 header#mainHeader nav:hover li:nth-child(12) a {
  transition-delay: 0.74s;
}

/*ESTILOS TEXTOS*/
.blue-text{
  color: #006cb2;
  font-family: 'Miso';
  font-size: 20px;
}

.ink-red{
  color: #e20024;
  font-family: 'Miso-Bold';
}

.active-menu{
  color: #008053 !important;
}
/*FIN ESTILOS TEXTOS*/

.title-name{
  margin-top: 5vh;
  margin-bottom: 2vh;
}

.green-box{
  background-color: #87c4ab;
  padding: 15px 30px !important;
}

.green-box h3{
  color: #ffffff;
  font-family: 'Miso', Sans-Serif;
  font-size: 20px;
  margin-bottom: 15px;
}

/*CSS IMAGENES*/
#img-compromiso-sostenibilidad{
  width: 100%;
}
#img-desktop{
  position: absolute;
  z-index: -1;
  top: 45vh;
  right: 0vh;
  width: 85%;
}

#img-eduardo-mizon{
  margin-top: 5vh;
  width: 250px;
}

.sodimac-logo img{
  width: 260px;
}

#img-objetivo-desarrollo{
  width: 120px;
}

#casita-sodimac{
  width: 72px;
}

#trabajador-sodimac{
  width: 60px;
}

#img-objetivos-sostenible{
  width: 85%;
}

#img-trabajadores-afiliados{
  background: url('../img/trabajadores-afiliados.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 55vh;
  margin: 50px 0 80px 0;
  padding-left: 0;
  padding-right: 0;
  background-position: center;
}

#img-trabajadores-afiliados img{
  position: absolute;
  bottom: -37px;
}

#img-empaquetadores-sodimac{
  width: 85%;
}

#img-cambion-proveedor{
  width: 85%;
}

#img-nuestros-proveedores{
  background: url('../img/clientes-sodimac.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin: 40px 0 40px 0;
  height: 61vh;
  padding-right: 0;
  padding-left: 0;
  background-position: center;
}

#img-nuestros-proveedores img{
  width: 100%;
  position: absolute;
  bottom: -45px;
}

#img-medioambiente-desarrollo{
  width: 60%;
}

#img-homecenter-sodimac{
  background: url('../img/homecenter.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 55vh;
  margin: 30px 0 30px 0;
  padding-left: 0;
  padding-right: 0
}

#img-comprimiso-movidos{
  background: url('../img/compromiso-comunidad.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  margin: 30px 0 30px 0;
  height: 74vh;
  padding-right: 0;
  padding-left: 0;
  background-position: center;
}

.img-codigo-qr{
    width: 100%;
    max-width: 200px;
}

.pintores{
  margin-top: -8vh;
}

#img-lines-line{
  width: 100%;
  margin-bottom: 30px;
}

.sodimac-logo-footy img{
  width: 200px;
  margin-top: 0px;
}

#blue-box-1{
  background: url('../img/fondo-azul-1.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 35px 45px;
  position: absolute;
  bottom: -70px;
}
#blue-box-1 h1, #box-blue-2 h1{
  color: #86c7b1;
  font-size: 28px;
}
#blue-box-1 p, #box-blue-2 p{
  color: #ffffff;
}

#box-blue-2{
  background: url('../img/fondo-blue-2.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 40px 0 45px 85px;
  position: absolute;
  bottom: -60px;
  right: 0;
}

#img-pareja-trabajador{
  width: 90%;
}

#img-camion-sodimac{
  width: 130%;
  position: absolute;
  left: -100px;
}

#image-full{
	width: 100%;
}

#img-nina-sodimac{
	width: 100%
}

#img-reciclaje-sodimac{
	width: 100%;
}

#img-hoja-reporte{
  width: 95%;
  margin-top: 8vh;
}

/*FIN CSS IMAGENES*/

.next-cap{
  position: fixed;
  bottom: 3vh;
  right: 3vh;
}

.prev-cap{
  position: fixed;
  bottom: 3vh;
  left: 9vh;
}
.next-cap a > img, .prev-cap a > img{
  width: 60px;
}

.icon-home, .icon-download{
  background-color: #006cb2;
  padding-top: 10px;
}
.icon-home a > svg, .icon-download a > svg{
  color: #ffffff;
  transition: 0.3s;
}

.icon-home a > svg:hover, .icon-download a >svg:hover{
  color: #004d80;
}

#img-evolucion-sodimac{
  width: 90%;
}

#img-obj-nuestros{
  width: 80%;
}

/*SIDEBAR BUTTON*/

#mySidenav a {
    position: fixed;
    right: -168px;
    transition: 0.3s;
    padding: 5px 10px;
    width: 220px;
    text-decoration: none;
    color: white;
    border-radius: 5px 0 0 5px;
    text-align: left;
    font-family: 'Miso', Sans-Serif;
    font-size: 18px;
    z-index: 999;
}

#mySidenav a > svg {
  margin-right: 15px;
  margin-left: 5px;
  vertical-align: middle;
}

#mySidenav a:hover {
    right: 0;
}

#about {
    top: 2vh;
    background-color: #85c7b0;
    box-shadow: 6px 4px 13px #a0a0a0;
}
/*FIN SIDEBAR BUTTON*/

.sodimac-logo{
  position: fixed;
  top: 2vh;
  padding-left: 24px !important;
}

.signature{
  margin-top: 5vh;
  font-size: 18px;
  line-height: 18px;
}

.cont-vineta{
  width: 30%;
  float: left;
}
.cont-info{
  width: 70%;
  float: left;
}

.vineta-2{
  width: 5%;
  float: left;
  text-align: center;
}
.info-2{
  width: 95%;
  float: left;
}
.vineta-2 .bullet-p{
  font-weight: 800;
  color: #006cb2;
}

.less-padding{
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.box-border{
  background: url('../img/borde-gastado.svg');
  background-size: cover;
  background-position: top left;
  padding:20px 0 0 30px !important;
}

.box-border-2{
  background: url('../img/border-gastado-2.svg');
  background-size: cover;
  background-position: top left;
  padding: 30px 0 0 25px !important;
}

.divisor-subtema{
  width: 100%;
  border-top: 1px dashed #c1c1c1;
}

.texto-codigo-etica{
  font-weight: 400;
  color: #1b80c1;
}

.texto-estructura-apoyo{
  font-weight: 400;
  color: #099075;
}

.texto-socializacion{
  font-weight: 400;
  color: #3e3d40;
}

.trabajadores-proveedores{
  padding: 50px 0;
}

.blue-border{
  border-top: 2px solid #0f6daf;
  border-left: 2px solid #0f6daf;
  padding: 15px 0 0 20px;
  margin: 20px 0px;
}

.indicator-menu{
  display: none;
}

.margen-bottom{
  margin-bottom: 30px;
}

.div-air{
  margin: 85px 0;
}

.div-air-4{
  margin: 50px 0;
}

.red-title{
  font-family: 'Miso-Bold';
  color: #e20024;
  font-size: 24px;
}

.green-box-float{
  background: url('../img/fondo-verde-3.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 20px 75px 20px 50px !important;
  position: absolute !important;
  bottom: -70px;
  left: 0px;
}

.white-title{
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
}

.borde-qr{
  background: url('../img/borde-gastado-3.svg');
  background-size: cover;
  background-position: top left;
  padding: 20px 0 0 40px !important;
}

.footy p span{
  font-weight: 700;
  color: #006cb2;
}

.green-box-1{
  background: url('../img/fondo-verde-1.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 20px 30px !important;
}

.green-box-2{
  background: url('../img/fondo-verde-2.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 20px 75px !important;
}


.white-sentence{
  color: #ffffff;
  font-family: 'Miso', Sans-Serif;
  font-size: 24px;
  margin-bottom: 15px;
}

.indice-chapter{
  font-family: 'Miso-Bold';
  font-size: 18px;
}

.btn-entrar{
  margin-top: 100px;
}

.btn-entrar a{
  background-color: #006cb2;
  border: 1px solid #006cb2;
  border-radius: 2px;
  padding: 30px 40px;
  font-weight: 700;
  font-size: 18px;
  font-family: 'Miso', Sans-Serif;
  color: #ffffff;
  transition: 0.3s;
}

.btn-entrar a:hover{
  background-color: #004d80;
  border: 1px solid #004d80;
  padding: 30px 45px;
  color: #f2f2f2;
  text-decoration: none;
  cursor: pointer;
}

.flotador{
  float: left;
}

.objetivos-title{
  font-size: 22px;
}

.img-objetivo{
  width: 70px;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
}

.bottom-pos{
  top: 100px;
}

.texto-proveedores{
  top: 58px;
}

.title-portada{
  font-family: 'Miso', Sans-Serif;
  font-size: Calc(18px + 1.5vw);
  margin-top: 6vh;
}

.back-home a, .download-reporte a{color:#ffffff; text-decoration: none; transition: 0.3s;}
.back-home a:hover, .download-reporte a:hover{color:#489d7f;text-decoration: none;}

#img-camion-sodimac-2 {
    position: absolute;
    top: -10vh !important;
    width: 100%;
    left: 0vw !important;
}

/*ESTILO MENU PORTADA*/
#img-nro-cap{width: 65px;float:left;}
.name-cap{float: left;color:#006cb2;font-family: 'Miso';font-size: 18px;}
.tag-cap{margin: 15px 0px 15px 0;}
.link-cap{transition: 0.3s;}
.link-cap:hover{color:#85c7b0;text-decoration: none;}
.margin-menubar{padding-top: 12vh;}
.op-nav{position: absolute; top: 0; right: 0;}
.op-nav .back-to-home{position: fixed; top: 4vh; right: 6vw; transition: 0.3s; color:#006cb2;}
.op-nav .download-to-report{position: fixed; top: 4vh; right: 3vw; transition: 0.3s; color:#006cb2;}
.op-nav .back-to-home:hover, .op-nav .download-to-report:hover{color:#85c7b0;}
.link-to-cap{transition: 0.3s;}
.link-to-cap:hover .tag-cap .name-cap{color: #85c7b0;}
.link-to-cap .tag-cap .name-cap{transition: 0.3s; margin-left: 10px; margin-top: 8px; line-height: 20px;}
/*FIN ESTILO MENU PORTADA*/

.mobile-menu{display: none;}
.desktop-menu{display: block;}
.navbar-inverse {background-color: #006bb2 !important;border-color: #006ab2 !important;}
.navbar-inverse .navbar-toggle {border-color: #ffffff !important;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #23527c !important;}
.navbar-brand img{width: 150px;}
.navbar-brand {padding: 10px 12px !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #ffffff !important;}
.separador-titulo{display: none;}
.space-empty{display: none;}
.navbar-inverse .navbar-collapse {border-color: #95ceba; background-color: #95ceba;}
.navbar-inverse .navbar-nav > li > a {color: #ffffff !important;font-size:16px;font-family: 'Miso-Bold';}
.download-btn-movil{display: none;}
.title-portada-a{font-family: 'Miso'; font-size: Calc(20px + 1.2vw); color: #006cb2;}
.title-portada-s{font-family: 'Miso'; font-size: Calc(20px + 1.2vw); color: #95ceba;}
.btn-to-anual, .btn-to-soste{font-family: 'Miso-Bold'; font-size: 18px; box-shadow: 2px 1px 10px #69696982; transition: 0.3s; vertical-align: middle; padding-top: 3px;}
.btn-to-anual svg, .btn-to-soste svg{vertical-align: middle;}
.btn-to-anual{width: 100px; height: 30px; background-color: #ffffff; color: #006cb2; border-radius: 2px; border: 1px solid #ffffff;}
.btn-to-soste{width: 100px; height: 30px; background-color: #ffffff; color: #95ceba; border-radius: 2px; border: 1px solid #ffffff;}
.btn-to-anual:hover{box-shadow: none; background-color: #004282; border: 1px solid #004282; width: 110px;}
.btn-to-soste:hover{box-shadow: none; background-color: #669d8a; border: 1px solid #669d8a; width: 110px;}
.link-to-sostenibilidad a{background-color: #95ceba; height: 250px; padding: 20px 40px; color: #ffffff;}
.top-margin-up{top: 10vh;}
.home-btn-movil{display: none;}
.grand-to-anual, .grand-to-soste{height: 100vh;transition: 0.5s;padding-top: 15vh;}
.sodimac-logo-portada-p{position: fixed !important; top: 4vh; z-index: 999;}
.sodimac-logo-portada-p img{width: 200px;}
.sodimac-logo-portada{top: 4vh;}
.sodimac-logo-portada img{width: 200px;}
.portada-principal{background-color: #ffffff;}
.grand-to-soste:hover{background-color: #95ceba !important;}
.grand-to-soste:hover .title-portada-s{color: #ffffff;}
.grand-to-anual:hover{background-color: #006cb2 !important;}
.grand-to-anual:hover .title-portada-a{color: #ffffff;}
#img-taladro-portada .grand-to-soste:hover {opacity: 0.5;}

/********** CSS REPORTE ANUAL ***********/
.reporte-2017 header#mainHeader nav:after, .reporte-2017 .icon-home, .reporte-2017 .icon-download, .reporte-2017 header#mainHeader nav .top-header {background-color: #e20024;}
.reporte-2017 header#mainHeader nav:before{background-color: #006cb2;}
.reporte-2017 .active-menu {color: #004282 !important;}
.reporte-2017 header#mainHeader nav ul li a:hover {color: #559ae4 !important;}
.reporte-2017 .back-home a:hover, .download-reporte a:hover {color: #004282;}
.reporte-2017 .icon-home a > svg:hover, .icon-download a >svg:hover {color: #a70000;}
.reporte-2017 #about {background-color: #006eb2;}
.reporte-2017 .navbar-inverse {background-color: #e22024 !important; border-color: #e22024 !important;}
.reporte-2017 .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #a70000 !important;}
.reporte-2017 .navbar-inverse .navbar-collapse {border-color: #006cb2; background-color: #006cb2;}
.reporte-2017 #img-desktop-presidente{position: absolute; z-index: -1; top: 44vh; right: 0vh; width: 100%;}
#img-juan-pablo{margin-top: -10vh; width: 250px;}
.reporte-2017 #img-plantas-corporativo{position: absolute; z-index: -1; top: 40vh; right: 0vh; width: 100%;}
#fondo-mapa{background-color: #c3cfe8; padding: 30px 0;}
.divi-pais{margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #2f2e30; width: 100px; margin-left: 0;}
.pais-rojo{color: #e22024;}
#img-flor {width: 160%; position: absolute; margin-left: -3vw; top: -6vh !important; z-index: 9;}
.cifras-proposito{float: right;}
.ico-proposito{float: right; width: 75px;}
.ico-proposito img{width: 75px;}
.linea-proposito{margin-top: -4vh;}
.sub-cifra {color: #006bb2; margin-top: -10px; line-height: 18px;}
.sup-cifra{font-family: 'HandOfSean'; color: #e22024;}
.sup-cifra {margin-bottom: -15px;}
.air-top-1{padding-top: 4vh;}
.juntos-cons{color: #006cb2; font-size: 24px; margin-bottom: 10vh;}
#img-piso-flor{width: 100%;}
.border-m-v{border-top: 2px solid #006cb2;border-left: 2px solid #006cb2;padding:5px 0 0 15px !important;}
.borde-nuestrp-prop {width: 370px; margin-left: 0; border-top: 2px solid #006cb2;}
#ico-letras {width: 95px; margin-top: 10px; margin-bottom: 20px;}
#img-reir{width: 115%; position: absolute; right: 4vw; top: -1vh; }
#img-sodimac-chile{width: 80%;}
#img-chile-flag{width: 65px;margin-bottom: 20px;}
#img-camion-sodimac{position: absolute; top: -10vh; width: 100%; left: 0vw;}
#img-linea-doble{position: absolute;height: 100%;top: 0;left: -3px;}
.padding-flag{padding-left: 25px !important;}
.top-chile{margin-top: 50px;}
#img-chile-eduardo{position: absolute; right: 8vw; top: -35vh; width: 230px;}
#img-sodimac-colombia{width: 68%;}
#img-colombia-miguel{position: absolute; right: 8vw; top: -42vh; width: 240px;}
#img-ordenador-sodimac{position: absolute;top: -21vh !important;width: 100%;left: 0vw !important;}
#img-sodimac-peru {width: 87%;}
#img-carrito-sodimac {position: absolute; top: -17vh !important; width: 100%; left: 0vw;}
#img-brasil-eduardo {position: absolute; right: 8vw; top: -38vh; width: 240px;}
#img-sodimac-brasil {width: 65%;}
#img-sodimac-uruguay{width: 80%; margin-top: 4vh;}
#img-nueva-casa{width: 90%;}
#img-linea-plana-sodimac{position: absolute; top: -20vh !important; width: 100%; left: 0vw;}
#img-eco-casa{width: 93%;}
#img-ayudantes-sodimac{position: absolute;top: -20vh !important;width: 100%;left: 0vw;}
#img-eco-line {position: absolute; top: -26vh !important; width: 100%; left: 0vw;}
#img-imperial-rodrigo{position: absolute; right: 8vw; top: -32vh; width: 240px;}
.reporte-2017 .link-to-cap:hover .tag-cap .name-cap{color: #e22024;}
.reporte-2017 .op-nav .back-to-home, .reporte-2017 .op-nav .download-to-report{color:#e22024;}
.reporte-2017 .op-nav .back-to-home:hover, .reporte-2017 .op-nav .download-to-report:hover{color:#006cb2;}
#img-uruguay-gregorio{position: absolute;right: 11vw;top: -42vh; width: 240px;}
#img-comprador-sodimac{position: absolute; top: -20vh !important; width: 100%; left: 0vw;}
#img-sodimac-argentina{width: 90%; margin-top: 3vh;}
#img-linea-nina-2{position: absolute; top: -34vh !important; width: 100%; left: 0vw;}
#img-enrique-gundermann{margin-top: -3vh; width: 250px;}
#img-argentina-pablo {position: absolute; right: 8vw; top: -41vh; width: 240px;}
#img-peru-hernan {position: absolute; right: 8vw; top: -49vh; width: 230px;}
.dropdown{display: none !important;}
.ghost-empty, .ghost-empty-2{display: none;}
/*#img-camion-sodimac-2 {position: absolute; top: -11vh; width: 100%; left: 0vw;}*/
.icon-download a, .download-reporte{visibility: hidden;}
/********** FIN CSS REPORTE ANUAL ***********/

#img-taladro-portada, #img-taladro-portada-2{width: 80%;}
#img-hoja-portada{width: 80%;}
.navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #004282 !important;
}

.desk-port-gral{display: block !important;}
.movil-port-gral{display: none !important;}

.logo-sod-movil{height: 10vh;}
.logo-sod-movil img{width: 120px; margin-top: 10px;}
.cont-anual-report, .cont-sost-report{height: 45vh; padding-top: 7vh;}
.cont-anual-report img, .cont-sost-report img{width: 100%;}
.cont-anual-report{background-color: #006cb2;}
.cont-sost-report{background-color: #95ceba;}
.cont-anual-report .title-portada-a, .cont-sost-report .title-portada-s{color: #ffffff;}
#img-taladro-portada-2{display: none;}
#img-taladro-portada{display: initial;}
.grand-to-anual:hover #img-taladro-portada-2{display: initial;}
.grand-to-anual:hover #img-taladro-portada{display: none;}

#port-logo-1{display: initial;}
#port-logo-2{display: none;}

#port-logo-1, #port-logo-2{width: 150px; position: fixed; left: 4vw; top: 5vh;}
.portada-principal .desk-port-gral .grand-to-anual:hover #port-logo-1{display: none;}
.portada-principal .desk-port-gral .grand-to-anual:hover #port-logo-2{display: initial;}

#img-ordenador-sodimac-3 {position: absolute; top: 8vh;}
.author-from{position: fixed; z-index: 999; top: 5vh; right: 4vh;}
.author-from p{font-size: 14px; color: #808080; opacity: 0.4;}

.author-from-2{position: fixed; z-index: 999; bottom: 2vh; right: 4vh;}
.author-from-2 p{font-size: 14px; color: #808080; opacity: 0.4;}

.grand-to-soste:hover .author-from p{color: #ffffff; opacity: 0.7;}

.leer-mas{color: #e20f24; text-decoration: none; transition: 0.3s;}
.leer-mas:hover{color: #a70000; text-decoration: none; cursor: pointer;}
.leer-mas:visited{color: #e22024; text-decoration: none;}


.leer-mas-sos{color: #85c7b0; text-decoration: none; transition: 0.3s;}
.leer-mas-sos:hover{color: #50af8e; text-decoration: none; cursor: pointer;}
.leer-mas-sos:visited{color: #408c71; text-decoration: none;}

.leer-mas-blanco{color: #ffffff; text-decoration: none; transition: 0.3s;}
.leer-mas-blanco:hover{color: #f2f2f2; text-decoration: none; cursor: pointer;}
.leer-mas-blanco:visited{color: #ffffff; text-decoration: none;}

#img-camion-sodimac-3 {
    top: 5vh !important;
    position: absolute;
    width: 100%;
    left: -5vw !important;
}