@font-face {
    font-family: Oswald-Bold;
    src: url("../fonts/oswald/Oswald-Bold.ttf");
}
@font-face {
    font-family: Oswald-Regular;
    src: url("../fonts/oswald/Oswald-Regular.ttf");
}
@font-face {
    font-family: Oswald-Light;
    src: url("../fonts/oswald/Oswald-Light.ttf");
}
@font-face {
    font-family: Hind-Bold;
    src: url("../fonts/hind/Hind-Bold.ttf");
}
@font-face {
    font-family: Hind-Semibold;
    src: url("../fonts/hind/Hind-Semibold.ttf");
}
@font-face {
    font-family: Lato-Italic;
    src: url("../fonts/Lato/fonts/Lato-Italic.ttf");
}
@font-face {
    font-family: Lato-Regular;
    src: url("../fonts/Lato/fonts/Lato-Regular.ttf");
}
@font-face {
    font-family: Lato-Bold;
    src: url("../fonts/Lato/fonts/Lato-Bold.ttf");
}
@font-face {
    font-family: AvenirNextLTPro-Regular;
    src: url("../fonts/avenir-next-lt-pro/AvenirNextLTPro-Regular.woff");
}

/* Clases asistentes*/
.padding-lr-40{
	padding-right: 40px;
	padding-left: 40px;
}
.pointer{
	cursor: pointer;
}
.vertical-align{
	vertical-align: middle;
	display: table-cell;
	background-color: white;
	border: none;
	box-shadow: none;
}
.progress-big{
	height: 40px;
}
.progress-big > div{
	font-size: 30px;
	line-height: 37px;
}
/**/

#header{
	z-index: 12;
	width: 100%;
}

#header .menu-top{
	background-color: #232323;
	
}

/*Logo*/
.the_hidden {
    width: 90px;
    height: 100px;
    position: absolute;
    overflow: hidden;
    margin: 0
}
.logoInari {
    width: 70px;
    height: 40px;
    float: left;
    margin-left: 20px;
    margin-top: 100px;
    cursor: pointer;
    webkittransition: opacity .5s ease-in-out;
    moztransition: opacity .5s ease-in-out;
    mstransition: opacity .5s ease-in-out;
    otransition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity: 1;
    transition: margin-top 1s
}
.parejoAco {
    background: url(../img/parejoAco2.svg) no-repeat;
    width: 50px;
    height: 20px;
    position: absolute
}
.parejoTlani {
    background: url(../img/parejoTlani2.svg) no-repeat;
    width: 50px;
    height: 20px;
    margin-top: 24px;
    margin-left: 19px;
    position: absolute;
    transition: margin-top 1s
}
.textoAYUSOSPORTS {
    background: url(../img/textoINARI2.svg) no-repeat;
    width: 55px;
    height: 20px;
    margin: 9px;
    position: absolute;
    webkittransition: opacity .3s ease-in-out;
    moztransition: opacity .3s ease-in-out;
    mstransition: opacity .3s ease-in-out;
    otransition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}


#header .titulo{
	color: #fefefe; 
	font-size: 19.15px;
	letter-spacing: 2px;
	height: 50px;
	padding-top: 13px;
	font-family: Oswald-Bold;
}

#header .links ul{
	padding: 0px;
	margin-bottom: 0px;
}
#header .links li{
	list-style-type: none;
	float: left;
}
#header .links li a{
	font-family: Oswald-Regular;
	color: white;
	height: 50px;
	vertical-align: middle;
	display: table-cell;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #3c3c3c; 
	font-size: 10.42px;
}
@media (min-width: 768px) {
	#header .titulo{
		font-size: 22.15px;
		padding-top: 9px;
	}
	#header .links li a{
		/*padding: 0 12px;*/
		padding: 0 16px;
		font-size: 14.42px;
	}
}
@media (min-width: 992px) {
	#header{
		/*height: 50px;*/
	}
	#header .titulo {
	    font-size: 20.15px;
	    padding-top: 11px;
	}
	#header .links li a{
		/*padding: 0 10px;
		font-size: 12.42px;*/
	}
}
@media (min-width: 1200px) {
	#header .titulo{
		font-size: 22.15px;
		padding-top: 9px;
	}
	#header .links li a{
		/*padding: 0 16px;
		padding: 0 9px;
		font-size: 14.42px;*/
	}
}

