/*##########################################################################*/
/*############################################################################
			Proyecto: 		Jnacher estudio de diseño Web&Brand
			Diseño por: 	Estudio Jnacher
			e-mail: 		info@jnacher.com
			web: 			www.jnacher.com
############################################################################*/
/*##########################################################################*/

/*COLORES GENERALES*/

/*COLOR PRINCIPAL = */
/*COLOR SECUNDARIO = #efc337*/
/*COLOR FONDO 1 VERDE NEON = #30e661*/
/*COLOR FONDO 2 AZUL NEON = #4535ed*/
/*COLOR FONDO 2 NARANJA NEON = #efc337*/
/*COLOR SUBRRAYADO =*/

/*FIN COLORES GENERALES*/

/*LLAMAMOS A LAS FUENTES
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Montserrat', sans-serif;
FIN LLAMADA DE FUENTES*/

/*##########################################################################*/
/*##############          CSS MODIFICACIONES        ########################*/
/*##########################################################################*/	
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}

/*##########################################################################*/
/*########################        CSS MAPA          ########################*/
/*##########################################################################*/	
.googleMap img {
  max-width: none;
}
.googleMap .customMarker {
  font-size: 60px;
  color: #ea623d;
}
.mapOuter {
    position: relative;
}
/*##########################################################################*/
/*########################       CSS FUENTES        ########################*/
/*##########################################################################*/	

