@ variables {
	cor1: #ffcc00;
	cor2: #00ffcc;
}

/* Início do Reset Css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}url
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fim do Reset Css */

/* Estilos Gerais */

body {	
	font: 12px Verdana, Helvetica, Sans-serif;
	color: #666666;
	background: #f0f0f0;
	margin: 0;
	padding: 0;	
}
a {	
	color: #333;
	text-decoration:none;
	}		
a:hover, a:visited {	
	color:#333;
	text-decoration:none;	
}
input {	
	margin: 3px 0 3px 0;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}
.checkbox {	
	width: 20px;
	border: none;
	background-color: #d9d9d9;
}
textarea {
	margin: 3px 0 3px 0;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #f6f6f6;	
	font: 12px Verdana, Helvetica, Sans-serif;
}
select {
	margin: 3px 0 3px 0;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #f6f6f6;	
}
.select-med {
	width: 200px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;	
}

label {	
	float: left;
	font: normal 10px/1.4em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	padding: 6px 10px 3px 0;
}

@font-face {
	font-family: 'DINNextLTProRegular';
	src: url('fonts/dinnextltpro-regular-webfont.eot');
	src: local('☺'), url('fonts/dinnextltpro-regular-webfont.woff') format('woff'), url('fonts/dinnextltpro-regular-webfont.ttf') format('truetype'), url('fonts/dinnextltpro-regular-webfont.svg#webfonttxHD52mh') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1 {
	font: bold 14px Arial, Helvetica, Sans-serif;
	margin: 4px 0 4px 12px;
	@color: var(cor1);
}



/* Fim dos Estilos Gerais */

/* Inicio dos estilos Main */

#main {
	width: 100%;
	margin: 0 auto;
}

/* Fim dos estilos Main */


/* Inicio dos estilos login */

#login {
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background-color: #ffffff;
	width: 350px;
	height: 250px;
	margin: 0 auto;
	margin-top:150px;
	-moz-box-shadow: 2px 2px 12px #cccccc;
	-webkit-box-shadow: 2px 2px 12px #cccccc;
	box-shadow: 2px 2px 12px #cccccc;
}
#login img {
	clear: both;
	margin: 10px 0 0 10px;
}
#copyright_login {
	text-align: right;
	width: 350px;
	height: 34px;
	margin: 0 auto;
	font: 9px/2.8em Verdana, Arial, Helvetica, Sans-serif;
}
#login p {	
	display: table;
	clear: both;
	margin: 10px 0 0 20px;
}
#login p label {
	width: 50%;
	font: normal 9px/1em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}
#login p input {
	float: left;
	margin: 0;
	width: 308px;
	height: 26px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 0 0 0 4px;
	font: normal 14px/1.8em Arial, Helvetica, Sans-serif;
	color: #666;
}
#login p input.valida {
	float: left;
	margin: 0;
	width: 308px;
	height: 26px;
	border: 1px solid #cc0000;
	background-color: #f6f6f6;
	padding: 0 0 0 4px;
	font: normal 14px/1.8em Arial, Helvetica, Sans-serif;
}
#login p span {
	font: bold 11px/1.6em Arial, Helvetica, Sans-serif;
	color: #cc0000;
	margin: 0 20px 0 0;
	float: right;
}
#login input.botao3 {
	float: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #01608c, #012b3f) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#01608c), to(#012b3f)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#01608c, endColorstr=#012b3f)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#01608c, endColorstr=#012b3f);
	background-color: #006699;
	font: 12px/1.7em Arial, Helvetica, Sans-serif;
	font-weight: bold;
	color: #ffffff;
	height: 30px;
	margin: 16px 17px 0 0;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	border: 1px solid #012b3f;
	cursor: pointer;
}
/* Fim dos estilos login */

/* Inicio dos estilos FORM */

div#form { width: 100%;}
div#form label { float: left;}
div#form p { float: left;}
div#form p input { width: 100%;}

/* Fim dos estilos FORM */

/* Inicio dos estilos FORM Configuracao TPL */

div#form.configuracao label { width: 140px}
div#form.configuracao p { width: 545px;}

/* Fim dos estilos FORM Configuracao TPL */

/* Inicio dos estilos Top */

#top {
	width: 980px;
	display: table;
	margin: 0 auto;
	padding: 8px 0 10px 0;

}
#logo {
	float: left;
}
#logo img {
	margin: 8px 0 0 8px;
}
#info_usr {
	margin: 8px 8px 0 0;
	float: right;
	text-align: right;
	width: 600px;
}
span.usuario {
	font-weight: bolder;
}
span.sair {
	font: 9px Verdana, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}
span.sair a {
	text-decoration: none;
}
span.sair a:hover {
	text-decoration: underline;
}
#menu {
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 auto;
	font-size: 11px;
	background-color: #999;
	width: 980px;
	line-height: 26px;
	height: 32px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #999999, #cccccc) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#CCCCCC)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#CCCCCC);
}

