/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */

#features {
	text-align: center;
}

#features img {
	margin: 0 0 20px;
}

#inputMessage {
	margin-bottom: 15px;
}




/* --------------------------------------
   Typography
   -------------------------------------- */

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

.well .page-header {
	margin-top: 0;
}

.well .page-header h1 {
	margin-top: 0;
}

ul.unstyled {
	list-style: none;
	padding: 0;
}


/* --------------------------------------
   Navbar
   -------------------------------------- */

#searchInput {
	width: 200px;
}

.navbar-brand {
	padding: 13px 15px;
}
   
   
/* --------------------------------------
   Carousel
   -------------------------------------- */

#myCarousel {
	margin-top: 60px;
}

.carousel-caption {
	font-size: 24px;
}

.carousel-caption h4 {
	font-size: 32px;
}

#myCarousel .item { height: 400px; }

#slide1 {
	background: url('../../images/carousel_medium_01.jpg') top center no-repeat;
}

#slide2 {
	background: url('../../images/carousel_medium_02.jpg') top center no-repeat;
}

#slide3 {
	background: url('../../images/carousel_medium_03.jpg') top center no-repeat;
}


/* --------------------------------------
   Global Styles
   -------------------------------------- */

.alert {
	margin-top: 20px;
	display: none;
}

.well {
	margin: 20px 0;
}

.tabbable img.thumbnail {
	margin: 0 20px 10px 0;
}

.thumbnails {
	margin: 20px 0;
}

.thumbnail {
	position: relative;
}

.thumbnail h3 {
	font-size: 16px;
	margin: 0 0 10px;
	line-height: 20px;
}

.thumbnail .price {
	font-size: 22px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 10px;
}

.thumbnail .price sup {
	font-weight: normal;
	font-size: 12px;
}

.thumbnail span.glyphicon {
	margin-right: 5px;
}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
	.thumbnail .price {
		font-size: 14px;
	}
	
	.thumbnail .price sup {
		font-size: 10px;
	}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
	#myCarousel .item { height: 310px; }
	
	#slide1 {
		background: url('../../images/carousel_small_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_small_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_small_03.jpg') top center no-repeat;
	}
	
	.carousel-caption {
		font-size: 16px;
	}
	
	.carousel-caption h4 {
		font-size: 22px;
	}
	
}

/* Large desktop */
@media (min-width: 1200px) {

	#myCarousel .item { height: 500px; }
	
	#slide1 {
		background: url('../../images/carousel_large_01.jpg') top center no-repeat;
	}
	
	#slide2 {
		background: url('../../images/carousel_large_02.jpg') top center no-repeat;
	}
	
	#slide3 {
		background: url('../../images/carousel_large_03.jpg') top center no-repeat;
	}

}


/* teste */
.navbar{
    background: #003399;
    color: #000;
}

.navbar ul a {
    color: #fff !important;
    font-weight: bold;
}

.navbar ul{
    color: #fff !important;
    /*font-weight: bold;*/
}

.navbar-nav > .dropdown > a .caret {
    border-top-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
}

/* Fundo dos submenus*/
.nav > li > ul{
    background: #ffcc00 !important;
    z-index: 10000;
   
}

/* Cor da fonte dos submenus */
.nav > li > ul > li a{
    color: #000 !important;
    font-weight: normal;
}

/* ----------------- TOPO DO SITE EMGESP ----------------- */
.well-topo{
    padding: 8px;
    margin-bottom: 3px;
    margin-top: 4px;
    height: 145px;
    
    background: #003399; /* Old browsers */
    background: -moz-linear-gradient(left, #003399 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003399), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #003399 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #003399 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #003399 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #003399 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

        width: 100%;
}

.line-top-blue{
    height: 20px;
    background: #003399;
    marging-bottom: 5px;
    margin-top: 20px; 
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.line-top-blue span{
    float: right;
    color:#fff;
    width: 55px;
    background: #abeafe url('../imgold/corner.jpg');
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    height: 20px;
}

.line-top-yellow{
    height: 7px;
    background: #ffcc00;
    marging-bottom: 5px;
    margin-top: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#imgContainerEmgesp{
    float: left;
    margin-top: 2px;
}

#imgContainerPrefeitura{
    float: right;
    margin-right: 15px;
    margin-top: 2px;
}

/* ----------------- FOOTER ----------------- */

footer {
	background: #f9f9f9;
	color: #000;
	font-size: 11px;
	padding: 20px;
}

footer h6{
    /*font-weight: bold;*/
    font-size: 14px;
}

.footer-blue{
    background: #003399;
    height: 55px;
    color:#fff;
    margin-top: 4px;
    margin-bottom: 40px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.footer-blue p{
    margin-bottom: 0;
}

.line-footer-yellow{
    background: #ffcc00;
    height: 4px;
    margin-top: 7px;
    float: inside;
    
}

.divide-left{    
    border-left: 3px solid #333;
}
/* ----------------------parte feita por gabriella-------------------*/
#footer-div-azul{
    background-color: #039;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-radius: 3px;
   
    left: 100px;
}

#lado{
    border-left: 1px solid #BEBEBE;
    
}

