/* ==========================================================================
Base
========================================================================== */

body {
  min-width: 970px;
  font-family: "Abel","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  background-color: #ffffff;
  color: #868686;
}

/* Reset the container */
.container {
    width: 970px;
    max-width: none !important;
}

/*==========================================================================
ESTILOS DE LA CABECERA
==========================================================================*/

.container .navbar-header,
.container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
  padding: 5px !important;
  min-height: 80px !important;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
    color: #354358;
    height: 60px;
    padding: 30px 10px 15px;
    text-transform: uppercase;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > li > a:active{
  color: #009de0 !important;
}

.navbar-default .navbar-nav > .actual > a,
.navbar-default .navbar-nav > .actual > a:hover,
.navbar-default .navbar-nav > .actual > a:focus {
    border-bottom: 5px solid;
    color: #009de0 !important;
    background-color: transparent !important;
}

.navbar-nav.navbar-right {
  float: right;
}

.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333 !important;
  line-height: 25px;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

.navbar {
    box-shadow: 0 0 5px 0 #969696;
    -webkit-box-shadow: 0 0 5px 0 #969696;
    -moz-box-shadow: 0 0 5px 0 #969696;
    -ms-box-shadow: 0 0 5px 0 #969696;
    -o-box-shadow: 0 0 5px 0 #969696;
    margin-bottom: 0px;
    min-height: 50px;
    position: relative;
}

.gradient-horizontal{
  background-image: url("../img/gradient-horizontal.jpg");
  background-repeat: repeat-y;
  background-size: contain;
}
.gradient-white{
  background-image: url("../img/gradient-white.png");
  background-position: center top;
  background-repeat: repeat-x;
}
/*==========================================================================
FIN ESTILOS CABECERA
==========================================================================*/



/*==========================================================================
SECTIONS TO TOP BAR
==========================================================================*/

.top-bar{
 padding: 10px 0;
 color: #fff

}
.top-bar ul{
  padding: 0;
}
.top-bar li{
  list-style: none;
  float: left;
  margin: 0 5px;
}
.top-bar a{
  color: #fff
}
.top-bar a:hover{
  opacity: 0.7;
  color: #fff !important;
}
/* Box for login*/
.box-login{
    border-radius: 5px;
    box-shadow: 0 0 1px 0 #7c7c7c;
    -moz-box-shadow: 0 0 1px 0 #7c7c7c;
    -webkit-box-shadow: 0 0 1px 0 #7c7c7c;
    -ms-box-shadow: 0 0 1px 0 #7c7c7c;
    -o-box-shadow: 0 0 1px 0 #7c7c7c;
    float: right;
    margin-top: 5px;
    width: 18%;
}
.dropdown-menu{
  min-width: 165px;
}
.box-login a{
  color: #fff !important;
}
.box-login .dropdown {
    width: 100%;
}
.box-login .dropdown a{
    height: 35px !important;
    padding: 5px;
    font-size: 12px;
}
.box-login .navbar-nav a:hover{
  color: #fff !important;
 /* text-decoration: underline !important;*/
  opacity: 0.6
}
.log{
  border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #ffffff !important;
  background-color: transparent;
}

/*==========================================================================
FIN SECTIONS TO TOP BAR
==========================================================================*/




/*==========================================================================
 ICONS
==========================================================================*/

.icons {
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
}

.mail{
  background-position: 0 5px;
  height: 18px;
  width: 20px;
}
.call{
  background-position: 0 -14px;
  height: 18px;
  width: 20px;
}
.facebook-white{
  background-position: 0 -38px;
  height: 20px;
  width: 20px;

}
.facebook-blue{
  background-position: -55px -194px;
  height: 35px;
  width: 36px;
}
.facebook-line{
    background-position: -58px -107px;
    height: 50px;
    width: 55px;
}