ul.menubar {
  margin: 0 0 0 10px;
  padding: 0px;
  font-size: 100%;
}
ul.menubar .submenu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}
ul.menubar .submenu a {	font-weight: bold; }
ul.menubar ul.menu{
	-moz-border-radius-bottomleft: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	-moz-border-radius-bottomright: 4px 4px;
  display: none;
  position: absolute;
  z-index: 999;
  margin: 0px;
}
ul.menubar li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 4px 15px 0 15px;
  background: none;
}
ul.menubar li a:hover {
  color: #d0f5fe;	
  background: none;
}
ul.menubar .submenu a.img-home {
	margin: 8px -24px 0 0px;
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 19px;
	height: 18px;
	background: transparent url('../images/ic_home.gif') no-repeat top left;
	cursor: pointer;
  
}
ul.menubar .submenu a.img-home:hover{
	background-position: 0px -22px;
	cursor: pointer;
}

ul.menubar .submenu ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  background-color: #666;
  border: 1px solid #666;
  width: 180px; /* Width of Menu Items */
}
 
ul.menubar .submenu ul.menu li{
  background: none;
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menubar .submenu ul.menu li a{
  font-weight: normal;
  display: block;
  text-decoration: none;
  background-color: #666;
  color: #fff;
  margin: 0px;
  height: 24px;
  padding: 0 0 0 20px;
}
ul.menubar .submenu ul.menu li a:hover {
	background-color: #007db0;
	color: #fff;
}
html {
	height: 101%;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent; }

p.vis-site { float: right; width: 93px; margin: 6px 6px 2px 2px;}
p.vis-site a {
	line-height: 1.6em;
	color: #FFF;
	background-position: 0px;
	text-align: center;
	float: left;
	display: block;
	width: 93px;
	height: 20px;
	background: transparent url('../images/bg-bt-visualizar.gif') no-repeat top left;
	cursor: pointer;
	text-decoration: none;
}
p.vis-site a:hover {
	background-position: 0px -30px;
	cursor: pointer;
	text-decoration: none;
}

{ float: right: width: 110px; margin: 10px 2px 2px 2px;}

/* Fim dos estilos Top */

/* Inicio dos estilos middle */

#middle {
	padding-top:10px;
	width: 980px;
	height: 120px;
	margin: 0 auto;		
}

#middle div.mensagem p { 
	color: #c6a14e;
	padding: 1px 0 1px 24px;
	font: normal 10px/1.7em Arial, Helvetica, Sans-serif; 
}

/* Inicio dos estilos content left */

#content_left {
	padding: 0;
	float: left;
	width: 760px;
}

#content_left h1 {
	font: bold 14px/1.6em Arial, Helvetica, Sans-serif;
	margin: 4px 8px 2px 12px;
	float: left;
}


#selecionar_menu {
	padding: 2px 0 12px 0;
	float: left;
	width: 760px;
}
ul.tabs {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 30px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 746px;
}
ul.tabs_vazio {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 4px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 746px;
}
ul.tabs li {
	font-size: 9px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top: 1px solid #999;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	border: 1px solid #999;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 30px;
	outline: none;
}
ul.tabs li a:hover {
	color: #666;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
ul.tabs li.active a {
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #eeeeee, #ffffff) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff);
	background-color: #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 754px;
	background: #fff;
	-moz-border-radius-bottomleft: 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	-moz-border-radius-bottomright: 6px 6px;
	-moz-box-shadow: 2px 2px 5px #c8c8c8;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8;
	box-shadow: 2px 2px 5px #c8c8c8;
}
.tab_content {
	padding: 20px 20px 0 20px;
	font-size: 1.2em;
}

/* Inicio dos estilos componente toggle */
.comp-toggle div  {
}
.comp-toggle div  p {
	display: table;
	width: 800px;
}
.comp-toggle h3  {
	font: normal 10px/2em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}
.comp-toggle h3 a {
	padding: 0 0 0 0px;
	margin: 4px 5px 2px 0px;
	display: block;
	width: 712px;
	border-bottom: 1px solid #dfdfdf;
	color: #666;
}
.comp-toggle h3 a:hover {
	color: #333333;
}
/* Fim dos estilos componente toggle */

/* Inicio dos estilos componente toggle anexos */
div.barra-anexos  {
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	border: 1px solid #999;
	clear: both;
	width: 754px;
	display: table;
	background: #fff;
	-moz-border-radius-bottomleft: 6px 6px;
	-moz-border-radius-bottomright: 2px 1px;
	-moz-box-shadow: 2px 2px 5px #c8c8c8;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8;
	box-shadow: 2px 2px 5px #c8c8c8;
}
.comp-toggle-anexos div  p {
	display: table;
	width: 800px;
}
.comp-toggle-anexos h3  {
	font: normal 10px/2.2em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}
.comp-toggle-anexos h3 a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #666;
}
.comp-toggle-anexos h3 a:hover {
	color: #333333;
}
/* Fim dos estilos componente toggle anexos */

div#menu-editar-titulo, div#menu-editar-url{ float: left; width: 100%}

div.tab_content label {
	float: left;
	width: 45px;
}
div.tab_content p {
	float: left;
	width: 630px;
}

