/*
Sistema de Gerenciamento Compartilhado de Conteúdo
conteudo.midiaindoor.com.br
*/

* {
  margin: 0;
  padding: 0;
}

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

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

h1.top {
  font-size: 28px;
  font-weight: normal;
	font-style: italic;
  letter-spacing: -.03em;
	float: left;
	margin-left: 50px;
}

h2 {
  font-size: 28px;
  font-weight: normal;
	padding-left: 14px;
}

.title {
  background: url(../images/bg_preto.jpg) bottom repeat-x;
	margin-bottom: 6px;
	padding-bottom: 8px;
}

.title h2 {
	color: #FFF;
  font-size: 22px;
}

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;
}

h4.margin {
  margin-left: 100px;
}

img {
  border: 0;
}

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

a:hover {
	text-decoration: underline;
}

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;
}

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

.black_rounded {
  background: #fff url(../images/bg_preto.jpg) repeat-x center -8px;
}

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

#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;
	text-shadow: 2px 2px 2px #000000;
}

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

#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;
}

#container {
  min-height: 450px;
}

/*_____{ body: main_bar }___________________________________________________________*/
#main_bar {
  width: 675px;
  float: left;
  margin-bottom: 5px;
  padding-right: 5px;
  background-image: url(../images/bg.gif);
  min-height: 450px;
}

#main_bar .black_rounded #min_top {
  min-height: 40px;
  margin-bottom: 10px;
}

#main_bar .black_rounded #min_top img {
  margin-left: 4px;
}

#main_bar .black_rounded #min_main {
  min-height: 430px;
  width: 665px;
}

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

#main_bar i.margin {
  margin-left: 134px;
}

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

.button_add, .button_edit, .button_rm, .button_editp, .button_rmp, .button_downp, .button_login, .button_ok, .button_list {
  color: #000;
	font-size: 12px;
	font-weight: bold;
  padding: 8px 5px 10px 39px;
	letter-spacing: 0.2px;
  border: none;
}

.button_add {
  background: url(../images/bt_add.jpg) no-repeat;
}

.button_edit {
  background: url(../images/bt_edit.jpg) no-repeat;
}

.button_rm {
  background: url(../images/bt_rm.jpg) no-repeat;
}

.button_editp {
  background: url(../images/bt_editp.jpg) no-repeat;
  padding: 2px 5px 10px 27px;
}

.button_rmp {
  background: url(../images/bt_rmp.jpg) no-repeat;
  padding: 2px 5px 10px 27px;
}

.button_downp {
  background: url(../images/bt_downp.jpg) no-repeat;
  padding: 2px 5px 10px 27px;
}

.button_login {
  background: url(../images/bt_login.jpg) no-repeat;
  margin-left: 100px;
}

.button_ok {
  background: url(../images/bt_ok.jpg) no-repeat;
  margin-left: 100px;
}

.button_list {
  background: url(../images/bt_list.jpg) no-repeat;
}

.button_add:hover, .button_edit:hover, .button_rm:hover, .button_editp:hover, .button_rmp:hover, .button_downp:hover, .button_login:hover, .button_ok:hover, .button_list:hover {
  color: #800000;
  text-decoration: none;
}

.icos {
	margin-top: 8px;
}

p.bt {
	margin-top: 14px;
}

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

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

#side_bar .rounded #min_side {
  min-height: 230px;
  width: 263px;
}

#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;
}

#termos_uso {
  border: 2px solid #800000;
  padding: 3px;
	height: 140px;
	overflow: auto;
}

/*_____{ 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;
	min-width: 960px;
}

#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;
	border: none;
}

#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;
}

/*_____{ forms }_______________________________________________________________________________________*/

#main_bar form {
  width: 96%;
  padding: 2%;
  margin-bottom: 10px;
  overflow: hidden;
}

#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;
}

/*_____{ pagination }___________________________________________________________*/
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 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;
}

/*_____{ listings }____________________________________________________________________________________*/

.list_item {
	margin: 5px 0;
}

.list_item img {
	float: left;
	margin: 0 10px 5px 0;
}

