@CHARSET "UTF-8";
body {
	background: #dbe5f1;
	background: -webkit-linear-gradient(#dbe5f1, #fff);
	background: -o-linear-gradient(#dbe5f1, #fff);
	background: -moz-linear-gradient(#dbe5f1, #fff);
	background: linear-gradient(#dbe5f1, #fff);
	font-family: 'Roboto', Verdana, Arial;
}
.padding-0 {
	padding: 0!important;
}
.cemporcento {
	width: 100%!important;
}
.clear {
	clear: both!important;
}
.pull-left {
	margin-right: 4px;
	padding: 1%;
}
.center {
    margin: auto;
    display: block;
    text-align: center;
}

.fotoesquerda {
    float: left; margin: 8px 8px 8px 0;
}

 @media print {
.no-print, .no-print * {
	display: none !important;
}
}

@media screen and (min-width: 200px) and (max-width: 1000px) {
	.row {
		margin-bottom: 2%!important;
	}
	.row p {
		font-size: 0.98em!important;
	}
}




/* ------------------------- TOPO ------------------------- */
.topo {
	padding: 2% 0!important;
	background-color: #f5f5f5;
	border-radius: 10px 10px 0 0;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	border-left: 6px solid #fff;
	margin: 10px 0 0 0!important;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
input#matricula {clear: right !important;}
	}

/* ------------------------- MENU ------------------------- */
.navbar {
	margin-top: 0;
	margin-bottom: 0;
	color: #fff!important;
}
.navbar-nav a {
	color: #fff!important;
	font-weight: 700;
}
.navbar, .dropdown-toggle, .dropdown-menu {
	background-color: #0c4da1!important;
	border: none!important;
	border-radius: 0!important;
	color: #fff!important;
	padding: 0;
}
.dropdown-menu>li>a {
	background-color: #0c4da1!important;
}
.dropdown-menu a, .dropdown-menu a:hover {
	color: #fff!important;
}
.dropdown-toggle a:hover, .dropdown-toggle a:active, .dropdown-menu a:hover, .dropdown-menu a:active, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active {
	background-color: #0a2c58!important;
}

.dropdown-menu li {
	border-top: 1px solid #1d569f;
}
.navbar-toggle {
	background-color: #0a2c58!important;
}
.navbar .icon-bar {
	background-color: #fff!important;
}
.navbar-text, .navbar-text a {
	color: #fff!important;
}
.navbar-text a:hover {
	color: #ffbb54!important;
}
.nav>li>a:hover {background-color: #0c4da1!important;}

@media screen and (min-width: 1250px) and (max-width: 1600px) {
		.navbar   { font-size: 1.1em!important; }
	}
@media screen and (min-width: 600px) and (max-width: 1250px) {
		.navbar   { font-size: 0.95em!important;
		 }
	}
	
.login {padding: 0 2%;}
.barra .glyphicon {color: #000;}
.barra a {color: #000;}
input.localizar { border: 0; background: none; border-bottom: 2px solid #000;}
button.ok-localizar {margin-left: 5px !important; background: #000; color: #000; border: none; border-radius: 15px;}
.barra  .btn-default {background-color: #FC0;}

/* ------------------------- BANNERS ------------------------- */
.item img {
	width: 100%;
	height: auto;
}
/* Esconder os bullets de navegacao do banner */
.carousel-indicators {
	visibility: hidden!important;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	margin: 0 0 1% 0;
}
.data-placement {
	font-weight: normal!important;
}


/* ------------------------- PAGINA INICIAL ------------------------- */

.home h2 {
	border-bottom: 2px solid #0c4fa6;
	padding-bottom: 2px;
}
.home, .conteudo {
	background-color: #fff;
	padding-top: 10px;
}
.home img {
	margin: 1%
}
.home p {
	font-size: 0.98em;
}
.acontece {
	padding: 1%;
}
.acontece h3 {
	border-bottom: 2px solid #000;
	color: #000;
	font-weight: bold;
	padding-bottom: 2%;
	margin-left: 10px;
}
.acontece li {
	color: #000!important;
	list-style: none;
	margin: 0 0 4px -30px;
	padding: 0;
}
.acontece a {
	color: #000;
}

.destaques h3 {
	color: #ff6600;
	font-size: 1.5em;
	font-weight: bold;
}
/*efeito texto hover fotos destaques */
ul.img-list {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center;
}
ul.img-list li {
  display: inline-block;
  height: 100px;
  position: relative;
  width: 150px;
  margin-bottom: 15px;
}
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
ul.img-list li:hover span.text-content {
  opacity:  1;
}
span.text-content {
  background: rgba(1,69,137,0.8);
  color: #fff;
  cursor: pointer;
  display: table;
  font-size: 0.86em;
  font-weight: 700;
  height: 102px;
  left: 0;
  padding: 6px!important;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.efemerides {
	padding-top: 10px;
}
.data-efemerides {
	background-color: #ffcc00;
	font-size: 1.8em;
	font-weight: bold;
	padding: 4px;
}
.efemerides li {
	list-style: none;
}
.efemerides li, .efemerides p {
	font-size: 0.90em;
}
.efemerides h4 {
	color: #0c4da1;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0;
}

.saibamais {
	padding: 1%;
}
.saibamais h3 {
	color: #cc0000;
	border-bottom: 1px solid #cc0000;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 1%;
	margin-left: 10px;
}
.saibamais li {
	color: #0c4da1;
	list-style: none;
	margin: 0 0 4px -30px;
	padding: 0;
}
.saibamais a {
	color: #cc0000;
}

.sidebar {
	background-color: #f7f7f7!important;
	color: #0c4da1;
}
.sidebar h3 {
	font-size: 1.2em;
	font-weight: bold;
}
.sidebar li {
	font-size: 1.0em;
	list-style: disc;
	margin: 0 0 1px -20px;
	padding: 0;
}

.galerias {
	border: 2px solid #d8edfb;
	border-radius: 10px;
	margin: 3% 0;
	padding: 4%;
}
.galerias h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: -1px;
}

.galerias img {
	padding: 2%;
}


/* ------------------------- PAGINAS INTERNAS ------------------------- */
.breadcrumb {
	color: #9e9e9e!important;
	font-size: 0.85em;
	padding: 5px;
	margin: 10px 0;
}


h1 {
	color: #0c4da1;
}
h2 {
	color: #0c4fa6;
	font-size: 1.8em;
	font-weight: bold;
}
h3 {
	color: #0e5abe;
}
h4 {
	color: #224a7d;
	margin: 10px 0;
	padding-bottom: 10px;
}

table {
	width: 100%;
}
table th {
	background-color: #265ca2;
	border: 1px solid #2a5285;
	color: #fff!important;
	padding: 5px;
}
table td {
	border: 1px solid #9e9e9e;
	padding: 4px;
}


/* Pagina bloqueado.asp */
.alert-danger h2 {
	border-bottom: 2px solid #a60000!important;
	color: #a60000!important;
}

/* Botoes pagina Institucional */
.btn-proposta-pedagogica {
	color: #0c0e53!important;
	font-weight: 700;
	background-color: #f2c806;
}
.btn-proposta-pedagogica:hover {
	background-color: #eeb300;
}
.btn-formulario-interesse {
	color: #fff!important;
	font-weight: 700;
	background-color: #128c53;
}
.btn-formulario-interesse:hover {
	background-color: #0a7342;
}
.conteudo h2 {
	border-bottom: 2px solid #0c4fa6;
	color: #0c4fa6;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 4px;
}
.acontece-interna {
	padding: 1%;
}
.acontece-interna h3 {
	border-bottom: 2px solid #0c4ca0;
	color: #0c4ca0;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 2%;
	margin-left: 10px;
}
.acontece-interna li {
	color: #0c4ca0;
	list-style: none;
	margin: 0 0 4px -30px;
	padding: 0;
}
.acontece-interna a {
	color: #0c4ca0;
}

.eradoradio img {
	border-radius: 6px;
}
.eradoradio strong {
	font-size: 1.2em;
}
.eradoradio-col {
	height: 260px;
}

/* Galerias - BICO - ATUALIDADES - ATIVIDADES COMPLEMENTARES - Codigo do internas.css */
#ctd h3, #ctd h4, #ctd h5, .conteudo h3, .conteudo h4 {	clear: both!important; }
#ctd h3 { 	background-color: #e5e5e5;	font-size: 1.2em!important;	padding: 5px;}
#galeria, #galeria2 { padding: 0; margin: 0 4px; display: block!important; width: 100%;}
.bico { margin: 0 2.5em!important; }
#galeria .img, #galeria2 .img {float: left; margin: 0.40em;}
#galeria .fotos { width: auto; height: auto; }
#galeria .atualidades, #galeria2 .atualidades2  {	font-size: 0.85em!important;	width: 180px;	height: 200px; }
.ativcomplementares {float: left; padding: 4px; margin: 5px 2px; width: 180px; height: 200px;  font-size: 0.88em; line-height: 14px; }
.ativcomplementares img { width: 180px; float: left; margin: 0 8.5px 2px 0; }
.pagina-ativcomplementares  h3{ font-size: 14px!important;}
#paginacao a {border: 1px solid #0B4C89; border-radius: 5px; padding: 6px; background: #E2E9F3; clear: both!important; }
#paginacao .contador {margin: 10px;}
#paginacao {color: #0B4C89; margin-top: 10px;clear: both!important; text-align: center; padding: 20px; }


/* ------------------------- RODAPE ------------------------- */
footer, .footer {
	background-color: #eaeaea;
	border-radius: 0 0 10px 10px;
	color: #000;
	font-size: 0.90em;
	margin-bottom: 1%;
	padding-top: 2%!important;
}
footer a, footer a:visited {
	color: #000;
	text-decoration: underline;
}
footer a:hover {
	text-decoration: none;
}