.twitter-white{
  background-position: 0 -62px;
  height: 20px;
  width: 20px;
}
.twitter-blue{
  background-position: -55px -158px;
  height: 35px;
  width: 36px;
}
.twitter-line{
    background-position: -58px -53px;
    height: 50px;
    width: 55px;
}
.mail-line{
    background-position: -58px 0px;
    height: 50px;
    width: 55px;
}
.home{
  background-position: 0 -62px;
  height: 20px;
  width: 20px;
}
.user{
  background-position: -65px -229px;
  height: 20px;
  margin-right: 5px;
  width: 20px;
}
.cart{
  background-position: 0 -109px;
  height: 20px;
  width: 20px;
}
.price-icon{
    background-position: 0 -204px;
    display: inline-block;
    height: 19px;
    margin: 0 !important;
    width: 15px;
}
.search{
    background-position: 0 -135px;
    height: 20px;
    left: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    position: absolute;
    width: 20px;
    z-index: 10;
}

.more, .less{
  position: relative;
  top: 10px;
}
.more{
    background-position: -92px -160px;
    height: 30px;
    width: 30px;
    margin-top: 5px;
}
.less{
    background-position: -92px -195px;
    height: 30px;
    width: 30px;
    margin-top: 5px;
}
.view{
    background-position: 0 -184px;
    height: 25px;
    width: 30px;
}
.zoom{
    background-position: 0 -157px;
    height: 26px;
    width: 30px;

}

/*==========================================================================
FIN ICONS
==========================================================================*/

/*==========================================================================
ESTILOS DEL HOME
==========================================================================*/

/* Used only with big title*/
h2.big-title, h2.big-title-two-lines  {
  font-family: 'Oswald', sans-serif;
}
h2.small-title, h2 .small-title {
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
.title-index{
  color: #424f62;
}

/*Banners*/
#main-banner {
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  background-image: url("../img/bg-0.jpg");
  background-size: cover;
}
#main-banner #odontologica>div, #main-banner #medica>div, #main-banner #laboratorio>div {
  width: 300px;
  margin: 0 auto;

  transform: skewx(8deg);
}
#main-banner .big-title {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0px 0px;
  height: 70px;
  line-height: 70px;
}
#main-banner .big-title-two-lines {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px 0px 0px 0px;
  height: 70px;
}
#main-banner p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 60px;
  overflow: hidden;
}
#main-banner .marca-slider-container {
  position: relative;
  margin-bottom: 35px;
  height: 56px;
}
#main-banner .marca-slider-container .prev {
  position: absolute;
  top: 23px;
  left: 0px;
  z-index: 9999;
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  background-position: -35px 0px;
  width: 12px;
  height: 14px;
}
#main-banner .marca-slider-container .next {
  position: absolute;
  top: 23px;
  right: 0px;
  z-index: 9999;
  background-image: url("../img/sprite.png");
  background-repeat: no-repeat;
  background-position: -35px -18px;
  width: 12px;
  height: 14px;
}
#main-banner .marca-slider ul li {
  width: 56px;
  height: 56px;
  background-color: #ffffff;
  margin: 0px 9px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
#main-banner .marca-slider ul li img {
  margin-top: 8px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
#main-banner .marca-slider ul li img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
#main-banner .marca-slider ul li a:hover, a:focus {
  opacity: 1;
}
#main-banner #odontologica {
  background-image: url("../img/bg-odontologico.jpg");
  background-size: cover;
  background-position: 50% 50%;

  transform: skewx(-8deg);
}
#main-banner #medica {
  background-image: url("../img/bg-medica.jpg");
  background-size: cover;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-position: 50% 50%;

  transform: skewx(-8deg);
}
#main-banner #laboratorio {
  background-image: url("../img/bg-laboratorio.jpg");
  background-size: cover;
  background-position: 50% 50%;

  transform: skewx(-8deg);
}

#banner-register{
  background-image: url("../img/bg-parallax.jpg");
  background-size: cover;
  color: #fff;
  font-weight: lighter;
  padding: 30px 0;
}

