@charset "UTF-8";
@import url(../../../../../../../../cs/groups/public/documents/activo_web_bb/mgji/mdaz/~edisp/bb003002.css);

/*calculadora*/  
#fondo { margin: 0px auto; width: 100%; height:100%; position: fixed; z-index: 1002; top: 0px; left: 0px; display: flex; display : -webkit-flex;}
#fondo a .icon-close{ position: absolute; color: black; margin: 5px; z-index: 1000000;}
#fondo .hojasCalc a .icon-close{ color: white !important; margin: 0px !important; padding: 10px !important}
#fondo .hojasCalc .close-divisa{top: 0px !important; right: 40px !important;}
#fondo .close-divisa{float: right; right: 30px; top: 7px; position: relative;}
#calcContenedor { background-color: #ffffff; overflow: hidden; width: 936px; /*margin: 0 auto; */margin: auto; height:499px;}
#calcIzquierdo { background: #573b95; color: #fff; float: left; width: 20%;	height: 100%;}
.calcMorado { color: #977bd7; }
.calcMorado2 { color: #573b95; }
.calcIzquierdoCuerpo { padding: 90px 10px 18px 18px; }
#calcCentro { background-color: #d9d9d9; float: left; width: 50%; }
.calcCentroCuerpo {	padding: 30px 30px 30px 58px; }
.calcCentroCuerpo h2 { margin: 4px 0px; }
#calcDivisaOrigen, #calcDivisaDestino {	background-color: #ffffff; width: 138px; height: 36px; padding: 6px 4px; border-radius: 5px; float: left; }
#calcTextoOrigen, #calcTextoDestino { margin-top: -1px; float: right; }
#calcTextoOrigen input { width: 140px; height: 38px; font-size: 20px; text-align: right; font-weight: bold; }
#calcTextoResultado input { width: 394px; height: 80px; margin-left: -6px; font-size: 19px; text-align: center; font-weight: bold; }
#calcDerecho { background-color: #d9d9d9; float: left; width: 30%; }
.calcDerechoCuerpo { padding: 30px 28px;	}
#calcDerechoCuerpoDivisa { display: none; width: 252px; height: 330px; background-color: #ffffff; text-align: center; padding-top: 14px; margin-left: -12px; margin-bottom: 47px; border: 1px solid black; border-radius: 3px; }
.calcDerechoDivisaContenedor { padding: 28px 10px; font-size: 14px; }
.calcDerechoDivisaA { width: 45%; float: left; }
.calcDerechoDivisaB { width: 10%; float: left; }
.calcDerechoDivisaC { width: 45%; float: left; }
#calcFechaHora, #calcTextoInformativo { font-size: 12px; text-align: right; margin-top: 30px; }
/*#calcIzquierdo, #calcCentro, #calcDerecho { padding-bottom: 32767px; margin-bottom: -32767px; }*/
#calcContenedorLogo { margin-top: 70px; }
#calcLogo { width: 100%; height: 50px; background-image: url("../../../../../../../../cs/groups/public/documents/activo_web_bb/mgji/mde3/~edisp/bb017801.png"); background-repeat: no-repeat; background-position: 50% 50%; margin-top: -20px; }
#calcLogoTexto { color: #000; font-weight: bold; text-decoration: underline; }
.calcLineaHorizontal { margin: 0px 25% 16px 25%; border: 1px solid #977bd7; background-color: #977bd7; }
.calcLineaHorizontalCentro { position: relative; margin: 28px 0px; border: 1px solid #c8c8c8; background-color: #c8c8c8; }
.calcLineaVertical { border-left: 4px solid #c8c8c8; border-color: #c8c8c8; height: 430px; margin-top: 38px; float: left; }
.calcAlineado { padding: 0px 20px; }
.calcNegrita { font-weight: bold; }
.calcJustificar { text-align: justify; }
.calcCentrar { text-align: center;	}
.calcDerecha { text-align: right; }
.calcIzquierda { text-align: left; }
.calcVacio { clear:both }

.calcListaOrigenR dd, .calcListaOrigenR dt, .calcListaOrigenR ul,
.calcListaOrigen dd, .calcListaOrigen dt, .calcListaOrigen ul { margin: -2px 0px 0px -2px; padding: 3px 0px 0px 6px; font-size: 20px; font-weight: bold; border-radius: 5px; }
.calcListaOrigenR dd,
.calcListaOrigen dd { position: relative; }
.calcListaOrigenR a, .calcListaOrigenR a:visited,
.calcListaOrigen a, .calcListaOrigen a:visited { color: #000; text-decoration: none; outline: none; }
.calcListaOrigenR a:hover,
.calcListaOrigen a:hover { color: #fff; }
.calcListaOrigenR dt a:hover,
.calcListaOrigen dt a:hover { color: #000; }
.calcListaOrigenR dt a,
.calcListaOrigen dt a { background: #ffffff url("../../../../../../../../cs/groups/public/documents/activo_web_bb/mgji/mde3/~edisp/bb017802.png") no-repeat scroll left center; left: 10px; display: block; border: 1px solid #fff; width: 130px; }
.calcListaOrigenR dt a span,
.calcListaOrigen dt a span { cursor: pointer; display: block; padding: 0px; }
.calcListaOrigenR dd ul,
.calcListaOrigen dd ul { background: #ffffff none repeat scroll 0 0; color: #000; display: none; left: 0px; margin: -6px 0px 0px -2px; padding: 1px 0px 2px 1px; position: absolute; width: 138px; list-style: none; z-index: 1; }
.calcListaOrigenR span.calcValorOrigenR,
.calcListaOrigen span.calcValorOrigen { display: none; }
.calcListaOrigenR dd ul li a,
.calcListaOrigen dd ul li a { padding: 4px 8px; display: block; }
.calcListaOrigenR dd ul li a:hover,
.calcListaOrigen dd ul li a:hover { background-color: #977bd7; }
.calcListaOrigenR img.calcBanderaOrigenR,
.calcListaOrigen img.calcBanderaOrigen { border: none; vertical-align: text-top; margin: 0px 10px; padding-left: 10px; display: inline; }
.calcListaDestinoR dd, .calcListaDestinoR dt, .calcListaDestinoR ul,
.calcListaDestino dd, .calcListaDestino dt, .calcListaDestino ul { margin: -2px 0px 0px -2px; padding: 3px 0px 0px 6px; font-size: 20px; font-weight: bold; border-radius: 5px; }
.calcListaDestinoR dd,
.calcListaDestino dd { position: relative; }
.calcListaDestinoR a, .calcListaDestinoR a:visited,
.calcListaDestino a, .calcListaDestino a:visited { color: #000; text-decoration: none; outline: none; }
.calcListaDestinoR a:hover,
.calcListaDestino a:hover { color: #fff; }
.calcListaDestinoR dt a:hover,
.calcListaDestino dt a:hover { color: #000; }
.calcListaDestinoR dt a,
.calcListaDestino dt a { background: #ffffff url("../../../../../../../../cs/groups/public/documents/activo_web_bb/mgji/mde3/~edisp/bb017802.png") no-repeat scroll left center; left: 10px; display: block; border: 1px solid #fff; width: 130px; }
.calcListaDestinoR dt a span,
.calcListaDestino dt a span { cursor: pointer; display: block; padding: 0px; }
.calcListaDestinoR dd ul,
.calcListaDestino dd ul { background: #ffffff none repeat scroll 0 0; color: #000; display: none; left: 0px; margin: -6px 0px 0px -2px; padding: 1px 0px 2px 1px; position: absolute; width: 138px; list-style: none; z-index: 1; }
.calcListaDestinoR span.calcValorDestinoR,
.calcListaDestino span.calcValorDestino { display: none; }
.calcListaDestinoR dd ul li a,
.calcListaDestino dd ul li a { padding: 4px 8px; display: block; }
.calcListaDestinoR dd ul li a:hover,
.calcListaDestino dd ul li a:hover { background-color: #977bd7; }
.calcListaDestinoR img.calcBanderaDestinoR,
.calcListaDestino img.calcBanderaDestino { border: none; vertical-align: text-top; margin: 0px 10px; padding-left: 10px; display: inline; }
.calcValorOrigen, .calcValorOrigenR, .calcValorDestino, .calcValorDestinoR{ display: none; }
.calcIzquierdoCuerpo h3{ font-size: 24px !important; }
a.calcFondoBotonResultado:hover, button.calcFondoBotonResultado:hover, a.calcFondoBotonCambiar:hover, button.calcFondoBotonCambiar:hover { background-color: #422d70; }
.calcFondoBotonResultado, .calcFondoBotonCambiar { background-color: #573b95; }
.calcBotonResultado:hover, .calcBotonResultadoR:hover, .calcBotonCambiar:hover { color: #FFF; }
a:hover, a:active { outline: 0; }
.calcBotonResultado, .calcBotonResultadoR, .calcBotonCambiar { color: #FFF; font-weight: 600; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.calcBotonResultado { padding: 10px 40px; float: right; }
.calcBotonCambiar { margin-left: -48px; padding: 5px; float: left; }
#calcImagenCambiar, #calcImagenCambiarR { width: 26px; height: 26px; background-image: url("../../../../../../../../cs/groups/public/documents/activo_web_bb/mgji/mde3/~edisp/bb017803.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 26px; }
#calcDerechoCuerpoTexto ol{list-style-type: decimal;}
#fondo h2 {font-size: 30px !important;}

#calcContenedorR, #calcCentroR, #calcLogoR, #calcTextoOrigenR, #calcTextoDestinoR, #calcBotonCambiarR, #calcBotonCalcularR { display: none; }
#calcContenedorR { background-color: #573b95; overflow: hidden; width: 100%; max-width: 320px; height: auto; margin: 0 auto; }
#calcCentroR { background-color: #573b95; width: 96%; max-width: 318px; height: 98%; margin: 4px auto; }
#calcLogoR { width: 100%; height: 50px; background-image: url("../../../../../../../../cs/groups/public/documents/multimedia_bb/mgji/mde0/~edisp/bb014001.png"); background-repeat: no-repeat; background-position: 50% 50%; padding-top: 70px; }
#calcTextoOrigenR, #calcTextoDestinoR { margin: 10px 10%; }
#calcTextoOrigenR input { width: 100%; height: 38px; font-size: 20px; text-align: right; font-weight: bold; }
#calcDivisaOrigenR, #calcDivisaDestinoR { background-color: #ffffff; width: 80%; height: 36px; padding: 6px 4px; border-radius: 5px; margin: 10px auto; }
.calcBotonResultadoR { padding: 10px 0px; margin: 0px 0px; display: block; }
#calcBotonCambiarR { background-color: #977bd7; width: 44px; height: 44px; padding: 6px 4px; border-radius: 5px; margin: 10px auto; }
#calcBotonCalcularR { background-color: #977bd7; width: 146px; height: 48px; padding: 6px 4px; border-radius: 5px; margin: 10px auto; }
#calcTextoResultadoR { background-color: #ffffff; width: 80%; height: 72px; padding: 6px; border-radius: 5px; font-size: 16px; text-align: center; font-weight: bold; margin: 10px 10%; }
#calcFechaHoraR { color: #ffffff; font-size: 12px; text-align: center; margin: 14px 0px 30px 0px; }
.calcListaDestino .calcBanderaDestino, .calcListaOrigen .calcBanderaOrigen,
.calcListaDestinoR .calcBanderaDestinoR, .calcListaOrigenR .calcBanderaOrigenR{
    border: none;
    vertical-align: bottom;
    margin: 0px 15px 0px 25px;
    padding-left: 38px !important;
    display: inline !important;
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform:scale(0.8);
    zoom: 0.8;
}
.calcListaDestino a, calcListaOrigen a,
.calcListaDestinoR a, calcListaOrigenR a{
	padding-top: 2px;
}

#calcContenedor .img-div, #calcContenedorR .img-div{
  box-shadow: 0px 0px 10px 1px #999;
  -webkit-box-shadow: 0px 0px 10px 1px #999;
  -moz-box-shadow: 0px 0px 10px 1px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}

@media screen and (max-width: 800px) {
	#calcContenedor { display: none; }
    #calcContenedorR, #calcCentroR, #calcLogoR, #calcTextoOrigenR, #calcTextoDestinoR, #calcBotonCambiarR, #calcBotonCalcularR { display: block; }
    .calcListaOrigen dd ul { width: 100%; }
    .calcBotonCambiar { margin: -2px auto; float: none; }    
    .calcListaOrigenR dd ul, .calcListaDestinoR dd ul { border: 1px solid #d9d9d9; border-top: 0px; width: 103%; margin: -6px 0px 0px -2px; }
	.hojasCalc {
	position: fixed;
	background:none !important;
	top: 50%;
    left: 50%;
	width: 100%;
	height: 80%;
	overflow: auto !important;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
}
}
@media screen and (max-width: 799px) and (min-width: 320px) {
	.calcListaOrigenR dd ul, .calcListaDestinoR dd ul { margin: -31px 0px 0px -2px; }
}