#tab2 {
	height: auto;
	display: table;
}
#tab1 {
	height: auto;
	display: table;
}
label {
	width: 40px;
	float: left;
}
#titulo, #alias, #descricao {
	width: 635px;
}
#div_descricao {
	width: 530px;
}
#div_descricao p, #editor_conteudo p {
	clear: both;
}
#descricao {
	height: 100px;
}
#corpo {
	height: 240px;
}
#editor_conteudo {
	margin: 0px 0 12px 0;
	height: 340px;
	float: left;
}

/* Inicio dos estilos da página dos atributos */

ul.tabs_atributos_vazio {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 4px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 746px;
}
ul.tabs_atributos {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 30px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 746px;
}
ul.tabs_atributos li {
	font-size: 9px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}
ul.tabs_atributos li a {
	text-decoration: none;
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top: 1px solid #999;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	border: 1px solid #999;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 30px;
	outline: none;
}
ul.tabs_atributos li a:hover {
	color: #666;
}
html ul.tabs_atributos li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
ul.tabs_atributos li.active a {
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #eeeeee, #ffffff) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff);
	background-color: #fff;
}
.tab_container_atr {
	padding: 0 0 20px 0;
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 754px;
	background: #fff;
	-moz-border-radius-bottomleft: 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	-moz-border-radius-bottomright: 6px 6px;
	-moz-box-shadow: 2px 2px 5px #c8c8c8;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8;
	box-shadow: 2px 2px 5px #c8c8c8;
}
div.tab_container_atr .tab_content {
	padding: 20px 20px 0 20px;
	font-size: 1.2em;
}

#tab2 {
	height: auto;
	display: table;
}
#tab1 {
	height: auto;
	display: table;
}
div.tab_container_atr .tab_content label.lbl_atr{
	line-height: 0.8em;
	width: 50px;
	float: left;
}
div.tab_container_atr .tab_content label.lbl_atr2{
	width: 80px;
	float: left;
}
div.tab_container_atr .tab_content div{
	width: 48%;
	margin: 0 0 4px 10px;
	float: left;
}
#titulo_artigo {
	width: 100%;
	height: 30px;
}
#titulo_artigo input{
	width: 655px;
}
#url_artigo {
	width: 100%;
	height: 30px;
}
#url_artigo input{
	width: 655px;
}
.input_atr {	
	float: left;
	margin: 3px 0 3px 0;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}
.peq {	
	width: 100px;
}
.med {	
	width: 138px;
}
.grd {	
	width: 100%;
}
div.tab_container_atr .tab_content .select_atr {	
	float: left;
	border: 1px solid #ccc;
}

#outros_atributos {
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	-moz-border-radius-bottomleft: 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	-moz-border-radius-bottomright: 6px 6px;
	float: left;
	width: 704px;
	height: 100px;
	background-color: #d9d9d9;
	padding: 20px 20px 0 32px;
	margin: 12px 0 0 0;
}
#outros_atributos div{
	margin: 10px;
	margin: 0 0 4px 0;
	float: left;
}

div#opcoes-geral-itens div#form-generico { float: left; width: 100%;}
div#opcoes-geral-itens div#form-generico label { float: left; width: 66px;}
div#opcoes-geral-itens div#form-generico p { float: left; width: 116px;}
div#opcoes-geral-itens div#form-generico p input { width: 100%;}
div#opcoes-geral-itens div#form-generico p select{ width: 100%;}

div#form-generico { float: left; width: 100%; margin-bottom: 20px;}
div#form-generico label { float: left; width: 60px;}
div#form-generico p { float: left; width: 620px;}
div#form-generico p input { width: 100%;}
div#form-generico p select{ width: 100%;}

div#menu-editar-pai { float: left; width: 460px;}
div#menu-editar-pai label{	float: left; width: 42px;}
div#menu-editar-pai p{	float: left; width: 400px;}
div#menu-editar-pai p select{ width: 100%;}

div#menu-editar-ordem {	float: left; width: 120px;}
div#menu-editar-ordem label{ float: left; width: 44px;}
div#menu-editar-ordem p{ float: left;width: 60px;}

div#menu-editar-tipo-conteudo { float: left; width: 100%;}
div#menu-editar-tipo-conteudo label{ float: left; width: 42px;}
div#menu-editar-tipo-conteudo p{	float: left; width: 400px;}
div#menu-editar-tipo-conteudo p select{ width: 100%;}


#chk_secao_nova { float: left;	width: 120px}
#chk_secao_nova input.checkbox { margin: 5px 0 0 5px; float: left; width: 20px; border: none}
#chk_secao_nova label { width: 70px}

#secao_nova { float: left; width: 300px; display: none;}
#secao_nova label {	float: left; width: 32px;}
#secao_nova select { width: 240px;}

#hierarquia { width: 150px; float: left;}
#hierarquia select { width: 100px; float: left;}

#outros_atributos label.lbl_atr{ margin: 0 0 0 14px; width: 30px; float: left;}
#btn-salvar-atr { padding-top: 8px;	clear: both;}

/* Final dos estilos da página dos atributos */

/* Inicio tabs anexos que sao as tabs dos thumbnails imagens etc */

#tabs_anexos {
	margin: 10px 0 10px 0;
	float: left;
}
ul.tabsinf {
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	list-style: none;
	height: 24px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 746px;
}
ul.tabsinf li {
	font-size: 9px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	height: 25px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 25px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}