/* Estilos mapa */
.map {
  width: 100%;
  height: 250px;
}
.leaflet-popup-content .marker-description {
  overflow: hidden;
  width: 200px;
}
.leaflet-popup-content .marker-description .float-left {
  float: left;
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.leaflet-popup-content .marker-description .float-right {
  float: right;
  width: 120px;
  padding-left: 5px;
}
.leaflet-container .marker-description img {
  margin-bottom: 0px !important;
  width: 80px;
  height: auto;
}
.leaflet-container .leaflet-control-attribution {
  visibility: hidden;
}

/*==========================================================================
FIN ESTILOS DEL HOME
==========================================================================*/

/*==========================================================================
GENERAL STYLES
==========================================================================*/

a {
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out  0s;
  -moz-transition: all 0.5s ease-in-out  0s;
  -o-transition: all 0.5s ease-in-out  0s;
  -ms-transition: all 0.5s ease-in-out  0s;
  color: #868686;
  cursor:pointer;
}
a:hover, a:focus {
  color: #009de0;
  text-decoration: none;
  opacity: 0.7;
}
.hover:hover {
  opacity: 0.7;
}

input[type=submit], input[type=reset], input[type=button] {
  margin: 0px 0px 0px -1px;
  background-color: #009de0;
  border: 1px solid #ccc;
  color: #ffffff !important;

  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  cursor: pointer;
  padding: 6px 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
h1 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    font-size: 2.0rem;
}
h3 {
    font-size: 16px;
    font-size: 1.6rem;
}
h4 {
    font-size: 12px;
    font-size: 1.2rem;
}
h5 {
    font-size: 18px;
    font-size: 1.8rem;
}
h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

.title {
  font-size: 16px;
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.line-height-37 {
  line-height: 37px !important;
}
.relative {
  position: relative;
}
.absolute{
    position: absolute;
    z-index: 10
}
.float-right {
  float: right;
}
.inline {
  display: inline-block;
}
.border {
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
}
.border-bottom {
  border-bottom: 1px solid #c9c9c9;
}
.border-bottom-light {
  border-bottom: 1px solid #dcdcdc;
}
.border-top-light {
  border-top: 1px solid #dcdcdc;
}
.no-border {
  border-top: none;
}
.red-message {
  font-size: 12px;
  font-style: italic;
  color: #c03f3f;
}

/* ====================

buttons and borders-buttons
=======================
*/

.border-line{
  border: 1px solid #fff;
  color: #fff;
  padding: 15px 25px;
}
.border-line:hover{
  opacity: 0.7;
  color: #fff;
}

.margin-0 {
  margin: 0px !important;
}
.margin-20 {
  margin: 20px 0px !important;
}
.margin-10 {
  margin: 10px 0px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-auto {
  margin: 0px auto;
}
.padding-20 {
  padding: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-bottom-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-top-bottom-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-sides-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}

/* Colors */
.green {
  color: #6ea22f;
}
.orange {
  color: #e8530d;
  background-color: #e8530d;
}
.black {
  color: #1b1b1b;
}
.white {
  color: #ffffff !important;
}
.red {
  color: #ae4747;
}
.blue {
  color: #509dd6;
}
.blue-light{
  color: #009de0;
}
.pagination{
  margin:0;
}

/* Buttons */

.btn-blue {
  font-size: 16px;
  text-transform: uppercase;
  background-color:#009de0;
  color: #fff;
  padding: 5px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  line-height: 1.42857143 !important;
}
.btn-blue:hover, .btn-blue:focus {
  background-color: #009de0;
}

.btn-blue-small {
  font-size: 12px;
  background-color:#009de0;
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  visibility: hidden;
}
.btn-blue-small:hover, input.btn-blue-small:hover {
  background-color: #009de0;
}

.btn-blue-car {
  font-size: 16px;
  /*text-transform: uppercase;*/
  background: url("../img/bg-btn-green-car.png") no-repeat -10px center #354358 !important;
  color: #fff;
  padding: 5px 20px 5px 40px !important;
  border-radius: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border: none !important;
}
.btn-orange-heart {
  font-size: 16px;
  /*text-transform: uppercase;*/
  background: url("../img/bg-btn-heart.png") no-repeat -10px center #e8530d !important;
  color: #fff;
  padding: 5px 20px 5px 40px !important;
  border-radius: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border: none !important;
}
.btn-gray-heart {
  font-size: 16px;
  /*text-transform: uppercase;*/
  background: url("../img/bg-btn-heart.png") no-repeat -10px center #8b8b8b !important;
  color: #fff;
  padding: 5px 20px 5px 40px !important;
  border-radius: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border: none !important;
}
.btn-gray {
  font-size: 16px;
  text-transform: uppercase;
  background: url("../img/bg-btn-gray.jpg") repeat-x center top #6b8f1a;
  color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
}

.product .btn-default{
  color: #fff;
  display:inline-block !important;
}
.product .btn-default:hover, .product .btn-default:active, .product .btn-default:focus{
  background-color: #33b1e6;
}

.btn-default:hover, .btn-default:focus, .btn-blue:hover, .btn-blue:focus, .btn-gray:hover, .btn-gray:focus {
  color: #ffffff;
  opacity: 0.7;
}

.btn-recor, input.btn-recor{
  background-color: #009de0;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  line-height: 1.42857143 !important;
}
.btn-recor:hover, input.btn-recor:hover{
  background-color: #0d89be;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
}
.btn-recor.disabled, .btn-recor[disabled] {
  background-color: #0d89be !important;
}

.btn-orange, input.btn-orange{
  background-color: #e8530d;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  line-height: 1.42857143 !important;
}
.btn-orange:hover, input.btn-orange:hover{
  background-color: #e8530d;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
}

/* Messages */
#main-message {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 99999;
  display: none;
}
.loading {
  visibility:hidden;
}
.loading2 {
  visibility:hidden;
}
.errorMessage {
  color: #d9534f;
}
/*==========================================================================
FIN GENERAL STYLES
==========================================================================*/


/*==========================================================================
ESTILOS DEL SUBMENU
==========================================================================*/
/* Sub navigation */
#sub-nav {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.33);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.33);
  height: 160px;
  position: relative;
  z-index: 1;
}
#sub-nav #slider1_container .item {
  border-right: 1px solid #dcdcdc;
}
#sub-nav #slider1_container .item img {
  width: auto;
  height: 85px;
  margin-top: 15px;
}
#sub-nav #slider1_container .item p {
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px;
}
#sub-nav #slider1_container .item>a {
  display: block;
  width: 100%;
  height: 100%;
}
#sub-nav #slider1_container .item>a.actual {
  color: #509dd6;
}
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
  position: absolute;
  cursor: pointer;
  display: block;
  background: url('../img/arrow-slider.png') no-repeat;
  overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }

/*==========================================================================
FOOTER
==========================================================================*/
#footer{
  background-color: #393939;
  color: #bdbdbd;
  padding: 20px 0;
}
#footer ul{
  padding: 0;
}
#footer li{
  list-style: none;
  float: left;
  margin: 0 5px;
}
#footer a{
  color: #bdbdbd;
}
/*==========================================================================
FIN DEL FOOTER
==========================================================================*/

/*==========================================================================
ESTILOS DE BOX-SERVICE
==========================================================================*/
.box-service{
    position: fixed;
    right: -290px;
    width: 350px;
    z-index: 1000;
    top: 200px;
}
.box-service .service {
  overflow: scroll;
}
.box-service p {
  font-size: 12px;
}
.box-service>a:hover, .box-service>a:focus, .box-visita>a:hover, .box-visita>a:focus {
  opacity: 1;
}
.box-visita{
   position: fixed;
    right: -290px;
    top: 475px;
    width: 350px;
    z-index: 1000;
}
.service{
   background-color: #425563;
    background-image: url("..img/bg-blue.png");
    color: #fff;
    height: 243px;
    left: 72px;
    padding: 15px 50px 15px 15px;
    top: 21px;
    width: 350px;
}
.close-service{
  right: 0;
  margin-right: 15px;
}
.link-box-service{
  cursor: pointer;
  display: block;
}

