/*
Sistema de controle de espaços de mídia
www.midiaindoor.com.br
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(../images/bg.gif);
  background-color: #e0e0e0;
  font-family: 'Trebuchet MS', 'Lucida Sans', Helvetica;
  font-size: 13px;
  color: #333333;
  text-align: center;
}

h1 {
  font-size: 38px;
  color: #FFF;
  letter-spacing: -.03em;
  text-shadow: 2px 2px 2px #000000;
}

h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -.03em;
  padding-top: 0px; /* use top padding to adjust the start of the gradient  */
}

h3 {
  font-size: 20px;
  letter-spacing: -.03em;
  padding-top: 0px;
}

h3.cinza, h3.cinza a {
  font-size: 18px;
  color: #666;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -.03em;
}

img {
  border: 0;
}

a {
  text-decoration: none;
  color: #800000;
  border: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

p#notice, p#error {
  border: solid 2px #EBEBEB;
  background-color: #ffd5d5;
  color: #800000;
  padding: 3px 3px 3px 25px;
  margin: auto;
  margin-bottom: 3px;
  background-image: url(../images/error.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 938px;
  text-align: left;
}

p#notice {
  background-color: #d5ffd5;
  color: #006200;
  background-image: url(../images/confirm.png);
}

.page_wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.page_soft {
  width: auto;
  margin: 0 auto;
  min-width: 960px;
}

#path {
  background-color:#FFF;
  color: #333333;
  margin: 2px 0 5px;
  padding: 5px 0 5px 10px;
  height: auto;
}

/*_____{ header }______________________________________________________________________________________*/
#header {
  background-image: url(../images/top_bar.png);
  background-color: #000;
  background-repeat: repeat-x;
  width: auto;
  height: 62px;
  min-width: 700px;
}

#logo {
  margin-top: 3px;
  margin-left: 3px;
  float:left;
}

#menu {
  float: right;
  margin-right: 3px;
}

#menu ul {
}

#menu ul li {
  display: inline;
  float: left;
  margin:0 2px;
}

#menu ul li a {
  background-color: #202020;
  color: white;
  letter-spacing: 3px;
  text-decoration: none;
  font-weight: bold;
  float: left;
  padding: 36px 5px 0 8px;
}

#menu ul li a:hover, #menu ul li .selected {
  background-image: url(../images/menu_item_hover.png);
}

a#login_button {
  color: white;
  letter-spacing: 3px;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 3px;
  text-align: center;
  background-image: url(../images/login_button.png);
  background-repeat: no-repeat;
  float: left;
  height: 32px;
  width: 119px;
  margin: 8px 0 0 77px;
  padding: 10px 0 0 22px;
}

#index_red_bar {
  background-image: url(../images/flash_bar.png);
  height: 334px;
  min-width: 960px;
}

#red_bar {
  background-image: url(../images/title_bar.png);
  background-position: bottom;
  min-width: 960px;
  padding-bottom: 9px;
}

#red_bar span {
  color: #999999;
}

#red_bar a {
  color: #fff;
}

#container {
  min-height: 450px;
}

/*_____{ body: main_bar }___________________________________________________________*/
#main_bar {
  width: 675px;
  float: left;
  margin-bottom: 5px;
  padding-right: 5px;
}

#main_bar i {
  font-size: 11px;
}

.button {
  background-repeat: no-repeat;
  background-position: top right;
}

.button_link {
  background-image: url(../images/botao.png);
  background-repeat: no-repeat;
  color: #FFF;
	height: 18px;
	font-size: 12px;
  padding: 1px 10px;
	letter-spacing: 0.2px;
  border: none;
	vertical-align: middle;
}

.button_link:hover {
  color: #BBB;
	text-decoration: none;
}

#side_bar {
  width: 280px;
  margin-bottom: 5px;
  float:left;
}

#side_bar .rounded {
  padding: 4px 5px 5px 12px;
	margin-top: 5px;
}

#side_bar .info {
  font-size: 12px;
}

#side_bar .field {
  padding: 8px 28px 0 0;
  text-align: right;
}

#side_bar .button {
  padding-top: 6px;
  text-align: center;
}

#side_bar ul {
  list-style-type: none;
}

