* {
    box-sizing: border-box;
}

html {
    font-size: 1rem;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

.container-fluid{
  padding: 0px;
  margin: 0px;
}

#barra-nav {
    padding-left: 3vw;
    padding-right: 3vw;
}

#section-contacto {
    text-align: center;
    margin-top: 10px;
}

section:after {
    content: "";
    display: table;
    clear: both;
    /*align-content: center;*/
}

/* Seccion contacto*/
        #aside-contacto, #art-contacto {
            width: 100%;
            height: 100%;
            text-align: left;
        }

        #art-contacto {
            background: darkgray;
        }

        #aside-contacto {
            background: #e6e6e6;
        }

        .form-group input {
          margin-bottom: 2%;
        }

        .form-group textarea{
          margin-bottom: 2%;
        }

        #contacto-boton:hover{
            background: dodgerblue;
            transition: 0.8s;
        }

        #info-contacto {
            /*position: relative;*/
            height: auto;
            width: 100%;
            top: 10%;
            left: 5%;
            padding: 2%;
        }

        #info-contacto p {
            line-height: 15px;
            font-size: 15px;
            font-weight: bold;
        }

        #info-contacto h4 {
            font-weight: bold;
        }

        #info-contacto h5 {
            font-weight: bold;
        }

        #info-contacto p {
            font-weight: bold;
        }

        #aside-contacto p {
            position: relative;
            top: 45%;
            left: 45%;
        }

        #contacto-boton {
            background: darkgray;
            border: none;
            width: 200px;
        }
		
		/*MENSAJE DE ERROR*/
		.error {
			color: red;
			font-size: 13px;
			font-weight: bold;
			width: 100%;
			display: block;
			margin: 15px 0 0;
		}
		#Confirmacion{
			background:rgba(0, 0, 0, 0.7);
			height: 50em;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 100;
		}

		#Confirmacion div{
			background: none repeat scroll 0 0 #fff;
			/*para Firefox*/
			-moz-border-radius: 1em;
			/*para Safari y Chrome*/
			-webkit-border-radius: 1em;
			/* para Opera */
			border-radius: 1em;
			height: 36%;
			margin: 3% 0 0 22%;
			padding: 7% 2% 2%;
			width: 52%;
		}

		#Confirmacion div p{
			color: #014867;
			font-size: 1.3em;
			text-align: center;
		}

		#Confirmacion div a{
			background: none repeat scroll 0 0 #014867;
			/*para Firefox*/
			-moz-border-radius: 0.4em;
			/*para Safari y Chrome*/
			-webkit-border-radius: 0.4em;
			/* para Opera */
			border-radius: 0.4em;
			display: inline-block;
			font-size: 1.2em;
			font-weight: bold;
			margin: 5% 0 0;
			padding: 1.3% 0;
			text-align: center;
			width: 100%;
			color:#fff;
			text-decoration:none;
		}

		#Confirmacion div a:hover{
			background:#666666;
		}
		
@media (max-width: 700px) {
    #info-contacto {
        top: 5%;
        height: 95%;
        width: 95%;
    }

    #info-contacto h4 {
        font-size: 1rem;
    }

    #info-contacto h5 {
        font-size: 0.9rem;
    }

    #info-contacto p {
        font-size: 0.7rem;
    }

    .page-header{
      height: 30vh;
    }

}

@media (max-width: 575px) {
  .mobile-margin{
    margin-top: 5%;
  }

  .centrado{
    text-align: center;
  }

  .jumbotron, .contacto-centrado{
    text-align: center;
  }

  .no-wrap{
     white-space: normal;
  }

}

footer {
    height: auto;
    padding: 2%;
}

footer p{
  margin: 0px;
}

footer p a{
  color: white;
}

footer p a:hover{
  color: white;
}

/*Home*/

.page-header{
  text-align: center;
  background-image: url(images/home1.jpg);
  background-repeat: no-repeat;
  background-color: none;
  background-size: cover;
  background-position: center;
  height: 416px;
}

#industrias{
  background-image: url(images/industrias1.jpg);
}

#talleres{
  background-image: url(images/tallmec1.jpg);
}

#contacto{
  background-image: url(images/Contact-Us1.jpg);
}



/*.page-header h1{
  padding-top: 8%;
}*/

.page-header a{
  margin: 2%;
}

.btn-home{
  width: 15rem;
}

.btn-home:hover{

}

.card-inicio{
  text-align: center;
}

.bajada{
  margin-top: 5%;
  margin-bottom: 5%;
}

.margin{
  margin-top: 2%;
}

.centrado-padre{
  position: relative;
}

.centrado-hijo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

#homeTop{
  background-color: #0b2b43;
  height: 116px;
}

h1{
  width: 100%;
}

@media (max-width: 380px) {

  /*#homeTop{
    height: 200px;
  }*/

}

@media (max-width: 990px) {



}

@media (max-width: 767px) {

  /*#homeTop{
    height: 200px;
  }*/

}

@media (max-width: 575px) {



}

.txt-white{
  color: #f6f4f4;
}

.navbar-light .navbar-nav .nav-link{
 color: #023C92;
}

 .navbar-light .navbar-nav .nav-link:hover{
  color: #09A53C;
}

.txt-verde{
  color: #09A53C;
}

.txt-azul{
  color: #023C92;
}

.contenedor-azul{
  background-color: #023C92;
}

.btn-primary{
background-color: white;
color: #09A53C;
border-color: #09A53C;
}

.btn-primary:hover{
background-color: #09A53C;
color: white;
border-color: #09A53C;
  transition: .4s;
}

h3 a{
  color: #023C92;
  text-decoration: none;
}

h3 a:hover{
  color: #023C92;
}

.no-wrap{
   white-space: nowrap;
}