/*
	 *
	 * 2003 - 2022 @ Yal Publicidad - yPanel
	 * www.yalpublicidad.com
	 * online@yalpublicidad.com
	 *
	===================================================================================== */
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*/

button{display: inline-block;outline: none;border: none;}

/* MNU RESPONSIVE */
		.mnu-responsive{
				display: none;
				position:fixed;
				top:20px; left:10px;
				padding: 2px 10px;
				background:#1a1a1a;
				border-radius:3px;
				z-index: 1201;
			}
			.mnu-responsive a{
					color:#fff;
				text-decoration: none;
			}
		#mnu-responsive{
				display: none;
				background: #0f141f;
				position:fixed;
				top:0px; left:-260px; bottom: 0px;
				z-index: 1199;
				width: 250px;
				border-right: 1px solid #f7f7f7;
				
				-webkit-transition: left 1s ease, box-shadow 1s linear;
				-moz-transition: left 1s ease, box-shadow 1s linear;
				-o-transition: left 1s ease, box-shadow 1s linear;
				-ms-transition: left 1s ease, box-shadow 1s linear;
				transition: left 1s ease, box-shadow 1s linear;
			}
			#mnu-responsive:focus{width:250px;}
			#mnu-responsive .c-mnu{ margin: 35px 10px; }
		
		.nav-responsive{
				font: normal 20px 'Asap', sans-serif;
				list-style:none;
			}
			.nav-responsive ul{ list-style: none; padding:0px; margin:0px; }
			.nav-responsive a{
					display:block;
					padding:10px 20px 10px 20px;
					color:#d1d3d8;
					text-decoration:none; text-transform: capitalize;
					
					transition: 0.3s ease;
					-o-transition: 0.3s ease;
					-webkit-transition: 0.3s ease;
				}
				.nav-responsive a:hover{
						color:#29b7f5;
					}
				.nav-responsive a.activo{
						background: #fdfdfd;
						border-bottom: 1px solid #f6f6f6;
						border-top: 1px solid #fcfcfc;
						color:#00afef;
					}
					
	@media (max-width: 767px) {
		#mnu-responsive,
		.mnu-responsive{ display:block; }
	}
	
/* FIN MNU RESPONSIVE */


