@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100); /*100 = Thin ; 300 = Light e 400 = Normal*/

*{
    border: 0px;
    box-shadow: 0px;
}

body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	}

bgbranco{background-color:#ffffff;}
bgpreto{background-color:#000000;}
bgpreto{background-color:#000000;}
bgazul{background-color:#5597d7;} 
bgcinza{background-color:#6B6B6B;}

header#menumobile{
    display:none;
	}

div#logomenumobile{
    display:none;
}

.menu{
    display:none;
}

footer#rodapemobile{
    display:none;
    }

/* css nativo (tema) do Bootstrap*/ 

/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
    }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }

.topo{
    background-color: #5597d7;
    height: 10px;
}

.navbar-default{
    font-family: 'Roboto100', sans-serif;
    background: #ffffff;
    border-color: #ffffff;
    height: 110px;
    box-shadow: none;  
    letter-spacing: 2px;
}

.navbar-default .navbar-nav>li>a{
    color: #555555;
    font-size: 1.625em; /*26px*/
    line-height: 50px;
	margin: 0 15px;
}

.navbar-default .navbar-nav>li>a:hover{
    color: #1d32a3;
    font-size: 1.625em;
	margin: 0 15px;
    border-bottom: 3px solid #da251c;
	padding-bottom: 0px;
	transition:all .1s ease;
}

.navbar-nav{
    margin-top: 10px;
    padding-left: 16px;
}

.info{
    float: right;
    width: 20%;
    height: 110px;
    display: none;
}

.containerinfotexto{
    margin-top:18px;
	line-height: 10px;
	color:#04669e;
	text-align:right;
	padding-right:35px;
}

.imginfo2{
	float:right;
	margin-top:16px;
	padding-right: 10px;
	}

.imginfo{
	float:right;
	margin-top: 5px;
	padding-right: 10px;
	}

.carousel-indicators{
    display: none;
}

.col-sm-1{
    width: 25%;
}

.caixasinfos{
    background-color: #5597d7; color: #ffffff; font-size: 16px; text-align: justify; padding: 20px;
}

.quemsomos{
    /*padding-top: 25px;*/
    padding-bottom: 25px;
}

.textoquemsomos{
    color: #6b6b6b;
    font-family: 'Roboto100', sans-serif;
    padding-left: 5px;
    padding-top: 25px;
    font-size: 17px;
    padding-right: 20px;
    text-align: justify;
}

.imgfrenteceja{
    display: block;
    margin: auto;
}

.tituloceja{
    color: #1D32A3;
    font-weight: 300;
    font-size: 30px;
}

.btn-info{
    background: #5597d7;
    border: 0;
    display: block;
    margin: auto;
    width: 130px;
    height: 40px;
    font-size: 17px;
    margin-top: 20px;
    -webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.btn-info:hover{
    background: #da251c;
    border: 0;
    display: block;
    margin: auto;
    width: 130px;
    height: 40px;
    font-size: 17px;
    margin-top: 20px;
    -webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}

.tituloensino{
    font-weight: 300;
    font-size: 35px;
    color: white;
    padding-bottom: 15px;
}

.tituloeleva{
    font-weight: 300;
    font-size: 35px;
    color: #058170;
    padding-bottom: 15px;
}

.textoeleva{
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
    color: #6b6b6b;
    font-family: "Roboto100",sans-serif;
    font-size: 17px;
    text-align: justify;
    margin: 0;
}

.textoensino{
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: "Roboto100",sans-serif;
    font-size: 17px;
    text-align: justify;
    margin: 0;
}

.divensinoinfantil{
    background-color:#5597d7;
    width: 100%;
}

.containerensinoinfantil{
    background-color:#5597d7;
}

.divensinofundamental{
    background-color:#1D32A3;
    width: 100%;
}

.containerensinofundamental{
    background-color:#1D32A3;
}

.divensinomedio{
    background-color:#CB0000;
    width: 100%;
}

.containerensinomedio{
    background-color:#CB0000;
}

.divensinotecnico{
    background-color:#6B6B6B;
    width: 100%;
}

.containerensinotecnico{
    background-color:#6B6B6B;
}

.divcejanovaiguacu{
    background-color:#00b3c2;
    width: 100%;
}

.containercejanovaiguacu{
    background-color:#00b3c2;
}

.divinformativos{
    background-color:#f4f4f4;
    width: 100%;
}

.containerinformativos{
    background-color:#f4f4f4;
}

.diveleva{
    background-color:white;
    width: 100%;
}

.containerceleva{
    background-color:white;
}

.divensinoinfo{
    background-color:#f4f4f4;
    width: 100%;
}

.containerensinoinfo{
    background-color:#f4f4f4;
}

.textoinfo{
    font-family: 'Roboto300', sans-serif;
    font-size: 14px;
    color: #6b6b6b;
    padding-bottom: 20px;
}

.divfacebook{
    background-color: #8d8d8d;
    width: 350px;
    height: 528px;
}

.divdepoimentos{
    background-color: #ffffff;
    width: 350px;
    height: 528px;
}

.tituloform{
    font-weight: 300;
    font-size: 40px;
    color: #1D32A3;
    text-align: left;
}

.nomesform{
    font-size: 16px;
    font-family: "Roboto300",sans-serif;
    color: #CB0000;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
}

.txtarea{
    width: 100%;
    height: 40px;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
    padding: 6px 12px;
}

.caixamsgform{
    height: 100px;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
    padding: 6px 12px;
}

.mapa1{
    width: 100%;
    background-color: #f4f4f4;
}

.mapa2{
    width: 100%;
    background-color: #f4f4f4;
    margin-top: 20px;
}

.titulomapa{
    font-weight: 300;
    font-size: 35px;
    /* text-align: center; */
    color: #1d32ab;
    margin-top: 20px;
    /* font-weight: 200; */
    /* text-align: right; */
}

.textomapa{
    font-size: 16px;
    color: #6B6B6B;
    font-family: "Roboto100",sans-serif;
    /* text-align: right; */
}

.mapaiframe{
    }

footer{
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    }

.containerfooterimg{
    padding: 10px;
    float: left;
    }

.textocontainerfooterimg{
    padding-top: 25px;
    float: left;
    color: #8d8d8d;
    }

.containerfootertextofernando{
    font-family: 'Roboto100', sans-serif;
    padding-right: 25px;
    padding-top: 25px;
    float: right;
    color: #8d8d8d;
    }

p#quemsomostextotitulo{
	font-family: "Roboto300",sans-serif;
	font-size: 25px;
	text-align: left;
	color: #1d32a3;
	margin-top: 30px;
	}

