/* ================================================
   FONT FACE
   ============================================== */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url("fonts/font.css");

/* =================================================
   GENERAL
   ============================================== */
body, html {
	background-color: #FFF;
	margin: 0px;
	padding:0px;
    font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height:normal;
	color:#4E5568;
	height:100%;
	}
html { -webkit-text-size-adjust: 100%;	}

img { border: 0px; }
a {	text-decoration: none; color:#4E5568;}
strong { font-weight: 700; }
p { padding:0; margin: 0; }
* {
	padding:0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


/* ==========================================
   SECCIONES
   ========================================== */
.main {
	width:100%;
	padding:0px;
	overflow:auto;
	}
.content {
	margin:0 auto;
	width:1180px;
	overflow:auto;
	}
.vacia {
	position:relative;
	}
h1 {
	font-family: 'OptimaLTStd-Medium', sans-serif;
	font-size:55px;
	font-weight:normal;
	color:#9E1F63;
	display:block;
	margin:0;
	}
h2 {
    font-family: 'OptimaLTStd-Medium', sans-serif;
	font-size:20px;
	font-weight:400;
	color:#9E1F63;
	display:block;
	margin:0;
	padding-bottom:12px;
	border-bottom:2px solid #9E1F63;
	}
h3 {
    font-family: 'OptimaLTStd-Medium', sans-serif;
	font-size:15px;
	display:block;
	margin:0;
	padding-bottom:10px;
	}


/* =================================================
   HEADER
   ============================================== */
#top {
	width:100%;
	/*position: fixed;*/
	z-index:99;
	overflow:auto;
	background-color:#9E1F63;
	padding:10px 30px;
	color:#fff;
	font-weight:300;
	}
#top .redes {
	float:left;
	padding-left:20px;
	}

#nav_institucional {
	float:right;
	/* sacar 
	display:none;*/
	}
#nav_institucional a {
	float:left;
	color:#fff;
	display: inline-block;
	text-align:center;
	margin:0px 20px;
	}
#nav_institucional .nav-acceso,
#nav_institucional .nav-user,
#nav_institucional .nav-salir,
#nav_institucional .nav-lista {
	border-left: 1px solid #fff;
	padding:0px 30px 1px 20px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size:16px auto;
	margin:0px 20px 0px 0px;
	}
#nav_institucional .nav-acceso {
	background-image: url(img/icon_login.svg);
	background-size:18px auto;
	font-weight:700;
	}
#nav_institucional .nav-user {
	background-image: url(img/icon_user.svg);
	}
#nav_institucional .nav-salir {
	background-image: url(img/icon_exit.svg);
	}
#nav_institucional .nav-lista {
	padding:0px 0px 1px 20px !important;
	font-weight:700;
	}

#header {
	width:100%;
	/*position: fixed;*/
	z-index:98;
	overflow:auto;
	background-color:#fff;
	padding:20px 30px 30px 30px;
	top:40px;
	}
#header .logo {
	float:left;
	padding-left:20px;
	}
#header #buscador,
#header #carrito {
	float:right;
	overflow:auto;
	}
#header #carrito .nav-pedido {
	color:#9E1F63;
	font-weight:300;
	padding:0px 30px 1px 20px;
	background-image: url(img/icon_cart.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:20px auto;
	margin:7px 20px 0px 20px;
	display:inline-block;
	}
#header #buscador {
	margin: 3px 20px 0px 0px;
	}
#header #buscador .campo {
	width:200px;
	display:block;
	float:left;
	padding-bottom:3px;
	margin-right:10px;
	border:none;
	border-bottom:1px solid #767676;
	background-color:#fff;
	}
#header #buscador .buscar {
	padding-top:3px;
	}

#menucito {
	padding:5px;
	overflow:auto;
	float:right;
	display:none;
	}
#menucito-iconos {
	padding:5px;
	overflow:auto;
	float:right;
	display:none;
	}
#menucito-iconos img {
	float:left;
	margin:0px 10px;
	}