/*==========================================================================
FIN DE BOX-SERVICE
==========================================================================*/

/*==========================================================================
ESTILOS DEL BANNER
==========================================================================*/
#banner {
  margin-bottom: 40px;
}

/* Breadcrum */
.breadcrumb {
  background-color: transparent;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ffffff;
  text-align: center;
}
.breadcrumb a{
  color: #ffffff;
}
.breadcrumb>li+li:before {
  color: #ffffff;
  content: "\003e";
}

/* Main Container */
#main-content {
    padding-top: 0px;
    padding-bottom: 10px;
}
#main-content .sidebar {
    background-color: #ffffff;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.head {
    display: block;
    height: 56px;
    line-height: 56px;
    padding-left: 10px;
    padding-right: 10px;
    color: #383838;
}
.head h2, .head h3 {
    line-height: 56px;
    font-weight: 400;
}
.sidebar .head {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
    background: url('../img/bg-head.jpg') repeat-x left top;
}
.main .head {
    border-bottom: 1px solid #dcdcdc;
}
.main.home .head {
    text-align: left;
    background: url('../img/bg-line-orange.jpg') repeat-x left center;
    border-bottom: none;
}
.main .head h3 span {
    background-color: #f3f3f3;
    padding-left: 50px;
    padding-right: 50px;
}
#main-content .sidebar .content {
    background: url('../img/bg-sidebar.jpg') repeat-x left top;
    padding: 10px 10px;
    margin-left: 0px;
    margin-right: 0px;
}
#main-content .main .content {
    padding: 10px 10px;
    margin-left: 0px;
    margin-right: 0px;
}

#main-content .table {
    padding: 10px 10px;
    margin-left: -50px;
    margin-right: 50px;
}

/*==========================================================================
PRODUCTOS
==========================================================================*/

/* Productos */
#search .form-control {
  padding: 6px 25px;
}
#search input[type="submit"] {
  margin: 0px 0px 0px -1px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #868686 !important;
}
.content .product {
  text-align: center;
  height: 410px;
  overflow: hidden;
  padding-top: 10px;
}
.content .product .img-container {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.content .product img.square {
  width: 160px;
  height: 160px;
  border: 1px solid #dcdcdc;
}
.content .product .title {
  display: block;
  height: 49px;
  overflow: hidden;
  color: #354358;
  border-bottom: 1px solid #454545;
  margin-top: 5px;
  margin-bottom: 5px;
}
.content .product .title:hover {
  opacity: 0.7;
}
.content .product .price, .main .price {
  color: #354358;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
}
.content .product .no-price, .main .no-price, #resume .no-price {
  color: #354358;
  font-size: 12px;
  margin-bottom: 0px;
}
#resume .no-price {
  font-size: 13px;
  line-height: 11px;
  color: #ae4747;
}
.content .product .price span, .main .price span {
  color: #9c9c9c;
  font-size: 16px;
  font-weight: 300;
  text-decoration: line-through;
}
.min-description{
  font-size: 13px;
  display: block;
  height: 49px;
  overflow: hidden;
}
.main .price span.no-line, .main .measure-title {
  font-size: 20px;
  text-decoration: none;
  margin-bottom: 0px;
}
.content .product .measure, .main .measure {
  font-size: 12px;
  font-style: italic;
}
.content .product div {
  margin-bottom: 10px;
}
.content .product div input.form-control, .main .options div input.form-control {
  display: inline-block;
  width: 48px;
}
#modal-zoom .modal-body {
  background:#fff url('../img/ajax-loader-site.gif') no-repeat center center;
  min-height: 600px;
}
#modal-zoom .modal-body img {
  max-width: 800px;
  height: auto;
}

