@font-face {
    font-family: "NewFonts";
    src: url('../../fonts/ONEDAY.otf') format('opentype'); /* format("truetype")*/
     font-weight: bold;
}

/*
#divEjemplo {
    color: #000;
    font-family: "NombreFont";
    font-size:13px;
}
*/


html{
  position: relative;

}

html, body{


  margin-top:0px;
  margin-bottom: 0px;
  min-height:100%;
  background-color: rgb(245, 245, 245);
}
body{
  margin-bottom: 40%;
  /* margin-bottom: 335px; */
}

body, footer{
/*  font-family: "NewFonts";*/
  font-size:16px;
}

.MsgDisp{
  text-align : justify;
}


.imglogocorp{
 background-color: rgb(255, 255, 255) ;
 width: 100px;
 height: 100px;

}

.dataError{
  color:rgb(238, 66, 107);
}

.navbar .navbar-nav .active {
  border-bottom: 2px solid rgb(255, 204, 73);
  color:rgb(255, 204, 73);
}

.testStellar{
	background:  url('../../uploadsFiles/xpd_coorp.png')  no-repeat;
	background-size: cover;
	color: #fff;
  min-height: 300px ;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;

}

.DescripCoorp{
  text-align: center;
}

.DispSize{
  max-height: 300px;
}


 #TextCorp{
 float: left;
 margin-top: 10%;
 margin-left: 47%;


}

@media (min-width: 100px) and (max-width: 500px){
  #TextCorp{
    float: left;
    margin-top: 20%;
     margin-left: 30%;
   }
}

@media (min-width: 500px) and (max-width: 700px){
  #TextCorp{
    float: left;
    margin-top: 17%;
     margin-left: 40%;
   }
}

@media (min-width: 700px) and (max-width: 900px){
  #TextCorp{
    float: left;
    margin-top: 17%;
     margin-left: 40%;
   }
}

@media (min-width: 900px) and (max-width: 1200px){
  #TextCorp{
    float: left;
    margin-top: 17%;
     margin-left: 40%;
   }
}


/*Maps*/
.map__images{
  background-color: rgb(6, 132, 249);
  min-width: 40%;
  float:left;
  border: 1px solid rgb(240, 240, 240);
  background-size: cover;
  overflow: hidden;

}

.map__image{
  background-color: rgb(238, 238, 238, 0.0);
  border: 1px solid rgb(240, 240, 240, 0.0);
  background-size: cover;
  overflow: hidden;
}

.map__image svg{
  width: 100%;
  height:100%;
}


path{
  fill:#a4ced2;
  stroke: #FFF;
  stroke-width:1px;
  transition: fill 0.3s;
}
path:hover{
  fill:#3538d2;
}

.UpReg{
  fill:#01abff;
}

.ColorAct{
  color:#01abff;
}

/* services
-------------------------------------------------- */

.services .col-lg-3 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.services h2 {
  font-weight: 300;
}
.services .col-lg-3 p {
  margin-right: .75rem;
  margin-left: .75rem;
}




/*Maps-ends*/

.OptIcon{
  background: rgb(252, 237, 237);
  color:rgb(244, 54, 54);
}
/* end-Maps*/

/**/
.navbar {
/*  background-color: #9b59b6; rgba(166, 97, 177, 0.3) ; */

}


.DisponIcon{
  text-align: center;
}

.IconCenter {
  /*background: rgb(241, 241, 241);*/
  margin-top: 0;
  top:0;
  text-align: center;
  display:inline-block;
  width: 100%;
  font-size: 3em;
  font-style: normal;

  /*box-shadow: inset 8px 8px 7px 0 #01abff;*/
}

.IcTop{
  top: -10px;
}
.IconCenter a{
  text-decoration: none;
  color:rgb(129, 129, 129);

}
.IconCenter i:hover{
  color:#01abff;
}

.txEmp{
  text-align: center;
  font-size: 2.5em;
}

.txDesc{
  text-align: left;
  font-size: 1.4em;
}
.cardSize{
  min-height: 215px;
}

.cbSize{
  min-height: 250px;
}

