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







.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;

	border-bottom: solid 8px #f3f2f2;

	position:relative;

}



a.btn-productos span{

	position: absolute;

    display: inline-block;

    bottom: 5px;

    right: 5px;

}



a.btn-productos:hover span{

    bottom: 10px;

    right: 5px;

}



a.btn-productos:hover {

	font-size:25px;

}



.titulo-producto {

	text-transform:uppercase;

	font-size:24px;	

	font-weight:400;

	background-image: url("../img/bg-div.png");

	background-repeat: repeat-x;

	 margin-bottom: 15px;

}



.titulo-producto p {

	display: inline-block;

    background-color: #fff;

    padding: 5px 15% 0 25px;

    margin-left: -15px;

}



.txt-producto {

	text-transform:uppercase;

	font-size:19px;	

}



.box-producto p, .box-producto-minimal p {

	line-height:1.5;

	margin-bottom:0;

	text-transform:uppercase;

}



.box-producto {	

	margin-bottom:20px;

        cursor:pointer;

		min-height:550px;

}



.box-producto-minimal {	

	margin-bottom:20px;

}



.box-producto span, .box-producto-minimal span {

	font-weight:300;

        cursor:pointer;

}



.box-producto-minimal img {

	margin-left:-20px;

        cursor:pointer;

}



.box-producto p, .box-producto-minimal p {

	line-height:1.5;

	margin-bottom:0;

	text-transform:uppercase;

}





.box-producto-general {	

	margin-bottom:20px;

	min-height:625px;

}



.box-producto span, .box-producto-general span {

	font-weight:300;

        cursor:pointer;

}



.box-producto-general img {

	margin-left:-20px;

        cursor:pointer;

}





.box-producto-milano {	

	margin-bottom:20px;

	min-height:500px;

}



.box-producto span, .box-producto-milano span {

	font-weight:300;

        cursor:pointer;

}



.box-producto-milano img {

	margin-left:-20px;

        cursor:pointer;

}













.filtros {

	display:inline-block;

	padding:5px 15px;

	border:solid thin #ccc;

	font-weight:300;

	text-transform:uppercase;

	margin: 0 5px 10px 5px;

	cursor:pointer;

	font-size: 12px;

}



.filtros:hover, .filtros.active {

	background-color:#eee;

}



.w-100 {

	width:100%

}



.modal-content {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 0.3rem;

    outline: 0;

}



.modal-dialog-centered {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(100% - 1rem);

	min-height: calc(100% - 3.5rem);

	position: relative; 

	max-width: 1000px;

    width: 100%;

}



.producto-modal {

	margin-top:40%;

	font-size:30px;

	font-weight:300;

	color:#000;

}





.producto-modal span{

	font-weight:400;

}





.link-layers {

	position:relative;

}





.link-layers a {

	position: absolute;

    bottom: 15px;

    right: 40px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300;

    font-size: 27px;

    text-align: right;

    max-width: 60te %;

    line-height: 1.3;

}



.link-layers a.it {

	position: absolute;

    bottom:20px;

    left: 40px;

    color: #000;

    text-transform: uppercase;

    font-weight: 300;

    font-size: 25px;

    text-align: left;

    max-width: 95%;

    line-height: 1.3;

	/* background-image: url("../img/arrow.png"); */

	background-repeat:no-repeat;

	background-position:right bottom;

}



.link-layers a.nov {

	position: absolute;

    bottom:35%;

    left: 40px;

    color: #000;

    text-transform: uppercase;

    font-weight: 300;

    font-size: 27px;

    text-align: left;

    max-width: 75%;

    line-height: 1.3;

}



p.resaltado {

	margin-bottom:0;

	text-transform:uppercase;

	font-weight:400	

}



.mt-4 {

	margin-top:25px;

}



.texto-corrido p {

	font-size:18px;

	font-weight:300;

	max-width:75%;

	line-height:1.6;

	margin-bottom:20px;

}



h3 {

	font-size:30px;

	font-weight:300;

	text-transform:uppercase;

}



.section-certificaciones h3 {

	font-size:30px;

	font-weight:300;

	text-transform:uppercase;

	margin-bottom: 0;

}



.bg-subtitulos {

	background-color:#dedede;

}



.borde-tabla {

	border-bottom:solid thin #ddd;

}



.section-tabla a {

	text-transform:uppercase;

	font-weight:300;

	line-height:65px;

}



.banner-secciones {

	margin-bottom:20px;

}



.banner-secciones-certificaciones {

	margin-bottom:0px;

}





.footer-whatsapp {

	padding:20px;

	background-color:#e8e7e7;

	position:relative;

}



.footer-whatsapp .menu-bottom a {

	padding: 0 35px;

text-transform:uppercase;

font-size:13px;	

}



.footer-whatsapp .box-whatsapp {

	background-color:#a6a6a6;

	color:#fff;	

	width:250px;

	position:absolute;

	left:0;

	bottom:9px;

	padding:4px 10px;

}