/*Tickets brands and prices*/
.bar-ticket{
  padding-left: 0px;
}
.ticket-price{
    background-color: #009de0;
    color: #fff;
    opacity: 0.8;
    padding: 3px;
    float: left;
    margin-right: 1px;
}
.ticket-brand{
    background-color: #686868;
    color: #fff;
    opacity: 0.8;
    padding: 5px;
    float: left;
}
.ticket-brand:after{
  content: "-"
}
.ticket-brand:before{
  content: "-"
}
.bar-view{
    background: none repeat scroll 0 0 rgba(53, 67, 88, 0.7);
    bottom: -31px;
    width: 100%;
    margin-bottom: 0px !important;
}
.bar-view a{
    float: left;
    text-align: center;
    width: 50%;
}
.bar-view a:first-child{
  border-right: 1px solid #fff
}

/* Productos only home */
.home .content .product {
  text-align: center;
  height: 350px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  margin-bottom: 25px;
  padding-top: 10px;
}
.home .content .product img.square {
  width: 160px;
  height: 160px;
  border: none;
}
.home .content .product .title {
  display: block;
  height: 44px;
  overflow: hidden;
  color: #383838;
  border-bottom: none;
  margin-bottom: 0px;
}
.home .content .product .description {
  height: 60px;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.imgPublicidad{
  width:190px;
}
a.linkPublicidad{
  display:block;
  margin-bottom: 20px;
}

/* Productos detalle */

.linkFicha{
  display: block;
  background: url('../img/download.png') right center no-repeat;
  padding-right: 30px;
  font-weight: bold;
  color: #354358;
  line-height:17px;
  margin-top:20px;
  font-size: 16px;
}

/* zoomable image */
.targetarea img {
  width: 370px;
  height: 370px;
  border: 1px solid #dcdcdc;
}
.thumbs img {
  width: 70px;
  height: 70px;
  border: 1px solid #dcdcdc;
}
.main .options {
  border-bottom: 1px solid #454545;
  border-top: 1px solid #454545;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/* Multizoom */
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
  box-shadow: 5px 5px 7px #818181;
  -webkit-box-shadow: 5px 5px 7px #818181;
  -moz-box-shadow: 5px 5px 7px #818181;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
  background: white;
}
.targetarea { /* CSS for container div(s) of the zoomable image */
  width: 100%; /* wide or wider than the widest zoomable image */
  height: 374px; /* high or higher than the tallest zoomable image */
  margin-top:0px;
}
#two { /* Added CSS for second target div of zoomable images */
  height: 243px; /* high or higher than the tallest zoomable image */
}
.targetarea img { /* zoomable image */
  margin: auto; /* for horizontal centering */
  display: block; /* also for horizontal centering */
  position: relative; /* along with on the fly calculations in script, for vertical centering */
  /*border-width: 0;*/
}
.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
  padding-top: 15px;
  width: 100%;
  text-align: center;
}
.thumbs a { /* trigger links on the thumbnail images */
  text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}
.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
  /*border-width: 0;*/ /* avoid default borders in some browsers */
}
#description, #description2 {
  position: absolute; /* required for description folows image bottom (descpos: true) */
  width: 325px; /* should be width of zoomable image container (.targetarea) */
  text-align: center;
  font: bold 95% sans-serif;
  margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
  color: #222;
  background-color: #fff;
}
/*==========================================================================
FIN PRODUCTOS
==========================================================================*/

