/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#930b0b;line-height:1.2em;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.3em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.5em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:0.5em 1em 1em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:hover {color:#666;}
a {color:#333; text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* form.css */
textarea, input, select, option {
	font-family:inherit;
}

.parts {
	border:solid 1px #999999;
	text-align:center;
	width:auto;
	height:auto;
	padding:4px 4px 4px 4px;
	font-weight:bolder;
	display:inline;
}

/* global
-----------------------------------------------------------*/

.texrep {
	overflow:hidden;
	display:block;
	text-indent:-5000px;
	width:0px;
	height:0px;
	font-size:1px;
}
.clear {
	clear:both;
}
.box-info {
	background:#CFF2FF;
	padding:10px;
}

/* structure
-----------------------------------------------------------*/

body {
	background:url(../images/cliente/back.png) repeat-x #e7e4c1;
}
#container {
	width:952px;
	margin:0 auto;
}
#header {
	background:url(../images/cliente/header.png) no-repeat;
	height:90px;
	position:relative;
}
#menutopo{
	width:450px;	
}
div#direitaTopo {
	width: 505px;
	height: 100%;
	margin: 0px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: right;
	color: #fff;
	font-size: 12px !important;
	}
 

.menuTop {
	width:450px;
	position: absolute;
	padding: 5px 3px;
	padding-left:530px;
	top:5px;
	z-index:5;
	right:0;
	}
	
.menuTop ul {
	list-style:none;
	}
.menuTop ul li
	{
	float:left;
    position:relative;
	width:75px;
    }
	
	.menuTop ul li:hover div.nomeatalho {
		display:block;
			
	}
    
.menuTop ul li a
	{
	float:left;
	background:url(../images/cliente/atalhostopo.png);
	background-repeat:no-repeat;
	display:block;
    height:36px;
    width:37px;
    margin-left:5px;
	text-align:center;
	}
.menuTop ul li div.nomeatalho 
{
    position:absolute;
    bottom:-11px;
    display:none;
    font-size:10px;
    font-weight:bold;
    font-family:Tahoma;
	color:#6d2524;
	text-align:center;
    }


.menuTop ul li.home a {background-position: -1px 0;}
.menuTop ul li.home a:hover {background-position:-1px -40px;}
.menuTop ul li.home div.nomeatalho {left:-10px; width:70px;}

.menuTop ul li.pasta a {background-position: -41px 0;}
.menuTop ul li.pasta a:hover {background-position:-41px -40px;}
.menuTop ul li.pasta div.nomeatalho {left:-9px}

.menuTop ul li.agenda a {background-position: -81px 0;}
.menuTop ul li.agenda a:hover {background-position:-81px -40px;}
.menuTop ul li.agenda div.nomeatalho {left:5px}

.menuTop ul li.suporte a {background-position: -123px 0;}
.menuTop ul li.suporte a:hover {background-position:-123px -40px;}
.menuTop ul li.suporte div.nomeatalho {left:-16px; width:80px;}

.menuTop ul li.ajuda a {background-position: -162px 0;}
.menuTop ul li.ajuda a:hover {background-position:-162px -40px;}
.menuTop ul li.ajuda div.nomeatalho {left:3px}	

.menuTop ul li.sair a {background-position: -203px 0;}
.menuTop ul li.sair a:hover {background-position:-203px -40px;}
.menuTop ul li.sair div.nomeatalho {left:14px}	
	
#sidebar {
	background:url(../images/cliente/menu_back.png) repeat-x #AF1111;
	float:left;
	padding-top:10px;
	width:191px;
}
#contentDiv {
	background:#FFFFFF;
	float:right;
	width:708px;	
}
#content {
	background:#FFFFFF;
	float:right;
	width:708px;
}


/* header
-----------------------------------------------------------*/

#header .nome-cliente {
	float:left;
	text-align:left;
	font-size:1.1em;
	color:#056dcd;
	margin-top:16px;
	color:#930b0b;
	font-size:22px;
	text-transform:uppercase;
	font-weight:normal;
}
#header .info {
	font-weight:normal;
	color:#666;
}

/* suporte
-----------------------------------------------------------*/

.suporte-on, .suporte-off {
	font-size:0px;
}
.suporte-on a, .suporte-off a {
	float:right;
	margin:7px 0 0 20px;
	width:172px;
	height:41px;
}
.suporte-on a {
	background:url(../images/suporte_on.png) no-repeat;	
}
.suporte-off a {
	background:url(../images/suporte_off.png) no-repeat;	
}

/* menu
-----------------------------------------------------------*/

#menu {
	margin-top:56px;
}
#menu ul li {
	float:left;
	list-style:none;
}
#menu ul li a {
	display:block;
	padding:7px 17px;
	color:#FFFFFF;
}
#menu ul li a:hover, #menu ul li a.menu-selected {
	color:#056dcd;
	background:#FFFFFF;
}

/* sidebar
-----------------------------------------------------------*/

