/* CSS Document */
@media (min-width: 320px) {
  .vertical-align {
    display: flex;
    align-items: center;
}
}
body {
	font-family: 'Cabin', sans-serif;
	font-weight:400;
	background-color:#F1F1F1;
	color:#666666;
}
h1, h2, h3, h4, p {
	color:#666666;
}
.imgres {
	width:100%;
	height:auto;
}

/*NAVBAR*/
.navbar-default {
  background-color: #EF5022;
  border-color: #EF5022;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #EF5022;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #EF5022;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #EF5022;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #EF5022;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #EF5022;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #EF5022;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #fff;
  }
}
/*NAVBAR*/



/*ALTO NAVBAR*/
.navbar {
  min-height: 80px;
  text-transform:uppercase;
  font-size:11px;
}

.navbar-brand {
  padding: 0;
  height: 80px;
  line-height: 80px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}

.imgres {
	width:100%;
	height:auto;
}
.btn-menu {
	background-color:transparent;
	border:0;
}
.columnas-2 {
	column-count: 2;
	column-gap: 40px;
}
.footer {
	background-image:url(images/fdo-footer.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-size:contain;
}
.btn-negro {
	background-color:#383838;
	color:#FFF;
	border:0;
}
.btn-negro:hover {
	background-color:#000000;
	color:#FFF;
	border:0;
}
.planes {
	background-image:url(images/fdo-planes-transparencia.jpg);
	background-position:center;
	background-size:cover;
}

.plan {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.plan:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

@media (max-width: 480px) {
	.servicio {
		max-width:240px;
	}
	.columnas-2 {
	column-count: 1;
	column-gap: 0;
}
}
.dropdown-menu li {
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
}

.hace-tu-pedido {
	background-image:url(images/hace-tu-pedido.jpg);
	background-position:center right;
	background-size:cover;
}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
.redes a {
	margin:5px;
}