@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

@import url(https://fonts.googleapis.com/css?family=Product+Sans);
@import url(https://fonts.googleapis.com/css?family=Raleway);



/*========================================
TABLAS
==========================================*/




.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto
}


.zoom_effect_1 {
	overflow: hidden;
	position: relative;
}

.zoom_effect_1 img,  a {
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}


.team_member_1:hover img, .zoom_effect_1:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
    }


.espacio-izq {
   
        margin-left: 15px;        
        
            
}


    .title{
    font-family: 'Raleway' ;
    color: #1a1a1a;
    text-transform: uppercase; /*=mayuscula*/
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
          
}

        
    .precios{
    font-family: 'Raleway' ;
    color: #808080;
    text-transform: uppercase; /*=mayuscula*/
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
          
}



.ubicacion{
    
    font-weight: 200;
    font-family:  'Pathway Gothic One'  ;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;  /*=muestra hasta llegar al final*/
    white-space: nowrap;  /*=muestra hasta llegar al final*/
    margin-bottom: .5rem;
    margin-top: 10px;
    
} 

  



    

/*========================================
1. Cambia a mayuscula
==========================================*/


.text-uppercase {
	text-transform: uppercase!important
}


.table-borderless td,
.table-borderless th {
    border: 0;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}



/*========================================
1. Float - Sale and price
==========================================*/
.bg-default, .bg-pixel {
    background-color: #DA2419 !important;
    color: #fff;
}
.sale_position {
    position: absolute;
    top: 15px;
    right: 15px;
}
.sale {
    padding: 5px 15px;
    border-radius: 3px;
    z-index: 99;
    display: inline-block;
}


.precio_position {
    position: absolute;
    top: 200px;
    left: 20px;
}
.precio {
    padding: 5px 15px;
    border-radius: 3px;
    z-index: 99;
    display: inline-block;
}



.preciotex{
    font-family: 'Pathway Gothic One' ;
   font-size: 20px;

          
}


.faja_position {
    position: absolute;
    top: 15px;
    left: 20px;
}


.faja {
    
    background-color: #C70303 !important;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    z-index: 99;
    display: inline-block;

    
}




.codigo_position {
    position: absolute;
    top: 200px;
    right: 15px;
}
.codigo {
    padding: 5px 15px;
    border-radius: 3px;
    z-index: 99;
    display: inline-block;
}



/*========================================
hace la imagen de altura 350 en mobile
==========================================*/

    @media (max-width: 600px) {
        .responsive-img {
            height: 350px !important;
            width:auto;
        }
    }