@charset "utf-8";

@font-face {
	font-family: 'bree_serifregular';
	src: url('../fonts/breeserif-iuju.woff2') format('woff2'),
		url('../fonts/breeserif-iuju.woff') format('woff'),
		url('../fonts/breeserif-iuju.ttf') format('truetype'),
		url('../fonts/breeserif-iuju.svg#bree_serifregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{ color: #555555; font-family: "bree_serifregular", serif; }
.fondo-naranja{ background-color: #e96331; }
.fondo-morado{ background-color: #4f2982; }
.fondo-panel{ background-color: #dddddd; }
.naranja{ color: #e96331; }
.naranja-claro{ color: #ffab91; }
.morado{ color: #4f2982; }
.morado-claro{ color: #d1c4e9; }
.blanco{ color: #ffffff; }
.gris-claro{ color: #999999; }
.amarillo{ color: #ff9800; }
.verde{ color: #4caf50; }
.azul{ color: #2196f3; }
.rojo{ color: #f44336; }
.banner{ background-color: #2196f3; color: #4f2982; vertical-align: middle; }
.page-header h3{ color: #ffffff; text-align: center; }
.boton-morado{ background-color: #4f2982; color: #ffffff; }
.boton-morado:hover, .boton-morado:focus{ color: #d1c4e9; outline: 0px; -webkit-box-shadow: 0px 0px 0px 0px !important; -moz-box-shadow: 0px 0px 0px 0px !important; box-shadow: 0px; }
.boton-naranja{ background-color: #e96331; color: #ffffff; }
.boton-naranja:hover, .boton-naranja:focus{ color: #ffab91; outline: 0px; -webkit-box-shadow: 0px 0px 0px 0px !important; -moz-box-shadow: 0px 0px 0px 0px !important; box-shadow: 0px; }
.boton-defecto{ background-color: #999999; color: #ffffff; }
.boton-defecto:hover, .boton-defecto:focus{ color: #555555; outline: 0px; -webkit-box-shadow: 0px 0px 0px 0px !important; -moz-box-shadow: 0px 0px 0px 0px !important; box-shadow: 0px; }
input:focus{ -webkit-box-shadow: 0px 0px 0px 0px !important; -moz-box-shadow: 0px 0px 0px 0px !important; box-shadow: 0px; }

/* MENU */
.navbar-iuju{ background-color: #e96331; color: #ffffff; border-radius: 0; margin-bottom: 15px; box-shadow: #555 0px 5px 5px; min-height: 80px; }
@media screen and (max-width: 440px){ .navbar-iuju{ min-height: 56px; } .logo{ height: 24px; } }
.navbar-toggle{ background-color: #4f2982; }
.navbar-toggle > span{ background-color: #d1c4e9; }
.navbar-iuju .fa{ color: #ffffff; }
.navbar-iuju .badge{ background-color: #4f2982; color: #ffffff; }
.collapse > ul > li > a{ color: #ffffff; }
.collapse > ul > li > a:hover, .collapse > ul > li > a:focus{ background-color: #e96331; color: #ffab91; }

@media screen and (max-width: 991px){ #si_tienes{ width:100%; margin-bottom:20px; } #enterate{ width:100%; } }

.tips{ font-size:64px; text-align:center; } .tips2{ font-size:32px; text-align:center; }
@media screen and (max-width: 750px){ .tips2{ font-size: 24px; } }
@media screen and (max-width: 570px){ .tips2{ font-size: 36px; } }
@media screen and (max-width: 530px){ .tips2{ font-size: 34px; } }
@media screen and (max-width: 520px){ .tips{ font-size: 64px; } .tips2{ font-size: 32px; } }
@media screen and (max-width: 490px){ .tips{ font-size: 60px; } .tips2{ font-size: 30px; } }
@media screen and (max-width: 460px){ .tips{ font-size: 56px; } .tips2{ font-size: 28px; } }
@media screen and (max-width: 400px){ .tips{ font-size: 48px; } .tips2{ font-size: 24px; } }
@media screen and (max-width: 330px){ .tips{ font-size: 40px; } .tips2{ font-size: 20px; } }

.well{ background: #e96331; color: #ffffff; }
.well .fa-chevron-left{ color: #ffffff; cursor: pointer; }
.well h3 small{ color: #ffab91; }

table tr th{ background-color: #4f2982; color: #ffffff; font-weight: normal; }
.fa-plus-circle, .fa-minus-circle, .fa-map-o, .fa-info-circle, .fa-bullseye{ cursor: pointer; color: #e96331; }

dl dt{ color: #ffffff; } dl dd{ color: #d1c4e9; margin-bottom: 1em; }

[data-logo]{ cursor: pointer; }
kbd{ background-color: #4f2982; color: #ffffff; margin-left: 0.25em; margin-right: 0.25em; cursor: pointer; }
kbd:hover{ color: #d1c4e9; }

.modal-header{ background-color: #4f2982; color: #ffffff; }
.modal-header span{ color: #ffffff; }
.modal-body, .bootstrap-dialog-message, .bootstrap-dialog-message p, .bootstrap-dialog-message p > strong, .bootstrap-dialog-message p > span{ background-color: #4f2982; color: #d1c4e9; }
.bootstrap-dialog-message > textarea{ height: 100px; resize: none; }

.control-label{ color: #4f2982; font-weight:normal; }

.enlace{ cursor: pointer; }