#header .links .bandera{
	float: right;
	margin-right: 9px;
	margin-left: 0px;
	margin-top: 18px;
	width: 20px;
}

@media (min-width: 768px) {
	#header .links .bandera{
		margin-right: 2px;
		margin-left: 10px;
		margin-top: 11px;
		width: 34px;
	}
}

#header .menu{
	height: 57px;
	background-color: #474747;
}
#header .menu ul{
	width: 100%;
	margin: 10px auto 0px;
	padding: 0px;
	text-align: center;
	justify-content: center;
	display: flex;
}
#header .menu ul.EN{
	width: 261px;
}
#header .menu li{
	list-style-type: none;
	float: left;
}
#header .menu li a{
	font-family: Lato-Regular;
	font-size: 9.15px;
	letter-spacing: 2px;
	color: #fefefe;
	height: 37px;
	vertical-align: middle;
	display: table-cell;
	padding: 0 7px;
	text-align: center;
	border-right: 1px solid #3c3c3c; 
	border-left: 1px solid #3c3c3c; 
}
@media (min-width: 768px) {
	#header .menu ul{
		/*width: 736px;
		width: 560px;*/
	}
	#header .menu ul.EN{
		width: 530px;
	}
	
	#header .menu li a{
		font-size: 12px;
		padding: 0 35px;
	}
}
@media (min-width: 992px) {
	#header .menu ul{
		/*width: 860px;
		width: 682px;*/
	}
	#header .menu ul.EN{
		width: 653px;
	}
	#header .menu li a{
		padding: 0 50px;
	}
}

#header .menu li.active{
	background-color: #EB1C74;
}
#sub-header{
	/*margin-top: 107px;*/
}

#sub-header .fondo-gris{
	background-color: #474747;
	/*background-color: #232323;*/
	height: 0px;
}
#sub-header .img-header{
	position: relative;
	top: 0px;
	left: 0;
	right: 0;
	padding: 0px;
}
@media (min-width: 768px) {
	#sub-header .fondo-gris{
		height: 135px;
	}
	#sub-header .img-header{
		top: -135px;
		position: absolute;
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (min-width: 992px) {
	#sub-header{
		/*margin-top: 107px;*/
	}
	#sub-header .fondo-gris{
		height: 176px;
	}
	#sub-header .img-header{
		top: -176px;
	}
}
@media (min-width: 1200px) {
	#sub-header .fondo-gris{
		height: 213px;
	}
	#sub-header .img-header{
		top: -213px;
	}
}
#cuadro-buscar{
	background-color: #f7f7f7;
	min-height: 100px;
	margin-top: 25px;
	margin-bottom: 25px;
}
@media (min-width: 768px) {
	#cuadro-buscar{
		margin-top: calc(140px - 34px + 55px) ;
		margin-bottom: 45px;
	}
}
@media (min-width: 992px) {
	#cuadro-buscar{
		margin-top: calc(176px - 34px + 55px) ;
		margin-bottom: 45px;
	}
}
@media (min-width: 1200px) {
	#cuadro-buscar{
		margin-top: calc(213px - 34px + 55px);
		margin-bottom: 45px;
	}
}
#cuadro-buscar input{
	/*width: calc(100% - 155px - 50px);
	margin-right: 50px;*/
	width: 100%;
	background-color: white;
	border: 1px solid #f3f3f3;
	height: 50px;
	margin-top: 25px;
	padding-left: 23px;
	font-family: Lato-Italic;
	letter-spacing: 2px;
	z-index: 2;
	position: relative;
}

