@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900|Source+Sans+Pro:300,400,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=VT323');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:500&display=swap');
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
/* especial */
.newtohtml5::after {
    content: ' (generated content).';
}
span::after {
	content: 
	width: 0;
  	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #2f2f2f;
	font-size: 0;
	line-height: 0;
	float: left;
}
.P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 8em
}
/* fin especial */
:root {
    -btn-primary: #4285f4;
    -btn-default: #2bbbad;
    -btn-secondary: #a6c;
    -btn-success: #00c851;
    -btn-info: #33b5e5;
    -btn-warning: #fb3;
    -btn-danger: #ff3547;
}
.null {
    margin: 0;
}
.btn {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn:active, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    outline: 0;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.btn-primary {
    background-color: #4285f4!important;
    color: #fff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    background-color: #0b51c5!important;
}

.btn-default {
    background-color: #2bbbad!important;
    color: #fff;
}

.btn-secondary {
    background-color: #a6c!important;
    color: #fff;
}

.btn-success {
    background-color: #00c851!important;
    color: #fff;
}

.btn-info {
    background-color: #33b5e5!important;
    color: #fff;
}

.btn-warning {
    background-color: #fb3!important;
    color: #fff;
}

.btn-danger {
    background-color: #ff3547!important;
    color: #fff;
}
.divisas{
	float:left;
	background-color: #1c3148;
	/*background-image:url(/styles/img/bg_divisas_carr.png);*/
	font-family: 'VT323', sans-serif;
}
.divisas .bandera{
	font-size:25px;
	padding:4px 3px 0px 3px;
}

.divisas .bandera img{
	width:30px;
	height:25px;
	margin-top:-4px;
}

.divisas .moneda{
	color:#c2c2c2;
	/*color:#E7ff03;*/
	font-size:35px;
	padding:0px 10px 0px 0px;
}

.divisas .valor{
	color: #ffffff; /*letra blanca*/
	/*color:#FF0000;*/
	font-weight:400;
	font-size:35px;
	padding:0px 5px;
}

body.azul{
	/* background-image: url(bluebackground.jpg); */
	/* background: #002572; version publicada */
	/* background: #002572d4; */
	background: #2c4c70;
	/* color: #fff; */

}
.trans {
	/* background:rgba(6,27,33,0.5); */
	/*background-image: url(bluebackground.jpg);*/
	/*background-repeat: repeat;*/
}

.logo2{
	margin: 15px 0px;
	max-width: 100%;
}

.sl{
	margin: 0px 0px;
}
.donde{
	margin: 0px 0px;
	font-family: 'Poppins', sans-serif;
	color: #ebebeb;
}
h1.moneda{
	margin: 30px 0px 0px 0px;
	padding: 0px;
	/*border-top: 1px solid #CCC;*/
	/*border-bottom: 1px solid #CCC;*/
	text-align: center;
	line-height: 50px;
	/*font-size: 50px;*/
	height: 75px;	
	font-family: 'Poppins', sans-serif;
	color: #ebebeb;

}
.cambios h1 {
	text-align: center;
	margin: 12px;
	font-size: 30px;
	color: #c2c2c2;
}
.cambios h2 {
	text-align: center;
	margin: 0px 0px 60px 0px;
	font-size: 60px;
	font-weight: bold;
	font-family: 'Fjalla One', sans-serif;
	/*color: #ffffff; letra blanca*/
	color: #E7ff03;
}

.cambios i.sube {
	color: #40dc4e;
	font-size: 30px;
}
.cambios i.baja {
	color: #ff716b;
	font-size: 30px;
}
.cambios i.igual {
	color: #909090;
	font-size: 30px;
}

@media(max-width:1200px){
	.logo2 img{
		width: 300px;
		margin: 15px 0px;
	}
	h1.moneda{
		margin: 0px 0px 0px 0px;
		line-height: 30px;
		font-size: 25px;
		height: 40px;
	}
	.cambios h1 {
		margin: 0px;
		font-size: 25px;
	}
	.cambios h2 {
		margin: 0px 0px 60px 0px;
		font-size:45px;
		font-weight: bold;
	}
	.divisas{
	float:left;
	background-color:rgba(45, 35, 35);
	width: 183%;
	font-family: 'VT323', sans-serif;
	}
	.bandera_grande{
	width="75%";
	}
}

@media(max-width:800px){
	.cambios.cp{
		padding-top: 5px;
	}
	.cambios.vt{
		padding-top: 5px;
	}
	.divisas{
	width: 100% !important;
	}
	.header{
		background-color: lightslategray;
	}
	.logo2 img{
		width: 300px;
		margin: 15px 0px;
	}
	.img-container-block {
	text-align: center;
	}
	.trans {
     background: none; 
	}
	h1.moneda{
/*		margin: 13px 0px 15px 0px;
		line-height: 35px;
		font-size: 35px;
		height: 35px;
			*/
		margin: 4px 0px 4px 0px;
		line-height: 15px;
		font-size: 15px;
		height: 35px;
	}
	.cambios h1 {
		margin: 0px;
		/*font-size: 25px;*/
		font-size: 12px;
	}
	.cambios h2 {
/*		margin: 0px 0px 60px 0px;
		font-size: 35px;
		font-weight: bold;*/
		margin: 3px 0px 0px 0px;
		font-size: 20px;
		font-weight: bold;
	}
	.cambios i.baja {
    font-size: 15px;
	}
	.cambios i.sube {
    font-size: 15px;
	}
	.cambios i.igual {
    font-size: 15px;
	}
	.donde {
    margin: -10px 0px 0px;
	}
}