#buscador-mobile {
	width: 100%;
	padding:10px 30px;
	position:fixed;
	top:74px;
	z-index:999;
	background-color: #9E1F63;
	visibility:hidden;
	}
#buscador-mobile .campo_buscar {
	display:block;
	width:90%;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #FFF !important;
	border:none;
	color: #FFF;
	background-color:#9E1F63;
	margin:0 0 10 0;
	}
#buscador-mobile .cerrar {
	display:block;
	width:auto%;
	padding:10px 0px 5px 0px;
	float:right;
	}

/* =================================================
   LOGIN
   ============================================== */
.back-login {
	background-color:#9E1F63;
	color:#fff;
	text-align:center;
	}
#login {
	width:auto;
	padding-top:80px;
	}
#login .campo {
	width:70%;
	border:1px solid #CF8FB1;
	padding:15px;
	margin-bottom:15px;
	background-color:#9E1F63;
	color:#fff;
	}
#login .bot-ingresar {
	width:70%;
	border:none;
	padding:15px;
	background-color:#fff;
	color:#9E1F63;
	font-size:16px;
	cursor:pointer;
	}
#error {
	display: none;
	margin-top: 10px;
    font-weight: bold;
}
/* =================================================
   HOME
   ============================================== */
   
/* Slider Home ****************************/
#slider {
	width:auto;
	margin:0px 30px 30px 30px;
	}
.slides {
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:1300px;
	height:500px;
	overflow:hidden;
	}
#jssor_1 {
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:1300px;
	height:500px;
	overflow:hidden;
	visibility:hidden;
	}
.jssorl-spin { position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7); }
.jssorl-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}

@keyframes jssorl-009-spin {
from {
	transform: rotate(0deg);
	}
to {
	transform: rotate(360deg);
	}
}

.jssorb-bullet {position:absolute;}
.jssorb-bullet .i {position:absolute;cursor:pointer;}
.jssorb-bullet .i .b {fill:#fff;}
.jssorb-bullet .i:hover .b {fill:#9E1F63;}
.jssorb-bullet .iav .b {fill:#9E1F63;}
.jssorb-bullet .i.idn {opacity:.3;}

.jssora-arrow {display:block;position:absolute;cursor:pointer;}
.jssora-arrow .a {fill:none;stroke:#fff;stroke-width:500;stroke-miterlimit:10;}
.jssora-arrow:hover {opacity:.5;}

.slider {
	position:absolute;
	z-index:0;
	background-color:rgba(0,0,0,0.65);
	font-size:30px;
	line-height:45px;
	font-weight:300;
	color:#fff;
	padding:50px 100px;
	box-sizing:border-box;
	top:150px;
	right:0px;
	}
.slider span {
	color:#9E1F63;
	font-size:60px;
	font-weight:400;
	}

/* Productos destacados *********************/
.destacados-home,
.lineas-productos {
	width:100%;
	border-bottom:1px solid #E5E5E5;
	padding:0px 0px 30px 0px;
	background: url(img/back_destacados.png) repeat-x top;
	}
.lineas-productos {
	background-image:none;
	}
.titulares-home {
	padding:50px 0px 40px 0px;
	text-align:center;
	}
.titulares-home .col {
	margin:0 auto;
	font-size:20px;
	font-weight:300;
	color:#9E1F63;
	}
.titulares-home .col:after {
	content: '';
	position: absolute;
	padding-bottom:5px;
	left:50%;
	margin-left: -25px;
	width: 50px;
	border-bottom: 3px solid #9E1F63;
	}

.destacados-home .content,
.lineas-productos .content,
#productos-tags .content,
#productos-relacionados .content {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}

.destacados-home .bannercitos {
	width:48%;
	float:left;
	text-align:center;
	margin:0px 1% 50px 1%;
	position: relative;
	}

.destacados-home .producto,
#productos-tags .producto,
#productos-relacionados .producto {
	width:23%;
	float:left;
	text-align:center;
	margin:0px 1% 50px 1%;
	position: relative;
	}
.destacados-home .producto .foto img,
#categorias-listados .producto img,
#productos-tags .producto img,
#productos-relacionados .producto img,
.destacados-home .bannercitos img {
	width:100%;
	height:auto;
	border:1px solid #E5E5E5;
	margin-bottom:10px;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	-moz-transition: .4s ease;
	transition: .3s ease;
	}
.destacados-home .producto .foto img:hover,
#categorias-listados .producto img:hover,
#productos-tags .producto img:hover,
#productos-relacionados .producto img:hover {
	border:3px solid #9E1F63;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	}
.destacados-home .producto .cod,
#categorias-listados .producto .cod,
#productos-tags .producto .cod,
#productos-relacionados .producto .cod {
	font-size:12px;
	padding-bottom:5px;
	}
.destacados-home .producto .nombre,
#categorias-listados .producto .nombre,
#productos-tags .producto .nombre,
#productos-relacionados .producto .nombre {
	font-size:15px;
	font-weight:700;
	color:#9E1F63;
	height:60px;
	}
.destacados-home .producto .color,
#categorias-listados .producto .color,
#productos-tags .producto .color
#productos-relacionados .producto .color {
	font-size:14px;
	font-weight:400;
	color:#9E1F63;
	}