#cuadro-buscar button{
	width: 155px;
	height: 50px;
	/*padding-top: 10px;*/
	font-size: 21px;
	letter-spacing: 2px;
	font-family: Oswald-Regular;
	color: #ffffff;
	background-color: #212121;
	border: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

.taza-cafe{
	display: none;
}
.mano-taza{
	display: none;
}
@media (min-width: 768px) {
	.taza-cafe {
		display: initial;
	    position: absolute;	  
	    top: -103px;
	    z-index: 1;
	    width: 205px;
	    right: 75px;
	}
	.mano-taza {
		display: initial;
	    position: absolute;
	    right: 84px;
	    top: 19px;
	    z-index: 2;
	    width: 172px;
	}
}
@media (min-width: 992px) {
	.taza-cafe {
	    position: absolute;
	    right: 361px;
	    top: -103px;
	    z-index: 1;
	    width: 205px;
	}
	.mano-taza {
	    position: absolute;
	    right: 371px;
	    top: 19px;
	    z-index: 2;
	    width: 172px;
	}
}
@media (min-width: 1200px) {
	.taza-cafe{
		position: absolute;
		right: 283px;
	    top: -129px;
	    z-index: 1;
	    width: initial;
	}
	.mano-taza{
		position: absolute;
		right: 293px;
		top: 16px;
		z-index: 2;
		width: initial;
	}
}
#banners-home .baner_destacado{
	background-image: url(../img/destacado.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#banners-home .anexo_1{
	background-image: url(../img/banner_1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#banners-home .anexo_2{
	background-image: url(../img/banner_2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}




.medio-fondo-blanco{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+62,ffffff+87&0+63,1+87 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+56,ffffff+100&0+55,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 55%, rgba(255,255,255,0.02) 56%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 55%,rgba(255,255,255,0.02) 56%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 55%,rgba(255,255,255,0.02) 56%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

#banners-home .baner_destacado,
#banners-home .baner_anexo {
	width: 282px;
	height: 128px;
	background-color: black;
	margin: 0px auto 30px;
	display: table;
}

#banners-home .baner_destacado > div, 
#banners-home .baner_anexo > div{
	padding: 15px 40px;
}	

#banners-home .baner_destacado .contenido,
#banners-home .baner_anexo .contenido{
	display: table-cell;
	vertical-align: bottom;
	font-family: Oswald-Bold;
	letter-spacing: 0.25px;
}

#banners-home .baner_destacado .contenido,
#banners-home .baner_anexo .contenido{
	font-size: 11px;
}

@media (min-width: 768px) {
	#banners-home .baner_destacado .contenido{
		font-size: 19px;
	}
	#banners-home .baner_anexo .contenido{
		font-size: 15.42px;
	}
	#banners-home .baner_destacado {
		height: 306px;
		width: 100%;
		background-color: black;
	} 
	#banners-home .baner_anexo {
		height: 138px;
		width: 100%;
		background-color: black;
		margin-bottom: 30px;
	}
}

@media (min-width: 992px) {
	#banners-home .baner_destacado .contenido{
		font-size: 26px;
	}
	#banners-home .baner_anexo .contenido{
		font-size: 18.42px;
	}

	#banners-home .baner_destacado {
		height: 402px;
		width: 100%;
		background-color: black;
	} 
	#banners-home .baner_anexo {
		height: 186px;
		width: 100%;
		background-color: black;
		margin-bottom: 30px;
	}
}

@media (min-width: 1200px) {
	#banners-home .baner_destacado .contenido{
		font-size: 32.42px;
	} 
	#banners-home .baner_anexo .contenido{
		font-size: 22.42px;
	}
	#banners-home .baner_destacado {
		height: 490px;
		width: 100%;
		background-color: black;
	} 
	#banners-home .baner_anexo {
		height: 230px;
		width: 100%;
		background-color: black;
		margin-bottom: 30px;
	} 
}

