/* 
==================================================
GENERAL 
==================================================
*/

.results {
	z-index: 99999 !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;
}
.derecha {
	text-align: right !important;
}
.izquierda {
	text-align: left !important;
}
.arriba {
	vertical-align: top !important;
}


.borde-azul-oscuro-b {
	border-bottom: 2px solid #00008B !important;
}



/* 
==================================================
BUSCADOR 
==================================================
*/
.soporte-buscador-contenedor {
	background-color: #167091;
	padding: 50px 0px;
    background-image: url('../include_soporte/cabezal_soporte.jpg');
    background-size: 100% auto;       /* ancho completo, alto proporcional */
    background-repeat: no-repeat;     /* que no se repita */
    background-position: center top;  /* centrada en la parte superior */
}
.soporte-buscador-casilla {
	width: 50%;
	margin: auto;
}
.soporte-buscador-casilla .input {
	width: 100%;
}

@media (max-width:768px) { /* celular */
	.soporte-buscador-casilla {
		width: 90% !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;
}

.soporte-info-categoria {
	display: inline-block;
	font-family: Lato;
	font-size: 10pt;
	background: #1988ab;
	color: white;
	padding: 5px 10px;
	border-radius: 30px;
}

.soporte-info-estado {
	display: inline-block;
	font-family: Lato;
	font-size: 10pt;
	background: #438ccb;
	color: white;
	padding: 5px 10px;
	border-radius: 30px;
}



/* 
==================================================
TABLAS 
==================================================
*/

.link_arch {
	color: #006699 !important;
	text-decoration: none !important;
}
.link_arch:visited {
	color: #006699 !important;
	text-decoration: none !important;
}
.link_arch:hover {
	color: #0081C2 !important;
	text-decoration: underline !important;
}




.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-limpia {
	border: 0 none;
	border-spacing: 0px !important;
	border-collapse: collapse !important;
}

.tabla-limpia td {
	border: 0 none;
}



/* 
==================================================
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;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pb-20 {
	padding-bottom: 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: 800;
	font-size: 26pt;
	color: #13243d;
}
.soporte-info_productos {
	font-family: Lato;
	font-weight: 400;
	font-size: 18pt;
	color: #787878;
}
.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: 800;
	font-size: 16pt;
	color: #FFFFFF;
	background-color: #16253B;
	border-radius: 20px;
}
.soporte-descripcion_descargas {
	font-family: Lato;
	font-weight: 300;
	font-size: 12pt;
	color: #666666;
}