@import url('https://fonts.googleapis.com/css?family=Exo+2:400,600,700');

body {font-family: 'Roboto', sans-serif; font-weight: 300; background-color: #fff;}

footer {padding: 35px 0px;}
footer ul {margin: 0;}
footer a:hover {text-decoration: underline;}

h1, h2 {font-family: 'Exo 2', sans-serif; font-weight: 600;}

.modal-md {width: 500px;}
.modal-header {border-bottom: 0;}
#modalCarrito .modal-body,
#modaldata .modal-body {padding: 0}
.modal .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td,
.modal .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 0}
.modal .producto-img {text-align: center; width: 100px; height: 140px}
.modal .producto-nombre {
	padding: 0 20px !important;
	line-height: 140px;
	font-weight: normal;
	font-size: 15px;
	width: 250px;
}
.modal .producto-cantidad {text-align: center; width: 70px; line-height: 140px;font-weight: bold;}
.modal .producto-eliminar {text-align: center; line-height: 140px;}
.modal-body #divCarritoMensaje {
	margin: 20px;
}

.navbar {height: 80px}
.navbar-brand {margin: 0;height: 80px}
.navbar-brand a {text-decoration: none;display: block;}
.navbar-brand ul.dropdown-menu>li>a {padding: 15px 45px}
.navbar-brand ul.dropdown-menu li.nav-grofuder {border-bottom: 1px solid #f1f1f1}
.navbar-brand ul.dropdown-menu {margin-top: 15px;border: 0;border-radius: 0;text-align: center}
.navbar-brand ul.dropdown-menu img {height: 35px;}

.navbar-nav>li>a {padding: 28px 10px 27px;}

.navbar-default {background-color: #fff;border: none; font-weight: normal;}
.navbar-default .navbar-nav>li>a {color: #666;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:hover {color: #999;}
.navbar {margin: 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {background-color: #CC4E27;color: #FFF;}

#divloading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background: rgba(255, 255, 255, 0.85);
  background-size: 50px auto;
}
#divloading span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 222px;
  height: 100px;
  margin: -50px 0 0 -50px;
  animation: loader-rotate 2s linear infinite;
  transform-origin: center center;
  text-align: center;
}
#divloading img {margin-bottom: 15px;}
.bg-gray {background-color: #f8f8f8;}
.bg-white {background-color: #fff;}
.border-top {border-top: 1px solid #e1e1e1;}