/*
	Publicaciones
*/
#publicaciones > div.cargando{
	display: table;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;

}
@media (min-width: 768px) {
	#publicaciones > div.cargando{
		height: 1778px;
	}
}

@media (min-width: 992px) {
	#publicaciones > div.cargando{
		height: 1352px;
	}
}

@media (min-width: 1200px) {
	#publicaciones > div.cargando{
		height: 925px;
	}	
}



#publicaciones .publicacion{
	background-color: #f4f4f4;
	padding: 15px;
	margin: 0px auto 30px;
	max-width: 290px;
}
#publicaciones .publicacion:hover{
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    cursor: pointer;
}

#publicaciones .publicacion .imagen{
	height: 230px;
	width: 100%;
	display: table;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
#publicaciones .publicacion .categoria{
	width: 60px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
}
/*
#publicaciones .publicacion .clase-carpeta{
	background-image: url("../img/clase-carpeta.png");	
}
#publicaciones .publicacion .clase-archivo{
	background-image: url("../img/clase-archivo.png");	
}
#publicaciones .publicacion .clase-eco{
	background-image: url("../img/clase-eco.png");	
}
#publicaciones .publicacion .clase-engranes{
	background-image: url("../img/clase-engranes.png");	
}
*/
#publicaciones .publicacion .puesto,
#publicaciones .publicacion .fecha,
#publicaciones .publicacion .acciones a{
	font-family: Lato-Regular;
	color: #999999;
	font-size: 12.5px;
	letter-spacing: 1px;
	padding: 8px 0px 4px; 
}
#publicaciones .publicacion .fecha{
	text-transform: uppercase;	
}
#publicaciones .publicacion .titulo{
	font-family: Oswald-Bold;
	color: #212121;
	font-size: 18px;
	letter-spacing: .6px;
	text-transform: uppercase;
	height: 52px;
	text-overflow: ellipsis;
	overflow: hidden;
}
#publicaciones .publicacion .comentarios{
	margin-top: 3px;
}
#publicaciones .publicacion .acciones .redes a:hover,
#publicaciones .a-plublicacion{
	text-decoration:none;
}


@media (min-width: 768px) {
	#publicaciones .publicacion{
		max-width: 100%;
	}	
}

#btn_asesorate_nosotros{
	display: inline-block;
	/*display: block;
	position: fixed;
	right: 20px;
	bottom: -48px;*/
	width: 250px;
	height: 48px;
	background-color: #666666;
	padding: 12px 10px;
	color: #FDFDFD;
	font-family: Lato-Bold;
	font-size: 20px;
	border: none;
	border-radius: 10px;
	z-index: 100;
	text-align: center;
	transition: bottom 3s;
	margin-top: 20px;
}

/*En celulares no se veria*/
@media (max-width: 767px) {
	#btn_asesorate_nosotros{
		display: none;
	}
}	

/*Footer*/
#footer{
	min-height: 72.65px;
	background-color: #212429;
}
#footer ul{
	margin-top: 10px;
	padding-left: 0px;
}
#footer .rosa{
	color: #EB1C83;
}
#footer li{
	padding: 29px 15px 29px;
	display: inline-block;
}
#footer li,
#footer li a{
	color: white;
	font-family: Lato-Regular;
	font-size: 14px;
}

#footer li a img{
	width: 22px;
	margin-right: 5px; 
}
#footer .fondo-oscuro{
	background-color: #17191c;
	min-height: 40px;
}

#footer .fondo-oscuro > div{
	font-family: Lato-Regular;
	color: #8c8c8d;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer .fondo-oscuro a{
	color: #8c8c8d;
}
#vendedor{
	position: absolute;
	bottom: 0;
	/*right: 0px;
	padding-left: 80px;*/
	height: 200px
}

/*Pagina interna de blog*/

#publicacion{
	margin-top: 57px; /*157*/
}
@media (min-width: 992px) {
	#publicacion{
		margin-top: 7px; /*107*/
	}	
}

