/* 
	Theme Name: Administrativo Mapa Child
	Theme URI: http://www.cefetmg.br
	Description: Template para site Administrativo Mapa do CEFET-MG
	Author: Secretaria de Governança da Informação
	Author URI: http://www.twitter.com/cefet_mg
	Version: 1.0
	License: Public
	Tags: administrativo, documentos, cefet-mg, cefetmg, cefet, mg 
*/


/* bootstrap */
@import url('css/bootstrap.css');

/* menu */
@import url('css/menu.css');
/* fonts menu */
/* @import url('css/font.css'); */

/* high-contrast */
@import url('css/contrast.css');

/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Oswald|Patua+One|Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');


p.tags {margin-bottom:10px; margin-top:30px;}

.container {background:#FFF; border: 1px solid #DDDFE2;}
.container .jumbotron {margin-top:3px; margin-bottom:3px; background:#C3D2E3; padding-top:11px; padding-bottom:10px;}
.navbar {border-radius:0px; margin:19px 0px 0px 0px;}
.navbar-nav > li > a {color:#FFF;}
.navbar {border-radius:0px; margin:0px 0px 0px 0px;}
.navbar-default {background-color:#FFF;}
.navbar-default .navbar-brand {color:#FFF;}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFF;}
.navbar-toggle .icon-bar {background-color:#FFF;}
.navbar-brand {color:#FFF;}
.navbar-collapse {padding:0px;}
.navbar-header {}
.panel-primary {border:1px solid #337AB7; border-radius:0px;}
.panel-primary > .panel-heading {border:0px solid; padding-top:5px; padding-bottom:5px; background-color: #004C84 !important;}
.panel-heading {border-top-left-radius:0px; border-top-right-radius:0px; text-align:center;}
.panel-body {text-align:center;}
.breadcrumbs {padding-bottom:20px; font-size:15px;}

.btn--expand:after {font-family:'Glyphicons Halflings'; content:"\e113"; font-size:10px;}
.btn--expand.collapsed:after {content:"\e114";}
.btn-success--expand {color:#004C84; background-color:#E0E0E0; border-color:transparent; border-radius:0px;}
.btn-success--expand:hover {color:#0E7ED1; background-color:#BBB;}

.widget {background: #EEE; margin-bottom:20px; padding:15px 15px 15px 15px;}
.wp-caption {background:#EEE; border:1px solid #DDD; padding:5px; margin-bottom:20px; max-width:100% !important;}
.wp-caption-text {font-size:14px; color:#23527c; font-style:italic; margin-bottom:0px; text-align:center; padding:5px 0px 0px 0px;}
.alignright {float:right; margin:0 0 1em 1em;}
.alignleft {float:left; margin:0 1em 1em 0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

body {background:#D6D6D6;}

/*body #main {margin-bottom:10px;}*/

header #cabecalho {padding:15px 25px 25px; background-color:#004C84; background-image:linear-gradient(to top, transparent, rgba(0,0,0,0.5)); width:100%; float:left; display:table; border-bottom:0px solid #2AB6F7;}
header #barradeacessibilidade {padding:0px 0px 0px; background-color:#004C84; background-image:linear-gradient(to top, transparent, rgba(0,0,0,0.5)); width:100%; float:left; display:table; border-bottom:0px solid #2AB6F7;}
header #barradeacessibilidade a {margin: 0 10px; float: right !important;}
header #barradeacessibilidade a {color:#FFF;}
header #cabecalho h2 {font-family:'Oswald', 'Helvetica Neue', 'Arial', sans-serif; color:#FFFFFF; margin:0px 0px 5px 0px; text-align:center; line-height:1.3}
header #cabecalho h3 {font-family:'Oswald', 'Helvetica Neue', 'Arial', sans-serif; color:#FFFFFF; margin:0px 0px 5px 0px; text-align:center; line-height:1.3}
header #cabecalho a {color:#FFF;}
header #cabecalho p {margin: 0 10px; float: right !important;}
header #busca {background-color:#E1E1E1; background-image:linear-gradient(to bottom, transparent, rgba(255,255,255,0.4)); padding-top:15px; width:100%; display:table; font-family:'Roboto', 'Helvetica Neue', 'Arial', sans-serif; font-size:15px;}
header #busca h4 {font-family: 'Oswald', 'Helvetica Neue', 'Arial', sans-serif; margin-bottom:0px; font-weight:bold;}
header #busca img {height:30px;}
header #menu {}
header .img-logo-cabecalho {max-height:90px;}
header .img-logo-cefet {float:none; display:block; margin-left:auto; margin-right:auto; margin-top:10px;}

main {background:#FFF; line-height:1.4; font-size:17px; font-family:'Roboto', 'Arial', sans-serif; padding:20px;}
main br {line-height:0px;}
main p {margin-bottom:20px;}
main p .collapse {margin-bottom:0px;}
main ul, ol {margin-bottom:20px;}
main h1, h2, h3, h4, h5, h6 {line-height:1.3; margin-bottom:25px; margin-top:0px;}
main hr {margin:20px 0px 5px 0px; border-top:1px solid #CCC;}
main img {max-width:100% !important; height:auto;}
main iframe {max-width:100% !important;}
main table td {border: 1px solid #B5B5B5; padding: 10px;}

main #titulo {font-family:'Patua One', 'Helvetica Neue', 'Arial', sans-serif;}
main #bem-vindo div {}
main #bem-vindo img {width:100%; position:relative; margin-bottom:20px;}
main #bem-vindo figcaption {margin-left:1px; margin-right:1px; font-family:'Oswald'; position:absolute; top:311px; padding:20px; font-size:25px; background:rgba(0,0,0,0.5); color:white;}
main #ultimas-noticias {border:1px solid #004C84; margin:0px 0px 30px 0px; padding-top:20px; padding-bottom:20px;}
main #ultimas-noticias div {}
main #ultimas-noticias h4 {margin:5px 0px 5px 0px;}
main #ultimas-noticias p {margin-bottom:0px;}
main #lista-conteudo {border:1px solid #DDD; margin-bottom:20px; margin-top:10px; padding:20px; display:table; width:100%;}
main #lista-conteudo h4 {margin:5px 0px 5px 0px;}
main #lista-conteudo p {margin-bottom:10px;}
main #lista-conteudo h5 {margin:5px 0px 0px 0px; float:right;}
main #lista-conteudo img {margin:5px 10px 10px 0px;}
main #servicosImagem hr {border:1px solid #004C84; margin:10px 0px 10px 0px;}
main #servicosImagem img {height:auto; width:100%;}
main #servicosImagem .panel-body {padding:0px;}
main #servicos hr {border:1px solid #004C84; margin:10px 0px 10px 0px;}
main #servicos img {height:50px;}
main #servicos .panel-body {padding:30px;}
main .thumbnail {padding:20px;}

footer {line-height:1.3; color:#FFF;}
footer p {margin-bottom:0px; font-size:13px;}
footer h3 {font-family:'Oswald', 'Helvetica Neue', 'Arial', sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}
footer #rodape {width:100%; display:table; background-color:#004C84; background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.3)); padding:15px 5px 20px 5px; line-height:1.5; border-top:0px solid #2AB6F7;}
footer #rodape ul {margin-top:10px; padding-left:0px;}
footer #rodape div {padding:5px;}
footer #rodape a {color:#FFF;}
footer #unidades {margin:10px; display:table;}
footer #unidades div {padding:0px 7px 0px 7px;}
footer #unidades img {width:100%; margin-bottom:10px;}
footer #unidades hr {border:1px solid #0E7ED1; margin:0px 0px 10px 0px;}
footer #endereco {background-color:#2C2C2C; height:60px;}
footer .social {list-style:none;}
footer .social li {display:inline;}
footer .img-logo-rodape {float:none; display:block; margin-left:auto; margin-right:auto; max-height:60px;}

@media (max-width:767px) {
	main #lista-conteudo img {height:auto; width:100%;}
	main #ultimas-noticias button {width:100%;}
    .legenda {font-size:12px;}
}

@media (min-width:768px) {
	.container {}
	main #bem-vindo .img-1 {padding:0px 6px 3px 0px;}
	main #bem-vindo .img-2 {padding:3px 6px 0px 0px;}
	main #bem-vindo .img-3 {padding:0px 0px 0px 0px;}
	main #lista-conteudo img {float:left; height:115px; width:180px;}
	main #ultimas-noticias button {width:25%;}
}

@media (min-width:992px) {
	.widget {margin-right:20px;}
	.col-md-height {}
	body #main {padding:0px;}
	body #sidebar {margin-top:15px; padding-left:0px; padding-right:10px;}
	main {padding:20px 35px 20px 35px;}
	main #ultimas-noticias button {width:20%;}
	main .noticia {height:130px; overflow:hidden;}
	header #cabecalho {background:url('imagens/arte-topo-2.png') no-repeat right #004C84;}
	header #cabecalho h2 {text-align:left;}
	header #cabecalho h3 {text-align:left; margin-bottom:0px;}
	header .img-logo-cabecalho {float:left;}
	header .img-logo-cefet {float:right; margin-top:40px; margin-right:15px;}
	footer #unidades {margin-left:15px; margin-right:15px; display:table;}
}

@media (min-width:1200px) {
	main .noticia {height:110px; overflow:hidden;}
}

/*********************** estilo do slider ******************************************/
.legenda{
    background: #0000007a;
	opacity: .8;
	height: 20%;
	position: absolute;
	bottom: 30px;
	font-size: 18px;
	right: 0px;
	left: 0px;
    color: #FFF;
    font-weight: bold;
}

.widget table th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
    text-align: center;
}
.widget table, th, td {
    border: 1px solid #acacac;
    border: 1px solid rgba(51, 51, 51, 0.1);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}
main #carrossel div {padding-top:10px !important; padding-bottom:0px !important;}
.widget table {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.carousel-indicators {bottom: 0px;}

main #carrossel div {padding-top:10px; padding-bottom:0px;}

#sidebar {padding-top:10px;}

video {background:#000;}

@media (min-width:992px) {
	.panel-body {padding-left:5px; padding-right:5px;}


	main #carrossel img {height:350px;}
	main #carousel-example-generic {margin-bottom:20px;}
	body #main {padding-right:0px};
}

/*************************** fade *****************************************/
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/**************************************************************************/
/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 100vh; 
    min-height: 600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

#content {
    margin-right: 0;
}
.carousel-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    /*background-color: rgba(0, 0, 0, 0);
    opacity: .5;*/
    height: 30px;
}
.carousel-control.left {
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.0001) 100%);
}
.carousel-control.right {
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.0001) 100%);
}