@font-face {
    font-family: "Century";
    src: url(../fonts/century-gothic.ttf) format("truetype");
}

body {
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4 {
    font-family: 'Century', sans-serif;
    /*font-weight: 200;*/
}

footer {
    margin-top: 35px;
}

#navbar-frateli {
    background-color: #FAF8EC;
    border-radius: 0px;
}

#navbar-frateli .navbar-nav>li>a {
	font-family: 'Century', sans-serif;
    color: #2E3A8A;
}

#navbar-frateli li a:hover {
    border-bottom: 1px solid #2E3A8A;
    margin-bottom: -1px;
}

.banner-logo{
    max-height: 200px;
    margin: 10px 0px;
}

#aside img {
    margin-bottom: 5px;
}

video[poster]{
	max-height: 200px;
}

.fratelli-header {
    background-image: url('../images/banner_frateli.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: calc(100% + 30px);
    height: 230px;
    margin-top: -20px;
    margin-left: -15px;
}

.fratelli-h1 {
    padding-top: 50px;
    font-size: 60px;
}

.navbar-page {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.frateli-logo {
    margin-top: 30px;
    margin-bottom: 20px;
    max-height: 170px;
    text-align: center;
}

.img-center {
    text-align: center;
}

.header-side {
    height: 230px;
    padding: 0px !important;
    background: url('../images/p1/frateli.jpg');
    /*background-size: contain;*/
    background-position: center;
    background-repeat: no-repeat;
}

.top-menu-d {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.circle {
    border-radius: 50%;
    height: 100px;
}

.agenda {
    background-image: url('../images/calendar-background.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 350px;
}

.agenda > ul {
    padding: 50px 80px 0px 80px;
}

.agenda > ul > li {
    list-style: none;
    color: white;
}

.escolares {
    background-image: url('../images/bg-escolares.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 350px;
}

.escolares > p {
    padding: 25px 80px;
    color: white;
}

.article-content {
    background-image: url('../images/bg-content.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 130px;
}

.article-content-css {
    background: rgba(102, 153, 204, 1);
    background: -moz-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 169, 224, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(102, 153, 204, 1)), color-stop(100%, rgba(102, 169, 224, 1)));
    background: -webkit-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 169, 224, 1) 100%);
    background: -o-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 169, 224, 1) 100%);
    background: -ms-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 169, 224, 1) 100%);
    background: linear-gradient(to right, rgba(102, 153, 204, 1) 0%, rgba(102, 169, 224, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6699cc', endColorstr='#66a9e0', GradientType=1);
    /*background-color: #5896d1;*/
    margin-top: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.article-content-css p {
    padding: 4%;
}

.article-content-css .slide-content {
    padding: 4%;
}

.article-content-css p.inline-content {
    padding: 1% 3%;
}

.materias {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #FFF;
    margin: 15px;
    padding: 5px 5px 5px 15px;
}

.form-frateli {
    border: 3px solid #6391BF;
    color: #2E3A8A;
}

.form-frateli::placeholder {
    color: #6391BF;
}

.form-frateli-1 {
    border: 0px solid #6391BF;
    color: white;
    background-color: #6391BF
}

.form-frateli-1::placeholder {
    color: #EEE;
}

ul.materias li {
    list-style: none;
}

.p-4 {
    padding: 4%;
}

.p-10 {
    padding: 10%;
}

a.data-element:hover {
    color: white;
}

#mail-contacto a,
#mail-contacto a:hover {
    color: white;
}


/*SLIDE*/

.super-content-slide {
    height: 230px;
    margin-top: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.super-content-slide p {
    padding: 5%;
}

.blue-slide {
    background: rgba(102, 204, 204, 1);
}

.red-slide {
    background: rgba(204, 102, 102, 1);
}

.green-slide {
    background: rgba(153, 204, 51, 1);
}

.yellow-slide {
    background: rgba(255, 204, 51, 1);
}

.bluegreen-slide {
    background: rgba(153, 204, 102, 1);
}

.arrow-down-blue {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 25px solid rgba(102, 204, 204, 1);
    font-size: 0;
    line-height: 0;
    margin-top: 0px;
    margin-left: 12%;
    padding-bottom: 10px;
}

.arrow-down-red {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 25px solid rgba(204, 102, 102, 1);
    font-size: 0;
    line-height: 0;
    margin-top: 0px;
    margin-left: 29%;
    padding-bottom: 10px;
}

.arrow-down-green {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 25px solid rgba(153, 204, 51, 1);
    font-size: 0;
    line-height: 0;
    margin-top: 0px;
    margin-left: 46%;
    padding-bottom: 10px;
}

.arrow-down-yellow {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 25px solid rgba(255, 204, 51, 1);
    font-size: 0;
    line-height: 0;
    margin-top: 0px;
    margin-left: 63%;
    padding-bottom: 10px;
}

.arrow-down-bluegreen {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 25px solid rgba(153, 204, 102, 1);
    font-size: 0;
    line-height: 0;
    margin-top: 0px;
    margin-left: 80%;
    padding-bottom: 10px;
}

#carousel-header{
    height: 230px;
    /*min-height: 205px;
	max-height: 230px;*/
}
.carousel-inner>.item{
    vertical-align:middle;
    text-align: center;
}
#carousel-header .carousel-inner>.item>img{
    margin: 0 auto;
    max-height: 230px;
}

/*COLORS*/

.fratelli-bgcolor {
    background-color: #2E3A8A;
}

.bg-blue {
    background-color: #7BBDD0;
}

.bg-gradiente {
    background-color: #6391BF
}


/*FONT COLOR*/

.purple {
    color: #6D4892;
}

.blue {
    color: #2E3A8A;
}

.white {
    color: #FFF;
}