.imgAF{
  background: rgb(204, 204, 204);
  background: url('../../uploadsFiles/xpd_controlactivDescr.png') no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin-top:0px;
	color: #fff;
  height: 410px;
  /*width: 100%;
	margin: 0 auto;
	height: 400px;
  */
}

.TitleServs{
  font-size: 1.7em;
  font-family:sans-serif;
  letter-spacing: 1pt;      /* para separar entgre letras */
  word-spacing: 3pt;        /* para separacion entre palabras */
  line-height: 20pt;        /* para la separacion entre lineas */
/*text-indent: 30pt;        /* para sangrias */
}

.TitleServsDescrp{
  text-align: justify;
}


#Services-icons{
  display: inline  ;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color:  #45aeed;
  border-radius: 2px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  margin-right: 3px;
  margin-bottom: 5px;
}


/* Cuadro con ancho y alto de ventana*/
.displayInfo{
  text-align: center;
  float: left;
  position:  fixed;
  width: 220px;
  height: 30px;
  border: 2px solid red;
  color:#000;
  z-index: 1;
  background: #fff;
  }
 /* 776 */

 .bgimgcpt{
   border:1px   dashed lightgrey;
   background: rgb(41, 40, 39);
   padding-top:10px;
   padding-bottom: -30px;
 }

/* Outsourcing details services */
.ListOutServs{
  padding:10px;
}

.imgOutServs{
  border:3px solid #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}

.txtOutServs{
  font-size: 1.5em;
  padding-left: 7px;
}
/* inicio */

.imgServsAll,.imglogo{
  border:3px solid #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
.imglogoMenu{
 background-color: rgb(255, 255, 255) ;
 width: 45px;
 height: 45px;
}
.imglogo{
 background-color: rgb(255, 255, 255) ;
 width: 45px;
 height: 45px;
 margin-bottom: 2%;
}

.imglogoSlide{
  background-color: rgb(255, 255, 255) ;
  width: 100px;
  height: 100px;
  margin-bottom: 2%;
  border: 3px solid #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}

.tslide{
  text-shadow: 2px 3px 5px #000;
  font-size: 2.1em;
  /*background: rgb(107, 107, 107);
  margin-left: 25%;
  margin-right: 25%;*/
  color:#fff;
}

.tslide span, .txSlide span {
  background: rgba(47, 47, 47, 0.5);
  padding-left:1%;
  padding-right: 1%;
  border-radius: 7px;
}

.txSlide{
  text-shadow: 3px 3px 7px #000;
  font-size: 1.2em;
  color:#fff;
  -webkit-margin-bottom:2px;

  margin-bottom: 2px;
}


/* Logistica */
.bgLog{
  background: rgb(242, 242, 242);
}

.footColor:before{
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color:  rgba(34, 33, 33, 0.8); /*#f4f4f4*/
}

.footer {
  background: url('../../uploadsFiles/xpd_coorp.png') no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin-top:0px;
  color: #fff;
  width: 100%;
  /* Set the fixed height of the footer here    #f5f5f5 */
  height:  20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
  font: normal 18px ;/*sans-serif*/
  padding: 0px;
  text-align: center;
  color:black;
  border-top: 0px dashed #bdb9b9;
  position: absolute;
  bottom: 0;
  color:rgb(244, 244, 244);
}


.footer-copyright{
  background: rgb(43, 43, 43);
  }

@media screen and (min-width: 355px) and (max-width: 500px)  {

  .footer,.footColor {
    width: 100%;
    height: auto;
  }

  .imglogocorp{
    margin-left: 30%;
  }
  body{
  /*  margin-bottom: 290%; */
   margin-bottom: 230%;
  }
}

/* Resolucion Microsoft 640 xl lateral*/
@media screen and (min-width: 750px) and (max-width: 860px)  {

  .footer,.footColor {
    width: 100%;
    height: auto;
  }
  .imglogocorp{
    margin-left: 30%;
  }
  body{

  /*  margin-bottom: 290%; */
   margin-bottom: 80%;
  }
  .imglogoSlide{
    display:none;
  }
}



@media screen and (min-width: 776px) and (max-width: 1183px) {
  .footer,.footColor {
    width: 100%;
    height: auto;
  }
  .spbottom{
    margin-top:0px;
    padding-bottom: 10%;
    padding-left: 0px;
  }
}