/* Carrito de compras */
#resume .row .col-xs-10 .row>div.col-xs-3, #resume .row .col-xs-10 .row>div.col-xs-6 {
  height: 48px;
  overflow: hidden;
}
table tr th  {
  color: #009de0;
  text-transform: uppercase;
}
table img.square, #resume img.square {
  width: 110px;
  height: 110px;
}
table img.square-small {
  width: 50px;
  height: 50px;
}
table td a.title h3, table.resume td h3 {
  width: 400px;
}
table h3, #resume h3 {
  color: #1b1b1b;
}
/*table h3.inline, #resume h3.inline {
  display: inline-block;
}*/
table input.form-control, #resume input.form-control {
  display: inline-block;
  width: 48px;
}
.radio.entrega-express {
  /*background:url('../img/ico-entrega1.png') no-repeat 30px 0px;*/
}
.radio.entrega-normal {
  /*background:url('../img/ico-entrega2.png') no-repeat 30px 0px;*/
}
.radio label h3, .radio label span {
  margin-left: 5px;
}
table.no-border tr>td {
  border-top: none;
  padding: 4px;
}
.foot {
  display: block;
  height: 56px;
  line-height: 56px;
  padding-left: 10px;
  padding-right: 10px;
  color: #383838;
  border-top: 1px solid #dcdcdc;
  /*border-bottom: 1px solid #dcdcdc;*/
  text-align: left;
  background: url('../img/bg-head.jpg') repeat-x left top;
}
.foot h3, .foot a  {
    line-height: 56px;
}