ul.tabsinf li a {
	text-decoration: none;
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top: 1px solid #999;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	border: 1px solid #999;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	outline: none;
}
ul.tabsinf li a:hover {
	color: #666;
}
html ul.tabsinf li.active, html ul.tabsinf li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
ul.tabsinf li.active a {
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #eeeeee, #ffffff) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#ffffff);
	background-color: #fff;
}

#tabinf1 {
	height: auto;
	display: table;
}
#tabinf1 div{
	margin: 10px;
	width: 100%;
	float: left;
}
#tabinf1 div input{
	float: left;
	width: 300px;
}
#tabinf1 div span{
	font: 11px/3em Arial, Helvetica, Sans-serif;
}
#tabinf1 div img{
	border: 1px solid #ccc;
	float: left;
	padding: 8px;
	margin: 8px;
}

/* Inicio dos estilos da tab inf 2 - tab para inserir imagens */

#tabinf2 {
	height: auto;
	width: 730px;
}
#tabinf2 div{
	margin: 0px 0 12px 20px;
	width: 100%;
	float: left;
}
#tabinf2 div input.botaosimples {
	float: left;
	margin: 0 0 20px 12px;
}
#tabinf2 div input.botao {
	font: 11px/1.2em Arial, Helvetica, Sans-serif;
	height: 20px;
	float: right;
	margin: 0 12px 20px 0;
}
#tabinf2 div ul  {
	clear: both;
	width: 712px;
}
#tabinf2 div ul li {
	border-bottom: 1px solid #ccc;
	display: table;
	width: 100%;
}
#tabinf2 div ul li div.inserir-imagem-thumb {
	margin: 5px 5px 20px 0px;
	float: left;
	width: 120px;
	height: 120px;
	background-color: #e6e6e6;
}
#tabinf2 div ul li img{
	margin: 10px;
	float: left;
}
#tabinf2 div ul li div.inserir-imagem-campos {
	float: left;
	margin: 10px 0 0 0;
	width: 540px;
}
#tabinf2 div ul li div.inserir-imagem-campos p {
	width: 260px;
	float: left;
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px 0 0 5px;
	padding: 0px;
}
#tabinf2 div ul li div.inserir-imagem-campos input {
	width: 255px;
}
#tabinf2 div ul li div.icones {
	margin: 23px 0px 0 0;
	height: 30px;
	float: right;
	width: 20px;
}
#tabinf2 div ul li div.icones img{
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
/* FIM dos estilos da tab inf 2 - tab para inserir imagens */


#tabinf3 {
	height: auto;
	width: 730px;
}
#tabinf3 div{
	margin: 0px 0 12px 20px;
	width: 100%;
	float: left;
}
#tabinf3 div input.botaosimples {
	float: left;
	margin: 0 0 20px 12px;
}
#tabinf3 div input.botao {
	font: 11px/1.2em Arial, Helvetica, Sans-serif;
	height: 20px;
	float: right;
	margin: 0 12px 20px 0;
}
#tabinf3 div ul  {
	clear: both;
	width: 100%;
}
#tabinf3 div ul li {
	background-color: #fff;
	display: table;
	padding: 0 0 6px 0;
	width: 100%;
}
#tabinf3 div ul li.cor_lista {
	display: table;
	padding: 0 0 6px 0;
	background-color: #e7e7e7;
}
#tabinf3 div ul li img{
	margin: 14px 0 0 12px;
	float: left;
}
#tabinf3 div ul li #titulo {
	margin: 6px 0 0 12px;
	float: left;
	width: 180px;
}
#tabinf3 div ul li #titulo p {
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
}
#tabinf3 div ul li #titulo input {
	width: 100%;
	margin: 0px;
}
#tabinf3 div ul li #descricao {
	margin: 6px 0 0 12px;
	float: left;
	width: 360px;
}
#tabinf3 div ul li #descricao p {
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}
#tabinf3 div ul li #descricao input {
	width: 100%;
	margin: 0px;
}
#tabinf3 div ul li #icones {
	margin: 18px 12px 0 0;
	float: right;
	width: 20px;
}
#tabinf3 div ul li #icones img{
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#tabinf3 div ul li div.icone-thumb {
	margin: 15px 12px 0 0;
	height: 30px;
	float: right;
	width: 20px;
}
#tabinf3 div ul li div.icone-thumb img{
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#tabinf3 div ul li div.inserir-thumb {
	margin: 5px 5px 20px 0px;
	float: left;
	width: 400px;
}
#tabinf3 div ul li div.inserir-thumb img {
	margin: 10px 0px 0px 0px;
}



#tabinf4 {
	height: auto;
	width: 730px;
}
#tabinf4 div{
	margin: 0px 0 12px 20px;
	width: 100%;
	float: left;
}
#tabinf4 div input.botaosimples {
	float: left;
	margin: 0 0 20px 12px;
}
#tabinf4 div input.botao {
	font: 11px/1.2em Arial, Helvetica, Sans-serif;
	height: 20px;
	float: right;
	margin: 0 12px 20px 0;
}
#tabinf4 div ul  {
	clear: both;
	width: 100%;
}
#tabinf4 div ul li {
	background-color: #fff;
	display: table;
	padding: 0 0 6px 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
