/* CSS Document */

.has-error { border-color: #dd4b39 !important; box-shadow: none; }
.loading, .loading-pq { background: rgba(255,255,255,0.7); border-radius: 3px;}

.link-titulo{
	color:inherit;
	text-decoration:none;
}

.ci {
	border-bottom: none !important;
	border-top: 3px solid #fff100;
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}


/* Popup container - can be anything you want */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.titulo-mensaje {
    font-weight: 500 !important;
    text-align: center;
    color: #444;
    letter-spacing: 2px;
	padding: 10px 0 15px 0;
	margin-top: 30px;
}

.lista-mensaje li {
	list-style:circle !important;
	text-align:justify;
}

.lista-mensaje {
	padding:30px !important
}

.texto-mensaje{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	padding-bottom: 25px;
}

.texto-mensaje p {
	color:#444;
	font-size:15px;
}

.link-mensaje {
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    font-style: none;
    margin-top: 10px;
    color: #444;
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: center;
	border-bottom: 1px solid #e0ce03 !important;

}

a.link-mensaje:hover {
	 border-bottom: 1px solid #e0ce03 !important;
}

b.texto-mensaje, .lista-mensaje li b{
	color: #444 !important;
	font-weight: 500 !important;
}

.info-item a{
	color: #949494 !important;
	text-decoration:none !important;
}

.calibre{
	width: 23.5% !important;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
	font-size:14px !important;
}
.p-nominal {
	width:13%
}

.columna_c p {
	height: 100px;
}


@media (min-width: 762px) and (max-width: 980px) {
	.certificacion {
		width: 30%;
	}
	.certificacion .titulo-certificacion{
		font-size: 13px;
	}
}

@media (width: 1024px) {
	.parrrafo-nosotros {
		height: 680px !important;
	}

	.parrrafo-nosotros_1 {
		height: 450px !important;
	}

	.columna_c p {
		height: 100px;
	}
}

@media (width: 768px) {
	.parrrafo-nosotros_1 {
		height: 550px !important;
	}
}


@media (width: 1360px), (width: 1366px), (width: 1400px) {
	.certificacion {
		width: 30% !important;
	}
	.parrrafo-nosotros {
		height:550px;
		width:60%;
	}

	.parrrafo-nosotros_1 {
		height:400px;
		width:60%;
		padding:10px 20px;
	}
}

@media (width: 1600px) {
	.parrrafo-nosotros {
		height: 525px !important;
	}
}

@media (min-width: 786px) and (max-width: 936px) {
	.parrrafo-nosotros_1 {
		/* height: 400px; */
	}

}

@media (min-width: 937px) and (max-width: 1170x) {
	.parrrafo-nosotros {
		height: 550px;
	}

	.parrrafo-nosotros_1 {
		/* height: 400px; */
	}

	/*.big-font {
		font-size:26px
	}*/

	.calibre{
		width: 30% !important;
		font-size:15px !important;
	}
	.p-nominal {
		width:18%
	}
	.no-movil{
		visibility:hidden;
	}
	.galeria .galeria-fila .item-miniDescripcion{
		height:70px;
	}

	.contenedor-producto .info .p-informacion .info-columna {
		width: 100%;
		margin-top: 0px;
		display: block;
	}
	.certificacion {
		width: 30%;

	}
	.certificacion .titulo-certificacion{
		font-size: 13px;
	}
	.tit-cot {
    	font-size: 25px !important;
	}

}

@media (min-width: 1171px) and (max-width:1280px) {

	.parrrafo-nosotros_1 {
		height: 400px;
	}
}

@media (min-width: 1171px) and (min-width:1280px) {

	.parrrafo-nosotros_1 {
		height: 400px;
	}
}

@media (max-width:1024px) {
	.calibre{
		width: 45% !important;
		font-size:15px !important;
	}
	.no-movil{
		visibility:hidden;
	}
}


@media (min-width: 762px) {
	/* The actual popup */
	.loading img, .loading-pq img { position: absolute; top: 25%; left: 40%; margin-left: -15px; margin-top: -15px; }
	.popup .popuptext {
		visibility: hidden;
		max-width: 300px;
		background-color:#fff;
		color: #444;
		text-align: center;
		border-radius: 6px;
		padding: 8px;
		position: absolute;
		z-index: 1;
		right: 65%;
		font-size:8pt;
		word-wrap: break-word;
		border: 1px solid #dd4b39;
	}
	/* Popup arrow */
	.popup .popuptext::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #dd4b39;
	}
	.popup .popuptext-bottom {
		visibility: hidden;
		max-width: 300px;
		background-color:#fff;
		color: #444;
		text-align: center;
		border-radius: 6px;
		padding: 8px;
		font-size:8pt;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		top: 100%;
		/*left:auto;*/
		margin-left: -50px;
		border: 1px solid #dd4b39;
		width:100%;
		margin-top:10px;
	}


	.popup .popuptext-bottom::after {
		content: " ";
		position: absolute;
		bottom: 100%;  /* At the top of the tooltip */
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #dd4b39 transparent;
	}

	.modal-content-msg {
		background-color: #fefefe;
		/*border: 1px solid #444;*/
		width: 40%; /* Could be more or less, depending on screen size */
		box-shadow: 0 1px 10px 1px rgba(0,0,0,0.4);
		text-align: left;
	}

}

