/***** GERAL ******/
* {
    font-family: 'Roboto', arial, monospace, sans-serif;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #00C700 transparent transparent;
}
ul.submenu.menu.vertical {
    top: 100%;
    right: auto;
    left: 0;
    background-color: rgba(254,254,254, 0.93);
	border: 0;
	box-shadow: 0 4px 4px rgba(0,0,0,.17);
}
.callout {
    border: 0;
}
.menu-text a.link-brand-unesc {
	background: none !important;
}
a.link-brand {
    float: left;
}
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 0px solid transparent;
    border-radius: 0;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.88rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #00AA00;
    color: #FFFFFF;
}
.button:hover, .button:focus {
    background-color: #00C700;
    color: #fefefe;
}
.top-bar-spaces {
    padding-top: 2.250rem;
    padding-bottom: 2.250rem;
}

/*** Unesc Social Media and Contact ***/

.unesc-social {
    margin: 0;
	padding-top: 0.75rem;
	list-style: none;
}
.unesc-social > li {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    cursor: pointer;
    border-radius: 1rem;
    width: 1.5rem;
    height: 1.5rem;	
	transition: background-color 0.45s ease-out, color 0.45s ease-out;
	transition: background 0.45s ease-out, color 0.45s ease-out;
}
.unesc-social > li.facebook {
	background-color: #3b5998;
}
.unesc-social > li.facebook:hover {
	background-color: #819ACE;
}
.unesc-social > li.instagram {
	background-color: #E0406C;
}
.unesc-social > li.instagram:hover {
	background-color: #F1AABE;
}
.unesc-social > li.twitter {
	background-color: #55acee;
}
.unesc-social > li.twitter:hover {
	background-color: #97C6E9;
}
.unesc-social > li.youtube {
	background-color: #d42428;
}
.unesc-social > li.youtube:hover {
	background-color: #EA8789;
}
.unesc-social > li.linkedin {
	background-color: #3b5998;
}
.unesc-social > li.linkedin:hover {
	background-color: #96AAD6;
}
.unesc-social > li.flickr {
	background-color: #ff0084;
}
.unesc-social > li.flickr:hover {
	background-color: #E67BB2;
}
.unesc-social > li.mail {
	background-color: #08B0B3;
}
.unesc-social > li.mail:hover {
	background-color: #81DDDF;
}
.unesc-social > li.map {
	background-color: #886D94;
}
.unesc-social > li.map:hover {
	background-color: #C09AD1;
}
.unesc-social > li > a {
	font-size: 0.99rem;
    color: #FFFFFF;
    border-radius: 2rem;
    display: block;
    padding-top: 0.3rem;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
}
.unesc-social > ul > li:hover {
	opacity: 0;
}

/*** end of Unesc Social Media and Contact ***/


img.img-brand-colegio-unesc {
    width: 10rem;
    margin-top: 1rem;
}
header nav .menu > li, .menu.horizontal > li {
    display: inline-block;
}
header nav .top-bar-right {
    margin-top: 1rem;
	margin-right: 1rem;
}
header nav input[type="search"] {
    font-family: 'roboto';
    font-weight: normal;
    font-size: 0.85rem;
}
header nav button.button {
    height: 2.45rem;
	font-family: 'roboto';
    font-weight: normal;
}
ul.dropdown.menu {
    margin-top: 1.75rem;
}
.top-bar {
    padding-bottom: 1rem;
}
.top-bar, .top-bar ul {
    background-color: #F9F8FB;
}
.bg-color-gray {
    background-color: #F9F8FB;
}
.menu li a {
    color: #72707C;
}
.menu li a:hover, ul.nested .item-menu-colegio a:hover {
    color: #FFF;
    background: #00C700;
	border-color: #1779ba transparent transparent;
}
.menu li a:hover, ul.nested .item-menu-colegio a:hover {
    color: #FFF;
    background-color: rgba(0,199,0, 0.85);
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #00C700 transparent transparent;
}
.middle {
    margin-top: 1.4rem;
}
.middle h1 {
    text-align: center;
    color: #00C700;
    font-size: 2.5rem;
}
.middle .text-normal {
    margin-top: 1.875rem;
}
.list-box-infos {
    margin-top: 4rem;
}
.box-infos-bottom {
    background-color: #F8F8F8;
    border: 1px solid #e9e9e9;
}
.box-infos-bottom h3 {
    font-size: 1.2rem;
    text-align: center;
    color: #00C700;
}
.box-infos-bottom a {
    font-size: 1rem;
    text-align: center;
    color: #72707C;
    width: 100%;
    display: inline-block;
}
.img-boxinfo-contact, .img-boxinfo-place, .img-boxinfo-hat {
    width: 3rem;
    margin: 0 auto;
    display: block;
}
.img-boxinfo-contact {
    width: 2.16rem;
    height: 4rem;
}
.img-boxinfo-place {
    width: 1.7rem;
    height: 4rem;
}
.img-boxinfo-hat {
    width: 3.5rem;
    height: 4rem;
}
a.breadCrumbsLink {
    font-size: 0.75rem;
    color: #A3A0A4;
}
a.breadCrumbsLink:hover {
    color: #00C700;
}