#tabinf4 div ul li.cor_lista {
	display: table;
	padding: 0 0 6px 0;
	background-color: #e7e7e7;
}
#tabinf4 div ul li #titulo {
	margin: 6px 0 0 12px;
	float: left;
	width: 180px;
}
#tabinf4 div ul li #titulo p {
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
}
#tabinf4 div ul li #titulo input {
	width: 100%;
	margin: 0px;
}
#tabinf4 div ul li #descricao {
	margin: 6px 0 0 12px;
	float: left;
	width: 440px;
}
#tabinf4 div ul li #descricao p {
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}
#tabinf4 div ul li #descricao input {
	width: 100%;
	margin: 0px;
}
#tabinf4 div ul li div.icone-documento {
	display: block;
	margin: 18px 12px 0 0;
	float: left;
	width: 50px;
	height: 100px;
}
#tabinf4 div ul li div.icones img{
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
#tabinf4 div ul li p.nome-documento {
	font: 10px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	margin: 28px 0px 0 0;
	float: left;
	width: 400px;
}
#tabinf4 div ul li div.icones {
	margin: 15px 12px 0 0;
	height: 30px;
	float: right;
	width: 20px;
}
#tabinf4 div ul li div.inserir-documento-campos div {
	padding: 0px;
	margin: 0px;
}
#tabinf4 div ul li div.inserir-documento-campos {
	float: left;
	margin: 10px 0 0 0;
	width: 540px;
}
#tabinf4 div ul li div.inserir-documento-campos p {
	width: 260px;
	float: left;
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px 0 0 5px;
	padding: 0px;
}
#tabinf4 div ul li div.inserir-documento-campos input {
	width: 255px;
}
#tabinf4 div ul li div.inserir-documento-ordem {
	width: 300px;
	margin: 0px;
	padding: 0px;
}
#tabinf4 div ul li div.inserir-documento-ordem p {
	width: 260px;
	float: left;
	font: 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	text-transform: none;
	margin: 0px 0 0 67px;
	padding: 0px;
}
input.botaosimples {
	float: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	width: 60px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff, #afafaf) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#afafaf)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#afafaf)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#afafaf);
	background-color: #006699;
	font: 11px/1.4em Arial, Helvetica, Sans-serif;
	font-weight: normal;
	color: #666666;
	height: 20px;
	margin: 3px;
	border: 1px solid #666666;
	cursor: pointer;
}

/* end tabs anexos */

div.seo {
	border-radius: 4px;
	-moz-border-radius: 4px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e3e3e3, #ffffff) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ffffff)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#ffffff);
	background-color: #e3e3e3;
	font: 11px/2.6em Arial, Helvetica, Sans-serif;
	width: 606px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}
a.botaoseo {
	text-decoration:none;
	font-weight: bold;
}
.botaoseo {
	margin: 0 0 0 10px;
}
div.campos_seo {
	margin: 0 10px 10px 10px;
}
div.campos_seo input {
	width: 550px;
	margin: 0 22px 0 0;
}

/* Fim dos estilos content left */

/* atualização: Thiago Silveira | 23-02-2011 */
div.mensagem { 
	background-color: #d0f5fe; 
	border: 1px solid #f7e14a;
	background: url('../images/ic-informacao.gif') left no-repeat #fff6bf;
}








/* Inicio dos estilos middle pagina lista */

#middle_cheio {
	border: 1px solid #999;
	width: 980px;
	background: #fff;
	-moz-box-shadow: 2px 2px 5px #c8c8c8;
	-webkit-box-shadow: 2px 2px 5px #c8c8c8;
	box-shadow: 2px 2px 5px #c8c8c8;
}

#middle_cheio_container {
	margin: 20px;
}
#middle_cheio_container h1 {
	font: bold 18px/2em Arial, Helvetica, Sans-serif;
	margin: 4px 0 4px 6px;
}

#middle_cheio_container h3 {
	font: normal 16px/2em Arial, Helvetica, Sans-serif;
	margin: 4px 0 4px 6px;
}

#middle_cheio_container a.btn-link-1 { 
	margin: 0 0 0 14px; 
	padding: 4px 8px 4px 8px; 
	background-color: #ccc; 
	font: normal 11px/3em Arial, Helvetica, Sans-serif; 
	color: #fff; 
	text-decoration: none;
}
#middle_cheio_container a:hover.btn-link-1 { 
	background-color: #666; 
	color: #d0f5fe;
	text-decoration: none;
}
#middle_cheio_container div.mensagem { 
	background-color: #d0f5fe; 
	border: 1px solid #f7e14a;
	background: url('../images/ic-informacao.gif') left no-repeat #fff6bf;
}
#middle_cheio_container div.mensagem p { 
	color: #c6a14e;
	padding: 1px 0 1px 24px;
	font: normal 10px/1.7em Arial, Helvetica, Sans-serif; 
}
#middle_cheio_container a {
}
#middle_cheio_container a:hover {
	text-decoration: underline;
}
#middle_cheio_container table.table_lista tr.cor_principal td a {
	color: #fff;
}
#middle_cheio_container table.table_lista tr.cor_principal td a:hover {
	color: #fff;
	text-decoration: underline;
}
#middle_cheio_container .botaosimples {
	float: left;
	margin: 0 0 10px -1px;
}
#middle_cheio_container table {
	text-align: left;
	width: 100%;
	background-color: #faf9f9;
	font: 10px/1.6em Verdana, Arial, Helvetica, Sans-serif;
}
#middle_cheio_container table.table_lista tr:nth-child(odd) {
	background-color: #e3e2e2;
}

