@import url(//allfont.net/allfont.css?fonts=montserrat-light);

html, body {margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Montserrat Light', arial;}
nav#top {margin: 0; display: block; overflow: hidden; border-top: #929497 10px solid; position: fixed; top: 30px; width: 100%; left: 0; background: rgba(255, 255, 255, 0.95); z-index: 5555;}
nav#top a#logo {float: left; margin: 13px 0 0 0;}
nav#top ul {margin: 0; padding: 0; list-style-type: none; overflow; hidden; float: right;}
nav#top ul li {float: left; display: block; margin: 0; padding: 0; margin: 0 0 10px 5px;}
nav#top ul li a {color: #929497; text-decoration: none; text-transform: uppercase; font-size: 15px; display: block; line-height: 40px; padding: 20px 7px 0 7px; position: relative;}
nav#top ul li a:hover, nav#top ul li a.selected {background: #929497; color: #fff;}
nav#top ul li a.selected:after {position: absolute; left: 0; bottom: -10px; height: 5px; content: ''; width: 100%; background: #8bb0ce;}

div#top-bg{width: 100%; position: fixed; top: 0; left: 0; overflow: hidden; height: 30px;}
div#top-bg span {height: 100%; width: 20%; float: left; display: block; background: #1e417c;}
div#top-bg span + span {background: #2db5aa;}
div#top-bg span + span + span {background: #fbbe4d;}
div#top-bg span + span + span + span {background: #90a23a;}
div#top-bg span + span + span + span + span {background: #487b73;}

section {overflow: hidden; height:auto !important; display: block; padding-top: 137px;}
div.container {max-width: 932px; margin: 0 auto; overflow: hidden; }

header#home {margin-top: 30px; width: 100%; max-height: 298px; overflow: hidden;}
header#home img+img {display: none;}

section#inicio p {color: #929497; font-size: 22px; line-height: 28px; font-weight: 300; font-family: 'Montserrat Light', arial;}
section#inicio .small span {display: block; width: 233px; height: 131px; background: url(/resources/img/ver-video.jpg) no-repeat; cursor: pointer;}

section#multipliers p {font-size: 15px; color: #7B7C7F; font-family: 'Montserrat Light', arial; line-height: 19px;}
section h1 {color: #F8C54C; font-weight: 400; font-size: 30px; line-height: 32px; margin: 55px 0 0 0; padding: 0; font-family: 'Montserrat Light', arial; font-weight: 300;}
section h2 {font-family: 'Montserrat Light', arial; color: #929497; font-size: 17px; line-height: 23px; font-weight: normal; margin: 0;}
section#disciplinas h1 {margin: 0;}
section#disciplinas p {margin: 16px 10px; font-size: 14px; line-height: 16p.7px; color: #929497; font-family: 'Montserrat Light', arial; }
section#tres-ps h1 {margin: 0; font-size: 60px; line-height: 66px; color: #929497; font-family: 'Montserrat Light', arial; }
section#tres-ps p.large {font-size: 17px; line-height: 22px; color: #929497; font-family: 'Montserrat Light', arial; margin: 16px 0;}
section#tres-ps p {margin: 16px 20px; font-size: 16px; line-height: 19px; color: #929497; font-family: 'Montserrat Light', arial; }
section#coaching h1 {margin: 0; font-size: 60px; line-height: 66px; color: #929497; font-family: 'Montserrat Light', arial; }
section#coaching p {margin: 16px 20px; font-size: 16px; line-height: 19px; color: #929497; font-family: 'Montserrat Light', arial; }
section#quienes-somos h1 {margin: 0; font-size: 70px; line-height: 74px; color: #929497; font-family: 'Montserrat Light', arial; }
section#quienes-somos h3 {margin: 0; font-size: 27px; line-height: 32px; letter-spacing: 1px; color: #8bb0ce; font-family: 'Montserrat Light', arial; font-weight: 300;}
section#quienes-somos p {margin: 16px 0; font-size: 17px; line-height: 20px; color: #7b7c7f; font-family: 'Montserrat Light', arial; }
section#quienes-somos p.large {font-size: 19px; line-height: 24px; color: #7b7c7f; text-align: justify;}
section#las-tres-ps h1 {margin: 0; font-size: 55px; line-height: 66px; color: #929497; font-family: 'Montserrat Light', arial; }
section#las-tres-ps h3 {margin: 0; font-size: 27px; line-height: 32px; letter-spacing: 1px; color: #8bb0ce; font-family: 'Montserrat Light', arial; font-weight: 300;}
section#las-tres-ps p {margin: 16px 0; font-size: 17px; line-height: 20px; color: #7b7c7f; font-family: 'Montserrat Light', arial; }
section#las-tres-ps .two-thirds > p {margin-top: 0;}
section#las-tres-ps p.large {font-size: 26px; line-height: 32px; color: #f8c54c; text-align: justify; font-family: 'Montserrat Light', arial;}
section#las-tres-ps p.orange {color: #f8c54c;}
section#las-tres-ps ul {list-style-type: none; margin: 0; padding: 0;}
section#las-tres-ps ul li {list-style-type: none; margin: 16px 0 16px 70px; padding: 0; position: relative; color: #7b7c7f; font-family: 'Montserrat Light', arial;}
section#las-tres-ps ul li:after {position: absolute; content: ''; top: 0; left: -70px; background: url(/resources/img/arrow-icon.png); width: 60px; height: 25px;}
section#shared-services h1 {margin: 0; font-size: 60px; line-height: 66px; color: #929497; font-family: 'Montserrat Light', arial; }
section#shared-services p {margin: 16px 20px; font-size: 16px; line-height: 19px; color: #929497; font-family: 'Montserrat Light', arial; }
section#shared-services .container {background: url(/resources/img/services-bg.png) top center no-repeat;}
section#shared-services .one p:nth-child(1) {margin-left: 0; margin-right: 64px; margin-top: 40px;}
section#shared-services .one p:nth-child(2) {margin-left: 124px; margin-right: 20px; margin-top: 40px;}
section#shared-services .two p:nth-child(1) {margin-left: 100px; margin-right: 60px; margin-top: 40px;}
section#shared-services .two p:nth-child(2) {margin-left: 24px; margin-right: 86px; margin-top: 20px;}
section#shared-services .three p:nth-child(1) {margin-left: 410px; margin-right: 106px; margin-top: 20px;}
section#shared-services .three p:nth-child(2) {margin-left: 360px; margin-right: 160px; margin-top: 20px;}
section#contacto h1 {margin: 0; font-size: 60px; line-height: 66px; color: #929497; font-family: 'Montserrat Light', arial; }
section#contacto p.large {font-size: 20px; line-height: 24px; color: #929497; font-family: 'Montserrat Light', arial; margin: 16px 0 16px 125px;}
section#contacto .container .take-it {background: url(/resources/img/email-icon.png) no-repeat left top;}
section#contacto .container .take-it .oh {margin-left: 125px; font-size: 20px; line-height: 24px; color: #929497; font-family: 'Montserrat Light', arial;}
section#contacto .container .take-it .oh img {vertical-align: middle;}
section#contacto .container .take-it .contacter .oh {margin: 0;}
section#contacto .contacter {border: 1px solid #b2b4b6; padding: 15px 28px; width: 560px; margin: auto; box-shadow: 3px 3px 3px rgba(0,0,0,0.3), -1px -1px 1px rgba(0,0,0,0.1); margin-bottom: 6px;}
section#contacto .contacter label {width: 96px; display: block; float: left; height: 33px; line-height: 33px; font-family: 'Montserrat Light', arial; color: #929497; font-size: 14px;}
section#contacto .contacter input {width: 450px; float: left; height: 33px; line-height: 33px; font-family: 'Montserrat Light', arial; font-size: 14px; color: #929497; border: 1px solid #ededed; box-shadow: 1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); margin: 3px; display: block; background: #fff;}
section#contacto .contacter textarea {width: 446px; float: left; line-height: 20px; font-family: 'Montserrat Light', arial; font-size: 14px; color: #929497; box-shadow: 1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); margin: 3px 0; display: block; margin: 3px; border: 1px solid #ededed}
section#contacto .contacter input.button {margin-right: 9px; text-decoration: none; color: #fff; height: 29px; line-height: 29px; text-align: center; padding: 0 24px; display: inline-block; cursor: pointer; font-size: 20px; font-family: 'Montserrat Light', arial; font-weight: 300; width: auto; background: #2db7ac; border: 1px solid #7bc9c3; float: none;}

.rb {border-right: 1px solid #d6d7d8; overflow: hidden; margin-right: 2px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(255, 255, 255, 1);}
.bb {border-bottom: 2px solid #d6d7d8; overflow: hidden; padding-bottom: 10px;}
.padr {padding-right: 18px;}
.padl {padding-left: 18px;}
.f16 {font-size: 16px!important;}

div.big {width: 568px; float: left;}
div.small {width: 348px; float: left;}
div.w360 {width: 360px; float: left;}
div.w572 {width: 572px; float: left;}
div.big + div.small, div.small + div.big {margin-left: 16px;}
div.third {width: 33%; float: left;}
div.two-thirds {width: 67%; float: left;}
div.half {width: 50%; float: left;}
div.fifth {width: 20%; float: left;}
div.sixth {width: 16.66%; float: left;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.taj {text-align: justify;}
.oh {overflow: hidden;}
.fl {float: left;}
.fr {float: right;}

.button, input.button {text-decoration: none; color: #fff; height: 29px; line-height: 29px; text-align: center; padding: 0 24px; display: inline-block; cursor: pointer; font-size: 20px; font-family: 'Montserrat Light', arial; font-weight: 300; width: auto;}
.blue.button {background: #003e7e; border: 1px solid #306296;}
.yellow.button {background: #fdbf4d; border: 1px solid #f0c26f;}
.teal.button {background: #2db7ac; border: 1px solid #7bc9c3;}

.success, .error {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px;
	display: block;
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
}


.mt3 {margin-top: 3px!important}
.mt5 {margin-top: 5px!important}
.mt10 {margin-top: 10px!important}
.mt15 {margin-top: 15px!important}
.mt20 {margin-top: 20px!important}
.mt30 {margin-top: 30px!important}
.mt40 {margin-top: 40px!important}
.mt55 {margin-top: 55px!important}
.mt29 {margin-top: 29px!important}
.mt38 {margin-top: 38px!important}
.mt82 {margin-top: 82px!important}
.mt160 {margin-top: 160px!important}
.mt250 {margin-top: 250px!important}