.breadCrumbs span {
    font-size: 0.5rem;
}
.breadCrumbs {
    padding-bottom: 0.75rem;
}
.title-bar {
    padding: 0.5rem;
    background-color:#bfb9c1;
    color: #fefefe;
}
ul.list-of-estructure, ul.list-of-estructure li {
	margin-left: 0;
	padding-bottom: 0.85rem;
	list-style: none;
}
ul.list-of-estructure li i {
	margin-right: 0.35rem;
}
.top-bar-login {
	float: right;
	width: 100%;
	background-color: #F2F1F8;
}
.top-bar-login  .item-barr-top {
	font-size: 0.685rem;
}
.top-bar-login  .item-barr-top a i {
	font-size: 0.925rem;
}
.top-bar-login  .item-barr-top a {
	font-size: 0.7rem;
	border-left: 0.01rem solid #EAE6EF;
}
/******** HEADER NAV ***********/
header {
	width: 100%;
    display: flex;
	background-color:  #F2F1F8;
	border-bottom: 1px solid #F2F2F2;
}
header > nav {
    width: 100%;
}
header > nav > .top-bar {

}
header > nav > .top-bar ul.dropdown.menu {
    margin-top: 0rem;
}
.brand-unesc {
	opacity: 1.0;
	width: 3rem;
	float: left;
	transition: ease-in-out 0.2s;
}
.brand-unesc:hover {
	opacity: 0.75;	
}

/* End*/

/******** Footer Unesc ***************/
/* Medium and up until for 640px */
@media screen and (min-width: 40em) {
    .row.no-mobile-640 {
     	display: none !important;
	}
	.mobile-menu-footer {
    	display: inherit !important;
	}
}
/* Small only until for 639px */
@media screen and (max-width: 39.9375em) {
    .row.no-mobile-640 {
     	display: none !important;
	}
	.mobile-menu-footer {
    	display: inherit !important;
	}
}
/* Medium only  640px and 1023px*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .row.no-mobile-640 {
     	display: inherit !important;
	}
	.mobile-menu-footer {
    	display: none !important;
	}
}
/* Large and up  1024px*/
@media screen and (min-width: 64em) {
	.row.no-mobile-640 {
     	display: inherit !important;
	}
	.mobile-menu-footer {
    	display: none !important;
	}
}
.footer-nav {
    margin-top: 4rem;
    align-items: center;
    background-color: #F9F8FB;
    padding-left: 2rem;
    padding-right: 2rem;
    border-top: 1px solid #ede9f4;
    padding-top: 1rem;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}
hr.line-footer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 1px dotted #DFE0E2;
    width: 100%;
    float: left;
	clear: both;
    max-width: 100%;
}
.footer-nav-right {
    float: right;
}
footer > .row {
    max-width: 100%;
}
footer .row .columns {
    margin: 0;
    padding: 0;
}
ul.lista-links-footer-unesc {
    list-style: none;
    margin-left: 0;
}
.lista-links-footer-unesc li a {
    color: #72707C;
    font-size: 0.8125rem;
}
.lista-links-footer-unesc li a:hover {
    color: #bfb9c1;
}
h6.endereco-unesc {
    float: left;
    width: 100%;
    font-size: 0.8125rem;
    margin-top: 1rem;
    color: #72707C;
}
.institucional-brands {
    margin-bottom: 2rem;
    display: inline-block;
}
.institucional-brands ul {
    width: 100%;
    display: inline-block;
	margin: 0;
}
.institucional-brands ul li {
    display: inline-block;
    align-items: center;
    width: 10rem;
    text-align: center;
}
.institucional-brands ul li img {
    width: 6rem;
}


/** End Footer**/


/******** Media Queries ********/

/* Small only until for 639px */
@media screen and (max-width: 39.9375em) {
    .none-640 {
        display: none;
    }
    .responsive-menu-640 {
        display: inherit !important;
    }
	ul.submenu.menu.vertical {
		top: 100%;
		right: auto;
		left: 0;
		background-color: rgba(254,254,254, 0.93);
		box-shadow: 0 4px 4px rgba(0,0,0,0);
		border: 0;
		border-bottom: 1px solid #bfb9c1;
	}
	.menu.nested {
		margin-left: 0;
	}
    .link-brand {
        float: left;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding-bottom: 0.5rem;
    }
    .responsive-menu-640 {
        display: inline-flex;
        width: 100%;
        clear: both;
        border-top: 1px solid #e1e1e1;
    }
    ul.vertical.menu {
        width: 100%;
		border-top: 1px solid #efefef;
		border-bottom: 0px;
		background-color: #F9F8FB;
    }
	.vertical.menu .vertical li {
		border-bottom: 1px solid #ede9f4;
	}
	.vertical.menu .vertical li:last-child {
		border-bottom: 0px;
	}
    a.link-menu-colegio-1 {
        color: #00C700;
        font-size: 1.15rem;
    }
    ul.nested .item-menu-colegio a {
        color: #72707C;
    }
    .vertical {
        background: #F6F5F8;
    }
    .item-menu-colegio {
        border-bottom: 1px solid #e1e1e1;
    }
    ul .item-menu-colegio:last-child() {
        border-bottom: 0;
    }
    .is-accordion-submenu-parent > a::after {
        border-color: #00C700 transparent transparent;
    }
    .middle .text-normal {
        margin-top: 1.875rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
	.close-bread {display: none;
	}
	ul.list-of-estructure li {
		margin-left: 1.85rem;
		list-style-type: disc;
	}
}

/* Medium and up until for 640px */
@media screen and (min-width: 40em) {
    .responsive-menu-640 {
        display: none;
    }
    .menu li a {
        font-size: 0.921rem;
    }
}
/* Medium only  640px and 1023px*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    a.link-menu-colegio-1 {
        color: red !important;
    }
    img.img-brand-colegio-unesc {
        margin-left: 1rem;
    }
    .menu li a {
        font-size: 0.921rem;
    }
	ul.list-of-estructure li {
		margin-left: 0.1rem;
		list-style-type: disc;
	}
}
/* Large and up  1024px*/
@media screen and (min-width: 64em) {}

/* Large only 1024px and 1199px*/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* Large only 4k and 1199px*/
@media screen and (min-width: 160em) {
    body {
        width: 1440px;
        margin: auto;
    }
}