/* ---------------------------------- */
/* --- ESTILOS PAGINAS BASICAS BM --- */
/* ---------------------------------- */



/* -- J U M B O -- Business Management -- */


.jumbo-bm h1 {
    color: #001a70;
    font-weight: 300;
    margin: 0 0 0.2em 0;
}

.jumbo-bm h2 {
    color: #444;
    font-weight: 300;
    margin: 0 0 0.6em 0;
}

.jumbo-bm h3,
.jumbo-bm p,
.jumbo-bm span {
    color: #222;
}

.jumbo-bm .btn {
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #001a70;
    color: #001a70;
    font-size: 0.8em;
    font-weight: 300;
    padding: 0.6em 1.2em;
    display: inline-block;
    margin: 0;
}

.jumbo-bm .btn:hover {
    background-color:#001a70;
    color: white;
}

div.banda-bm{
    background-color:#001a70;
}

div.banda-bm p, div.banda-bm h2{
    color: white;
}

div.banda-wrapper.bm p.titulo-icono i{
    color: #001a70;
}

div.bm .listado-etiquetas strong{
    background-color:#001a70;
}

div.bm .funcionalidades-wrap:hover {
    background-color: #e6e6e6;
    border-color: #001a70;
}

div.bm .funcionalidades-wrap:hover .funcionalidades-titulo {
    color: inherit;
}

div.bm .funcionalidades-wrap:hover .funcionalidades-icono img {
    background-color: transparent;
}




/* -- J U M B O -- Sage -- */
/*

.jumbo-sage h1 {
    color: #22DA27;
    margin: 0 0 0.2em 0;
}

.jumbo-sage h2 {
    color: #222;
    margin: 0 0 0.6em 0;
}

.jumbo-sage h3,
.jumbo-sage p,
.jumbo-sage span {
    color: #222;
}

.jumbo-sage .btn {
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #22DA27;
    color: #22DA27;
    font-size: 0.8em;
    padding: 0.6em 1.2em;
    display: inline-block;
    margin: 0;
}

.jumbo-sage .btn:hover {
    background-color: #22DA27;
    color: white;
}
*/

/* -- Banda SAGE Modulos -- */


div.banda-sage-modulos {
    background-color: #444;
    background-image: url("/sites/default/files/pictures/sage-x3-fondo-nyc.jpg");
}

div.banda-sage-modulos .titulo-banda {
    color: white;
}

div.banda-sage-modulos p {
    color: white;
    text-align: center;
}


/* -- Banda SAGE Oscuro -- */


div.banda-sage-oscuro {
    background-color: #444;
    background-image: url("/sites/default/files/pictures/sage-murano-fondo-zapas.jpg");
}

div.banda-sage-oscuro .titulo-banda {
    color: white;
}

div.banda-sage-oscuro h2 {
    color: white;
}

div.banda-sage-oscuro h3 {
    background-color: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 0.6em 0.6em 0 0;
    color: white;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1em;
    text-transform: uppercase;
}

div.banda-sage-oscuro p {
    color: white;
}

div.banda-sage-oscuro ul {
    margin: 0;
    padding: 0;
}

div.banda-sage-oscuro li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
    color: white;
    font-size: 0.8em;
    list-style-type: none;
    line-height: 1em;
    margin: 0;
    padding: 0.8em;
}

div.banda-sage-oscuro .ul-footer {
    background-color: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    border-top: none;
    border-radius: 0 0 0.6em 0.6em;
    height: 25px;
}

div.banda-sage-oscuro .ul-footer span {
    display: none;
}


/* -- Banda SAGE Cita -- */


div.banda-sage-cita {
    background-color: #444;
    background-image: url("/sites/default/files/pictures/sage-x3-fondo-nubes.jpg");
    text-align: center;
}

div.banda-sage-cita p {
    color: white;
}

div.banda-sage-cita p.cita-btn a {
    border: 1px solid white;
    color: white;
}


/* -- Banda SAGE Caso de Exito -- */

div.banda-sage-cde {
    background-color: #7f008f;
    background-image: url("/sites/default/files/pictures/sage-murano-fondo-bokeh.jpg");
    text-align: center;
}

div.banda-sage-cde p.cita-btn a {
    border: 1px solid #222;
    color: #222;
}


/* --- Áreas MURANO --- */


.areas-murano-wrap {
    margin-bottom: 1em;
    overflow: hidden;
    transition: 0.25s ease-out;
}

.areas-murano-icono {
    border: 1px solid #ddd;
    border-radius: 0.6em 0.6em 0 0;
    border-bottom: none;
    line-height: 0.1;
    margin: 0;
    padding: 1em;
}

.areas-murano-wrap:hover .areas-murano {
    border-color: #22da27;
}

.areas-murano-titulo {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400 !important;
    margin: 0;
    padding: 0 0.6em 0.6em;
    text-transform: uppercase;
    transition: 0.25s ease-out;
}

.areas-murano-texto {
    border: 1px solid #ddd;
    border-top-style: dashed;
    border-radius: 0 0 0.6em 0.6em;
    font-size: 0.8em;
    height: 160px;
    margin: 0;
    padding: 1.2em;
    transition: 0.25s ease-out;
}

.areas-murano-wrap:hover .areas-murano-texto {
    background-color: #f6f6f6;
}