#side_bar .news_header {
  font-size: 28px;
  color: #800000;
  letter-spacing: -.03em;
}

#side_bar .news_header span {
  float: left;
}

#side_bar div.news_header a {
  float: right;
  margin-top: 4px;
}

#side_bar ul li .date {
  background: url(../images/date.gif) no-repeat; 
  height: 37px;
  width: 32px;
  text-align: center;
  margin-top: 12px;
  float: left;
}

#side_bar ul li .date .month {
  font-size: 9px;
  padding: 1px 0;  
  color: #fff;
}

#side_bar ul li .date .day {
  font-size: 16px;
}

#side_bar .new {
  float: right;
  width: 230px;
  margin-bottom: 3px;
}

#side_bar .title {
  margin: 8px 0 0 6px;
}

#side_bar .sub_title {
  font-size: 12px;
  margin: 0 0 0 6px;
}

#side_bar #marca {
	width: 256px;
	overflow: hidden;
	text-align: center;
	height: 100px;
	margin-top: 4px;
}

.line, .fix_line, .form_line, .sobre_line, .clear {
  clear: both;
}

.line {
  margin: 6px 0 3px 0;
  border-bottom: 1px solid #d0d0d0;
}

#side_bar .line {
  margin-right: 8px;
}

.form_line {
  margin: 0 0 8px;
  border-bottom: 1px solid #d0d0d0;
}

.sobre_line {
  margin: 12px 0;
  border-bottom: 1px solid #d0d0d0;
}

#loading {
	background: #FFFFFF url(../images/loader.gif) no-repeat scroll center center;
	border: 1px solid #000;
	top: 30%;
	left: 50%;
	margin-left: -55px;
	text-align: center;
	padding-top: 3px;
	height: 110px;
	width: 110px;
	position: fixed;
	z-index: 2;
}

/* Rounded corners */
.rounded {
  background: #fff;
  padding: 5px 5px 7px 5px;
}

#main_bar .index_box1 {
  padding: 4px 0 15px 0;
  border-top: solid 1px #d0d0d0;
}

#main_bar .index_box1 img {
  float: left;
  padding: 0 8px 3px 0;
}

#main_bar .index_box1 p {
  margin-bottom: 8px;
}

#main_bar .index_box2 {
  margin: 0 0 5px;
}

#main_bar .index_box2 #big_container {
  float: right;
  height: 312px;
  width: 467px;
  background: #fff;
  background: url('../images/big_bg.jpg') center no-repeat;
}

#main_bar .index_box2 .big {
  width: 438px;
  padding: 15px 10px 0 10px;
}

#main_bar .index_box2 .big .big_left {
  float: left;
  height: 180px;
  width: 128px;
  text-align: center;
}

#main_bar .index_box2 .big .big_right {
  float: right;
  width: 306px;
  height: 260px;
}

#main_bar .index_box2 .big .big_right p {
  margin-bottom: 8px;
}

#main_bar .index_box2 #small_container {
  width: 208px;
  float: left;
}

#main_bar .index_box2 .small {
  float: left;
  padding: 3px 0 3px 3px;
  background: url('../images/small_bg2.gif') center left no-repeat #fff;
  margin-bottom: 3px;
  width: 194px;
  cursor: pointer;
}

#main_bar .index_box2 .small img {
  clear: both;
  float: left;
  margin-right: 3px;
}

#main_bar .index_box2 span {
  float: left;
  font-size: 18px;
  padding-top: 6px;
}

#main_bar .index_box2 .big span {
  float: none;
  font-size: 13px;
  padding-top: 0;
}

/* ___________Div: Login __________________*/
#header #login_div {
  top: 15px;
  left: 190px;
  font-size: 10px;
  width: 460px;
  text-align: left;
  position: absolute;
  background-color: #555555;
  padding: 4px;
}

#header #login_div a{
  color: #fff;
  text-decoration: underline;
}

#header #login_div form input#email {
  width: 160px;
  font-size: 10px;
}

#header #login_div form input#password {
  width: 60px;
  font-size: 10px;
}

#header #login_div form input#email_senha {
  width: 160px;
  font-size: 10px;
}

#header #login_div label {
  color: #fff;
  font-size: 13px;
}

