/* CSS Document */
body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.container {
  width: 100%;
  padding: 0;
  background-color: #606172;
}
@font-face {
  font-family: "Linotte-regular";
  src: url("../fonts/Linotte_Regular.woff");
}
#logotipo {
  width: 21em;
  height: 12em;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}
h1.titlePage {
  font-family: "Linotte-regular";
  font-size: 262%;
  margin-right: 12%;
  margin-top: 8.5%;
  width: 100%;
}
.cabecera {
  background-size: contain;
  height: 12em;
  background-color: #2E342C;
  width: 100%
}
.containerNav {
  text-align: center;
  width: 100%;
  display: ruby;
  height: 3.55em;
  background-color: #606172;
  z-index: 1000;
}
.navbar {
  display: flex;
  z-index: 1;
}
div.container nav.navbar {
  background-color: #606172;
  border: 0;
  z-index: 1000;
}
.navbar-nav > li {
  font-size: 1.1em;
}
.navbar-default .navbar-nav > .active a {
  background-color: #2E342C;
}
div.container nav.navbar.navbar-default div.collapse.navbar-collapse.navbar-ex1-collapse ul.nav.navbar-nav li a {
  color: #FFFFFF;
}
div.container nav.navbar.navbar-default div.collapse.navbar-collapse.navbar-ex1-collapse ul.nav.navbar-nav li a:hover {
  background-color: #66687d;
  transition: all .6s ease;
}
.navbar-toggle:focus, .navbar-toggle:hover, navbar-default navbar-toggle {
  color: #FFFFFF !important;
}
.navbar-toggle {
  background-color: #FFFFFF;
}
.mailBoton {
  color: #FFFFFF;
  margin-top: 1%;
  font-size: 1.5em;
}

/*#telefono {
  float: right;
  width: 9em;
}*/

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
top:10em;
}


/*span.pull.pull-right.glyphicon.glyphicon-envelope.glyphicon-earphone {
  color: #ffffff;
  float: left !important;
  font-size: 1.5em;
  margin-right: 0.5em;
  margin-top: 0.7em;
}*/

.containerH2 {
  padding: 0;
}
.col-md-8 {}
.carousel-indicators {
  top: -2em;
}
.carousel-indicators .active {
  background-color: #bddc09;
}
ol.carousel-indicators li {
  border-color: #606172 !important;
}
.carousel-control {
  width: 6%;
  font-size: 20px;
  color: black;
  text-align: center;
  opacity: 0.6;
  border-radius: .4em;
}
.textContents {
  padding-right: 1em;
}
.contenidos {
  background-color: #FFFFFF;
  padding-top: 3em;
  width: 87em;
  margin: 0 auto;
  flex: 1;
}
footer {
  background-color: #606172;
  padding: 1em;
  text-align: center;
}
#barFooter a {
  color: #888aa2;
  cursor: default;
}
/*Contacto*/
#feedbackForm {
  width: 65%;
  margin-left: 7%;
}
#contact_form.row .col-md-12 h4 {
  margin-left: 2%;
  margin-bottom: 1.8em;
}
form#feedbackForm div.form-group div.input-group span.input-group-addon {
  padding: 6px 17px;
}
.navbar-collapse {
  padding-left: 0em;
}
#barFooter {
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .contenidos {
    width: auto;
  }
  .col-md-8 {
    margin-bottom: 2em;
  }
  .textContents {
    margin-left: 2em;
    margin-bottom: 2em;
  }
  footer {
    display: none;
  }
}
@media only screen and (max-width: 375px) {
  .contenidos {
    width: auto;
  }
  .col-md-8 {
    margin-bottom: 2em;
  }
  .textContents {
    margin-left: 2em;
    margin-bottom: 2em;
  }
  footer {
    display: none;
  }
}
/*@media only screen and (max-width: 1200px) {
  h1.titlePage {
    font-size: 230%;
    margin-right: 33%;
    margin-top: 7%;
  }
  #barFooter {
    width: 100%;
  }

  .carousel-indicators {
    top: -2em;
  }
}
@media only screen and (max-width: 990px) {
  #logotipo {
    height: 8.5em;
  }
  h1.titlePage {
    font-size: 180%;
  }
  .cabecera {
    height: 8.5em;
	  	width:100%
			
  }
  .contenidos {
    width: 71em;
  }
  .row {
    width: 100%;
    margin: 0 auto;
  }
  .col-md-8 {
    width: 61%;
    float: left;
    display: block;
  }
  .col-sm-6 {
    width: 50%;
  }
  .carousel-indicators {
    display: block;
  }
}

@media only screen and (max-width: 720px) {
  .cabecera {
    height: 12em;
	  	width:100%
  }
  #logotipo {
    height: 13em;
  }
  .navbar-nav {
    font-size: 1.2em;
  }
  .col-sm-6 {
    width: 80%;
    margin: 0 auto;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .textContents {
    width: 86%;
    margin: 0 auto;
    font-size: 1.5em;
    padding-top: 2em;
  }
  .navbar-collapse {
    padding-left: 1.1em;
  }
  .textContents {
    width: 80%;
    font-size: 1em;
  }
  .carousel-indicators {
    display: none;
  }
}
@media only screen and (max-width: 375px) {
  .cabecera {
    height: 7em;
  }
  #logotipo {
    height: 7em;
  }
  .navbar-nav {
    font-size: .8em;
  }
  .contenidos {
    width: 34em;
  }
  .col-sm-6 {
    width: 80%;
    margin: 0 auto;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .textContents {
    width: 86%;
    margin: 0 auto;
    font-size: .8em;
    padding-top: 2em;
  }
  .navbar-collapse {
    padding-left: 1.1em;
  }
  .textContents {
    width: 80%;
    font-size: 1em;
  }
  .carousel-indicators {
    display: none;
  }
}*/