@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');


html, body {margin:0;padding:0;height:100%;}


.titular-header {
	color:#fff;
	text-transform:uppercase;
}

a.btn-productos {
	display:block;
	font-family:"Montserrat";
	color:#fff;
	font-weight:300;
	font-size:18px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

a.btn-productos:hover {
	font-size:25px;
}

li b{
	color:#de000a; 
	font-weight:bold;
}

.filtroact{
	color:#de000a; 
	font-weight:bold;
}
.bg-hombres{
	background-image: url("../img/btn-hombres.jpg");
	height:251px;
	display:table;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}
.bg-mujeres{
	background-image: url("../img/btn-mujeres.jpg");
	height:251px;
	display:table;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

.bg-ninos{
	background-image: url("../img/btn-ninos.jpg");
	height:251px;
	display:table;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

.bg-remeras{
	background-image: url("../img/btn-remeras.jpg");
	height:251px;
	display:table;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

.mega-menu h6.title {
	color:#de000a;
	font-size:24px;
	height:45px;
}

.blue-deportes {
	background-color:#2758a1;
}

.blue-deportes a.btn{
	color:#fff !important;
	font-size:15px;
	font-weight: 400;
}

.facebook-deportes span.pe-so-facebook {
 width: 25px;
    height: 25px;
    background-color: #2758a1;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding-top: 6px;
	margin-right:10px;
}

.blue-deportes span {
	font-size: 18px;
    display: inline-block;
    margin-right: 10px;
}

#top-bar .top-social-icon span {
	font-size:15px;
	display: inline-block;
	margin-right: 5px;
}

.buscar-btn {
	right: 10px;
    position: absolute;
    top: 10px;
	background:transparent;
}

.buscar-btn span {
	font-size:15px;
	color:#666;
	}
	
.accesos-sesion {
	margin-top:20px;
}	
.accesos-sesion a {
	font-size:14px;
	text-transform:capitalize;
	color:#666;
	font-weight:300 !important;
}

.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: none
}

.input-busqueda {
	position:relative;
	margin-top:15px;
}

.titular-header {
	font-size:45px !important;
	padding-left:20px !important;
	font-weight:400;
}

.sticker-sticky-wrapper {
	max-height:185px;
}

.d-r-block {
	display:none;	
}

.ico-botonera {
	display:block;
	text-align:center;
	margin:auto;
}


.page-links a img:hover {	
	opacity:0.5
}

/*categorias */

.header-seccion {
	text-align:center;	
	display:table;
	width:100%;
}

.align-title {
	display:table-cell;
	vertical-align:middle;	
}

.header-seccion h3 {
	color:#fff;
	font-weight:300;
	font-size:25px;
background-color:rgba(203, 56, 60, 0.8);	
display:inline-block;
padding:25px 15%;
text-transform:uppercase;

}

.header-seccion h1 {
	color:#fff;
	font-weight:300;
	font-size:25px;
background-color:rgba(203, 56, 60, 0.8);	
display:inline-block;
padding:25px 15%;
text-transform:uppercase;

}

.header-accesorios {
	
	height:180px;
	background-size: cover;
}

.accordion-1 .panel-title a{
	color:#333;
}

.panel-body p, .panel-body li{
	color:#333;
}

.panel-default a{
	margin-left:25px;
	font-family:"Montserrat"
}

.accordion-1.panel-group.no-list .panel .panel-heading > .panel-title > a, 
.accordion-1.panel-group.no-list .panel .panel-heading > .panel-title > a:hover, 
.accordion-1.panel-group.no-list .active.panel .panel-heading > .panel-title > a, 
.accordion-1.panel-group.no-list .active.panel .panel-heading > .panel-title > a:hover {
	padding: 10px 10px !important;
	background-color: transparent;
	font-size: 14px;
    font-weight: 400;
	font-family:"Montserrat"
}

.row-size .col-xs-2 {
	border: solid thin #ccc;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 10px;
	margin: 5px 10px;
	cursor:pointer;
}

.row-size .col-xs-2:hover {
	background-color:#eee;
}

/* carrito*/
.box-total-compra {
	background-color:#ddd;
	padding-bottom: 20px;
	 margin-left:15px
}

.box-fin-pedido {
	background-color:#ddd;
	padding: 20px;	
}

.verifica {
	color:#2758a1;
	margin: 15px 0 25px 0;
	font-weight:600;
	font-size:15px;
	border-top: solid thin #ccc;
	border-bottom: solid thin #ccc;
	padding:15px 0;
}


.titulo-cuadro-total {
	background-color:#2758a1;
	color:#fff;
	font-size:25px;
}
	
.box-total-compra p {	
	font-size:30px;
	color:#666666;
	border-bottom:solid thin #333;	
}

.seguir-comprando {
	float: right;
    color: #de000a;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.seguir-comprando::after {
	content: "\f105";
    font-family: FontAwesome;
	padding-left:10px
   
}

.img-sm {
	width:65px;
	height:70px;
	border: solid 1px #ddd
}

section.carrito p.detalle-producto {
	margin-bottom:0px;
}

section.carrito p.detalle-precio {
	text-transform:capitalize;
}

section.carrito p.detalle-precio {
	text-transform:capitalize;
}

section.carrito .btn-default, .btn-default.inverse:hover, .btn-default.inverse:focus {   
    background-color: #de000a; 
color:#fff !important;
display:inline-block;
width:80%;
margin:10px;	
}


section.carrito thead {
	border-bottom:solid 1px #ddd;
	height:25px;
}

td.cantidad-carrito button {
	width:25px;
	height:25px;
	position:relative;
}

td.cantidad-carrito i {	
	position:absolute;
	left:6px;
	top:6px;
	font-size:13px;	
}

td.cantidad-carrito .product-regulator {	
	margin-bottom: 20px;
    vertical-align: top;
    width: 100px;
    margin: auto;
}

td.cantidad-carrito #output {	
	width:35px;
	height:25px;
	font-size:12px;
	line-height:15px;
}

/*detalle producto */

.carousel-inner {  
    min-width: 190px;
}

.product-slider .item .thumb img {
	width:65px;
}

.detalles-y-especif p {
	font-size:12px;
	margin-bottom:0px;
	padding-left: 15px;
	
}

.subtitulo-esp {
	background-color:#ecebeb;
	text-transform:uppercase;
	padding:5px 10px;
	font-weight:600;
	margin-bottom:15px !important;
}

.btn-agregar {
	background-color: #de000a;
    color: #fff !important;
    display: inline-block;
	line-height:25px;
    width: 60%;   
	margin-left:0px;	
    padding: 10px 35px 10px 5px;
	max-width: 250px;
	min-width:230px;
}

.btn-volver {
	background-color: #ccc;
    color: #000 !important;
    display: inline-block;
	line-height:25px;
    width: auto;   
	margin-left:10px;	
    padding: 10px;
}
.btn-volver:hover {
    color: #fff !important;   
}


.btn-agregar-2 {
	background-color: #de000a;
    color: #fff !important;
    display: inline-block;
	line-height:25px;
    width: 45%;
    padding: 10px 5px 10px 5px;	
	box-sizing:border-box;
	float:left;
	margin-left: 0 !important;
	
}

.btn-seguir {
	background-color: #000;
    color: #fff !important;
    display: inline-block;
	line-height:25px;
    width: 55%;   		
    padding: 10px 5px 10px 5px;	
	box-sizing:border-box;
	float:left;
}

.btn-agregar:hover {	
    color: #333 !important;
   
}

.color-option {
	font-size:12px
}

.color-option:hover, .color-option.active   {
	font-size:12px;
	color:#de000a;
	font-weight:bold
}

.btn-agregar span {
	font-size:25px;
	position:absolute;
	right:15px
}

.cuadro-detalle-xl h4 {
	font-size:24px;
	color:#2758a1;
	text-transform:uppercase;
	margin-bottom:0px
}

  .detalle-producto {
	font-size:20px;
}

.btn-talle {
	border:solid thin #ddd;
	border-radius:50%;
	width:38px;
	height:38px;
	text-align:center;
	font-size:11px;
	padding:10px;
	margin:5px;
	line-height:15px;
	cursor:pointer;
}

.btn-talle:hover {
	background-color:#de000a;
	color:#fff;
}

.btn-talle.active {
	background-color:#de000a;
	color:#fff;
}

.cuadro-detalle-xl .product-regulator {
	display:inline-block;
	float:left;
	margin-right:15px
}

.detalle-zoom h3 {
	font-weight:300;
	border-top:solid thin #ddd;
	padding-top:40px
}

.product-details h4 {
	color:#333 !important
}

/*formularios */

.formularios h3, .preguntas-frecuentes h3  {
	font-size: 24px;
    color: #2758a1;
    text-transform: uppercase;
    margin-bottom: 15px;	
}

.formularios p.subt-form{
	font-size: 18px;	
    color: #2758a1;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight:500	
}

p.nombre-bienvenida {
	font-size: 14px;	
    color: #2758a1;
    margin-bottom: 10px;
	font-weight:500;
	text-transform:capitalize;
	
}

.btn-enviar {
	background-color: #de000a;
    color: #fff !important;
    display: inline-block;
	line-height:25px;
    width: 50%;   
	margin-left:0px;	
    padding: 10px 5px;
	 max-width: 200px;
	 text-transform:uppercase;
}


.btn-enviar:hover {	
    color: #333 !important;   
}

.btn-facebook {
	 background-color: #4b69a1;
    color: #fff;
    padding: 0px 15px 0px 0px;
    font-weight: 300;
    font-size: 12px;
	line-height:35px;
	height:35px;
	display:inline-block;
}

.btn-facebook span{
	display:inline-block;
	font-size:20px;
	height:35px;
	line-height:35px;
	background-color:#1e4389;
	padding:0 10px;
	margin-right:5px;
}

.btn-facebook p{
	display: inline;
    vertical-align: top;
    line-height: 35px;
}
	
.texto-chico {
	font-size:12px;
	line-height:1.5;
}
.restablecer {
	font-size:12px;
	line-height:35px;
	display:inline-block;
	margin-left:10px;
	margin-top:10px;
	vertical-align: bottom;	
}

.ajuste-margen1 {
	margin-bottom:0 !important;
}

/* mi cuenta */

.pasos-cuenta i {
	font-size:35px;
	font-style:normal;
	color:#2859a1;
	display:block;
}
.pasos-cuenta i:hover {
	color:#de000a;
}

.active .pasos-cuenta i:hover {
	color:#2859a1;
}

.pasos-cuenta a {
padding-bottom: 15px;
display:block
}

.pasos-cuenta {
	border-top: solid thin #ccc;
    border-bottom: solid thin #ccc;
    margin-bottom: 30px;    
}

 .pasos-cuenta .active {
	 background-color:#f0f6ff;
 }
 
 .page-section.cuenta-usuario {
    padding: 20px 0;
 }
 
 /* mi cuenta */
 
 .box-pedidos-total {
	background-color:#295aa1;
	color:#fff;
	font-size:20px;
	padding:15px;
	line-height: 30px;
	 
 }
 
 .tabla-pedidos {
	margin-bottom: 15px;
    display: table;
    width: 100%;
    border: solid thin #ccc;
    padding: 15px;
	border-top: solid 4px #ccc;
	max-height: 150px;
    height: 100%;
 }
 
.tabla-pedidos a {
	 text-decoration:underline
 }
 
.disp-cell {
	 display:table-cell;
	 height:100%;
	 vertical-align:middle;
	 float:none;
 }
 
.h-100 {
	 height:100%;
 }

  .box-pedidos-total span {	
	font-size:25px;
	display:block;
	 
 }
 
 h4.nro-orden {
	 font-size:16px;
	 margin-bottom:10px;
	 color:#2a5ba1
 }
 
 
.link-360 {
	 font-size:11px;
	 text-align:right;
	 display:block;
 }
 
 /*modal*/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width:90%;
  margin:auto;
  max-width:550px;
}
.modal-dialog2 {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width:90%;
  margin:auto;
  max-width:215px;
}