#sidebar ul {
	padding:5px 15px 15px 15px;
}
#sidebar ul li, #sidebar ul li a {
	color:#FFFFFF;
	font-size:1.0em;
	list-style:none;
}
#sidebar ul li a:hover {
	color:#c47a19;
}
#sidebar .selected {
	font-weight:bold;
	color:#00c9ff;
	margin:10px 0 0 0;
}
#sidebar .itens li {
	margin-bottom:5px;
}
#sidebar .lido {
	background: url(../images/cliente/lido.png) no-repeat left;
	color:#CCC;
	padding-left:20px;
}
#sidebar .selectedLI {
	font-weight:bold;
	color:#00c9ff;
	padding-left:10px;
}
#sidebar .naolido {
	background: url(../images/cliente/naolido.png) no-repeat left;
	font-weight:bold;
	padding-left:20px;
}

/* content
-----------------------------------------------------------*/

#content-wrap h2.title {
	float:right;
	text-align:right;
	background:#FFFFFF url(../images/cliente/title.png) repeat-x;
	width:721px;
	height:50px;
	padding:8px 20px 0 20px;
	margin:0px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:2.2em;
}
#contentDiv {
	padding:25px;
}
#content {
	padding:25px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#content p {
	text-align:justify;
}
#content ul, #content ol {
	margin-bottom:20px;
}
#content li {
	margin-left:0px;
	list-style:none;
}
#content .lista1 li {
	list-style-position:outside;
	margin-left:0px;
	color:#00458E;
	list-style:none;
}
#content .lista1 h3 {
	margin-bottom:5px;
	font-size:1.3em;
	font-weight:normal;
}
#content .lista1 p {
	margin-bottom:15px;
	font-size:0.9em;
	color:#000000;
}
#content .tit-default h3 {
	font-weight:bold;
	font-size:1.2em;
}
#content .pag {
	text-align:center;
}
#content .pag .pag-info {
	margin:0 30px;
}

/* options
-----------------------------------------------------------*/

.options {
	width:708px;
	margin:0 0px 0 0px;
	border-bottom:1px solid #CCC;
}
.options li {
	list-style:none;
	float:right;
	padding:0 0px 5px 7px;
	font-size:11px;
	color:#666;
}
.options a {
	text-decoration:none;
	color:#666666;
	padding:3px 3px 3px 21px;
}
.options a:hover {
	color:#009999;
}
.options a.icon-print {
	background:url(../images/icon_print.png) no-repeat left;
}
.options a.icon-xls {
	background:url(../images/icon_excel.png) no-repeat left;
}
.options a.icon-all {
	background:url(../images/page_find.gif) no-repeat left;
}
.options a.icon-email {
	background:url(../images/icon_email.png) no-repeat left;
}
.options a.icon-pdf {
	background:url(../images/icon_pdf.png) no-repeat left;
}
.options a.icon-mark {
	background:url(../images/tick.png) no-repeat left;
}
.options a.icon-mark:hover {
	background:url(../images/tick_off.png) no-repeat left;
}
.options a.icon-markoff{
	background:url(../images/tick_off.png) no-repeat left;
}
.options a.icon-markoff:hover {
	background:url(../images/tick.png) no-repeat left;
}
.options a.icon-agenda{
	background:url(../images/icon_favourites.gif) no-repeat left;
}
.options a.icon-date{
	background:url(../images/icon_date.gif) no-repeat left;
}
.options a.icon-word {
	background:url(../images/icon_word.png) no-repeat left;
}
.options a.icon-notepad {
	background:url(../images/icon_notepad.png) no-repeat left;
}
.options a.icon-xml {
	background:url(../images/icon_xml.png) no-repeat left;
}
.options a.icon-feeds {
	background:url(../images/feed.png) no-repeat left;
}
.options a.icon-plus, .options a.icon-minus {
	width:16px;
	height:13px;
	float:right;
	padding-left:3px;
}
.options a.icon-plus {
	background:url(../images/icon_textplus.png) no-repeat;
}
.options a.icon-minus {
	background:url(../images/icon_textminus.png) no-repeat;
}

/* caixa padrão para as secundárias
-----------------------------------------------------------*/
#content .secbox {
	background:#ececec url(../images/secbox.jpg) right top no-repeat ;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}

#content .pesquisa {
	background:#ececec url(../images/secbox.jpg) right top no-repeat;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}

