/* ========================================================== */
/* ============ UNIRE: ESTILOS COMUNES A TODOS ============== */
/* ========================================================== */

/* =============== GENERAL, COLORES, FUENTES ================ */

html {
    font-family: "Raleway", Verdana, sans-serif;
}

body {
    background-color: #fbfbfb;
}

.theme-unire {
    /*background-color: #f92fa3 !important;*/ /*ROSA*/
    background-color: #00C853 !important; /*VERDE*/
}

.theme-unire-hover:hover {
    /*background-color: #ff71bb !important;*/ /*ROSA*/
    background-color: #00E676 !important; /*VERDE*/
}

.theme-unire-text {
    /*color: #f92fa3 !important;*/ /*ROSA*/
    color: #00C853 !important; /*VERDE*/
}

select:focus {
    outline: none;
    /*border-bottom: 2px solid #f92fa3;*/ /*ROSA*/
    border-bottom: 2px solid #00C853; /*VERDE*/
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.btn, .btn-large {
    font-weight: bold;
}

.btn-large {
    height: 48px;
    line-height: 48px;
    padding: 0 2rem;
}

a.link {
    color: inherit;
    text-decoration: none;
}
a.link:hover {
    text-decoration: underline;
}

.underline {
    text-decoration: underline !important;
}

small {
    font-size: small;
}

.staggered-item {
    opacity: 0;
}

.inline {
    display: inline-block;
}

.capital {
    float: left;
    font-size: 80px;
    line-height: 60px;
    padding: 2px;
    margin-right: 3px;
}


/* ================= ENCABEZADO Y MENU ================= */

header {
    padding-top: 10px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 992px) {
    header {
        padding-top: 4px;
    }
}

header nav li {
    text-transform: uppercase;
    font-weight: bold;
}

header nav .brand-logo {
    margin-top: 6px;
}

header .side-nav li:hover a {
    /*background-color: #f92fa3 !important;*/ /*ROSA*/
    background-color: #00C853 !important; /*VERDE*/
    color: #fff !important;
}
header .side-nav li a.current {
    background-color: #e2e2e2;
}

/* subrayado animado de los items del menu */
header nav .bottom-bar {
    position: relative;
    display: block;
    width: 100%;
}
header nav .bottom-bar:before,
header nav .bottom-bar:after {
    content: '';
    height: 3px;
    width: 0;
    bottom: 4px;
    /*background-color: #f92fa3 !important;*/ /*ROSA*/
    background-color: #00C853 !important; /*VERDE*/
    position: absolute;
    transition: all 0.3s ease;
}
header nav .bottom-bar:before { left: 50%; }
header nav .bottom-bar:after { right: 50%; }

header nav li:hover .bottom-bar:before,
header nav li:hover .bottom-bar:after {
    width: 50%;
}

header nav li a.current .bottom-bar:before,
header nav li a.current .bottom-bar:after {
    width: 50% !important;
}

.titulo h4 {
    margin-top: 40px;
}
.titulo p {
    margin-bottom: 70px;
    font-size: 1.2em;
}
@media only screen and (max-width: 600px) {
    .titulo p {
        font-size: 1.1em;
    }
}

/* =================== PIE DE PAGINA =================== */

#logo-footer {
    margin-bottom: 4px;
}

footer i.material-icons {
    line-height: 1.5em;
}

footer ul.columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.btn-floating.btnWhatsapp {
	text-align: center;
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 15px;
	left: 15px;
}
.btn-floating.btnWhatsapp img {
	width: 30px;
	vertical-align: bottom;
}