.modal-open .modal {
    z-index: 9999;
}

.btn-agregar.pop-up-box { 
	color: #fff !important;
    width: 100%;
}

.text-area-border {
	border:solid thin #ccc;
	width:100%;
}

.modal-dialog h3 {
	margin-bottom:0;
}

.detalle-mini-pop {
	color:#2758a1;
	font-weight:700;
}

.leyenda-header {
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:1.5em;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: inline;
	margin-right:15px;
}
.contacto-header_contacto{
	font-size: 1.4rem;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: inline;
	margin-right:15px;
	
}

.contacto-header {
	color:#fff;	
	display:inline;
}

.contacto-header.no-in {
	display:block;
}

.bienvenido {
	position: absolute;
    font-size: 13px !important;
    top: -10px;
	right:0;
}

ul.h-200 {
	max-height:200px;
	overflow:auto;
}

.pf-01 {
	float: left;
    height: 50px;
}

.pf-02 strong {
	text-transform:uppercase;
}

.pf-02 {
	float: left;
	font-size:15px;
}

.pf-01 i {
	font-size:50px;
	 margin-right: 20px;
}

.preguntas-frecuentes h4 {	
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 25px;
    border-top: solid thin #ddd;
    padding-top: 15px;
    color: #666666;
}

.preguntas-frecuentes b {
    font-weight: 500;
    color: #2758a1;
}


