@font-face {
  font-family: 'Arial-Black';
  src: url('../fonts/inteligente-logo.eot'); /* IE9 Compat Modes */
  src: url('../fonts/inteligente-logo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inteligente-logo.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inteligente-logo.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inteligente-logo.svg') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ExoB';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/exo-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.exob{font-family: 'ExoB';}

.header-logo{color:#fff;font-size:32px; font-family:arial,tahoma;letter-spacing:-3.5px;text-decoration:none}
.sombr{
	-webkit-box-shadow: 0 6px 20px 10px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 6px 20px 10px rgba(0, 0, 0, 0.19);
	box-shadow: 0 6px 20px 10px rgba(0, 0, 0, 0.19);
} 
.bor{ border:1px solid #F0F0F0;width:95%;padding:10px}
.bor2{ border-top:1px solid #0099FF;border-bottom:1px solid #0099FF;width:30%;padding:2px;}
.caj{align-items: center;  display: flex;justify-content: center;}

.form{width:60%}
.plan{width:35%}

.boton{ 
		background:#28a7e9;
		font-family: 'Oswald';font-size:16px;
		color:#f6f6f6;
		padding:12px 20px 12px;
		margin-bottom:10px;
		cursor:pointer;
		border:none; 
}
.boton:hover{background:#fff;color:#28a7e9;}
.boton2:hover{background:#ca0088;color:#fff;}
.wrapper_ {
	width:98%;
	max-width:1200px;
	margin:auto;
	overflow:hidden;
}
.fl{float:left}
.b{font-weight:bold}
.raya{width:20%;background:#ca0088;height:4px;margin-bottom:20px}
.my{ text-transform: uppercase;}
.l{text-align:left}.r{text-align:right}.c{text-align:center}
.t20{font-size:20px}.t22{font-size:22px}.t38{font-size:38px}
.f-rl{font-family:verdana}
.f-o{font-family:tahoma}

.m20{margin:20px}
.tn{color:#000}.tb{color:#fff}.tc{color:#28a7e9} .tve{color:green} .tro{color:red} .fc{background:#28a7e9}

.w10{ width:10%}.w15{ width:15%}.w20{ width:20%}.w30{ width:30%}.w32{width:32%;}.w40{ width:40%}.w47{width:45.8%;}.w50{ width:50%}.w60{ width:60%}.w70{ width:70%}.w80{ width:80%}.w90{ width:90%}.w100{width:100%}

 

.h10{height:10px}
.h6{height:5px}
.w16{width:16%;}
.bor1{border:1px solid #E0E0E0}
label select{width:29.5%; padding:15px 0px 15px 15px;border:1px solid #dcd0e0;border-radius:2px;font:400 16px Gotham,helvetica,arial,sans-serif;color:#1f2123;outline:0}
@media screen and (max-width: 700px) {	
.form{width:100%}
.plan{width:100%}	
}

@media screen and (max-width: 500px) { 	
	.sombr{	-webkit-box-shadow: none ;	-moz-box-shadow:none ;box-shadow: none}  
	.bor{ border:1px solid #F0F0F0;width:99%;padding:10px} 
	.w90{width:96%;}
	.m20{margin:0px}
	.bor1{border:0px solid #E0E0E0}
	.w47{width:45.5%;}
	.w30{width:28.6%;}
	.w60{width:50%;}
	.w32{width:40%;}
	.w16{width:20%;}
	.w11{width:11%;}
	.ml8{padding-left:8px}
	
}
@media screen and (max-width: 450px) { 	
 	.w47{width:44.5%;}
	.w30{width:28%;}
    .w32{width:39%;}
 	
	
}
.content {   padding-top:80px;}  
.dedo{cursor:pointer}  
  
/* INICIO DE CATALOGO*/
.contact input{padding:15px 0px 5px 5px;border:0px;border-bottom:1px solid #dcd0e0;border-radius:2px;font:400 16px Gotham,helvetica,arial,sans-serif;color:#1f2123;outline:0;width:98%}
.Input{padding:15px 0px 15px 15px;border:1px solid #dcd0e0;border-radius:2px;font:400 16px Gotham,helvetica,arial,sans-serif;color:#1f2123;outline:0}
.registra {width:40%}
.registra input,select{margin-bottom:20px}
.ver{padding:8px;font-size:12px;background:green}
.comprar{padding:10px;background:#d8263c}
.comprar:hover{background:#f12a43}
#cata{width: 19.5%;margin: 0 0 5% 0.5%;font-family: 'verdana';font-size:12px
background___:#ccc} 
.bdt{border-top:1px dotted  #ccc}
.d-ima{ width:50%}
.d-txt{ width:50%}
.br{clear:both}
@media screen and (max-width: 1100px) { 
	 #cata{width:24.5%;}
}
@media screen and (max-width: 950px) {
	 #cata{width:32.8%;}
}
@media screen and (max-width: 700px) { 
	 #cata{width:49.4%;} 
}
@media screen and (max-width: 600px) { 
	.precio{top:190px;} 
	.registra{width:100%}
}

@media screen and (max-width: 500px) { 
	 #cata{ width:49.4%;margin:15px 0 1% 0.4%;height:285px;}
	.precio{top:160px; }  
	.t12_{font-size:12px}
}  
  
  
  
  
.icono {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    display_: none;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.cargando {
width: 100%;height: 100%;
overflow: hidden;
top: 0px;
left: 0px;
z-index: 10000;
text-align: center;
position:absolute;
background-color:#000;#FFFFFF;
opacity:0.10;
filter:alpha(opacity=20);
}