.destacados-home .producto .login,
#categorias-listados .producto .login,
#productos-tags .producto .login,
#productos-relacionados .producto .login {
	width:100%;
	height:114px;
	content:"";
	}
.destacados-home .producto .precio,
#categorias-listados .producto .precio,
#productos-tags .producto .precio,
#productos-relacionados .producto .precio {
	font-size:16px;
	}
.destacados-home .producto .tags,
.destacados-home .producto .sintock,
#categorias-listados .producto .tags,
#categorias-listados .producto .sintock,
#productos-tags .producto .tags,
#productos-tags .producto .sintock,
#productos-relacionados .producto .tags,
#productos-relacionados .producto .sintock,
.producto_fotos .tags {
	background-color:#9E1F63;
	font-size:12px;
	color:#fff;
	width:130px;
	padding:7px 0px;
	position:absolute;
	text-align:center;
	top:15px;
	right:0px;
	z-index:10;
	}
.destacados-home .producto .sintock,
#categorias-listados .producto .sintock,
#categorias-listados .producto .sintock,
#productos-tags .producto .sintock {
	background-color:#EDEEF0;
	color:#4E5568;
	z-index:15;
	}

/* Agregar al carrito */
.quantity.botones {
    display: flex !important;
    margin:10px auto;
	width: 150px;
	border:1px solid #E5E5E5;
	}
.quantity input[type="button"] {
    border: 0;
    padding: 8px 15px !important;
    font-weight: 700;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: button;
    transition: all .2s ease-in-out;
    background-color: #fff;
    color: #4E5568;
	cursor: pointer;
	font-size:20px;
	line-height:20px;
	}
.quantity input[type=button]:hover{
	background-color:#E5E5E5;
	}
.quantity .menos {border-right:1px solid #E5E5E5 !important;}
.quantity .mas {border-left:1px solid #E5E5E5 !important;}
.quantity input.cant {
    position: relative;
    border: 0;
    background-color: #fff;
	font-weight: 700;
    color: #4E5568;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
	}
.quantity .bot-agregar {
	border: 0;
	border-radius: 0;
	background-color:#4E5568;
	color:#fff;
	font-size:11px;
	cursor:pointer;
	width: 150px;
	padding:12px 0px;
	}
.quantity .bot-agregar:hover {
	background-color:#9E1F63;
	}
.quantity .bot-agregar:active {
	background-color:#9E1F63;
	}


/* Lineas de productos *********************/
.lineas-productos .producto {
	width:23%;
	float:left;
	text-align:center;
	margin:0px 1% 30px 1%;
	position: relative;
	}
.lineas-productos .producto img {
	width:100%;
	height:auto;
	}
.lineas-productos .producto .titulo {
	font-size:28px;
	line-height:30px;
	font-weight:300;
	color:#fff;
	width:100%;
	position:absolute;
	bottom:40px;
	z-index:10;
	}
.lineas-productos .producto .titulo:after {
	content: '';
	position: absolute;
	padding-bottom:40px;
	left:50%;
	margin-left: -18px;
	width: 36px;
	border-bottom: 3px solid #9E1F63;
	}

/* Nuestras marcas *********************/
.marcas {
	width: 100%;
	padding:20px 0px;
	overflow: hidden;
	}
.marcas .jMyCarousel ul li {
	padding:0px 10px;
	}
.marcas .jMyCarousel .prev,
.marcas .jMyCarousel .next {
	width:40px;
	height:100%;
	border:0px;
	background-image: url(img/marcas-ant.svg);
	background-color:#fff;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
	}
.marcas .jMyCarousel .next {
	background-image: url(img/marcas-sig.svg) !important;
	}

/* =================================================
   SECCIONES
   ============================================== */
#encabezados {
	width:auto;
	/*padding-top:0px;*/
	margin:0px 30px 30px 30px;
	}
#encabezados img {
	width:100%;
	height:auto;
	}