/*##########################################################################*/
/*###########################    COlOR TEXTOS    ###########################*/
/*##########################################################################*/
.header .nav-menu ul.nav-menu-inner > li.active a, .header .nav-menu ul.nav-menu-inner > li a.active, .header .nav-menu ul.nav-menu-inner > li:hover > a, .header .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark .nav-menu ul.nav-menu-inner > li.active a, .header.header-dark .nav-menu ul.nav-menu-inner > li a.active, .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a{
    color: #883132;
}
.header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
    color: #883132;
}
ul.nav-menu-inner li.active a{
    color: #883132;
}
.socialIcons li a svg{
	fill:#3d405b;
}
.socialIcons li a:hover svg{
	fill:#2BFDA1;
}
.color-negro{
	color:#000000 !important;
}
.color-blanco{
	color:#FFFFFF !important;
}
.color-gris{
	color:#C9C9C9;
}
.color-gris-oscuro{
	color:#999999;
}
.color-verde-jnacher{
	color:#2BFDA1;
}
.color-corporativo-dos {
    color: #883132 !important;
}
.color-corporativo{
	color:#444444 !important;
}
.color-naranja-jnacher-dos{
	color:#F7931E;
}
.color-azul-jnacher{
	color:#0D1132;
}
.color-blanco-trans{
	color:rgba(255, 255, 255, 0.3);	
}
.color-gris-claro{
	color:#858B8F;
}
.color-azul-tenue{
	color:#3d405b;
}
.borde-texto{
	text-shadow: 0px 1px 1px #000000;
}
.borde-texto-azul{
	text-shadow: 0px 1px 1px #3d405b;
}
/*##########################################################################*/
/*########################        CSS FONDOS        ########################*/
/*##########################################################################*/
.overlay-dark50::before {
    background-color: rgba(0, 0, 0, 0.5);
}
.overlay-dark30::before {
    background-color: rgba(0, 0, 0, 0.3);
}
.overlay-dark80::before {
    background-color: rgba(0, 0, 0, 0.8);
}
.negro-bg {
    background:#000000;
}
.gris-bg {
    background: #f7f7f7;
}
.blanco-bg {
    background:rgba(255,255,255,1.00);
}
.blanco-gris-bg {
    background:#fefefe;
}
.gris-claro-bg {
    background:rgba(230,230,230,1.00);
}
.gris-claro-bg-overlay {
    background:rgba(230,230,230,0.6);
}
/*##########################################################################*/
/*########################        CSS GENERALES     ########################*/
/*##########################################################################*/
.web_perfil_footer{
	font-size:11px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	text-align:center;	
}
.web_perfil_footer p{
	color:#6D6D6D !important;		
}
.web_perfil_footer a.link_webperfil{
	color:#B8B8B8;
	text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;	
}
.web_perfil_footer a:hover.link_webperfil{
	color:#E12C4D;
	text-decoration:none;
}
.color_webperfil{
	color:#E12C4D;
}
.cursor{
	cursor:pointer;
}
.clear{
	clear:both;
}
h4.footer-jnacher{
	font-size:11px;
}
h4.footer-jnacher a:hover {
    color: #424242;
    font-size: 13px;
    text-decoration: none;
    text-transform: none;
}
h4.footer-jnacher a {
    color: #d8d8d8;
    font-size: 10px;
    text-decoration: none;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
}
/*##########################################################################*/
/*####################      CSS PADDING/MARGIN        ######################*/
/*##########################################################################*/
/*ul,
ol {
  padding: 0;
}*/
.sin-margin{
	margin:0px !important;	
}
.sin-padding{
	padding:0px;
}
.mt-10{
	margin-top:10px !important;
}
.mt-20{
	margin-top:20px !important;
}
.mt-40{
	margin-top:40px !important;
}
.ml-30{
	margin-left:30px !important;
}
.ml-15{
	margin-left:15px !important;
}
.mb-5{
	margin-bottom:5px !important;
}
.mb-10{
	margin-bottom:10px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.mb-30{
	margin-bottom:30px !important;
}
.mb-40{
	margin-bottom:40px !important;
}
.mb-50{
	margin-bottom:50px !important;
}
.p-all-5{
	padding:5px;	
}
.p-all-10{
	padding:10px;	
}
.p-all-20{
	padding:20px;	
}
.p-all-30{
	padding:30px;	
}
.p-all-50{
	padding:50px;	
}
.p-all-100{
	padding:100px;	
}
.pt-5{
	padding-top:5px;
}
.pt-10{
	padding-top:10px;
}
.pt-15{
	padding-top:15px;
}
.pt-20{
	padding-top:20px;
}
.pt-25{
	padding-top:25px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-60{
	padding-top:60px;
}
.pt-70{
	padding-top:70px;
}
.pt-75{
	padding-top:75px;
}
.pt-85{
	padding-top:85px;
}
.pt-100{
	padding-top:100px;
}
.pl-0{
	padding-left:0px !important;
}
.pl-7{
	padding-left:7px;
}
.pl-10{
	padding-left:10px;
}
.pl-20{
	padding-left:20px;
}
.pl-30{
	padding-left:30px;
}
.pl-35{
	padding-left:35px;
}
.pl-40{
	padding-left:40px;
}
.pl-50{
	padding-left:50px;
}
.pl-60{
	padding-left:60px;
}
.pr-0{
	padding-right:0px !important;
}
.pr-10{
	padding-right:10px;
}
.pr-20{
	padding-right:20px;
}
.pr-30{
	padding-right:30px;
}
.plr-10{
	padding-left:10px;
	padding-right:10px;
}
.plr-20{
	padding-left:20px;
	padding-right:20px;
}
.plr-30{
	padding-left:30px;
	padding-right:30px;
}
.plr-40{
	padding-left:40px;
	padding-right:40px;
}
.plr-50{
	padding-left:50px;
	padding-right:50px;
}
.plr-60{
	padding-left:60px;
	padding-right:60px;
}
.pb-5{
	padding-bottom:5px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-15{
	padding-bottom:15px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-40{
	padding-bottom:40px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-60{
	padding-bottom:60px;
}
.pb-70{
	padding-bottom:70px;
}
.pb-80{
	padding-bottom:80px;
}
.pb-100{
	padding-bottom:100px;
}
.ptb-100{
	padding-top:100px;
	padding-bottom:100px;
}
.ptb-130{
	padding-top:130px;
	padding-bottom:130px;
}
@media all and (max-width: 1200px) {
.plr-60{
	padding-left:0px;
	padding-right:0px;
}
}
@media all and (max-width: 970px) {
.pt-sm-30{
	padding-top:30px !important;
}
}
@media all and (max-width: 750px) {
.pt-xs-10{
	padding-top:10px !important;
}
.pt-xs-30{
	padding-top:30px !important;
}
.pt-xs-0{
	padding-top:0px !important;
}
}
/*##########################################################################*/
/*########################        CSS LINEAS        ########################*/
/*##########################################################################*/
hr {
  background: none;
}
hr.lineaTitulo{
	background: #C41D1F none repeat scroll 0 0;
	height: 1px;
	position:relative;
	width: 10%;
	left:45%;	
}
hr.lineaTituloProductos{
	background: #C41D1F none repeat scroll 0 0;
	height: 1px;
	position:relative;
	width: 10%;
	left:0%;	
}
hr.lineaTituloDos{
	background: #C41D1F none repeat scroll 0 0;
	height: 1px;
	position:relative;
	width: 30px;
	left:20px;
	top:-5px;
	margin:0px;
}
hr.lineaTitulo-dos{
	background: #E72D3D none repeat scroll 0 0;
	height: 1px;
	left: 0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	width: 46px;	
}
hr.lineaTitulo-tres{
	background: #E72D3D none repeat scroll 0 0;
	height: 2px;
	left: 0px;
	position:relative;
	width: 150px;	
}
.titulo-raya {
    border-bottom: 3px solid #ED4B4B;
    display: inline-block;
    line-height: 40px;
}
.titulo-raya-gris {
    border-bottom: 3px solid #DCDCDC;
    display: inline-block;
    line-height: 30px;
}
.raya-media-100 {
    background-color: #ED4B4B;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
}
.raya-media-50 {
    background-color: #FFFFFF;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.raya-media-50-footer{
	background-color: #ED4B4B;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
/*##########################################################################*/
/*########################     CSS TIPOGRAFIA       ########################*/
/*##########################################################################*/
.no-uppercase{
	text-transform:lowercase !important;
}
.uppercase{
	text-transform:uppercase;
}
.subrayado{
	text-decoration:underline;
}
.line-h-1{
	line-height:1 !important;
}
.line-h-2{
	line-height:2 !important;
}
.font-s-10{
	font-size:10px !important;
}
.font-s-11{
	font-size:11px !important;
}
.font-s-12{
	font-size:12px !important;
}
.font-s-14{
	font-size:14px !important;
}
.font-s-16{
	font-size:16px !important;
}
.font-s-18{
	font-size:18px !important;
}
.font-s-20{
	font-size:20px !important;
}
.font-s-25{
	font-size:25px !important;
}
.font-s-30{
	font-size:30px !important;
}
.font-s-40{
	font-size:40px !important;
}
.font-s-50{
	font-size:50px !important;
}
.font-s-60{
	font-size:60px !important;
}
.font-s-100{
	font-size:100px !important;
}
.font-w-100{
	font-weight: 100 !important;	
}
.font-w-200{
	font-weight: 200 !important;	
}
.font-w-300{
	font-weight: 300 !important;	
}
.font-w-400{
	font-weight: 400 !important;	
}
.font-w-500{
	font-weight: 500 !important;	
}
.font-w-600{
	font-weight: 600 !important;	
}
.font-w-700{
	font-weight: 700 !important;	
}
.font-w-800{
	font-weight: 800 !important;	
}
.font-w-900{
	font-weight: 900 !important;	
}	
.letter-spacing-1{
	letter-spacing: 1px;
}
.letter-spacing-2{
	letter-spacing: 2px;
}
.letter-spacing-11{
	letter-spacing: 11px;
}
.letter-spacing-15{
	letter-spacing: 15px;
}
.cursor{
	cursor:pointer;	
}
.width_100{
	width:100%;	
}
.width_90{
	width:90%;	
}
.float_left{
	float:left;	
}
.position_relative{
	position:relative;	
}
.min-height-50{
	min-height:50px;
}