@media (max-width: 761px){
	.master { margin-top: 55px; }
	.columna_c p {
		height: 75px;
	}

	.galeria .galeria-fila .item-miniDescripcion{
		height:120px;
	}

	.contenedor-producto .info .p-informacion .info-columna {
		width: 100%;
		margin-top: 0px;
		display: block;
	}

	.calibre{
		width: 45% !important;
		font-size:15px !important;
	}

	.p-nominal {
		width:40%
	}
	.no-movil{
		visibility:hidden;
	}

	.loading img {
		width:35%
	}
	.loading img, .loading-pq img { position: absolute; top: 60%; left: 60%; margin-left: -15px; margin-top: -15px; width:100% }

	.texto-mensaje{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
	}


	.popup .popuptext {
		visibility: hidden;
		max-width: 300px;
		background-color:#fff;
		color: #444;
		text-align: center;
		border-radius: 6px;
		padding: 8px;
		font-size:8pt;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		top: 100%;
		left: 50%;
		margin-left: -60px;
		border: 1px solid #dd4b39;
		margin-top:10px;
	}

	.popup .popuptext:after {
		content: " ";
		position: absolute;
		bottom: 100%;  /* At the top of the tooltip */
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #dd4b39 transparent;
	}

	.modal-content-msg {
		background-color: #fefefe;
		/*border: 1px solid #444;*/
		width: 100%; /* Could be more or less, depending on screen size */
		box-shadow: 0 1px 10px 1px rgba(0,0,0,0.4);
		text-align: left;
	}

	.popup .popuptext-bottom {
		visibility: hidden;
		max-width: 300px;
		background-color:#fff;
		color: #444;
		text-align: center;
		border-radius: 6px;
		padding: 8px;
		position: absolute;
		z-index: 1;
		/right: calc(100% + 5%);
		font-size:8pt;
		word-wrap: break-word;
		border: 1px solid #dd4b39;
		width:68%
	}
	/* Popup arrow */
	.popup .popuptext-bottom::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #dd4b39;
	}

}

@media (width: 800px) and (height: 600px){
	.parrrafo-nosotros_1 {
		height:550px;
	}
}



/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}

/* TABLA DE PRINT */
.printable table { font-size:9pt; font-family:inherit; color: #444;	}
.theader  {	border-bottom: 1pt solid #FFFF00 !important; color: #999 !important; font-size: 14px; font-weight: 500; padding: 6px 0; vertical-align: top; }
.tcell {
	border-bottom: 1pt solid #EEE !important;
	font-size:9pt;
}

.printable .txt_t {
    font-weight: 400;
	color: #444;
}

.printable .tittle-producto {
    font-weight: 600;
    font-size: 13px;
}

.printable .unidad {
	font-size:9pt;
}

/* modals */
.msg-contacto {
    font-weight: 300 !important;
    text-align: center;
    color: #444;
	font-size: 20px;
	margin-top:20px;
	margin-bottom:20px;
}
.sol{
	color: #BBB;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
}

.dis{
	color: #e0ce03;;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
}



@media print {
	body {
		-webkit-print-color-adjust: exact;
	}
	.printable .sol {
		color: rgba(0, 0, 0, 0);
		text-shadow: 0 0 0 #bbb !important;
	}

	.printable .dis {
		color: rgba(0, 0, 0, 0);
		text-shadow: 0 0 0 #e0ce03 !important;
	}

	.printable table {
		color: rgba(0, 0, 0, 0);
		text-shadow: 0 0 0 #444 !important;
	}
	.theader {
		color: rgba(0, 0, 0, 0);
		text-shadow: 0 0 0 #999 !important;
		/*box-shadow: inset 0 0 0 1px #FFFF00 !important;*/
	}
	/*.tcell{
		box-shadow: inset 0 0 0 1px #EEE !important;
	}*/

	.printable-header, .printable-footer, .printable-content {
		position: fixed;
		display: block;
	}
	.printable-header {
		top: 0;
	}
	.printable-footer {
		bottom: 0;
	}
	.printable-content {
		top: 200px;
		bottom:50px;
	}

  /*@media print and (-webkit-min-device-pixel-ratio:0) {
	.printable .sol {
	  color: #bbb;

	}
	.printable .sol {
	  color: #bbb;
	  -webkit-print-color-adjust: exact;
	}
	.theader {
	  color: #999;
	  -webkit-print-color-adjust: exact;
	}
	.printable table {
	  color: #444;
	  -webkit-print-color-adjust: exact;
	}
  }
}

/* jssor slider loading skin spin css */
.jssorl-009-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);
	}
}


.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}