#footer-div-azul td p{
    color: #a5c0c7;
    margin-bottom: 5px;
    margin-top: 5px;
}

#tamanho{
    height: 110px;
    margin-bottom: 5px;
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-radius: 3px;
}


.carousel-indicators {
  margin-top: 0px;
  top: 55px;
  right: 50px;
  left: 250px;
  z-index: 5;
}
.carousel-inner {
  height: 150px;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-bottom: 0px;
  margin-left: 5px;
  text-indent: -999px;
  
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
    background-color: #b8cdd2;
}
#myCarousel{
    height:60px;
    margin-top: 0px;
}
#myCarousel .item{
    height: 150px;
    
}
#imagem-footer{
    height: 50px;
    width: 400px;
}
#imagem-footer2{
    height: 30px;
    width: 50px;
    
}
#imagem-footer3{
    height: 30px;
    width: 30px;
    
}
#barra{
    width: 50%;
    height: 20px;
    
}

.cor-label{
    background-color: #003399;
  
}
.cor-fonte{
    color: #fff;
    font-weight: bolder;
}
.footer-texto{
    width: 93%;
     border-bottom: 5px solid #ffcc00;
}
.footer-imagens{
    width: 100px;
    border-bottom: 5px solid #ffcc00;    
}
#imagem-footer-left{
    float: left;
    width: 175px;
    height: 50px;
}
#imagem-footer-right{
    float: right;
    width: 175px;
    height: 50px;
}
.footer-contador{
    text-align: center;
}
.calendar{
    margin-top: 50px;
    
}
.calendar th{
    text-align: center;
}
.item .active{
    height: 150px;
}
#maior{
    height: 300px;
    
}
.dropdown-menu2{
    position: absolute;
    top: 28px;
    left: 240px;
    z-index: 1000;
    display: none;
    float: left;
    width: 200px;
    padding: 5px;   
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #ffcc00;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu2 li:hover{
    background-color: #f6f6f6;    
    text-decoration: none;   
    padding-bottom: 5px;
    padding-top: 5px;   
}
.dropdown-menu2 a:hover{
        
    text-decoration: none;   
    
    
    
}
.dropdown-menu2 li{
    
    padding-bottom: 5px;
    padding-top: 5px;
    
    
}


li:hover ul ul, li.over ul ul { 
    display:none; 
	}

li:hover ul, li li:hover ul, li.over ul, 
li li.over ul { 
    display: block; 
	}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.imagem-avatar{
    width: 130px;
    height: 120px;
    margin-bottom: 20px;
    margin-left: 70px;
}
.imagem-parcerias{
    width: 175px;
    height: 50px;
    margin-bottom: 20px;
    margin-left: 200px;
}
.cor-fonte:hover{
    color: #ffcc00;
}
.setas-calendario{
    margin-top: 45px;
    background: #f9f9f9;
    text-align: center ;
    
    
}
#cor1{
    background: #ffcc00;
    height: 10px;
    width: 10px
    }
#cor2{
    background: #003399;
    height: 10px;
    width: 10px
    }
#cor3{
    background: #41A9E0;
    height: 10px;
    width: 10px
    }
    #juntar{
       margin-bottom: 0px;
       margin-top: 0px
    }
.calendar{
    margin-top: 0px !important; 
}
.table-sem-espaço{
    margin-bottom: 0px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.link-calendario{
    color: #000;
}
.link-calendario:hover {
    background-color: #e6e6fa;
    text-decoration: none;
}
.fundo-calendario-azul{
    background: #f0f8ff;
}
.fundo-calendario-amarelo{
    background: #fafad2;
}
.mes{
    border-top: 1px solid #f9f9f9 !important;
    margin-top: 0px !important;
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
   
/* -----------------------------Parte feita por Ricardo------------------*/
/*Input do add de arquivos*/
.addArquivo {
    width: 184px !important;
    height: 34px !important;
}

.botoes {
    float: left;
    margin-top: 5px;
}

.botoesEspacamento {
    margin-left: 10px;
}
.EnglobaBotaoInput{
    height: 34px;
}
.divArquivo{
    width: 200px !important;
    height: 34px !important;
    float: left;
}

/*---------------------------------------------------------------------------*/
#ui-datepicker-div {
    z-index: 9 !important;
}

#divcalendario {
     height: 320px; 
}