.list_item span a, #mainbar .list_item span {
	font-size: 15px;
  text-decoration: none;
}

.list_item span a:hover {
  text-decoration: underline;
}

.list_item .list_check {
	float: left;
	padding: 8px 6px 10px 0;
	margin: 0 10px 1px 0;
	border-right: 1px dotted #860000;
}

.list_item .text_content {
	float: left;
}

.list_item .data_frame {
	margin-right: 10px;
}

.controls {
	float: right;
	padding-top: 10px;
}

.clear {
	clear: both;
}

ul {
	list-style: none;
}

li .handle {
  font-size: 12px;
  cursor: move;
  color: #777;
}

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

.dotted_line {
	clear: both;
  margin: 6px 0 8px 0;
  border-bottom: 1px dashed #bbb;
}

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

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

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

#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;
}

.alerta {
	text-align: center;
	background-color: #FCF9D8;
	border: 1px solid #D0D0D0;
}

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

#localiza_obj form {
	padding: 0;
	width: 100%;
}

#localiza_obj .bt_search, #localiza_obj .bt_searchp {
	border: 0;
	cursor: pointer;
}

#localiza_obj .bt_search {
	background: url('../images/search.jpg');
	width: 33px;
	height: 33px;
}

#localiza_obj .bt_searchp {
	float: left;
	background: url('../images/searchp.jpg');
	width: 20px;
	height: 20px;
	margin-left: 3px;
}

.tipo_cont {
	float: left;
	border: 3px solid #CCC;
	margin: 0 0 20px 20px;
}

/*_____{ mensagens de erro }___________________________________________________________*/

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

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

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

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

/*---Layouts-----------------------------------*/

#layouts_box img {
	float: left;
	margin: 4px 9px;
	border: 4px solid #ccc;
}

#fotos_list {
	height: 136px;
	width: 100%;
	border: 1px solid #800000;
	overflow: auto;
}

#fotos_list img {
	float: left;
	margin: 3px;
	border: 3px solid #ccc;
}

#fotos_list .mais img {
	margin: 16px 0 0 8px;
	border: 0;
}

/*---Navegação veiculação de conteúdos-----------------------------------*/

#nav_conteudos {
	border-bottom: 2px solid #777;
}

#nav_conteudos #exp, #nav_conteudos #nval, #nav_conteudos #val, #nav_conteudos #veic, #nav_conteudos #vid, #nav_conteudos #img, #nav_conteudos #ani {
	float: right;
	background: #EEE url(../images/abas.png) no-repeat;
	padding: 5px 4px 6px 32px;
	margin-right: 6px;
	border: 1px solid #777;
	border-bottom: none;
}

#nav_conteudos #exp {
	background-position: left -90px;
}

#nav_conteudos #nval {
	background-position: left -60px;
}

#nav_conteudos #val {
	background-position: left -30px;
}

#nav_conteudos #vid {
	background-position: left -120px;
}

#nav_conteudos #img {
	background-position: left -150px;
}

#nav_conteudos #ani {
	background-position: left -180px;
}

#conteudos_especificos {
	max-height: 600px;
	padding: 0 1px;
	overflow: auto;
}

/*---Botões com imagem lateral-----------------------------------*/

.foto_ch {
	float: left;
	padding: 4px;
}

#tv_show {
 background: url('../images/tv_show.jpg') no-repeat top center;
 width: 349px;
 height: 273px;
 padding: 17px 0 0 45px;
 margin: 135px 0 0;
 float: left;
}


#tv_show_v {
 background: url('../images/tv_show_v.jpg') no-repeat top center;
 width: 239px;
 height: 368px;
 padding: 42px 0 0 36px;
 margin: 10px auto;
 float: left;
}

.check_cidade {
  width: 212px;
  float: left;
}

/*---Char count-----------------------------------*/

.counter {
  display: inline;
  font-size: 16px;
}

.charcount-safe {
  color: #65AA7D;
}

.charcount-limit {
  color: #ff0000;
  font-weight: bold;
}