#categorias {
	width:23%;
	float:left;
	margin:0px 1% 50px 1%;
	}
#categorias .tags {
	width:100%;
	padding-top:15px;
	}
#categorias .tags .tag {
	float:left;
	display:inline-block;
	padding:8px 12px;
	border:1px solid #E5E5E5;
	margin:0px 12px 12px 0px;
	}
#categorias .tags .tag:hover {
	border:1px solid #9E1F63;
	color:#9E1F63;
	}
#categorias-listados {
	width:73%;
	float:left;
	margin:0px 1% 80px 1%;
	}

#categorias-listados .ruta, 
#productos-tags .ruta {
	width:59%;
	margin-left:1%;
	float:left;
	height:35px;
	color:#B2B2B2;
	padding-top:5px;
	}
#categorias-listados .ruta span,
#productos-tags .ruta span,
.ruta-detalle span {
	color:#4E5568;
	font-weight:700;
	}

#categorias-listados .ordenar,
#productos-tags .ordenar {
	width:39%;
	margin-right:1%;
	float:left;
	text-align:right;
	height:40px;
	}
#categorias-listados .ordenar .filtros,
#productos-tags .ordenar .filtros {
	background-color: #FFF;
	border: none;
	border-bottom: 1px solid #4E5568;
	padding: 0px 5px 5px 5px;
	width: 150px;
	color: #4E5568;
	background-image: url(img/icon_desplegable.svg);
	background-repeat: no-repeat;
	background-position: right 5px;
	}
#categorias-listados .producto {
	width:31%;
	float:left;
	text-align:center;
	margin:0px 1% 50px 1%;
	position: relative;
	}
#categorias-listados .iva {
	float:left;
	width:100%;
	font-size:11px;
	}

/* Paginado *********************/
.pagination {
	display: inline-flex;
}
.pagination li {
	list-style: none;
}
#paginacion {
	float:left;
	display:block;
	width:97%;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	padding:12px 0px 2px 0px ;
	margin:0px 2% 20px 1%;
	}
.paginas-resultado {
    float: left;
	padding-top:5px;
	}
.paginado {
	width: auto;
    float: right;
	}

	.disabled{
		float: left;
		font-size: 14px;
		padding: 7px 1px 7px 12px;
		display: block;
		text-align: center;
		}
.paginado .flecha-next,
.paginado .flecha-prev,
.paginado .num,
.paginado .activo {
	float:left;
	font-size: 14px;
	padding:7px 12px 7px 12px;
	display: block;
	border: 1px solid #B2B2B2;
	text-align:center;
	margin-left:10px;
	margin-bottom: 10px;
	cursor: pointer;
	}
.paginado .flecha-next {
	padding:6px 6px 5px 6px;
	content: url(img/icon_next.svg);
	}