#middle_cheio_container table.table_lista tr td{
	#border-top: 1px #dedcdc solid;
}

#middle_cheio_container table.table_lista tr td {
}
#middle_cheio_container table.table_lista tr td ul.itens {
	display: none;
	padding: 4px 0 2px 0;
}
#middle_cheio_container table.table_lista tr td ul li {
	float: left;
}
#middle_cheio_container table.table_lista tr td.td_nome {
	text-align: left;
	padding: 0px 0 0px 5px;
}
#middle_cheio_container table.table_lista tr td.td_num {
	width: 20px;
}

#middle_cheio_container table.table_lista tr td span.qtd-pag {
	float: right;
	padding: 4px 0 4px 0;
	color: var(cor1);
	font: normal 10px/1.5em Verdana, Arial, Helvetica, Sans-serif;
}
#middle_cheio_container table.table_lista tr td.td_editar {
	padding: 0 0 0 12px;
}
#middle_cheio_container table.table_lista tr td.td_adicionar {
	padding: 0 0 0 0px;
}
#middle_cheio_container table.table_lista tr td.td_status {
	text-align: left;
	padding: 0 0 0 10px;
}
#middle_cheio_container table.table_lista tr td.td_visivel {
	text-align: left;
	padding: 0 0 0 10px;
}
#middle_cheio_container table.table_lista tr td.td_status img {
	padding: 0;
	margin: 0 0 3px 0;
}
#middle_cheio_container table.table_lista tr td span.nivel0 {
	float: left;
	padding: 4px 0 4px 2px;
	color: var(cor1);
	font: normal 11px/1.5em Verdana, Arial, Helvetica, Sans-serif;
}

#middle_cheio_container table.table_lista tr td span.nivel0 a {
	font-weight: bold;
}