/*_____{ páginas show }___________________________________________________________*/
div#show_column1 {
  margin-right: 20px;
  margin-bottom: 15px;
}
div#show_noticia {
  margin-right: 10px;
  margin-bottom: 15px;
}

div#show_column1 img, div#show_noticia #foto img{
  padding-right: 5px;
  padding-bottom: 5px;
  float:left
}

div#show_column2 {
  margin-top: 5px;
  width:300px;
  margin-bottom: 15px;
  float:left;
  clear:both;
}

div#show_column3 {
  width:300px;
  margin-right: 20px;
  margin-bottom: 15px;
  float:right;
}

div#show_column4 {
  clear: both;
}

div#edit_delete {
  clear: both;
  border-top: 1px solid #800000;
  margin-top: 12px;
}

div#edit_delete img{
  margin-top: 10px;
  margin-bottom: 6px;
  padding-right: 15px;
}

#errorExplanation, #caixa_borda, .listagem_borda {
  border: 2px solid #800000;
  padding: 3px;
}

.listagem_borda {
	margin-top: 2px;
}

#errorExplanation {
  padding-left: 20px;
}

/*_____{ body: main_bar/form geografic region }________*/
#estados, #cidades, #bairros {
  width: 198px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  float:left;
}

/*_____{ body: main_bar/listage }________*/

#main_bar ul.content {
  list-style: none;
  margin: 10px 0;
}

#main_bar ul.content li{
  display: block;
}

#main_bar ul.content div.logo{
  float: left;
  margin: 8px;
}

#main_bar #fotos {
  clear: both;
  margin-top: 16px;
}
#main_bar  #fotos span{
    float: left;
}
#main_bar #noticia img{
  float:left;
  display: block;
}

#main_bar #foto img{
  margin-right: 6px;
}

.image_li {
  float: left;
  margin: 7px 5px;
}

.image_line {
  clear: both;
  background-color: #fff;
  padding: 0px;
  margin: 2px 4px;
}

.list_content, .list_content_logo {
  clear: both;
  display: block;
  margin: 5px 0;
  height: auto;
}

.list_content{
  min-height: 30px;
  height: auto;
}
.list_content_logo{
  min-height: 73px;
}

.rounded .rounded {
  background-color: #E5E5E5;
}

.edit_delete {
  float: right;
  display: inline-block;
  margin-left: 5px;
}

.text_content {
  float: left;
  max-width:516px;
}

.edit_delete img{
  margin: 4px 4px 0 0;
}

.left {
	float: left;
}

/*_____{ listagem de venda }___________________________________________________________*/

ul.venda {
  list-style-type: none;
  margin: 0 0 0 0;
  overflow: hidden;
  clear: both;
  display: block;
}

li.estado {
  padding-left: 2px;
	margin-top: 20px;
  font-size: 20px;
  color: #000;
  border-top: 1px solid #000;
  background-color: #e0e0e0;
  font-weight: bold;
}

li.cidade {
  margin-top: 4px;
  margin-left: 30px;
  font-size: 16px;
  color: #800000;
  font-weight: bold;
}

li.bairro {
  margin-top: 4px;
  margin-left: 60px;
  font-weight: bold;
}

li.estabelecimento {
  margin-top: 6px;
  margin-left: 90px;
}

li.estrutura {
  margin-top: 4px;
  margin-left: 120px;
}

li.estrutura span {
  font-size: 10px;
  border-bottom: 1px dotted #DDD;
}

.estados_venda {
	float: left;
	width: 144px;
	margin: 6px 0 0 7px;
	font-weight: bold;
}

#status_bar {
  background-color: #800000;
  border-top: 2px solid #D7AF59;
  color: #E0E0E0;
  bottom: 0;
  height: 30px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 100;
}

#status_bar #wrapper {
  margin: 0 auto;
  padding-top: 4px;
  width: 940px;
}

/*_____{ pagination }___________________________________________________________*/
form#form_venda {
  clear: both;
}

ul.pagination {
  list-style: none;
  margin: 0 0 10px 0;
  height: 16px;
  overflow: hidden;
  clear: both;
}

ul.pagination li {
  float: left;
  height: 16px;
  line-height: 15px;
  margin: 1px 5px 0 0;
  font-size: 11px;
  font-weight: bold;
}

