.purple { color: #7e1289; }
.white { color: #fff; }
.dark { color: #53626f; }
.bg-dark { background-color: #53626f; }
.bg-gray { background-color: #f4f7f9; }
.bold { font-weight: 400; }
.strong { font-weight: 900; }
.size { font-size: 1.1em; }
.super-space { margin-top: 100px; margin-bottom: 100px; }
.rep { font-weight: 600; color: #53626f; font-size: 1.3em; }

@media only screen and (min-width: 40em){
	.b-nav li.active, .b-nav li:hover {
    	border-top: none !important;
    	background-color: #f36911;
    	border-radius: 20px;
    	line-height: 35px;   
    	margin-top: 25px;
    	color: #fff;
	}
	.b-nav li.active a {
    	color: #fff;
    	font-size: 1.3em;
    	padding-right: 25px;
    	padding-left: 25px;
    	letter-spacing: .5px;
	}
    .resp { margin-bottom: -110px; }
}

.bord-r { border-right: solid 3px silver; }
.bord-l { border-left: solid 3px silver; }
.p-20 { padding: 20px; }
.p-100 { padding-top: 100px;padding-left: 5em }
.p-25 { margin-top: 25px; }
.ssbig {font-size: 3em;}

.b-cur li.active, .b-cur li:hover {
        border-top: none !important;
        background-color: #df1920;
        border-radius: 20px;
        line-height: 35px;   
        margin-top: 25px;
        color: #fff;
        list-style: none;
    }
    .b-cur li.active a {
        color: #fff;
        font-size: 1.3em;
        padding-right: 25px;
        padding-left: 25px;
        letter-spacing: .5px;
        list-style: none;
    }

@media only screen and (max-width: 40.063em){ 
    .big { font-size: 2em; }
    .sbig { font-size: 4em; font-weight: 900; }
    .bt { text-shadow: 1px 1px 20px #635d59; }

}

@media only screen and (min-width: 40.063em) { 
    .big { font-size: 4em; }
    .sbig { font-size: 6em; font-weight: 900; }
    .bt { text-shadow: 1px 1px 20px #635d59; }
    .icons { padding-top: 2em; text-align: right; }
    .iconss { padding-top: 2em; text-align: left; }
}
.bg-banner { background: url('img/banner_s_t.jpg')no-repeat center bottom; background-size: cover; }
.bg-perfil { background: url('img/perfil_liderazgo.jpg')no-repeat center bottom; background-size: cover; }
#wrp-contacto { background-color: rgb(201,206,210, .9); margin-top: 20px; border-radius: 30px; padding: 20px; }
#wrp-contacto input { background-color: #f4f7f9; border-radius: 30px; }
#wrp-contacto input[type="submit"] { background-color: #f36911; font-size: 1.2em; border-radius: 30px; }
::-webkit-input-placeholder { color: #999; }

.lead { font-size: 1.2em; text-align: right; }
.box-how { padding: 4em; }
.box-how h2 { padding: 50px; }
.ul-risks { align-items: center; justify-content: center; }
.ul-risks img { float: left; }
.ul-risks li { padding: 20px; }

.bg-circ { background: url('img/semicirc.png')no-repeat left center; min-height: 210px; } 
.box-know { padding: 4em; }
.box-top { padding-top: 4em; padding-left: 4em; padding-right: 4em; }
.box-bottom { padding-bottom: 4em; padding-left: 4em; padding-right: 4em; }

.bg-ppl {  background: url('img/people.jpg')no-repeat center center; background-size: cover; min-height: 300px; }
.box-srv div { padding-top: 20px; padding-bottom: 20px; }
.box-srv div.wimg { border-radius: 20px;  box-shadow: 1px 1px 30px silver; text-align: center; }
.box-srv div.b1 { border: solid 3px #DC196A; margin-right: 20px; }
.box-srv div.b2 { border: solid 3px #FF2C43; margin-left: 20px; }
.box-srv div.b3 { border: solid 3px #EF7420; margin-right: 20px; }
.box-srv div.b4 { border: solid 3px #FBC93D; margin-left: 20px; }

.bg-crs { background: url('img/cursos.jpg')no-repeat; background-size: cover; }