#middle_cheio_container table.table_lista tr td span.nivel1 {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista tr td span.nivel2 {
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista tr td span.nivel3 {
	float: left;
	margin: 0px 0px 0px 45px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista tr td span.nivel4 {
	float: left;
	margin: 0px 0px 0px 60px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista tr td span.nivel5 {
	float: left;
	margin: 0px 0px 0px 75px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista tr td span.nivel6 {
	float: left;
	margin: 0px 0px 0px 90px;
	padding: 4px 0 4px 20px;
	background: url('../images/seta.gif') no-repeat;
}
#middle_cheio_container table.table_lista thead tr th {
	padding: 2px 0 2px 5px;
	font: bold 9px/1.6em Verdana, Arial, Helvetica, Sans-serif;
	border-bottom: 1px solid #007db0;
	background-color: #ffffff;	
}
#middle_cheio_container table.table_lista thead tr th.th_nome {
}
#middle_cheio_container table.table_lista thead tr th.th_num {
	width: 10px;
}
#middle_cheio_container table.table_lista thead tr th.th_editar {
	width: 30px;
}
#middle_cheio_container table.table_lista thead tr th.th_adicionar {
	width: 154px;
}
#middle_cheio_container table.table_lista thead tr th.th_visivel {
	width: 36px;
}
#middle_cheio_container table.table_lista thead tr th.th_status {
	width: 36px;
}
#middle_cheio_container table.table_lista tr.cor_principal td {
	background-color: #666666;
	color: #fff;	
	font: bold 11px/1.6em Verdana, Arial, Helvetica, Sans-serif;
}
#middle_cheio_container table.table_lista tr.cor_lista td {
	background-color: #e8e7e7;	
}
#middle_cheio_container table.table_lista tr:hover td {
	background-color: #deefff;
	color: #666666;	
}
#middle_cheio_container table.table_lista tr.cor_principal:hover td {
	background-color: #7da4c9;
}
#middle_cheio_container table.table_lista tr.cor_principal a.ic_editar{
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_editar.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_editar{
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_ad_item{
	background-position: 0px -31px;
	cursor: pointer;
}

td.td_lock {
 width: 20px;
}

td.td_lock span{
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_lock.png') no-repeat top right;
}

#middle_cheio_container table.table_lista tr.cor_principal a.ic_excluir{
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_excluir.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_excluir{
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_ferramenta {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_publicacoes {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_pagina {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_secao {
	background-position: 0px -31px;
	cursor: pointer;
}

#middle_cheio_container table.table_lista tr.cor_principal a:hover.ic_ad_publicacao {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_editar{
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_editar.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_editar{
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_ad_item {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_ad_item.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_ad_item {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_excluir {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_excluir.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_excluir {
	background-position: 0px -31px;
	cursor: pointer;
}

#middle_cheio_container table.table_lista a.ic_exportar {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url('../images/ic_exportar.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_exportar {
	background-position: 0px -31px;
	cursor: pointer;
}


#middle_cheio_container table.table_lista a.ic_ferramenta {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_ferramenta.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_ferramenta {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_publicacoes {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_publicacoes.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_publicacoes {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_pagina {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_pagina.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_pagina {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_secao {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_secao.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_secao {
	background-position: 0px -31px;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a.ic_ad_publicacao {
	background-position: 0px;
	text-indent: 20000px;
	overflow: hidden;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../images/ic_ad_publicacao.png') no-repeat top left;
	cursor: pointer;
}
#middle_cheio_container table.table_lista a:hover.ic_ad_publicacao {
	background-position: 0px -31px;
	cursor: pointer;
}
/* Fim dos estilos middle pagina lista */

/* Início dos estilos opções */

#opcoes {
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	-moz-border-radius-bottomleft: 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	-moz-border-radius-bottomright: 6px 6px;
	float: right;
	width: 216px;
	padding-bottom: 20px;
	background-color: #d9d9d9;
	margin: 32px 0 0 0;
}
#opcoes-geral {
	-moz-border-radius-topleft: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	-moz-border-radius-topright: 6px 6px;
	-moz-border-radius-bottomleft: 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	-moz-border-radius-bottomright: 6px 6px;
	float: right;
	width: 216px;
	background-color: #d9d9d9;
	padding-bottom: 10px;
	margin: 4px 0 0 0;
}
#opcoes-geral-itens {
	background-color: #d9d9d9;
	margin: 10px;
}
#campos_opcoes  {
	margin: 10px;
}
#campos_opcoes span.label {
	float: left;
	display: block;
	width: 170px;
	height: 14px;
	font: 9px/1.2em Verdana, Arial, Helvetica, Sans-serif;
	color: #333333;
}
#campos_opcoes input {
	width: 99%;
	margin: 0 0 4px 0;
	float: none;
}
#campos_opcoes .checkbox {	
	float: left;
	width: 20px;
	border: none;
	background-color: #d9d9d9;
}
#campos_opcoes div h3 {
	font: bold 11px/3em Verdana, Arial, Helvetica, Sans-serif;
	color: #333333;
	text-transform: uppercase;
}
#campos_opcoes div span.label {
	padding-top:0px;
	float: left;
	display: block;
	width: 170px;
	height: 30px;
	font: 9px/1.4em Verdana, Arial, Helvetica, Sans-serif;
	color: #333333;
}
#campos_opcoes div {
	padding: 15px 0 0 0;
	width: 100%;
	clear: both;
}
#botoes  {
	text-align: right;
	float: right;
	width: 96%;
	height: 30px;
	margin: 30px 10px 10px 6px;
}
input.botao {
	float: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #0099cc, #006699) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#0099cc), to(#006699)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099cc, endColorstr=#006699)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099cc, endColorstr=#006699);
	background-color: #006699;
	font: 11px/1.7em Arial, Helvetica, Sans-serif;
	font-weight: normal;
	color: #fff;
	height: 26px;
	margin: 3px;
	border: 1px solid #09637d;
	cursor: pointer;
}
input.botao2 {
	float: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	width: 60px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff, #afafaf) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#afafaf)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#afafaf)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#afafaf);
	background-color: #006699;
	font: 11px/1.7em Arial, Helvetica, Sans-serif;
	font-weight: normal;
	color: #666666;
	height: 26px;
	margin: 3px;
	border: 1px solid #666666;
	cursor: pointer;
}
input.botao3 {
	float: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	/* Para Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #01608c, #012b3f) repeat-X;
	/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#01608c), to(#012b3f)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#01608c, endColorstr=#012b3f)";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#01608c, endColorstr=#012b3f);
	background-color: #006699;
	font: 12px/1.7em Arial, Helvetica, Sans-serif;
	font-weight: bold;
	color: #ffffff;
	height: 36px;
	margin: 3px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	border: 1px solid #012b3f;
	cursor: pointer;
}

a.menu-ativo{ display:block; background: url(../images/ic_ativo.png); width: 19px ; height: 20px ; }
a.menu-inativo{ display:block; background: url(../images/ic_inativo.png); width: 19px ; height: 20px ; }

a:hover.menu-ativo{background-position: 0px -31px; cursor: pointer;}
a:hover.menu-inativo{background-position: 0px -31px; cursor: pointer;}

a.ic_visivel{ display:block; background: url(../images/ic_visivel.png); width: 19px ; height: 20px ; }
a:hover.ic_visivel{background-position: 0px -31px; cursor: pointer;}

a.ic_invisivel{ display:block; background: url(../images/ic_invisivel.png); width: 19px ; height: 20px ; }
a:hover.ic_invisivel{background-position: 0px -31px; cursor: pointer;}

/** TOOL TIP */

#opcoes-geral a.tip, #content_left a.tip{
    position:relative; /*this is the key*/
    background-color:#666;
    color:#FFF;
	padding: 0 3px;
	font-weight: bold;
	font-size: 10px;
	z-index: 50;}

