#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/dynsl-logo.png) 50% 50% no-repeat #ede9df;
}
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.my-container {
    padding: 0 30px 0 30px;
}
/* Fixed header and footer.
* --------------------------------------- */
#header, #footer{
    position:fixed;
    display:block;
    width: 100%;
    //background: #333;
    background: #AAA;
    z-index:9;
    text-align:center;
    color: #f2f2f2;
    padding: 20px 0 0 0;
}

#header{
    height: 50px;
    top:0px;
}
#footer{
    height: 50px;
    bottom:0px;
}
/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
.fp-tooltip {
    color: #AAA;
}
#fp-nav span, .fp-slidesNav span {
    border-color: #AAA;
}
#fp-nav li .active span, .fp-slidesNav .active span {
    background: #AAA;
}

/* Overwriting styles for the navigation dots (to place it where we want)
* --------------------------------------- */
.fp-slidesNav.bottom {
    bottom: 50px;
}
#fp-nav.right {
    right: 35px;
}
.fp-controlArrow {
    top: 50%;
}
/* Overwriting styles for the slides arrows (to place it where we want)
* --------------------------------------- */
.fp-controlArrow.fp-next {
    right: 10px;
}
.fp-controlArrow.fp-prev {
    left: 10px;
}

/** Carousel **/
/*
* {
    box-sizing: border-box;
}
*/

.slider {
    width: 100%;
    height: 100%;
    margin: 10% 10% 0% 0%;
}

.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before, .slick-next:before {
    color: black;
}

/** **/
#container-nosotros {
    padding: 0px 50px 0px 0px;
}

#container-nosotros-carousel {
    padding: 0px 5% 0px 0px;
}

#container-nosotros > p {
    text-align: justify;
}

/** **/
.productos-container {
    padding: 0px 2% 0px 1%;
}
.productos-container > p {
    text-align: justify;
}

.productos-image-container {
    padding: 0px 0px 0px 0px;
}

.productos-image-container > img {
    width: 100%;
    height: 50%;
}

/** **/
.servicios-container > p {
    text-align: justify;
}

.servicios-image-container {
    padding: 0px 5% 0px 0px;
}

.servicios-image-container > img {
    width: 100%;
    height: 70%;
}

.contacto-image-container {
    padding: 0px 5% 0px 0px;
}

.contacto-image-container > img {
    width: 100%;
    height: 70%;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}