/* 
==================================================
GENERAL 
==================================================
*/
.results {
	z-index: 90999 !important;
}
.encima {
	overflow: visible !important;
}
.soporte-contenedor {
	width: 90%;
	margin: auto;
}

@media (max-width:768px) { /* celular */
	.soporte-contenedor {
		width: 100% !important;
	}
}
.no-display {
	display: none;
}

/* --- */

.centro {
	text-align: center !important;
}





/* 
==================================================
BUSCADOR 
==================================================
*/
.soporte-buscador-contenedor {
	background-color: #167091;
	padding: 30px 0px;
}
.soporte-buscador-casilla {
	width: 70%;
	margin: auto;
}
.soporte-buscador-casilla .input {
	width: 100%;
}

@media (max-width:768px) { /* celular */
	.soporte-buscador-casilla {
		width: 95% !important;
	}
}




/* 
==================================================
PRODUCTO TITULO 
==================================================
*/
@media (min-width:768px) { /* escritorio */
	.desktop-display-inner {
		display: inline-block;
	}
	.desktop-aligned-right {
		text-align: right;
	}
}
/* PRODUCTO - IMAGEN */
#soporte-imagen img { /* HACE A LA IMAGE RESPONSIVA */
	width: 100%;
	height: auto;
}





/* 
==================================================
TABLAS 
==================================================
*/
.soporte-archivos-contenedor {
	margin: 30px auto 0px auto;
	background-color: #F1F1F1;
}
.celda-archivo img {
	vertical-align: middle;
}

@media (max-width:768px) { /* celular */
	.soporte-archivos-contenedor {
		width: 100% !important;
	}
	#tabla-archivos>tbody>tr {
		display: block;
		padding: 8px 4px;
	}
	.celda-archivo {
		display: block;
	}
	.celular-pl-72 {
		padding-left: 72px !important;
	}
	.celular-italica {
		font-style: italic;
	}
	.tabla-responsiva>tbody>tr>td {
	    text-align: left !important;
	    display: block;
	    border: 0 none;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
}




/* 
==================================================
TABLA EOL 
==================================================
*/

.tabla-eol {
	border: 1px solid grey;
}
.tabla-eol th {
	background-color: #1fbbd3 !important;
	color: white;
	padding: 4px;
	border: 1px solid black;
	text-align: center !important;
}
.tabla-eol td {
	padding: 4px 20px;
	border: 1px solid black;
	width: 250px;
}




/* 
==================================================
MARGENES - PADDING 
==================================================
*/
.mr-5 {
	margin-right: 5px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}

@media (min-width:768px) { /* escritorio */
	.desktop-mr-20 {
		margin-right: 20px !important;
	}
}

@media (max-width:768px) { /* celular */
	.celular-mb-10 {
		margin-bottom: 20px !important;
	}
}




/* 
==================================================
FUENTES 
==================================================
*/
.soporte-titulo_productos {
	font-family: Lato;
	font-weight: 400;
	font-size: 24pt;
	color: #0099cc;
}
.soporte-info_productos {
	font-family: Lato;
	font-weight: 400;
	font-size: 18pt;
	color: #4e4e4e;
}
.soporte-info_garantia {
	font-family: Lato;
	font-weight: 300;
	font-size: 18pt;
	color: #0099cc;
}
.soporte-familia {
	font-family: Lato;
	font-weight: 400;
	font-size: 16pt;
	color: #0099cc;
}
.soporte-familia {
	font-family: Lato;
	font-weight: 400;
	font-size: 16pt;
	color: #0099cc;
}

.soporte-info_estado_vigente {
	font-family: Lato;
	font-weight: 400;
	font-size: 16pt;
	color: green;
}
.soporte-info_estado_eos_eol {
	font-family: Lato;
	font-weight: 400;
	font-size: 16pt;
	color: red;
}


.soporte-titulo_descargas {
	font-family: Lato;
	font-weight: 400;
	font-size: 14pt;
	color: #0099cc;
}
.soporte-descripcion_descargas {
	font-family: Lato;
	font-weight: 300;
	font-size: 12pt;
	color: #666666;
}