/* PLANTILLA 5 - SMSAhorro
COLOR PRIMARIO [NARANJA]: cabeceras, botones, identidad => #edad00
COLOR PRIMARIO / ALT: Para cuando dos colores primarios se juntan => #d0d0d0
COLOR SECUNDARIO [ARÁNDANO]: botones de acción, identidad secundaria => #ff6030
COLOR TERCIARIO [NEGRO]: acciones menores, contadores clickables => #3a3a3a
COLOR FONDO [GRIS]
*/
body{
	background-color: #f0f0f0 !important;
}
/* Perfil Lateral */
#perfil{
	background-color: #edad00;
	background-image: url("../imagenes/fondo_perfil_plantilla6.png");
}
#acciones-perfil > span{
	border-right: 1px solid #d0d0d0;
}
/* Cuadros Flotantes */
.cuadro-flotante h2{
	background-color: #000000;
	color: #FFFFFF;
}
.modal-header{
	background-color: #000000;
	text-align: center;
}
.modal-header .modal-title{
	color: #FFFFFF;
	font-size: 18px;
}
/* Cómputo Resumen */
.computo-resumen{
	background-color: #d0d0d0;
} 
/* Menú Tabs */
.tabs-contenedor > menu > article.actual{
	background-color: #ffcc00;
	border: 1px solid #ffcc00;
}
/* Botones */
.boton-accion{
	background-color: #edad00;
}
.boton-accion:hover{
	background-color: #ffa22e;
}
.boton-panel, .boton-filtrar{
	background-color: #ff6030;
}
.boton-panel:hover, .boton-filtrar:hover{
	background-color: #d34317;
}
.barra-progreso{
	background: #ff6030;
}
.boton-extra{
	background-color: #3a3a3a;
	color: #EEEEEE;
}
.boton-extra:hover{
	background-color: #494949;
}
/* Campos Personalizados */
.campos-personalizados > article{
	background-color: #3a3a3a;
	color: #EEEEEE;
}
/* Paneles */
.panel-instrucciones{
	border-left: 4px solid #edad00;
}
/* Contadores */
.contador{
	background-color: #edad00;
}
.contador-num{
	background-color: #3a3a3a;
}
.contador-redondo{
	background-color: #edad00;
}
/* Navegación */
.numeracion > article.pag-actual{
	background-color: #edad00;
}
/* Métodos de Pago */
.metodos-pago > article.seleccionado img{
	border: 2px solid #edad00;
}
/* Login */
#login-logo{
	background-color: #000000;
	margin: -50px 0 40px 0;
	max-width: 100%;
	width: 100%;
}
#login-logo > img{
	max-width: 300px;
}
.cuadro-login h1{
	background-color: #000000;
	color: #FFFFFF;
}
/* Warning */
.warning-caja{
	border-left: 4px solid #ff0000 !important;
}
.warning-texto{
	color: #ff0000 !important;
	font-weight: bold;
}
.warning-letra{
	font-size: 16px !important;
}