.footer-whatsapp .box-whatsapp a {

    font-size:12px;

	color:#fff;	

	padding-left:10px;

}











.link-layers.gris a {	

    color: #333;

}



.titulo-blog {

	background-color:#d8d8d8;

	font-size:34px;

	color:#000;

	font-weight:300;

	text-transform:uppercase;

	text-align:center;

}



.bg-gris-claro {

	background-color:#e8e7e7;	

}





.border-w-bottom p, .border-n-bottom p {

	font-size:27px;

	font-weight:300;

	line-height: 1.2;

	color:#5e5e5e;

	

}



.border-w-bottom  {

	border-bottom:solid thin #fff;

	margin: 3%;

    width: 94%;

	padding-bottom: 3%;



}



.border-n-bottom  {

	margin: 0 3% 3% 3%;

    width: 94%;



}





#top-bar .top-social-icon span {

	font-size:18px;

	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:left;

	margin-bottom:10px	

}





.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%;



}



.header-accesorios {

	background-image: url("../img/sections/bg-accesorios.jpg");	

	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

}



.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

   

}



.p-5{

    padding-top: 20px;

    padding-bottom: 20px;

    

}



.lot-sec1{

    background: #dededd;

}



.lot-sec3{

    background: #bfdce5;

}



.lot-sec1 p, .lot-sec3 p{

    

    font-size: 15pt;

    

}



.celuSec p{

    font-size: 13pt;

}



.iotPage h3{

    

    font-size: 12pt;

    font-weight: bold;

    text-transform: none;

    

}



.iotPage h2{

    font-size: 16pt;

}



.celuSec .col p{

    font-size: 10pt;

}



.blue1{

    color: #00aeef;

}



.celuSec .number {

    text-align: center;

    background: #00aeef;

    border-radius: 20px;

    padding: 0;

    border: 6px solid #0099d0;

    width: 40px;

    height: 40px;

    font-weight: bold;

    box-sizing: border-box;

    color: #fff;

    margin-bottom: 0;

    font-size: 18pt;

    line-height: 21pt;

}

.squareBorder:before {

    content: '';

    background: #00aeef;

    height: 20px;

    width: 20px;

    position: relative;

    display: block;

    float: left;

    margin-right: 10px;

    top: 5px;

}



.lot-sec2 p{

    

    font-size: 12pt;

    

    font-weight: lighter;

    

}



.paddingTop{

    padding-top: 50px;

}



.azul{

    color: #009bdb;

}



.azul2{

    color: #1f8ec6;

}



.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 */



.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;

}



.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:40px;

	height:40px;

	text-align:center;

	font-size:12px;

	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 {

	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	

}



.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;

}



.li-desplegable {

	width:auto;

	max-width:200px;

	min-width:14%;

}



.btn-lot img {

	margin:auto

}



.btn-lot h4 {

	text-transform:inherit

}





/*max width */





@media (max-width: 768px) { 





.ico-botonera {

	height: 50px;

}



#page {

	margin-top:60px;

}



#page {

	margin-top:62px;

}



#sticker-sticky-wrapper {

	height: 55px;

    position: fixed;

    top: 0;

    width: 100%;

    right: 0;

}



.link-layers a {   

    font-size: 22px;

}



.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: 60px !important;

}



.logo-teclastar {

	margin-top: 10px;
	
	 width: 50%;

    float: left;

	padding-top: 10px;

	

}

	



.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;	

}



.blue-deportes {

    background-color:#e8e7e7;

    margin-top: 55px;

	color:#000;

}





.blue-deportes a.btn {

    color: #333 !important;

    font-size: 13px;

    font-weight: 400;

    padding: 0 8px;

}



}



@media (max-width: 500px) { 



.link-layers a {

    font-size: 18px;

	    right: 30px;

}



.link-layers a.nov {   

    bottom: 5%;

}



.bg-gris-claro {

    background-color: #e8e7e7;

    width: 94%;

    margin: 15px;

    box-sizing: border-box;

    text-align: center;

}



.border-w-bottom p, .border-n-bottom p {

    font-size: 21px;   

    padding-top: 15px;

}



.footer-whatsapp .box-whatsapp {

	position:relative;

	width:100%;

	text-align: center;

}



.footer-whatsapp .menu-bottom a {

    padding: 0 10px;

}



.footer-widget p {

    max-width: 90%;

	margin:auto;

}



.link-layers.btn-novedades{

    border-top: solid 5px #e8e7e7;

    border-bottom: solid 5px #e8e7e7;

    padding: 5px;

}



.titulo-blog {

    background-color: #d8d8d8;

    font-size: 26px;

	padding:10px;

}



#footer .footer-widget {

   

    text-align: center;

}



.link-layers a.it {   

    left: 25px;

    font-weight: 300;

    font-size: 20px;

    text-align: left;

    max-width: 95%;

    line-height: 1.3;   

    background-repeat: no-repeat;

    background-position: right bottom;

}



.page-section {

    padding: 10px 0;

}



}