/* --- AREAS SAGE 200c --- */

.areas-200c-wrap {
    margin-bottom: 1em;
    overflow: hidden;
    transition: 0.25s ease-out;
}

.areas-200c {	
}

.areas-200c-icono {
    line-height: 0.1;
    border: 1px solid #ddd;
    margin: 0;
    padding: 1.2em;
    text-align: center;
}

.areas-200c-foto {
    line-height: 0.1;
    margin: 0;
    padding: 0;
    text-align: center;
}

.areas-200c-titulo {
    font-weight: 400!important;
    margin: 0;
    padding: 0.6em 1em 0.2em 1em;
    line-height: 1.2em;
    text-transform: uppercase;
    transition: 0.25s ease-out;
}

.areas-200c-titulo-foto {
    font-weight: 400!important;
    margin: 0;
    padding: 1.2em 0;
    line-height: 1.2em;
    text-transform: uppercase;
    transition: 0.25s ease-out;
    text-align: center;
}

.areas-200c-texto {
	border-bottom: 1px solid #DDD;
    font-size: 0.8em;
    margin: 0;
    padding: 0.2em 1.2em 0.6em 1.2em;
    transition: 0.25s ease-out;
}

.areas-200c-funcionalidades {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.areas-200c-funcionalidades li {
	border-bottom: 1px solid #ddd;
	font-size: 0.8em;
	padding: 0.6em 1.2em;
	
}

.areas-200c-btn {
	text-align: center;
}

.areas-200c-btn a {
	background-color: white;
    border: 1px solid #001a70;
    color: #001a70;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 300;
    padding: 0.3em 1.2em;
    text-transform: uppercase;
    transition: 0.25s ease-out;
    margin: 0;
}
.areas-200c-btn a:hover{
    border: 1px solid #222;
    background-color: #001a70;
    color: white;
    transform: scale(1.1);
}

/* --- Areas GENERICAS --- */


.areas-wrap {
    margin-bottom: 1em;
    overflow: hidden;
    transition: 0.25s ease-out;
}

.areas-icono {
    border-radius: 0.6em 0.6em 0 0;
    border-bottom: none;
    line-height: 0.1;
    margin: 0;
    text-align: center;
}

.areas-icono img {

}

.areas-wrap:hover .areas {
    border-color: #22da27;
}

.areas-titulo {
    color: #22da27;
    font-size: 1.2em;
    font-weight: 100 !important;
    line-height: 1.2em;
    margin: 0 auto;
    max-width: 300px;
    min-height: 4em;
    padding: 1.2em 1.2em 0;
    text-align: center;

}

.areas-texto {
    font-size: 0.9em;
    margin: 0;
    padding: 1.2em;
}


/* --- Areas DARKS --- */


div.banda-darks {
    background-color: #444;
    background-image: url("/sites/default/files/pictures/fondo-sistel-darks.jpg");
}

div.banda-darks .titulo-banda {
    color: white;
}

div.banda-darks p, div.banda-darks ul li {
    color: white;
}


/* --- Areas CIRCUITOS --- */


div.banda-circuitos {
    background-color: white;
    background-image: url("/sites/default/files/pictures/fondo-sistel-circuitos.png");
}


/* --- Areas NARANJA --- */

div.banda-naranja {
    background-color: #F1CD4A; /* amarillo */
    /* background-color: #ED8B00; */ /* naranja */
    /* background-image: url("/sites/default/files/pictures/fondo-sistel-darks.jpg"); */
}

div.banda-naranja .titulo-banda {
    color: white;
}

div.banda-naranja p {
    color: white;
}

div.banda-naranja .numero-valores {
    border: 2px solid white;
    display: block;
    font-size: 48px;
    font-weight: 300;
    height: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 100px;
    width: 100px;
}

div.banda-naranja .titulo-valores {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}


/*E-COMMERCE*/

div.banda-bm-ecommerce h2.texto{
    text-align: center;
}

div.banda-bm-ecommerce .caja-cita{
    background-color:#f0f0f0;
}

div.banda-bm-ecommerce p.texto-cita{
    padding: 1em 2em;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    font-style: italic;
}

div.banda-bm-ecommerce p.cita-btn{
    padding: 1em 2em;
    text-align: center;

}

div.banda-bm-ecommerce p.cita-btn a{
    color:white;
        background-color: #001a70; 
}


/* ecommerce v2 */

div.clase-bm-ecommerce-banda-1 p.svg-icono {
	text-align: center;	
}

div.clase-bm-ecommerce-banda-1 p.texto-icono {
	font-size: 1.4em;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0.6em;
	text-align: center;
	margin: 0.6em 0;
	line-height: 1.2em;
}

div.clase-bm-ecommerce-banda-1 p.desc-icono {
    font-size: 0.8em;
    margin: 0.6em 0;
}

.btn-ecommerce,
.btn-ecommerce:active,
.btn-ecommerce:visited {
    background-color: white;
    border: 2px solid #444;
    color: #444;
    display: inline-block;
    font-size: 0.8em;
    font-weight:300;
    margin: 0;
    padding: 0.6em 1.2em;
    transition: 0.25s ease-out;
}

.btn-ecommerce:hover {
    background-color: #0090e7;
    border-color: #0090e7; 
    color: white;
    transform: scale(1.1);
}