/*max width */
@media (max-width: 1920px) { 
	.accesos-sesion {
		margin-top: 5px;
	}
	
	.contacto-header {    
		display: inline-block;
		margin-bottom: 0;
	}
	
	.resp-center {
		text-align:center;
	}
	
	}

@media (max-width: 1132px) { 
.accesos-sesion {
    margin-top: 5px;
}

.contacto-header {    
    display: inline-block;
	margin-bottom: 0;
}

.resp-center {
	text-align:center;
}

}



@media (max-width: 768px) { 
#page {
	margin-top:60px;
}

#page {
	margin-top:62px;
}

#sticker-sticky-wrapper {
	/*height: 55px;*/
	overflow:hidden;
    position: fixed;
	height: auto !important;
    top: 0;
    width: 100%;
    right: 0;
}

#sticker-sticky-wrapper.full-height{
height: 100% !important;
overflow:auto;
}



.col-sm-3.li-desplegable {
	width:50%;
	float:left
}

.navbar.navbar-bg-dark .navbar-nav > li > a {
    color: #333
}

.bg-hombres, .bg-mujeres, .bg-ninos, .bg-remeras {
	margin-bottom:25px;
}

.arrow-responsive {
	display:none;
}

.titular-header {
	font-size:30px !important;
	padding-left:20px !important;	
}

.tp-banner-container {
    max-height: 230px !important;
	margin-top: 226px !important;
}
	

.sticky-menu.relative {
	position:absolute;
}

.w-r-55 {
	width:100%;
	float:left;
	margin-top:10px;
}

.w-r-45 {
	width:45%;
	float:left;
	padding-top:5px;
	position:absolute;
	top:0px;
	z-index:999;
}

.d-r-none {
	display:none;	
}

.d-r-block {
	 display: inline-block;
    text-align: center!important;
    margin-top: 5px !important;
}

.blue-deportes {
    background-color: #2758a1;
    margin-top: 52px;
}

.blue-deportes a.btn {
    color: #666 !important;
    font-size: 14px;
    font-weight: 400;
    padding: 0 8px;
	margin-right: 10px;
	position:relative;
}

.input-busqueda {
    margin-top: 0px;
}

h2.leyenda-header {
	display:block;
	margin-top:10px;
}

.bienvenido {
	position: absolute;
    font-size: 13px !important;
    top: 0px;
	right:0;
}



}