.paginado .flecha-prev {
	padding:6px 6px 5px 6px;
	content: url(img/icon_next.svg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
.paginado .num:hover,
.paginado .flecha-next:hover,
.paginado .flecha-prev:hover {
	background-color:#E9E9E9;
	color: #000;
	border:1px solid #9E1F63;
	}
.paginado .activo {
	color:#FFF !important;
	background-color:#9E1F63 !important;
	border:1px solid #9E1F63 !important;
	}
	.paginado .activo a {
		color:#FFF !important;
		}
.paginado .inactivo {
	opacity: 0.3;
	}

/* Detalle *********************/
.ruta-detalle {
	width:100%;
	height:35px;
	color:#B2B2B2;
	}
#producto_detalle,
#pedido-confirmacion {
	width:100%;
	overflow:auto;
	}
.producto_fotos {
	float:left;
	width:50%;
	margin-bottom:30px;
	}
.producto_fotogde {
	margin-bottom:20px;
	border: 1px solid #ccc;
	width:100%;
	height:auto;
	}
.producto_fotogde img,
.producto_fotoch img {
	width:100%;
	height:auto;
	}
.producto_fotoch {
	width:16%;
	float:left;
	margin-right:20px;
	border: 1px solid #ccc;
	}


.producto_descripcion {
	float:right;
	width:46%;
	border-top:2px solid #9E1F63;
	padding:25px 0px;
	font-size:16px;
	}
.producto_descripcion .cod {
	font-size:20px;
	font-weight:300;
	color:#808080;
	}
.producto_descripcion h1 {
	font-size:25px;
	}
.producto_descripcion .precio {
	font-size:25px;
	color:#9E1F63;
	}
.producto_descripcion .precio span {
	font-size:14px;
	}
.producto_descripcion .quantity {
	margin-bottom:20px;
	overflow:auto;
	width:auto;
	}
.producto_descripcion .quantity.botones {
	float:left;
    margin:0px 10px 0px 0px;
	}
.producto_descripcion .quantity .bot-agregar {
	float:left;
	}
.producto_descripcion .quantity .bot-agregar:hover {
	background-color:#9E1F63;
	}
.producto_descripcion .quantity .bot-agregar:active {
	background-color:#9E1F63;
	}
.producto_descripcion .sinstock {
	display:inline-block;
	color:#4E5568;
	background-color:#EDEEF0;
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding:10px 95px;
	margin-bottom:20px;
	}
.producto_descripcion .cates {
	padding-top:20px;
	font-size:14px;
	font-weight:300;
	}
.producto_descripcion .cates a {
	color:#9E1F63;
	}
.volver-listado {
	width:100%;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	padding:12px 0px;
	margin:0px 0px 50px 0px;
	}
.volver-listado img {
	float:left;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
#productos-relacionados {
	width:100%;
	padding:0px 0px 60px 0px;
	background-color:#EDEEF0;
	}
#productos-tags {
	width:100%;
	padding:0px 0px 60px 0px;
	}
	
/* ZOOM ********************/
.zoom {
	display:inline-block;
	position: relative;
	z-index:10;
	}
.zoom:after {
	content:'';
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	right:0;
	background-image: url(img/icon_zoom.svg);
	}
.zoom img {
	display: block;
	cursor: pointer;
	}
.zoom img::selection {
	background-color: transparent;
	}

/* MI PEDIDO *********************/
.titulo-seccion {
	width:100%;
	background-color:#4E5568;
	color:#fff;
	font-size:50px;
	font-family: "OptimaLTStd-Medium";
	text-align:right;
	padding:5px 0px;
	}