.contenedor-header{background-color: #012a86;}
	.cmarca{text-align: center;} 
		.marca{display: inline-block;}
	.cmarca .marca img{display: inline-block; width: 60%;max-height: auto;}
	@media screen and (min-width: 68.75em) {
		.cmarca{text-align: letf;}
		.cmarca .marca img{width: auto; max-width: 100%;max-height: 95px;}
	}

.contenedor-header .btn-cursos-capacitacion{display: inline-block;outline: none;border: none; border-radius: 5px; padding: 5px 20px; background-color: #fff; color: #1a4ab5; text-transform: uppercase; font-weight: 600;cursor: pointer;}
	.contenedor-header .btn-cursos-capacitacion:hover{background-color: #DDF5FF;}

.contenedor-header .redes {
			display: none;
			position: relative;
			padding-left: 20px;
			margin-left: 20px;
		}

	.contenedor-header .redes:after {
			content: '';
			right: 100%;
			/*border-left: 1px solid white;*/
			position: absolute;
			top: 4px;
			height: 20px;
		}

@media screen and (min-width: 68.75em) {
	.contenedor-header .redes {
    	display: inline-block;
	}
}

	.contenedor-header .redes li {
		display: inline-block;
		margin: 10px 5px 0;
	}

	.contenedor-header .redes a, .sociales a {
		display: table;
		background-color: white;
		-webkit-transition: background-color 0.2s ease-in;
				transition: background-color 0.2s ease-in;
		border-radius: 12px;
		height: 24px;
		width: 24px;
		font-size: medium;
		text-decoration: none;
	} 

	.contenedor-header .redes a:hover {
		background-color: #DDF5FF;
		-webkit-transition: background-color 0.2s ease-in;
				transition: background-color 0.2s ease-in;
	}

	.contenedor-header .redes .fa, .sociales .fa {
	  text-align: center;
	  vertical-align: middle;
	  display: table-cell;
	  font-size: 0;
	}
		
		.contenedor-header .redes .fa:before{ font-size: small; color: #1a4ab5; }

.contenedor-header .redes a span:first-child {
  display: none;
}

/* -------------------------- *\
	Nav
\* -------------------------- */

.nav-h{
	position: relative; 
	margin: 0; 
	margin-top: 15px;
	padding: 0;
}
	.nav-h li{
		display: inline-block;
		margin: 0;
	}
		.nav-h li+li{margin-left: 10px;}
		.nav-h li:after{position: absolute;bottom: 0;}
		.nav-h li a{
			display: table;
			margin: 0;
			color: #4f5a60;
			-webkit-transition: background-color 0.2s ease-in;
					transition: background-color 0.2s ease-in;
			border-radius: 3px 3px 0 0;
			padding: 10px 25px;
			font-size: medium;
			font-weight: 610;
			text-decoration: none;
		}
			.nav-h li a.activo {background-color: #1a4ab5; color:#fff;font-weight: 550;}
			.nav-h li a:hover {
				background-color: #1a4ab5;
				color:#fff;
				font-weight: 550;
				-webkit-transition: background-color 0.2s ease-in;
						transition: background-color 0.2s ease-in;
			}

	.tel-h{ margin-top: 5px; color:#495760;font-size: 22px;}
		.tel-h .ico{color:#51a7f0;font-size: 30px;}
		.tel-h a+a{ padding-left: 5px; border-left: 1px solid #0953a3;}

/* -------------------------- *\
	Body
\* -------------------------- */

	.boton-f{
		display: inline-block;
		border: none;
		border-radius: 3px;
		background-color: #0076bc;
		color: #fff;
		padding: 10px 25px;
		width: 100%;
		max-width: 100%;
		cursor: pointer;
	}
@media screen and (min-width: 68.75em) {
	.boton-f{width: auto;}
}
	
	.separador{
		position: relative;
		max-width: 100%;
		margin: 10px 0 35px;
		text-align: center;
	}
	
		.separador img{display: inline-block;max-width: 100%;}

	.c-i-tbrindamos{
			position: relative;
			background:#1a4ab5; /*#01719a;*/
			border-radius:5px;
			color: #fff;
			margin:25px;
			padding: 15px 35px;
		}
		.c-i-tbrindamos .titulo{ font-family: 'Montserrat', sans-serif; font-size:24px; }
			.c-i-tbrindamos .titulo span{font-size:18px;}

/* ------------ Product List index ------------ */
		.list-prod-i{
				position: relative;
				margin: 35px 0px;
			}
			
			.list-prod-i h1{
					color:#333;
					text-transform:capitalize;
					font-size:36px;
			}
			
			.list-prod-i h1 em{ font-size: 12px; text-transform: uppercase; }

			.list-prod-i .item .imagen{ overflow: hidden; height: 220px; text-align: center; }
				.list-prod-i .item .imagen img{ display: inline-block; height: 220px; margin-left: -50%; }

/* ------------ Pag Serv ------------ */
.cnt-serv{position: relative;}
	.cnt-serv .img-sup{position: relative;margin: 10px 0 45px;}
		.cnt-serv .img-sup img{display: inline-block;width: 100%;max-width: 100%;}
	.cnt-serv  .b-post{margin: 35px 0;color: #323232; font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; text-align: justify;}
	.cnt-serv .imagenes img{display: inline-block;margin: 5px;max-width: 100%;}

/* ------------ Pag Producto ------------ */
.producto-item{
			position: relative;
			margin-top: 35px;
	}
	.producto-item .imagen{
			/*overflow:hidden;*/
			width:100%; max-width:100%; height: 400px;
			margin-bottom: 15px;
			background:#f7f7f7;
			text-align: center;
		}
				
		.producto-item .imagen img{
				display: inline-block;
				max-width: 100%;
			}
			
	.producto-item .rl_imgs{position: relative;max-width: 100%;}
	.producto-item .imagen-s{
			overflow: hidden;
			display: inline-block;
			width: 119px;
			height: 119px;
			margin: 5px;
			cursor: pointer;
			border: 1px solid #f7f7f7;
		}
			.producto-item .imagen-s:hover,
			.producto-item .imagen-s:active{
				border: 1px solid #ff8a2b;
			}
						
			.producto-item .imagen-s img{
				width: auto;
				height: 100%;
			}
					
	.producto-item .compartir{
					display: block;
					margin: 35px 0;
				}
				.producto-item .compartir a,
				.producto-item .compartir span{
						display: inline-block;
						vertical-align:middle;
					}
				.producto-item .compartir a{
						width: 35px; height: 35px;
						margin:5px 10px; padding: 10px;
						border-radius: 50%;
						color:#fff;
						background: #d3d4d3;
						text-align:center;
						text-decoration: none;
					}
					.producto-item .compartir a.facebook{
							background:#3b5997;
						}
					.producto-item .compartir a.twitter{
							background:#41b7d8;
						}
					.producto-item .compartir a.google-plus{
							background:#d64937;
						}
					.producto-item .compartir a.instagram{
							background:#ea1a3a;
						}
					.producto-item .compartir a.linkedin{
							background:#007eb2;
						}
						
					
	.producto-item .cdescripcion{
				position: relative;
				max-width: 100%;
				padding: 30px 0 120px;
			}

	.producto-item .titulo{
					font-size: 32px; 
					line-height: 36px;
					margin-bottom: 35px;
					text-transform:uppercase;
					color:#3b3b3b;
				}

	.producto-item .t2{
					font-size: 28px; 
					line-height: 32px;
					margin-bottom: 35px;
					text-transform:capitalize;
					color:#3b3b3b;
				}
	.producto-item .precio{
					color:#fd3e30;
					font-size: 42px; font-weight: 800; font-family: 'Lato', Sans-Serif;
					padding: 10px 0px 35px 0px;
					border-bottom: 1px solid #e7e7e7 /*#ff8a2b*/;
				}
	.producto-item .texto-corto{
			color: #777;
			padding: 5px;
		}

	.producto-item .texto-corto.b-btm{
			border-bottom: 1px solid #e7e7e7;
			padding: 15px 0px 25px 0px;
		}
				.producto-item .texto-corto button.hojatecnica,
				.producto-item .texto-corto button.addcart{
						border:none;
						background: #0092c8;
						font-size: 18px; font-style:italic; font-family: Arial;
						padding: 10px 25px 10px 25px;
						margin-top: 15px;
						color: #FFF;
						border-radius: 3px;
						font-weight: 700;
						cursor:pointer;
					}
					.producto-item .texto-corto button.hojatecnica:hover,
					.producto-item .texto-corto button.addcart:hover{
							background: #000;
						}
					.producto-item .texto-corto button.addcart span{
							display: inline-block;
							vertical-align:middle;
						}
				
				.producto-item .texto-corto button.hojatecnica{ background:#333; }

/* ------------ contact ------------ */
	.frm-contacto{position: relative; width: 90%; margin-bottom: 65px;}
		.frm-contacto input[type="text"],
		.frm-contacto input[type="email"],
		.frm-contacto textarea{
			width: 100%;
			border: 1px solid #ccc;
			border-radius: 3px;
			padding: 5px 10px;
			color: #545454;
			outline-color: #0173ba;
		}
	.frm-contacto h3{text-transform: uppercase;margin-bottom: 25px;}

@media screen and (min-width: 68.75em) {
	.frm-contacto{width: auto;}
}

/* ------------ footer ------------ */
	.t-siguenos{margin-top: 45px;}
	.sociales{
			list-style:none;
			margin:0; padding:0;
			margin-top: 35px;
			position:relative;
		}
		.sociales li{ display: inline-block; }
		.sociales li+li{ margin-left: 20px; }
		.sociales a {height: 38px; width: 38px;border-radius: 50%;}
		.sociales .fa{
				font-size:0;
			}
			.sociales .fa:before{
				font-size: 26px;
			}

@media screen and (min-width: 68.75em) {
	.t-siguenos{margin-top: auto;}
}

	.pie-info{
		position: relative;
		margin: 35px 0px;
	}
		.pie-info h1{ color:#333; }
		.pie-info .ico{ display: inline-block; margin-right:10px; font-size:36px; color:#333; vertical-align: top }
		.pie-info .texto{ display:inline-block; max-width:80% }
		.pie-info ul{ list-style:none; }
		.pie-info a{ display:block; margin:5px 0px; text-decoration: none;}
	
	.footer{
			position:relative;
			max-width:100%;
			background:#1d1c21;
			padding: 35px 0px 5px;
			color: #fff;
			text-align: center;
		}

		/* colores de iconos de redes sociales principales */
			.footer .i-c-facebook{ background:#4869ae; }
			.footer .i-c-twitter{ background:#1da1f3; }
			.footer .i-c-linkedin{ background:#007ab5; }
			.footer .i-c-youtube{ background:#d22224; }
		/* /colores de iconos de redes sociales principales */

@media screen and (min-width: 68.75em) {
	.footer{text-align: inherit;}
}

		.footer img{ display: inline-block; max-width: 100%; }
		.footer hr{ border:none; border-bottom:1px solid #343339; }
		.footer .info{ font-size:small; color: #ccc; }
		
		/*.footer ul{list-style:none;}*/
		
		.footer a{color:inherit; text-decoration:none; transition: color linear 0.5s 0.1s}
			.footer a:hover{color:#00afef; /*#f96c81;*/}

/* ------------ frm de contactar anunciante ------------ */
.fca{
			margin: 5px;
		}
		.fca h1{
			text-align:center;
			font-size: 18px;
		}
			
		@media (max-width: 576px){
			.fca h1{ font-size:medium; color:#000; }
		}
		
		.fca form{
				max-width: 98%;
			}
		
		.fca input[type="text"],
		.fca input[type="tel"],
		.fca input[type="email"],
		.fca textarea{
				padding: 5px 10px;
				border:1px solid #dedede; border-radius: 3px;
				color: inherit; /*#343434;*/
				width:100%; max-width: 100%;
				font-family: Arial;
			}

.fca .boton{display: inline-block;padding: 10px 25px;width: 100%;border: none;border-radius: 5px;background-color: #0076bc;color:#fff;cursor: pointer;}