.panel-group .panel {
  border-radius: 0px;
  background-color: #f3f3f3;
}
.panel-heading {
  padding: 17px 15px;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #dcdcdc !important;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
}
.panel-body {
  padding-bottom: 0px;
}
.number {
  background:#009de0;
  color: #fff;
  padding: 1px 7px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.radio-inline, .checkbox-inline {
  margin-top: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #009de0 !important;
  background: #009de0 none 50% 50% repeat-x !important;
}
.horario {
  width: 75px;
}

/* ==========================================================================

========================================================================== */

.super-mercado {
  background-position: -4px -4px;
  display: block;
  width: 39px;
  height: 39px;
  margin: auto;
  top: -25px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}
.frutas-vegetales {
  background-position: -4px -49px;
  display: block;
  width: 39px;
  height: 39px;
  margin: auto;
  top: -25px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}
.carnes-mariscos {
  background-position: -4px -95px;
  display: block;
  width: 39px;
  height: 39px;
  margin: auto;
  top: -25px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}
.less {
  background-position: -92px -196px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: auto;
  position: relative;
  top: 6px;
}
.more {
  background-position: -93px -162px;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: auto;
  position: relative;
  top: 6px;
}
.horario1 {
  background-position: 0px -252px;
  display: block;
  width: 43px;
  height: 40px;
  margin: auto;
  position: relative;
}
.horario2 {
  background-position: 0px -295px;
  display: block;
  width: 43px;
  height: 40px;
  margin: auto;
  position: relative;
}
.horario3 {
  background-position: 0px -337px;
  display: block;
  width: 43px;
  height: 40px;
  margin: auto;
  position: relative;
}
.horario1.active {
  background-position: -49px -252px;
}
.horario2.active {
  background-position: -49px -295px;
}
.horario3.active {
  background-position: -49px -337px;
}
.arrow-profile{
  background-position: -36px -144px;
  float: right;
  height: 20px;
  width: 25px;
}
.edit{
  background-position: -36px -165px;
  height: 20px;
  margin-left: 5px;
  margin-top: 15px;
  width: 25px;
}
.top-arrow{
  background-position: -83px -3px;
  height: 20px;
  margin-left: 5px;
  margin-top: 15px;
  width: 25px;
}
.delete{
  background-position: -36px -210px;
  height: 20px;
  margin-left: 5px;
  margin-top: 15px;
  width: 25px;
}
.back{
  background-position: -36px -120px;
  display: inline-block;
  height: 20px;
  width: 25px;
}
/* Used only for input buttons */
.left-car {
  background-position: -4px -141px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: auto;
  margin-right: 10px;
}
.left-heart {
  background-position: -4px -165px;
  display: inline-block;
  width: 21px;
  height: 18px;
  margin: auto;
  margin-right: 10px;
}
.edition a, .del a{
float: right;
}
.edition a:hover span{
   background-position: -36px -187px;
}
.del a:hover span{
   background-position: -36px -230px;
}
.edition span, .del span{
  float: left;
}
.come-back:hover span{
  background-position: -36px -120px;
}

/*Menu profile*/
.menu-profile{
  padding: 0;
}
.menu-profile li{
  list-style: none;
}
.menu-profile li a{
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 10px 0;
  width: 100%;
}
.menu-profile li a:hover span{
    background-position: -36px -100px;
}
.menu-profile .active > a{
  color: #009de0;
}
.menu-profile .active > a >span{
  background-position: -36px -100px;
}
.list-edit{
  float: left;
  margin: 10px 0;
  width: 100%;
}
.confirm{
  background-color: #009de0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
    color: #fff;
    display: block;
    margin: auto;
    padding: 2px 15px;
    width: 100px;
}
.confirm:hover, .cancel:hover{
  color: #fff;
  opacity: 0.8;
}
.cancel{
  background-color: #7d7d7d;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
    color: #fff;
    display: block;
    margin: auto;
    padding: 2px 15px;
    width: 100px;
}

.content div.form, .panel-body div.form {
  display: none;
}

/* Paginado */
.content.row .pager {
  float: left;
  width: 100%;
  text-align: center;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
  border: 1px solid #ccc;
  font-weight: 300;
  color: #868686;
  padding: 8px 12px;
}
ul.yiiPager .selected a {
  background: #ffffff;
  color: #428bca;
  font-weight: 300;
  border: 1px solid #428bca;
}
.pager .previous>a, .pager .previous>span {
  float: none;
}
.pager .next>a, .pager .next>span {
  float: none;
}
.pager li>a, .pager li>span {
  border-radius: 0px;
}

/* ==========================================================================
Cargador del submenu
========================================================================== */
.contCargando{
  display:none;
  position:absolute;
  background:#fff url('../img/ajax-loader-site.gif') no-repeat center center;
  width:970px;
  height:160px;
  top:0px;
}
.contCargandoSmall {
  display:none;
  position:absolute;
  background:#fff url('../img/ajax-loader-site.gif') no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0px;
  opacity: 0.6;
  z-index: 99999;
}
.errorMessage{
  color:rgb(241, 72, 72);
}
.pointer {
  cursor: pointer;
}
/* ==========================================================================
Historial de Pedidos
========================================================================== */
.btMostrar{
  color: #383838;
}

.imgHistorialDetalle{
  margin-right:20px;
}
.cargadorCancelar{
  position: absolute;
  background:#fff url('../img/ajax-loader-site.gif') no-repeat center center;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  opacity:0.8;
  display:none;
}
.lcheckout{
  height: 18px;
  position: absolute;
  margin-top: -26px;
  right: 44px;
}
/* ==========================================================================
Checkout
========================================================================== */
#accordion{
  position: relative;
}
.modal-title-checkout{
  text-transform: uppercase;
  font-size: 20px;
}
.contTipoPago{
  font-size:16px;
  padding: 0 60px;
}
.btTipoPago{
  position: relative;
}
.contCargandoCheckout{
  display: none;
  position:absolute;
  background:#fff url('../img/ajax-loader-site.gif') no-repeat center center;
  width:100%;
  height:100%;
  top:0px;
  z-index:99;
  opacity:0.8;
}
#modalEfectivo,#modalTransferencia,#modalError{
  background:#fff;
  border: solid 1px #ccc;
  display: none;
}
#ui-datepicker-div {
  z-index: 3 !important;
}

/* ==========================================================================
Noticias
========================================================================== */
#noticias {
    margin-bottom: 20px;
}
#noticias .image {
    height: 200px;
    overflow: hidden;
}
#noticias .resume {
    padding: 15px;
    border: 1px solid #bfbfbf;
    height: 200px;
}
#noticias .title h2 {
    height: 42px;
    overflow: hidden;
}
#noticias .description {
    height: 60px;
    overflow: hidden;
}
#noticias .link {
    display: block;
}