/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
 font-family: 'Arvo', serif;
}
/*columnas de misma altura*/
.equal {
  display: flex;
  flex-wrap: wrap;
}

.equal > div[class*='col-'] {  
  display: flex;
  flex-direction: column;
}

#nav{
	margin-top:20px;
	background-color: #e9e9e9;
	width: 100%;
	color:#000;
	/*border-bottom:4px solid silver;*/
	margin-bottom:10px;
  border-radius:5px;
}
#nav li{
  border-right:2px solid white;
        color:#000;
}
#nav li a{
	text-transform: uppercase;
	/*font-weight: bolder;*/
	font-size:0.9em;
	color:inherit;

}
#nav li:last-child{
  border-right:none;
}
#nav li:nth-child(2){
  color:#D183EC;
  font-weight: bolder;
}
#nav li a:hover{
	
		color:#aaa;
}

article{
	    background-position: center;
			background-size: cover;
}
.navbar{
	margin-bottom:0;
}

.categoria{
	padding-top:5px;
	border-top:4px solid black;
}
a{
  color:inherit;
}

/*listaproducto*/

#listacategorias li.list-group-item{
  border:none;
  border-bottom:2px solid silver;
  margin-bottom:2px;
  color:black;
  font-size:1.15em;
}
.item .cover{
	height: 300px;
	overflow: hidden;
	/*background-color: #eee;*/

}
.item .cover img{
width: 100%;
	}
  .item a,.item a:hover{
    color:black;
    text-decoration: none;
  }
.item a.btn{
  font-weight: bolder;
  text-transform: uppercase;
}
  .item .itemprecio{
    color:black;
    font-weight: bolder;
    text-align: right;
  }
  .thumbnail .caption{
    /*height: 170px;*/
      display: block;
      text-align: center;
    }
.thumbnail h4.caption {
font-weight: lighter;
}

.glyphicon { margin-right:5px; }
.thumbnail
{
    padding-bottom: 20px;
    /*padding: 0px;*/
    /*-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;*/
    /*box-shadow: 0 11px 20px rgba(0,0,0,0.15);*/
     /*transition: all 0.2s;*/
     cursor:pointer;
     opacity:0.91;
     border:none;
     box-shadow: none;
     border-bottom:2px solid silver;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    font-weight: lighter;
    padding: 9px 9px 0px 9px;

}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}
h4.group.inner.list-group-item-heading{
	font-weight: lighter;
	color:#323232;
}

.thumbnail::after {
  
  opacity: 1;
  transition: opacity 0.3s ease-in-out:
}

/* Transition to showing the bigger shadow on hover */
.thumbnail:hover {
   /*transform: scale(1.01, 1.01);*/
   opacity: 1;
}
/*fin listaproducto*/

/*producto*/
.product{
	/*border: 1px solid #dddddd;*/
	/*height: 360px;*/
}

.product>img{
	/*max-width: 330px;*/
}

.product-rating{
	font-size: 20px;
	margin-bottom: 25px;
}

.product-title{
	font-size: 40px;
  font-weight: lighter;
}

.product-desc{
	font-size: 14px;
}

.product-price{
	font-size: 32px;
	font-weight: bolder;
  text-align: right;
}

.product-stock{
	color: #74DF00;
	font-size: 20px;
	margin-top: 10px;
}

.product-info{
		margin-top: 50px;
}

/*********************************************
					VIEW
*********************************************/

.content-wrapper {
	max-width: 1140px;
	background: #fff;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
	border: 0px;
	border-radius: 0px;
}

.container-fluid{
	max-width: 1140px;
	margin: 0 auto;
}

.view-wrapper {
	float: right;
	max-width: 70%;
	margin-top: 25px;
}



/*********************************************
				ITEM 
*********************************************/

.service1-items {
	padding: 10px 0 0px 0;
	float: left;
	position: relative;
	/*overflow: hidden;*/
	max-width: 100%;
	/*height: 360px;*/
	/*width: 130px;*/
}

.service1-item {
	/*height: 120px;*/
	/*width: 120px;*/
	display: block;
	float: left;
	position: relative;
	/*padding-right: 20px;*/
	/*border-right: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;*/
}

.service1-item > img {
	/*max-height: 110px;
	max-width: 110px;*/
	opacity: 0.6;
	transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.service1-item > img:hover {
	cursor: pointer;
	opacity: 1;
}

.service-image-left {
	/*padding-right: 50px;*/
		overflow: hidden;
}

.service-image-right {
	padding-left: 50px;
}

.service-image-left > center > img,.service-image-right > center > img{
	max-height: 500px;
}
/*fin producto*/

#modalWindow .modal-body{
  padding:0px;
}

body #ventana .modal-dialog {
  width: 90%; /* desired relative width */
  /*left: 5%;  (100%-width)/2 */
  /* place center */
  min-height:90%;
   height: auto;
  max-height:100%;
  position:relative;
  /*margin-top:10%;*/
  /*margin-left:auto;*/
  margin-right:auto; 
  overflow-y:auto;
 
}

#ventana .modal-content{
  height:100%;
  position:relative;
}
#ventana .modal-body{
  height:95%;
  position:relative;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}



.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}


.input-btn{
	width:100%;
	height:50px;
	background:#000000;
	border-radius:4px;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	border:0px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.input-btn:hover{
	background: #111;
	color: #fff;
}





.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}
ol.breadcrumb{
  font-size:1.2em;
  color:black;
  background-color: transparent;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.navbar-nav > li > a{
  padding-top:5px;
  padding-bottom:5px;
}
.navbar-default .navbar-form {
 border:none;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

















@media (max-width:600px){
.navbar-brand{
  height:120px;
}
.conlinea{
   font-size: 15px;

}
#carrototal{
  border:none;
}
.navbar-nav {
 margin:0;
}

.item .cover{
  height:360px;
}

}
@media (min-width: 1024px){
.navbar-form{
  width: 400px;
}
.navbar-brand{
  height: 100px;
}
.navbar-collapse{
  padding-left: 0;
  padding-right: 0;
}
#container{
  /*margin-bottom:-122px;*/
}
}