.tablelegendacalendario {
    text-align: center;
}

.tablelegendacalendariopaddindzero {
    padding: 0px !important;
}

.tablelegendacalendarioheader {
    text-align: center;
}

.tablelegendacalendariotr {
    vertical-align: inherit !important;
}

.tablelegendacalendariosubheader  {
    text-align: center;
/*    font-style: italic;*/
    font-weight: 700;
}

.divnoticia {
    margin-top: 10px;
    background-color: #f9f9f9;
    overflow-y: scroll;
    height: 308px;
    margin-bottom: 10px;
}

.divnoticiatopicos {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
    
}

.divnoticiatopicositem {
    border:0;
    background-color: #f9f9f9;
}

.noticiaimagem {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.noticiaautor {
    color: #a5c0c7;
    font-size: 9pt;
}

.noticiatitulo {
    font-weight: bolder;
}

.noticiatitulolink{
    color: black;
}

.noticiatexto {
    margin-left: 40px;
    margin-top: -5px;
}
.calendario{
  background-color: #f9f9f9;
  width: 100%; 
  /*margin-top: 40px;  */
}
.tabelaindex {
    width: 110px;
}
.tabelaindexcategoria{
    width:  70%;
}

/* Estilos da area de conteudo */
#conteudo{
    background: #fff;
    margin-bottom: 8px;
}

.line{
    padding-top: 16px;
    margin-bottom: 6px;
    padding-bottom: 8px;
    background: #f9f9f9;
}

.noticialink {
    color: #a5c0c7;
    font-weight: bolder;
}


/* Classes para formatacao dos elementos comuns */
.fundo-cinza{
    background:#f9f9f9;
    margin-bottom: 25px;
}

.cor-font-titulo{
    color:#216778;
}

.cor-font-titulo-com-enfase{
    color:#216778;
    font-weight: bold;
}

.cor-font-autor-sidebar{
    color:#B8CDD2;
}
.error-message{
    color: red;
}
/* Fim classes para formatacao de elementos comuns */

#maisNoticias{
    margin-bottom: 5px;
    margin-top: 3px;
}

.menuform {
    padding-right: 20px;
    padding-left: 20px;
}

.menuformdiv {
     margin-right: 10px;
}

.menuformbutton {
     color: white;
     text-decoration: none;
}


.formulario {
    width: 65%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.formulariolabel{
    margin-top: 20px;
}

.formulariolabelmenssagem{
    margin-top: 10px;
}

.formulariolabelhora{
    padding-top: 0px;
}

.formulariodivhora {
    width: 10%;
}

.formulariodivdatalabeledit {
    margin-top: 5px;
}
.formulariodivdatainputedit {
    margin-top: 10px;
    width:31%;
}

.formulariodivhoralabel {
    width: 18%;
    margin-top: 10px;
}

.formulariodivhorainput {
    margin-top: 10px;
}

ul{
    list-style: none;
}

.mensagem{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* ESTILOS DO EDITOR DE CONTEUDO */

p {
    margin: 0;
    padding: 0;
}
.button {
    -moz-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* CSS for the font-name + font-size plugin */
.wysiwyg-toolbar-list {
    max-height: 16em;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.wysiwyg-toolbar-list a,
.wysiwyg-toolbar-list a:link,
.wysiwyg-toolbar-list a:visited {
    display: block;
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    cursor: pointer;
}
.wysiwyg-toolbar-list a:hover {
    color: HighlightText;
    background-color: Highlight;
}
/* CSS for the smiley plugin */
.wysiwyg-toolbar-smilies {
    padding: 10px;
    text-align: center;
    white-space: normal;
}
.wysiwyg-toolbar-smilies img {
    display: -moz-inline-stack; /* inline-block: http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ */
    display: inline-block;
    *display: inline;
}

.wysiwyg-editor{
    background: #fff;
}

.marginLogout{
    margin-top:10px;
}

ul li p a, ul li p a:hover, ul li p a:visited{
    color:#fff;
    text-decoration: none;
}

.msg-erro{color:#9E2424;}

/* Configuracao dos campos de upload de imagens em geral (normalizando campos) */
div.input.file{
    line-height: 0;
    padding: 0;
    height: 0;   
}