#contentDiv .secbox {
	background:#ececec url(../images/secbox.jpg) right top no-repeat;
	padding:10px;
	margin-bottom:20px;
	clear:both;
}
#content .secbox h3 {
	font-size:1.4em;
	color:#930b0b;
	margin-bottom:10px;
}
input.secbox-text, select.secbox-select {
	float:left;
	border:1px solid #930b0b;
	padding:4px;
	margin-right:5px;
}
input.secbox-text2, select.secbox-select2 {
	float:left;
	border:1px solid #930b0b;
	padding:4px;
	margin-right:5px;
}
select.secbox-select {
	border:1px solid #930b0b;
	padding:3px;
	width:100px;
}
input.secbox-select {
	border:1px solid #930b0b;
	padding:3px;
}
input.secbox-button {
	float:left;
}
#content .calculo {
	background:url(../images/calculo.jpg) no-repeat #D0F1F4;
}
#content .calculo label, #content .form label {
	font-size:1.1em;
}
#content .calculo select, #content .calculo input, #content .form select, #content .form input, #content .login select, #content .login input {
	float:none;
	margin-bottom:5px;
}
#contentDiv .calculo select, #contentDiv .calculo input, #contentDiv .form select, #contentDiv .form input, #contentDiv .login select, #contentDiv .login input {
	float:none;
	margin-bottom:5px;
}
#content .resultado {
	width:400px;
	background:#FFFFFF;
	padding:8px;
	font-size:1.5em;
	color:#119AE4;
	font-weight:bold;
}
#content .valor {
	font-size:0.6em;
}
#content .table {
	background:#FFFFFF;
}
#content .table td {
}
#content .table .mudacor {
	background:#ececec;
}
#content .table .text-color {
	color:#930b0b;
	font-weight:bold;
}
#content .form {
	background:url(../images/form.jpg) no-repeat #ececec right top;
}
#content .form select {
	width:200px;
}
#content .form textarea {
	border:2px solid #930b0b;
	padding:4px;
	background-color:#FFF;
	margin-bottom:5px;
}
#content .pesquisa {
	background:url(../images/secbox.jpg) no-repeat #ececec right top;
}
#content .pesquisa select {
	width:200px;
}
#content .pesquisa textarea {
	border:2px solid #59C4EF;
	padding:4px;
	margin-bottom:5px;
}

#content .login {
	background:url(../images/login.jpg) no-repeat #D0F1F4 right top;
}
#content .login .alert {
	background:#FFCCCC;
	padding:10px;
}
#content .checkbox, #content .radio {
	width:350px;
	background:#FFFFFF;
	padding:10px;
	margin:0 0 5px 0;
	border:2px solid #59C4EF;
}

/* área do cliente e busca
-----------------------------------------------------------*/

#box-cliente {
	background:url(../images/cliente.jpg) no-repeat;
	width:179px;
	height:149px;
	margin:0 auto;
	padding:30px 15px 15px 15px;
}
#box-cliente {
	background:url(../images/cliente.jpg) no-repeat;
}
#box-cliente label {
	color:#FFFFFF;
	font-size:1.1em;
}
#box-cliente p {
	text-align:center;
}
#box-cliente a {
	font-size:0.9em;
	text-decoration:none;
}
#box-cliente a:hover {
	font-size:0.9em;
	text-decoration:underline;
}
input.form-text, select.form-select {
	border:1px solid #930b0b;
	padding:3px;
	width:168px;
}
select.form-select {
	border:1px solid #930b0b;
	padding:3px;
	width:178px;
}
input.form-button {
	background:url(../images/btn_small.png) no-repeat bottom;
	width:70px;
	height:30px;
	border:none;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0 0 110px;
	padding:0 0 2px 0;
	color:#29ABE2;
	display:block;
}
input.form-button:hover {
	background:url(../images/btn_small.png) no-repeat top;
	color:#00458E;
}
#content li.list-dot {
	list-style:inside;
}

/* MENU ERICK */

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv2, .menu-vv { position: absolute; top:16px; margin:0 0 0 10px; padding: 0; display: block; zoom: 1;}
 .menu-hv2 * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
 .menu-hv2 li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top }
 .menu-hv2 a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em }
 .menu-hv2 li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
 .menu-hv2 li:hover ul,  .menu-vv li:hover ul,
 .menu-hv2 li.hover ul,  .menu-vv li.hover ul { visibility: visible }
 .menu-hv2 li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv2 li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv2 li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv2 li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
 .menu-hv2 li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv2 li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
 .menu-hv2 li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv2 li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
 /* características horizontal-vertical */
 .menu-hv2:after, .menu-hv2.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv2 li { float: left; }  
 .menu-hv2 li ul li { float: none; }
 .menu-hv2 li ul li ul { position: absolute; left: 100%; top: 0; }
 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv2 li { width: 150px;  }
 .menu-vv li { width: 100px; }
 .menu-hv2 li a {color:#FFFFFF; padding:5px 8px}
 .menu-hv2 li a:hover { color:#03F}
 .menu-vv li a:hover { background-color: cyan }

 .menu-hv2 .menu1 {width:120px}
 .menu-hv2 .menu2 {width:100px}
 .menu-hv2 .menu3 {width:140px}
 .menu-hv2 .menu4 {width:165px}
 .menu-hv2 .menu5 {width:100px}
 .menu-hv2 .menu6 {width:100px}
 .menu-hv2 .menu7 {width:180px}
 .menu-hv2 .menu8 {width:175px}

/* TOOLTIP */

a.tooltip span {display:none; padding:2px 2px; width:100px;margin-top:55px;margin-left:-40px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;font-weight:normal;}