.quesomostextosubtitulo{
	font-size: 20px;
	color: rgb(187, 0, 0);
    text-align: left; 
	}

.quemsomostextofull{
	color: #6B6B6B;
	font-family: "Roboto100",sans-serif;
	font-size:17px;	
	padding-right:20px;
	text-align:justify;
	}

p#depoimentostitulo{
	font-family: "Roboto300",sans-serif;
	font-size: 25px;
	text-align: left;
	color: #1D32A3;
	margin-top: 30px;
	}

.imgdepoimento{
	width: 110px;
	height: 110px;
	display:block;
	margin:auto;
	margin-top: 50px;
    }

.depoimentotextofull{
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	color: #7c7c7c;
	font-family: "Roboto100",sans-serif;
	font-size: 17px;
    }

.linhadepoimento{
	width: 86%;
	height: 1px;
	background-color: #e0e0e0;
	margin-left: 30px;
	margin-right: 30px;
    }

.nomesdepoimento{
	font-size: 19px;
	color: rgb(29, 50, 162);
	padding-left: 30px;
	}
.imgquemsomos {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    }

.elevasaibamais{
    color: #058170;
}

.textobranco{
    color:white;
}

.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

@media screen and (max-width:768px){ /*tablet*/

.topo{
    background-color:;
    height: 10px;
    }

footer#rodape{
    display:none;
    }
    
footer#rodapemobile{
        display:block;
    }
    
.navbar-default{
    display:none;
    }

.divensinoinfo{
    display:none;
    }

.divfacebook{
    display:none;
    }

.titulomapa{
    text-align: center;  
    }
    
.textomapa{
    text-align: center;  
    } 

.txtarea{
    width: 90%;
    margin: auto;
    }
    
.caixamsgform{
    width: 90%;
    margin: auto;
    }

.tituloform{
    padding-left: 5%;    
    }
    
.nomesform{
    padding-left: 5%;
    }
    
header#menumobile {
    width: 20%;
    background: #dedede none repeat scroll 0% 0%;
    height: 70px;
    line-height: 75px;
    display: block;
    float:left;
	}

div#logomenumobile{
	width:100%;
	height:70px;
	background-color:#F4F4F4;	
	display:block;
	}

img#logomenumobile{
	margin:auto;
	display:block;
	padding-top: 10px;
	}

.menu{
    display:block; 
    height: 330px;
    }

.hamburger{
    cursor: pointer;
    display: block;
    margin: auto;
    margin-top: 24px;
}
    
.cross{
    background: none;
    position: relative;
    cursor: pointer;
    display: block;
    margin: auto;
    margin-top: 24px;
    z-index: 10000000000000;
}
    
.menu{z-index:1000000; font-size:0.8em; width:100%; background:#F4F4F4; position: relative; text-align: center; overflow: hidden;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; height: 302px;}
.menu li {display: block; padding:15px 0 15px 0; border-bottom:#CCC 1px solid; clear:both;}
.menu li:hover{display: block; background:#dedede; padding:15px 0 15px 0; border-bottom:#CCC 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
.menu ul li a:hover {color: #fff; text-decoration:none;}
.menu a{text-decoration:none; color:#1d32a3; font-size: 25px; font-family: "Roboto100",sans-serif;}
.menu a:hover{text-decoration:none; color:#cb0000; font-size: 25px; font-family: "Roboto100",sans-serif;}
    
.containerfootermobileimg{
    display: block;
    margin: auto;
}
    
.textocontainerfootermobileimg{
    display: block;
    margin: auto;
    padding-top: 10px;
    color: #8d8d8d;
}   

.containerfootermobiletextofernando{
    font-family: 'Roboto100', sans-serif;
    display:block;
    margin:auto;
    color: #8d8d8d;
    padding-top: 15px;
}

}

@media screen and (max-width:320px){ /*smartphone*/

.carousel{
    display: none;
    }
    
.imgfrenteceja{
    display: none;
    }
    
.textoquemsomos{
    padding-top: 0px;
    }

div#mapa1{
    display:none;
    }

div#mapa2{
    display:none;
    }

.menu{
    height: 298px;    
    }
    
.menu a {
    text-decoration: none;
    color: #1d32a3;
    font-size: 20px;
    font-family: "Roboto100",sans-serif;
    }

.menu li:hover {
    font-size: 20px;
    }
    
}