.separa { border-top: 1px solid #E5E5E5; }
.pedido-vacio {
	width:100%;
	float:left;
	padding:100px 0px;
	font-size:20px;
	text-align:center;
	}
.pedido-listado-top {
	width:100%;
	padding:10px;
	background-color:#EDEEF0;
	color:#4E5568;
	font-weight:700;
	overflow:auto;
	}
.pedido-listado {
	width:100%;
	padding:10px 10px;
	color:#9E1F63;
	font-weight:700;
	border-bottom:1px solid #E5E5E5;
	overflow:auto;
	}
.pedido-listado-subtotal {
	width:100%;
	padding:10px 10px;
	font-weight:700;
	overflow:auto;
	}
.pedido-listado-total {
	width:100%;
	padding:10px 10px;
	color:#fff;
	font-size:20px;
	background-color:#9E1F63;
	overflow:auto;
	}

.pedido-listado-top .producto,
.pedido-listado .producto {
	float:left;
	}
.pedido-listado .producto span {
	color:#808080;
	font-weight:300;
	}
.pedido-listado .producto img {
	width:50px;
	height:50px;
	margin-right:15px;
	}
.pedido-listado-top .cant,
.pedido-listado .cant {
	float:right;
	width:150px;
	text-align:center;
	}
.pedido-listado .cant .quantity.botones {
    margin:5px auto 0px auto;
	}
.pedido-listado-top .precio,
.pedido-listado .precio,
.pedido-listado-subtotal .precio,
.pedido-listado-total .precio {
	float:right;
	width:190px;
	text-align:right;
	}
.pedido-listado-subtotal .precio span {
	color:#9E1F63;
	}
.pedido-listado-top .quitar,
.pedido-listado .quitar,
.pedido-listado-subtotal .quitar {
	float:right;
	width:100px;
	text-align:right;
	padding: 0px 10px 0px 0px;
	}
.pedido-listado-total .iva {
	float:right;
	width:90px;
	text-align:center;
	padding: 5px 10px 0px 0px;
	font-size:15px;
	}
.pedido-listado-total .iva2 {
	font-size:14px;
	}
.pedido-celdas {
	height:50px;
	}
.color-gris { background-color:#4E5568; }

.pedido-botones {
	width:100%;
	float:left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding:60px 0px
	}
.pedido-botones .bot-seguir,
.pedido-botones .bot-finalizar {
	width:250px;
	float:left;
	text-align:center;
	margin:10px 20px;
	position: relative;
	border:1px solid #9E1F63;
	color:#9E1F63;
	font-size:16px;
	padding:12px;
	}
.pedido-botones .bot-finalizar {
	background-color:#4E5568;
	border:1px solid #4E5568;
	color:#fff;
	}

/* CONFIRMACION *********************/
.pedido-comments {
	width:100%;
	padding:10px;
	background-color:#EDEEF0;
	color:#4E5568;
	margin:30px 0px 10px 0px;
	}
.pedido-comments-campo {
	width:100%;
	height:150px;
	display:block;
	padding:15px;
	border:1px solid #CBCBCB;
	background-color:#fff;
	margin-bottom:20px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
.bot-enviarpedido {
	width:300px;
	float:right;
	text-align:center;
	margin:10px 0px 80px 0px;
	border:0;
	color:#fff;
	background-color:#9E1F63;
	font-size:16px;
	padding:12px;
	}

/* CATALOGO ***************/
.catalogos {
	width:23%;
	float:left;
	text-align:center;
	margin:0px 1% 50px 1%;
	}
.catalogos img {
	width:100%;
	height:auto;
	border:1px solid #E5E5E5;
	padding:10px;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	-moz-transition: .4s ease;
	transition: .3s ease;
	}
.catalogos img:hover {
	border:1px solid #9E1F63;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	}
.catalogos h4 {
	color:#9E1F63;
	display:block;
	padding:15px 0px;
	}
.catalogos .descargar {
	display:block;
	background-color:#9E1F63;
	padding:10px 0px;
	color:#fff;
	font-size:11px;
	}

/* NOSOTROS *********************/
.secc-instit {
	padding-bottom:80px;
	}
.nosotros {
	width:70%;
	float:right;
	text-align:left;
	padding-top:50px;
	font-size:28px;
	line-height:45px;
	font-weight:300;
	}
.nosotros h2 {
	font-family: 'OptimaLTStd-Medium', sans-serif;
	font-size:30px;
	color:#9E1F63;
	margin:0;
	padding-bottom:0;
	border:0;
	}
.nosotros .colum {
	float:left;
	width:50%;
	border-left:2px solid #9E1F63;
	padding:0px 0px 0px 40px;
	color:#4E5568;
	}

.nosotros .colum .links,
.contacto-info .links {
	display:block;
	padding:3px 0px 3px 35px;
	font-size:16px;
	font-weight:400;
	color:#4E5568;
	}
.nosotros .colum .links:hover,
.contacto-info .links:hover {
	color:#9E1F63;
	}
.nosotros .colum .mail,
.contacto-info .mail {
	background: url(img/icon_mail-color.svg) no-repeat left center; }
.nosotros .colum .tel,
.contacto-info .tel {
	background: url(img/icon_phone-color.svg) no-repeat left center; }
.nosotros .colum .ig,
.contacto-info .ig {
	background: url(img/icon_ig-color.svg) no-repeat left center; }
.nosotros .colum .fb,
.contacto-info .fb {
	background: url(img/icon_fb-color.svg) no-repeat left center; }

/* CONTACTO *************************/
.contacto-info {
	border-top:2px solid #9E1F63;
	padding:20px 0px 0px 0px;
	font-size:17px;
	color:#9E1F63;
	float:left;
	width:48%;
	}
.contacto-info h2 {
	font-family: 'OptimaLTStd-Medium', sans-serif;
	font-size:20px;
	color:#4E5568;
	margin:0;
	padding-bottom:0;
	border:0;
	}
.contacto-info .links {
	line-height:40px;
	}
.contacto-formu { 
	float:right;
	width:48%
	}
.contacto_campos {
	width:100%;
	display:block;
	padding:12px;
	font-size: 15px;
	border:1px solid #B3B3B3;
	background-color:#fff;
	margin-bottom:20px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
.campo-desplega {
	background-image: url(img/icon_despliega.svg);
	background-repeat: no-repeat;
	background-position: 98% 18px;
	}
.bot-enviarconsulta {
	width:100%;
	text-align:center;
	margin:0px 0px 20px 0px;
	border:0;
	color:#fff;
	background-color:#9E1F63;
	font-size:15px;
	padding:12px;
	}

/* ==========================================
   FORMULARIOS
   ========================================== */
input, textarea, select, button {
    font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
	color:#4E5568;
	}
	
::placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
	color:#000;
	opacity:1;
	}

/* ==========================================
   FOOT
   ========================================== */
#footer {
	background-color:#4E5568;
	overflow:auto;
	}
.foot {
	width:100%;
	padding:50px 30px;
	color:#fff;
	text-align:center;
	}
.foot .logo {
	text-align:center;
	border-bottom:1px solid #838896;
	padding-bottom:40px;
	margin-bottom:40px;
	}
.foot .main {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
.foot .colum {
	text-align:left;
	width:25%;
	float:left;
	position: relative;
	line-height:25px;
	}
.foot .colum a {
	display:block;
	color:#fff;
	}
.foot .links {
	display:block;
	padding:5px 0px 5px 40px;
	}
.foot .mail { background: url(img/icon_mail.svg) no-repeat left center; }
.foot .tel { background: url(img/icon_phone.svg) no-repeat left center; }
.foot .ig { background: url(img/icon_ig.svg) no-repeat left center; }
.foot .fb { background: url(img/icon_fb.svg) no-repeat left center; }
#copy {
	background-color:#3C424F;
	color:#9ea1a7;
	text-align:center;
	padding:15px 0px;
	font-weight:300;
	}

#contiene_agregar_2 {
		width: 100%;
		position: relative;
		display: none;
		}
#contiene_agregar {
	width: 100%;
	position: relative;
	display: none;
	}
#contiene_mensaje {
	width: 70%;
	background-color:#4E5568;
	color: #fff;
	text-align: center;
	border-radius:0px;
	padding: 12px;
	height: 50px;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	z-index:999;
	position: fixed;
	}

.content-tag {
	width:100%;
	padding:0px 0px 30px 0px;
	}

#nopag{
	float: left;
    display: block;
    width: 97%;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 25px 0px 25px 0px;
	margin: 0px 2% 20px 1%;
	text-align: center;
	font-weight: 900;
}
.verprod  {
	color: #9E1F63;
}

/* ==========================================
   ERROR MENSSAGE
   ========================================== */
#error_mensaje {
	font-size: 20px;
	color: white;
	text-align: center;
	padding: 20px;
	background-color: red;	
}