/**
**
** CLASES PARA DISPOSITIVOS PEQUENOS
**
**/

/*Clase que controla el logo y su tamano */
.navbar-brand {
  padding: 0px !important;
}
/*Clase que controla el logo y su tamano */
.navbar-brand>img {
  height: 100% !important;
  /*padding: 15px !important;*/
  width: auto !important;
}

/**
**
**media queries para dispositivos grandes
**
**/
@media (min-width: 800px) {
  /*coloca un margen al logo*/
  .navbar-brand {
    margin-top: 8%;
    padding: 0px !important;
  }

  .navbar-brand>img {
    height: 140% !important;
    margin-top: 0;
    margin-top: -5%;
  }
}

#main-slider h3{
  color: white;
}


/*en el index los botones que mencionan los servicios*/
.feature-item{
  margin-right: 4%;
}

.nav-tabs > ul{
  border-color: #279A82;
}

.certificaciones{
  background-color: #289B83

}

.certificaciones h2{
  color: white !important;
}

.rowcerts{
  padding-top: 5%;
}

/*clase que sobreescribe la clase de bootstrap cuando se hace click en un item en el menu*/
.nav .open > a{
  background-color: transparent !important;
  border-color: transparent !important;
}
/*controla el dropdown del menu*/
.dropdown-menu > li > a:hover{
  background-color: #289B83 !important;
  color: white !important;
}

/*tabla de servicios*/
.table-suelotest{
  color: black
}
/*filas de tabla de servicios*/
.table-suelotest th {
  text-align: center;
  vertical-align: middle !important;
}
/*2do estilo de div en services*/
.sub-services h3 {
  margin-bottom: 30px;
  font-weight: 800;
}

/*tabla de servicios*/
.table-bordered-inverse > tbody > tr > td{
  border-color: white;
  border-style: solid;
  border-width: 1px;
}

/*tabla de servicios*/
.table-bordered-inverse > tbody > tr > th{
  border-color: white;
  border-top-width: 2px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
}

/*tabla de servicios*/
.table-bordered-inverse > thead > tr > th{
  border-color: white !important;
  border-top-width: 1px !important;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 2px;
  border-style: solid !important;
}

/*tabla de servicios*/
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

#img-mecanica{
  /*margin-top: 40%;*/
}

#img-hormigon{
  /*margin-top: -36%;*/
  /*margin-left: -22%;*/
}

#img-hormigon2{
  /*margin-top: 3%;*/
  /*margin-left: -22%;*/
}

#table-asfaltos{
  /*margin-top: 8%;*/
}

#table-elementos{
  /*margin-top: 12%;*/
}

#img-elementos{
  margin-top: -40%;
}

#img-otros{
  /*margin-left: 10%;*/
  /*margin-top: %;*/
}

#table-otros{
  /*margin-top: 20%;*/
}

#img-asesorias{
  /*margin-left: -20%;*/
}

.title-green{
  color:black !important;
  /*text-shadow: 2px 0 0 #289B83, -2px 0 0 #289B83, 0 2px 0 #289B83, 0 -2px 0 #289B83, 1px 1px #289B83, -1px -1px 0 #289B83, 1px -1px 0 #289B83, -1px 1px 0 #289B83 !important;*/
}

#div-map{
  height: 400px;
}

#div-map iframe{
  pointer-events: none;
}
#div-map iframe.clicked{
  pointer-events: auto;
}

.portfolio-item > ul{
  color: #289B83;
  list-style: disc outside;
}


/*estilo para los checkboxes del cotizador*/
.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
  width: 20px; 
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

.btn-check-cotizador{
  background-color: #289B83;
  color:white;
  border-radius: 5px !important;
  margin-top: 3%; 
}
.btn-check-cotizador:hover{
  color:white;
}

.labeltext{
  float: right;
  font-size: small;
  font-weight: normal;
  margin-left: 0.3em; /*en em porque en % crea una nueva linea*/
  max-width: 85%
}

.cotizadorow{
  margin-top: 3%;
}


/*cambia el color de los paneles del cotizador*/
.panel-body{
  color: black;
}

.cotizarform textarea, input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #626262;
}
.cotizarform textarea, input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #626262;
   opacity:  1;
}
.cotizarform textarea, input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #626262;
   opacity:  1;
}
.cotizarform textarea, input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #626262;
}

.cotizarform textarea, input{
  color: black;
  width: 70%;
  background-color: #dcdcdc;
  border-style: solid !important;
  border-color: #ababab !important; 
  border-width: thin;
  padding: 0.5%;
}

.btn-cotizador{
  background-color: #289B83;
  color: #DCDCDC;
  width: 70%;
}

.datoscontacto{
  color: #000;
  padding-top: 5%;
}

.datoscontacto a{
  color: #289B83;
}

.panel-title{
  margin: 0 !important;
}

.panel-title a:hover{
  color: #289B83 !important;
}

a.anchor {
  display: block;
  position: relative;
  top: -130px;
  visibility: hidden;
}