body {
	background-color: #F7F7F7;
}
h1, h2, h3, h4 { font-family: 'Anton', sans-serif; }
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}
.h3, h3 {
color: #FFFFFF;
font-size: 28px;
}


.headers{ 
	padding-top: 10px; font-family: 'Dosis', sans-serif; font-size: 25px; text-align: center; 
	background-color: #e5e1e0; 
}
.navbar { margin-bottom: 0px; }

.navbar-nav > li > a {
    font-size: 13px;
font-family: 'Dosis', sans-serif; padding-left: 10px; padding-right: 10px; color:#154881;
	
	
padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
	
}

.navbar {
    min-height: 20px;

}

.navbar-default {
margin-top: 10px;
border: 0px;
    border-radius: 0px;
	background-color:rgba(255,255,255,0.5) !important;
/*background-color: transparent !important;*/

}
.navbar-default .navbar-nav > li > a:hover {

   color:#39b4dd;

}

.navbar-default .navbar-nav > li > a {

    color: #154881;

}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {

    color:#39b4dd;

}
.navbar-fixed-top { margin-top: 0px; }
.navbar-inverse {
    border-color: #080808; background-color: transparent !important;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
.banners { padding-top: 5%; }

.banners h1 {
	text-shadow: -2px -2px 1px #ffffff, 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff;
	font-weight: bold;
	color: #000000;
	font-family: inherit;
font-family: 'Dosis', sans-serif;
}
.productos {
	padding-top: 2%;
	padding-bottom: 4%;
	background-color: #707070;
	font-family: 'Dosis', sans-serif;
	color: #FFFFFF;
}
.productos a {	color: #FFFFFF; }
.clientesh { padding-top: 3%; padding-bottom: 3%; background-color: #ffffff;
background-image: url(images/backs/productos.jpg);

	background-size:100% auto;
}

.asesoradas{
 background-color: #8bb8b3; padding-top: 1%; padding-bottom: 3%; margin-top: 2%;
}
.asesoradas h3{
padding: 0px; margin: 0px; font-size: 18px; color: #000000; margin-bottom: 8px;
}

.home1{
 background-color: #e3b848; padding-top: 3%; padding-bottom: 3%; margin-bottom: 2%; margin-top: 1%;
}

.home2{
 background-color: #e38b10; padding-top: 3%; padding-bottom: 3%; margin-bottom: 2%; margin-top: 4%;
}

.home2 h2 {
font-size: 18px;
}

.home3{
 background-color: #dbad4d; padding-top: 3%; padding-bottom: 3%; margin-bottom: 2%; margin-top: 1%;
}

.logos{
padding-top: 3%; padding-bottom: 3%;
}



.pie {
	padding-top: 0.5%; padding-bottom: 0.5%;
	background-size: 100%;
	background-color: #0172b6;
	margin-bottom: 0%;
	font-size: 12px;
	font-family: 'Dosis', sans-serif; color:#FFFFFF;

}
.pie h3 {
	font-size: 18px;
	font-family: 'Dosis', sans-serif; color:#FFFFFF; padding: 0px; margin: 0px;
}



.large.tooltip-inner {
    max-width: 650px;
    min-width: 350px;
}

.m-b-0 { margin-bottom:0%; }
.m-b-1 { margin-bottom:1%; }
.m-b-2 { margin-bottom:2%; }
.m-b-3 { margin-bottom:3%; }
.m-b-4 { margin-bottom:4%; }
.m-b-5 { margin-bottom:5%; }


.main-text
{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}
.btn-min-block
{
    min-width: 170px;
    line-height: 26px;
}
.btn-clear
{
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}
.btn-clear:hover
{
    color: #000;
    background-color: #FFF;
}


    @font-face {
         font-family: 'century';
         src: url('dist/fonts/centurygothic.ttf');
    }


.thumbnail { margin-bottom: 0px; }

.fff2{ padding-bottom: 10px; }

.list-group-item {
    background-color: #707070;

}
.alertass {
padding: 0px; margin-top: -8px;
}

.alertass a {
	 padding-top: 1px;
    padding-bottom: 5px;
    border-radius: 9999px; background-color: #193e8c; color: #FFFFFF;
	padding-left: 10px; padding-right: 10px;
	font-size: 80%; margin: -1px; margin-top: -5px; top: -10px;
}


.alertass .label-info {

    background-color: #e62021;

}

.alertass .label {

	margin-bottom: -10px;
    display: inline;
    padding: .2em .6em .3em;
        padding-top: 0.2em;
        padding-bottom: 0.3em;
    font-size: 60%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;

right: -10px; position:relative;

    border-radius: 9999px; margin: -10px;
 bottom: -11px;

}


.alertass .fa {

   font-size: 14px;

}


.carousel-inner.vertical {
  height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    -webkit-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    -webkit-transform: translate3d(0, -33.33%, 0);
    transform: translate3d(0, -33.33%, 0);
    top: 0;
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}

.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 33.33%;
  right:0;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -33.33%;
  right:0;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 33.33%;
  right:0;
}

#carousel-pager .carousel-control.left {
    bottom: initial;
    width: 100%;
}
#carousel-pager .carousel-control.right {
    top: initial;
    width: 100%;
}

















.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}


.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555555;
    background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


#mdialTamanio{
  width: 70% !important;
}

.modal-header {
    background: #046dbc; color: #FFFFFF;
}

.modal-footer{
    background: #a2a0a0; color: #D4D4D4;
	
}








.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF; margin-bottom: 10px;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
	/*
	overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis; */
}

.col-item .tit{
    float: left;
	height: 50px;
}

.col-item .tit h5{
margin-top: 0px; 
	/*
	overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;*/
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}
.price-text-red
{
    color:#AD0205; font-size: 16px;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    margin-bottom: 3px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}


.precio{
	color: #CB0003; font-size: 28px;
}
.tachado {
	color: #888888; font-size: 16px;
	text-decoration: line-through;
}

.porcentaje { color: #000000; font-size: 20px; font-weight: bold; }
.txtceleste { color: #24baf1; }
.disponible { color: #1ac814; font-size: 20px; }

.titulo { color: #000000; }


.pie4{
	background-color: #dcdcdc; padding-top: 2%; padding-bottom: 2%;
}

.pie4 h5{
 color: #4b4d50; font-size: 14px; font-weight:bold;
}

.pie4 a{
 color: #8f9294;
}