ul.pagination li img {
  padding: 2px 0;
}

ul.pagination li a {
  display: block;
  padding: 0 5px;
  color: #FFFFFF;
  background-color: #800000;
  border: 0;
}

ul.pagination li a:hover, ul.pagination li.selected a {
  background-color: #000;
  border: 0;
  color: #BBB;
  text-decoration: none;
}

ul.pagination li.arrows {
  margin-left: 20px;
}

ul.pagination span.gap {
  float: left;
  margin-right: 5px;
}

/*_____{ mensagens de erro }___________________________________________________________*/

.errorExplanation {
	padding: 0 10px 10px;
	background-color: #FCF9D8;
	border: 1px solid #EED1D2;
}

.errorExplanation h2 {
	color: #DC2622;
	font-size: 18px;
	font-weight: bold;
}

.errorExplanation p {
	margin-bottom: 10px;
}

.errorExplanation ul {
	list-style: inherit;
	margin-left: 20px;
}

/*_____{ tables }______________________________________________________________________________________*/

table {
  margin-top: 15px;
}

table.relatorio {
  clear: both;
  width: 665px;
  margin-top: 0;
}

table.relatorio tr {
  background-color: #EBEBEB;
  height: 22px;
}

table.relatorio tr:hover {
  background-color: #E2E2E2;
}

td {
  padding-left: 5px;
  padding-right: 5px;
}

table.horas {
  clear: both;
  width: 420px;
  margin-top: 0;
}

table.horas tr {
  height: 24px;
  text-align: center;
}

table.horas tr:hover {
  background-color: #E2E2E2;
}

/*_____{ forms }_______________________________________________________________________________________*/
#main_bar form {
  width: 96%;
  padding: 2%;
  margin-bottom: 10px;
  overflow: hidden;
}

#main_bar form .bt_margin {
	margin-left: 130px;
	clear: both;
}

#main_bar form .heading {
  padding: 0 1%;
  padding-bottom: 10px;
  margin-bottom: 15px;

  font-size: 11px;
  letter-spacing: 1px;

  color: #999;
  border-bottom: 1px solid #ddd;
}

#main_bar form p {
  padding-bottom: 10px;
}

#main_bar form .row {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

#main_bar form label {
  padding: 2px 7px 0 0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  float: left;
  width: 128px;
	text-align: right;
  display: inline;
  color: #800000;
}

#main_bar form .field {
  display: block;
  width: 70%;
  float: right;
  padding-bottom: 10px;
}

.perfis {
	float: left;
	width: 290px;
	margin-left: 20px;
}

/*_____{ rodapé }___________________________________________________________*/
#footer {
  background-image: url(../images/bottom_bar.png);
  background-repeat: repeat-x;
  margin-top: 5px;
  padding-top: 10px;
  height: 70px;
  color: #fff;
  clear: both;
}

#footer .copyright {
  padding-top: 5px;
  font-size: 12px;
  text-align: center;
  width: 663px;
  float: left;
}

#footer ul {
  margin-bottom: 5px;
  list-style-type: none;
  text-align: center;
}

#footer .page_wrapper img#corebit {
  float: left;
}

#footer .page_wrapper img#broad {
  float: right;
}

#footer ul li {
  display: inline;
}

#footer ul li a {
  text-decoration: none;
  color: #fff;
}

#footer ul li a:hover {
  text-decoration: underline;
}

#side_bar div.content img#logo_sidebar {
  float: left;
  margin-right: 4px;
}

#main_bar .caixa_borda {
  height: 170px;
  border: 2px solid #800000;
  margin-right: 10px;
  overflow: auto;
}

#main_bar .caixa_borda table {
  width: 620px;
}

#localiza_obj {
	float: right;
	margin-right: 30px;
}

#localiza_obj form {
	padding: 0;
	margin-bottom: 3px;
	width: 100%;
}

#aviso_conta {
	background: #e0e0e0;
	padding: 3px;
	border: 1px solid #999;
	margin-bottom: 5px;
}

#main_bar .aplicacao_text img {
  float: left;
  margin: 0 5px 3px 0;
}

#main_bar .aplicacao_text p {
  margin-bottom: 12px;
}