/* 
	Theme Name: Unidades
	Theme URI: http://www.cefetmg.br
	Description: Template para sites das Unidades do CEFET-MG
	Author: Divisão de Sistemas (DIS)
	Author URI: http://www.twitter.com/cefet_mg
	Version: 1.0
	License: Public
	Tags: unidades, campus, campi, notícias, cefet-mg, cefetmg, cefet, mg 
*/


/* bootrap */
@import url('css/bootstrap.css');
/* menu */
@import url('css/menu.css');
/* high-contrast */
@import url('css/contrast.css');
/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Oswald|Patua+One|Roboto');
.container {background:#FFF; border: 1px solid #DDDFE2;}
.container {background:#FFF; box-shadow:0px 5px 20px 5px rgba(0,0,0,0.2);}
.container .jumbotron {border-radius:0px; margin-bottom:10px; background:#E1E9F2; padding:0px; margin:0px;}
.sidebar-nav {margin:0px;}
.navbar {border-radius:0px; margin:19px 0px 0px 0px;}
.navbar-default {background-color:#FFF;}
.navbar-default .navbar-brand {color:#FFF;}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFF;}
.navbar-collapse {padding:0px;}
.navbar-header {background:#1682BA;}
.thumbnail {border-radius:0px; padding:20px;}

.wp-caption-text {font-size:13px; color:#23527c; font-style:italic; margin-bottom: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:#C1C1C1;}
body #menu {background:transparent;}

header #cabecalho {padding: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 #cabecalho h1 {font-family:'Oswald', 'Helvetica Neue', 'Arial', sans-serif; color:#FFFFFF; text-transform:uppercase; margin:0px 0px 20px 0px; text-align:center; line-height:1.3;}
header #cabecalho img {float:none; display:block; margin-left:auto; margin-right:auto;}
header #cabecalho a {color:#FFF;}
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 #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:'Patua', '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;}

main {background:#FFF; line-height:1.4; font-size:17px; font-family:'Roboto', 'Arial', sans-serif; padding-top:11px;}
main p {margin-bottom:20px;}
main ul, ol {margin-bottom:30px;}
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;}
main iframe {max-width:100% !important;}
main #titulo {font-family:'Patua One', 'Helvetica Neue', 'Arial', sans-serif;}
main #bem-vindo img {width:100%;}
main #ultimas-noticias {margin-top:10px;}
main #ultimas-noticias h4 {margin:5px 0px 5px 0px;}
main #ultimas-noticias p {margin-bottom:0px;}
main #ultimas-noticias button {width:100%;}
main #lista-conteudo {border:1px solid #DDD; margin-bottom:20px; margin-top:20px; 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;}

footer {line-height:1.3; color:#FFF;}
footer p {margin-bottom:0px; font-size:13px;}
footer h4 {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:10px 0px 10px 0px;}
footer #endereco {background-color:#2C2C2C; height:60px;}
footer .social {list-style:none;}
footer .social li {display:inline;}

@media (max-width:767px) {
	main {padding-bottom:20px;}
	main #lista-conteudo img {height:auto; width:100%;}
	main #ultimas-noticias button {width:100%;}
}

@media (min-width:768px) {
	.container {margin-top:10px; margin-bottom:10px;}
	main #bem-vindo {margin-top:0px;}

	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%;}
	#cssmenu ul {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
	#cssmenu ul ul {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
}

@media (min-width:992px) {
	.col-md-6 {overflow:hidden;}
	body #main {padding-right:25px;}
	body #menu {padding-left:20px; margin-bottom:20px;}
	main {padding-bottom:0px;}
	main .thumbnail {height:225px;}
	header #cabecalho {background:url('imagens/arte-topo-2.png') no-repeat right #004C84;}
	header #cabecalho h1 {text-align:left;}
	header #cabecalho img {float:right; margin-top:50px; margin-right:25px;}
	footer #unidades {margin-left:15px; margin-right:15px; display:table;}
	#cssmenu ul {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
}

@media (min-width:1200px) {
	main .thumbnail {height:200px;}
}