#opcoes-geral a.tip:hover, #content_left a.tip:hover{background-color:#900;z-index: 51;}

#opcoes-geral a.tip span, #content_left a.tip span {display: none; font-weight: normal;}

#opcoes-geral a.tip:hover span, #content_left a.tip:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	top: 0px;
	left: 20px;
	width: 150px;
	padding: 5px 8px;
    border:1px solid #999;
    background-color:#EEE;
	color:#000;}

*/

/* Fim dos estilos opções */

#paginacao {
}
#paginacao p{
	padding-top: 20px;
	font: 11px/1.7em Arial, Helvetica, Sans-serif;
}
#paginacao ul {
	margin: 0px;
	padding: 5px 0 20px; 0;
}
#paginacao ul li{
	float: left;
	padding: 0 5px 0 5px;
	font: 11px/1.7em Arial, Helvetica, Sans-serif;
}
#paginacao ul li.paginacao-anterior{
	font: bold 11px/1.7em Arial, Helvetica, Sans-serif;
	padding: 0 10px 0 0;
}
#paginacao ul li.paginacao-proxima{
	font: bold 11px/1.7em Arial, Helvetica, Sans-serif;
	padding: 0 0 0 10px;
}

/* Fim dos estilos middle */


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* --------------- ENTREVISTA PEDAGÃÓGICA --------------- */

#entrevista-tituto {
	width: 100%;
	background: black;
	position: relative;
}

#entrevista-tituto h2 {
	font-family: 'HelveticaNeueLTStd67MediumCon', Arial, Helvetica;
	font-size: 1.8em;
	color: #FFCC00;
	padding: 10px 0 5px 0;
	text-align: center;
}

#entrevista-tituto a.anterior,
#entrevista-tituto a.proxima {
	position: absolute;
	top: 10px;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}

#entrevista-tituto a.anterior {
	left: 10px;
}

#entrevista-tituto a.proxima {
	right: 10px;
}


#tabela-horario{
	margin: 20px 40px;
}

#tabela-horario th{
	color: #999;
}

#tabela-horario td{
	padding: 2px 5px;
}

#tabela-horario a,
#tabela-horario span {
	display:block;
	width: 90px;
	height: 12px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana;
	font-size: 0.8em;
}

#tabela-horario span.horario {
    background: #FFFFFF;
    border: 2px solid #EEEEEE;
}

#tabela-horario span.horario-aberto {
    border: 2px solid #FFCC00;
	font-weight: bold;
}

#tabela-horario span.horario-marcado {
    border: 2px solid #FF8234;
	font-weight: bold;
}

#tabela-horario a.horario-marcado {
    background: #FF8234;
    border: 2px solid #FF8234;
	font-weight: bold;
}

#tabela-horario a.horario-marcado:hover {
    border: 2px solid #CC0000;
}

#tabela-horario a.horario-aberto {
    background: #FFCC00;
    border: 2px solid #FFCC00;
	font-weight: bold;
}

#tabela-horario a.horario-aberto:hover {
    border: 2px solid #FF8234;
}

#tabela-horario a.horario-disponivel {
    background: #FFF;
    border: 2px solid #EEEEEE;
	font-weight: bold;
}

#tabela-horario a.horario-disponivel:hover {
    border: 2px solid #FFCC00;
}

/*--------- BOTOES -----------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 12px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

span.check {
	font-size: 12px;
}

/*--------- INICIO ESTILOS IMPORTAR TPL -----------*/

div#arquivo-txt { float: left; width: 100%}
div#arquivo-txt label{	float: left; width: 80px; }
div#arquivo-txt p { float: left;	width: 600px; }

div#apagar-base { float: left; width: 100%; margin: 12px 0 0 8px;}
div#apagar-base input.checkbox { float: left; width: 20px; border: none; background-color: #fff;}
div#apagar-base p { float: left;	width: 600px; font: normal 11px/1.9em Arial, sans-serif; }

div.carregando {
	margin: 30px 0 0 30px;
	float: left;
	width: 680px;
   height: 60px;
}
div.carregando img {
	float: left;
	text-align: center;
	margin: 14px 24px 10px 15px;
}
div.carregando p {
   font: normal 11px Arial, sans-serif;
	width: 550px;
	float: left;
	margin: 22px 0 10px 0;
}
div p span.subtitulo {
	width: 100%;
   float: left;
   font: normal 12px Verdana, Arial, sans-serif;
	padding: 10px 0 20px 0;
}
/*--------- FIM ESTILOS IMPORTAR TPL -----------*/

div .icone-pdf{
	background: transparent url('../images/icone-pdf.png') no-repeat;
	width: 40px;
	height: 40px;
}
div .icone-doc{
	background: transparent url('../images/icone-doc.png') no-repeat;
	width: 40px;
	height: 40px;
}
div .icone-xls{
	background: transparent url('../images/icone-xls.png') no-repeat;
	width: 40px;
	height: 40px;
}

div.tag a.excluir-tag{
	float:left;
	display:block;
	background: transparent url('../images/ic_lixeira.gif') no-repeat;
	width: 16px;
	height: 18px;	
}

div.tag span{
	float:left;
	padding: 4px 0 0 4px;	
}