#contenido_publicacion{
	
	margin-bottom: 50px;
}
#publicacion .regresar,
#publicacion .regresar a{
	margin-top: 70px;
	/*font-family: AvenirNextLTPro-Regular;*/
	font-family: Lato-Regular;
	font-size: 18px;
	color: #000000;
	margin-bottom: 25px;
	text-decoration:none;
}
#publicacion .regresar img{
	width: 40px;
	position: relative;
    top: -3px;
} 

#publicaciones .regresar,
#publicaciones .regresar a{
	
	/*font-family: AvenirNextLTPro-Regular;*/
	font-family: Lato-Regular;
	font-size: 18px;
	color: #000000;
	margin-bottom: 35px;
	text-decoration:none;
}
#publicaciones .regresar img{
	width: 40px;
	position: relative;
    top: -3px;
} 

#publicacion #comentarios{
	position: relative;
	top: -157px;
}
@media (min-width: 992px) {
	#publicacion #comentarios{
		top: -107px;	
	}
}


#contenido_publicacion .titulo{
	font-family: Oswald-Bold;
	font-size: 40.42px;
	color:#777777;
	letter-spacing: 0.25px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#contenido_publicacion .contenido{
	/*font-family: AvenirNextLTPro-Regular;*/
	font-family: Lato-Regular;
	font-size: 23px;
	color: black;
	margin-bottom: 70px;
}

@media (min-width: 768px) {
	#contenido_publicacion .contenido{
		font-size: 16px;
	}
}


#notas_relacionadas .notas_relacionadas{
	/*font-family: AvenirNextLTPro-Regular;*/
	font-family: Lato-Regular;
	font-size: 23px;
	color: black;
	margin-bottom: 20px;
}

#notas_relacionadas .publicacion{
	background-color: #f4f4f4;
	padding: 15px;
	margin: 0px auto 30px;
	max-width: 290px;
}

#notas_relacionadas .publicacion:hover{
    -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.25);
    cursor: pointer;
}

#notas_relacionadas .publicacion .imagen{
	height: 230px;
	width: 100%;
	display: table;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
#notas_relacionadas .publicacion .categoria{
	width: 60px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

#notas_relacionadas .publicacion .clase-carpeta{
	background-image: url("../img/clase-carpeta.png");	
}
#notas_relacionadas .publicacion .clase-archivo{
	background-image: url("../img/clase-archivo.png");	
}
#notas_relacionadas .publicacion .clase-eco{
	background-image: url("../img/clase-eco.png");	
}
#notas_relacionadas .publicacion .clase-engranes{
	background-image: url("../img/clase-engranes.png");	
}
#notas_relacionadas .publicacion .puesto,
#notas_relacionadas .publicacion .fecha,
#notas_relacionadas .publicacion .acciones a{
	font-family: Lato-Regular;
	color: #999999;
	font-size: 12.5px;
	letter-spacing: 1px;
	padding: 8px 0px 4px; 
}
#notas_relacionadas .publicacion .fecha{
	text-transform: uppercase;		
}


#notas_relacionadas .publicacion .titulo{
	font-family: Oswald-Bold;
	color: #212121;
	font-size: 18px;
	letter-spacing: .6px;
	text-transform: uppercase;	
	height: 52px;
}
#notas_relacionadas .publicacion .comentarios{
	margin-top: 3px;
}
#notas_relacionadas .publicacion .acciones .redes a:hover,
#notas_relacionadas .a-plublicacion{
	text-decoration:none;
}


@media (min-width: 768px) {
	#notas_relacionadas .publicacion{
		max-width: 100%;
	}	
}
@media (min-width: 992px) {
	#notas_relacionadas{
		border-left: 1px solid #c1c1c1;	
	}
}
@media (min-width: 1200px) {
	#contenido_publicacion{
		padding-right: 60px;
	}
	#notas_relacionadas{
		padding-left: 60px;
	}
}