/*
Folha de Estilos - CSS
Projeto: SiteAlerta
Autor: Lucas Gustavo (lucas@task.com.br)
Data: 05/2009
Task Software Ltda
*/

*{
  margin:0;
  padding:0;
  border:none;
}

body{
  margin:0 auto;
  text-align:center;
  font-family:Verdana;
  font-size:12px;
  color:#333;
  background:url(/images/bg.jpg) repeat-x top;
}

.clear{
  clear:both;
}

a{
  border:none;
  text-decoration:none;
  cursor:pointer;
}

/* Mensagens */

.notice, .error, .warning, .info {
  font: 16px Trebuchet MS, sans-serif;
  font-weight: normal;
  margin: 5px 15px 15px 15px;
  padding: 5px 5px 5px 10px;
}

p.info a, p.notice a, p.error a, p.warning a{
  color:#333;
  text-decoration:underline;
  font-size:16px;
}

p.info a:hover, p.notice a:hover, p.error a:hover, p.warning a:hover{
  color:#333;
  text-decoration:none;
  font-size:16px;
}

.notice {
  border: 1px dashed #9c9;
  background: #e2f9e3;
  color: #060 !important;
  clear:none !important;
  float:none !important;
  width:auto !important;;
}

.error {
  border: 1px dashed #FF0000;
  background: #FFDFDF;
  color: #C00 !important;
  clear:none !important;
  float:none !important;
  width:auto !important;;
}

.warning {
  border: 1px dashed #dd0;
  background: #FF0000;
  color: #000 !important;
  clear:none !important;
  float:none !important;
  width:auto !important;;
}

.info {
  border: 1px dashed #82c2d4;
  background: #ebf5f8;
  color: #000 !important;
  clear:none !important;
  float:none !important;
  width:auto !important;;
}

/* FIM */

#pagina{
  margin:0 auto;
  text-align:left;
  width:950px;
}

.topo{
  float:left;
  width:950px;
  padding-top:15px;
}

.logo{
  float:left;
  width:210px;
  margin-top:10px;
  /*margin-top:22px;*/
  margin-left:10px;
}

.login{
  float:right;
  width:255px;
  height:82px;
  _height:90px;
  padding-left:3px;
  padding-top:18px;
  background:url(/images/bg_login.jpg) no-repeat;
}

.login input{
  float:left;
  background:url(/images/bg_input.png) no-repeat;
  width:173px;
  height:19px;
  _height:21px;
  font-size:11px;
  padding:4px 0 0 4px;
  color:#666;
  margin-bottom:2px;
  clear:none;
}

.login input.botao_login{
  float:left;
  clear:both;
  background:url(/images/btn_entrar.jpg) no-repeat;
  width:72px;
  height:21px;
  cursor:pointer;
  margin-top:1px;
  margin-left:60px !important;
}

.login a{
  float:left;
  width:55px;
  color:#333;
  text-align:right;
  margin-left:45px;
  text-decoration:none;
  font-size:9px;
}

.login a:hover{
  text-decoration:underline;
}

.login input.botao_login:hover, input.botao_login:focus{
  background:url(/images/btn_entrar_hover.jpg) no-repeat;
}

.login input:hover, .login input:focus{
  color:#333;
}

.login label{
  float:left;
  width:45px;
  color:#333;
  font-size:11px;
  clear:both;
  margin-top:3px;
  margin-left:15px;
}

.logado{
  float:left;
  width:230px;
  margin:10px 0 0 5px;
}

.logado span{
  /*float:left;
  color:blue;
  margin-left:300px;
  font-weight:bold;
  font-size:11px;*/
  float:left;
  background:none !important;
  border:none !important;
  color:#333 !important;
  font-size:11px;
  font-weight:bold;
  width:200px !important;
  text-align:center !important;
  margin-left:20px !important;
}

.logado a{
  float:left;
  background:none !important;
  border:none !important;
  text-decoration:underline;
  color:#333 !important;
  font-size:11px;
  width:200px !important;
  text-align:center !important;
  margin-left:20px !important;
  margin-top:15px !important;
}

.logado a:hover{
  text-decoration:none;
}

.menu{
  float:left;
  clear:both;
  width:970px;
  height:37px;
}

.menu_left{
  float:left;
  width:16px;
  height:37px;
  background:url(/images/left_menu.jpg) no-repeat;
}

.menu_right{
  float:left;
  width:16px;
  height:37px;
  background:url(/images/right_menu.jpg) no-repeat;
}

.menu_center{
  float:left;
  width:918px;
  height:37px;
  background:url(/images/bg_menu.jpg) repeat-x;
}

.menu_center ul{
  list-style:none;
  float:left;
  width:918px;
}

.menu_center ul li{
  float:left;
  width:182px;
  border-right:1px solid #999;
  height:22px;
  text-align:center;
  margin-top:8px;
}

li.last{
  border:none !important;
}

.menu_center ul li a{
  float:left;
  font-size:15px;
  color:#990000;
  text-align:center;
  width:182px;
}

.menu_center ul li a:hover{
  color:#333;
}

.conteudo{
  float:left;
  clear:both;
  width:950px;
}

.engloba_menus_laterais{
  float:left;
  clear:both;
  width:195px;
}

.menu_lateral{
  float:left;
  clear:both;
  width:186px;
  margin-top:15px;
}

.menu_lateral_top{
  float:left;
  clear:both;
  width:186px;
  height:12px;
  background:url(/images/top_menu_lateral.jpg) no-repeat top;
}

.menu_lateral_bottom{
  float:left;
  clear:both;
  width:186px;
  height:12px;
  background:url(/images/bottom_menu.jpg) no-repeat top;
}

.menu_lateral_center{
  float:left;
  clear:both;
  width:184px;
  background:url(/images/bg_menu_lateral.jpg) repeat-x top;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  _margin-top:-3px;
}

.menu_lateral_center ul{
  float:left;
  width:186px;
  _width:184px;
  clear:both;
  list-style:none;
}

.menu_lateral_center ul li{
  float:left;
  clear:both;
  margin-left:6px;
  _margin-left:4px;
  width:170px;
  padding-top:5px;
  padding-bottom:6px;
  _padding-bottom:4px;
  border-bottom:1px solid #CCC;
}

.menu_lateral_center ul li a{
  float:left;
  font-size:11px;
  color:#333;
  clear:both;
  width:170px;
}

.menu_lateral_center ul li a:hover{
  color:#990000;
}

.miolo{
  float:left;
  width:748px;
  margin-top:16px;
  margin-left:5px;
}

.miolo h1 a{
  color:#960000;
  text-decoration:none;
}
.miolo h1 a:hover{
  text-decoration:underline;
}

.miolo_top{
  float:left;
  clear:both;
  background:url(/images/top_miolo.jpg) no-repeat;
  width:750px;
  height:12px;
}

.miolo_bottom{
  float:left;
  clear:both;
  background:url(/images/bottom_miolo.jpg) no-repeat;
  width:750px;
  height:12px;
}

.miolo_center{
  float:left;
  clear:both;
  background:url(/images/bg_miolo.jpg) repeat-x;
  width:748px;
  border-left:1px solid #D8D8D8;
  border-right:1px solid #D8D8D8;
  min-height:312px;
  _margin-top:-3px;
  _width:750px;
}

.miolo h1{
  float:left;
  clear:both;
  font-size:19px;
  color:#990000;
  margin:8px 0 0 15px;
  *margin:0px 0 0 15px;
  _margin:7px 0 0 10px;
  width:715px;
  padding-bottom:8px;
  font-weight:normal;
  border-bottom:1px solid #CCC;
}

.miolo span{
  float:left;
  clear:both;
  width:700px;
  _width:670px;
  color:#333;
  line-height:18px;
  text-align:justify;
  margin:20px 0 10px 20px;
}

.miolo span.numero{
  float:left;
  line-height:18px;
  margin: 0px 0px 0px 0px;
}

.miolo span a{
  color:#990000;
  text-decoration:none;
  clear:none !important;
  float:none !important;
}

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

.miolo h2{
  float:left;
  clear:both;
  font-size:14px;
  font-weight:bold;
  color:#333;
  margin-top:15px;
  margin-left:15px;
}

.miolo form{
  float:left;
  width:700px;
  margin:10px;
}

.miolo label{
  float:left;
  width:110px;
  clear:both;
  margin-left:30px;
  text-align:left;
  margin-top:3px;
  font-size:11px;
}

.miolo input{
  float:left;
  width:250px;
  border:1px solid #999;
  margin-bottom:6px;
  padding:2px;
}

.miolo input:focus{
  border:1px solid #CCC;
}

.miolo .select{
  float:left;
  width:200px;
  border:1px solid #999;
  margin-bottom:6px;
}

.miolo .textarea{
  float:left;
  width:200px;
  border:1px solid #999;
  margin-bottom:6px;
}

.miolo .select_pequeno{
  width:50px;
  border:1px solid #999;
  margin-bottom:6px;
  float:left;
}

.miolo .select_medio{
  width:100px;
  border:1px solid #999;
  margin-bottom:6px;
  float:left;
}

.miolo .checkbox{
  float:left;
  width:auto !important;
  border:none !important;
  margin-bottom:6px;
  margin-top:4px;
  margin-left:140px;
}

.miolo p{
  float:left;
  clear:both;
  color:#333;
  width:625px;
}

.label_checkbox{
  clear:none !important;
  width:350px !important;
  margin-left:5px !important;
}

input.botao{
  float:left;
  width:auto !important;
  padding-left:15px;
  padding-right:15px;
  margin-top:10px;
  margin-bottom:10px;
  cursor:pointer;
  background:#E0DFE3;
  color:#000;
  border:1px solid #999;
}

input.botao:hover{
  background:#EAEAEA;
  border:1px solid #666;
}

.link_formulario{
  float:left;
  text-decoration:underline;
  color:#666;
}

.link_formulario:hover{
  text-decoration:none;
}

p.separador{
  float:left;
  width:5px;
  clear:none !important;
}

input.botao:focus{
  background:#EAEAEA;
  border:1px solid #CCC;
  color:#666;
  cursor:default;
}

.form_verificar{
  float:left;
  clear:both;
  margin-top:15px;
}

.form_verificar label{
  width:40px !important;
  text-align:right !important;
  margin-right:10px;
}

.form_verificar input{
  height:16px !important;
  margin-left:6px;
  padding:1px !important;
  width:300px !important;
}

.form_verificar input.botao{
  height:inherit !important;
  margin-left:0 !important;
  width:auto !important;
  height:auto !important;
}

.painel_controle{
  float:right;
  width:100px;
  text-align:right;
  margin:15px 15px 0 0;
}

.painel_controle a img{
  margin-right:5px;
  opacity:0.7;
  cursor:pointer;
}

.painel_controle a:hover img{
  opacity:1.5;
  cursor:pointer;
}

.form_verificar img{
  float:left;
  clear:none;
  margin-top:-2px;
  margin-left:7px;
}

.rodape{
  float:left;
  clear:both;
  width:950px;
  margin-top:30px;
  margin-bottom:10px;
}

.rodape a{
  float:left;
  width:92px;
}

.rodape span{
  float:left;
  color:#B7B7B7;
  font-size:11px;
  margin-top:15px;
  margin-left:5px;
}

.rodape p{
  float:right;
  font-size:10px;
  color:#999;
  width:450px;
  margin-top:8px;
}

.rodape p a{
  float:none !important;
  font-size:10px !important;
  color:#999 !important;
  width:auto !important;
  margin-left:2px !important;
  text-decoration:underline;
}

.rodape p a:hover{
  text-decoration:none;
}

/* Listagens */
.listagem_urls{
  float:left;
  clear:both;
  width:715px;
  _width:700px;
  margin:15px;
  _margin:10px;
}

.listagem_urls a{
  float:left;
  clear:both;
  text-decoration:underline;
  color:#333;
  font-size:12px;
}

.listagem_urls a:hover{
  text-decoration:none;
}

.primeira_linha{
  float:left;
  clear:both;
  width:715px;
  border-top:1px solid #DADADA;
  border-bottom:1px solid #DADADA;
  padding-top:4px;
  padding-bottom:4px;
}

.primeira_linha div{
  font-size:12px;
  color:#990000;
}

.linha{
  float:left;
  clear:both;
  width:715px;
  padding-top:4px;
  padding-bottom:3px;
  background:none;
}

.linha:hover{
  background:#EAEAEA;
}

.linha div{
  font-size:12px;
  color:#333;
}

.coluna01{
  float:left;
  width:180px;
  padding-left:2px;
}

.coluna02{
  float:left;
  width:220px;
}

.padding{
  padding-right:10px;
}

.coluna03{
  float:left;
  width:90px;
}

.coluna04{
  float:left;
  width:130px;
}

.coluna04 a{
  float:left;
  clear:none !important;
  margin-right:10px;
}

.coluna04 a img{
  opacity:0.7;
  float:left;
}

.coluna04 a:hover img{
  opacity:1.5;
}

.coluna05{
  float:left;
  width:75px;
}

.coluna06{
  float:left;
  width:100px;
}

.coluna07{
  float:left;
  width:75px;
}

.coluna01 a, .coluna02 a, .coluna03 a, .coluna04 a, .coluna05 a{
  color:#990000;
}

.interna_texto{
  float:left;
  width:550px;
  _width:190px;
  margin-left:30px;
  _margin-left:10px;
  padding-bottom:20px;
  padding-top:15px;
  _padding-top:5px;
}

.interna_texto span{
  float:left;
  margin-left:0 !important;
  margin-top:5px !important;
}

#vertgraph{
  float:left;
  clear:both;
  margin-left:20px;
}

/* Planos */
.planos{
  float:left;
  clear:both;
  width:668px;
  margin:15px 0 10px 35px;
  _margin:10px 0 10px 15px;
}

.planos_top{
  float:left;
  width:667px;
  height:6px;
  background:url(/images/bg_top_planos.jpg) no-repeat top center;
}

.planos_bottom{
  float:left;
  clear:both;
  width:667px;
  height:6px;
  background:url(/images/bg_bottom_planos.jpg) no-repeat top center;
}

.planos_middle{
  float:left;
  clear:both;
  width:665px;
  _margin-top:-10px;
  border-left:1px solid #A4A4A4;
  border-right:1px solid #A4A4A4;
  background:url(/images/bg_middle_planos.jpg) repeat-x top center;
}

.titulo_planos{
  float:left;
  clear:both;
  width:665px;
}

.separador_planos{
  float:left;
  clear:both;
  width:666px;
  _width:655px;
  height:1px;
  _margin-top:10px;
  margin-bottom:10px;
}

.separador_planos img{
  float:left;
  _text-align:left;
  _width:655px;
}

.linha_planos{
  float:left;
  clear:both;
  width:665px;
  background:none;
  padding-top:3px;
  padding-bottom:5px;
}

.linha_planos:hover{
  background:#F5F5F5;
}

h2.coluna01_planos, h2.coluna02_planos, h2.coluna03_planos, h2.coluna04_planos{
  font-family:Verdana;
  font-size:1.26em;
  color:#333;
  font-weight:bold;
  margin:0 !important;
  line-height:normal !important;
  clear:none !important;
  margin-bottom:10px !important;
  margin-top:5px !important;
  cursor:default;
}

h2.coluna02_planos, h2.coluna03_planos, h2.coluna04_planos{
  width:135px !important;
  text-align:center;
}

h2.coluna01_planos{
  margin-left:10px !important;
}

span.coluna01_planos{
  font-family:Verdana;
  font-size:1.1em;
  color:#000;
  clear:none !important;
  margin:0 !important;
  cursor:default;
  line-height:normal !important;
}

span.coluna02_planos, span.coluna03_planos, span.coluna04_planos,span.coluna02_last,span.coluna03_last,span.coluna04_last{
  font-family:Verdana;
  font-size:12px;
  color:#333;
  font-weight:normal;
  margin:0 !important;
  line-height:normal !important;
  clear:none !important;
  text-align:center;
  width:135px !important;
  cursor:default;
}

span.coluna01_last, span.coluna02_last, span.coluna03_last, span.coluna04_last{
  font-family:Verdana;
  font-size:1.2em;
  color:#990000;
  font-weight:normal;
  margin:0 !important;
  line-height:normal !important;
  clear:none !important;
}

span.coluna01_last{
  font-family:Verdana;
  font-size:1.15em;
  color:#990000;
  clear:none !important;
  margin:0 !important;
  cursor:default;
  line-height:normal !important;
  font-weight:bold;
  padding-top:3px;
}

span.coluna02_last, span.coluna03_last, span.coluna04_last{
  font-size:1.1em;
  font-weight:bold;
}

span.coluna02_last em, span.coluna03_last em, span.coluna04_last em{
  font-size:1.4em;
  font-weight:normal;
  font-style:normal;
  margin-left:5px;
}

span.coluna01_planos,span.coluna01_last{
  margin-left:10px !important;
}

.coluna01_planos,.coluna01_last{
  float:left;
  width:250px !important;
  _width:230px !important;
}
.coluna02_planos,.coluna02_last{
  float:left;
  width:135px !important;
}
.coluna03_planos,.coluna03_last{
  float:left;
  width:135px !important;
}
.coluna04_planos,.coluna04_last{
  float:left;
  width:135px !important;
}

.linha_especial{
  float:left;
  margin-top:15px;
}

.linha_especial:hover{
  background:none;
}

/* Screenshots - Index */
.screenshots{
  float:left;
  clear:both;
  margin-left:20px;
  width:700px;
}

.screenshots a{
  float:left;
  clear:none !important;
  margin-right:10px;
}

.screenshots a img{
  float:left;
  width:190px;
  height:140px;
  border:2px solid #C0C0C0;
  padding:2px;
  opacity:0.7;
}

.screenshots a:hover img{
  opacity:1.5;
  border:2px solid #990000;
}

#balao_question_webmail{
  float:left;
  clear:both;
  width:300px;
  padding-bottom:10px;
  margin-top:20px;
  *margin-top:-10px;
  margin-left:120px;
  *margin-left:125px;
  position:absolute;
  background:#FFFFDF;
  border:1px dashed #666;
  z-index:9999;
}

#balao_question_webmail span{
  float:left;
  clear:both;
  width:250px;
  _position:relative;
  _z-index:9999999;
  color:#333;
  text-align:left;
  margin:15px;
}

.cadastro_planos{
  float:left;
}

.cadastro_planos label{
  width:140px !important;
}

.duvida_popup{
  float:left;
  margin-left:10px !important;
  color:#333;
  margin-top:2px;
  cursor:pointer;

}

.links_controles_usuarios{
  float:left;
  clear:both;
  width:715px;
  _width:600px;
  margin:15px 0 10px 0;
  _margin:15px 0 10px 5px;
}

.links_controles_usuarios a{
  float:left;
  text-decoration:underline;
  color:#333;
}

.links_controles_usuarios a:hover{
  text-decoration:none;
}

.links_controles_usuarios p{
  float:left;
  width:auto !important;
  clear:none !important;
  margin-left:5px !important;
  margin-right:5px !important;
}

.filtros_busca_admin{
  float:left;
  width:690px;
  _width:600px;
  clear:both;
  padding:10px;
  _padding:5px 0 10px 0;
  background:#F5F5F5;
  border-left:1px solid #EAEAEA;
  border-right:1px solid #EAEAEA;
  border-bottom:1px solid #EAEAEA;
  margin:16px;
  _margin:0px;
  _margin-top:15px;
  _margin-bottom:15px;
  _margin-left:8px;
}

.filtros_busca_admin h4{
  float:left;
  clear:both;
  font-size:15px;
  font-weight:bold;
  color:#666;
  width:690px;
  _margin-left:5px;
  padding-bottom:5px;
  border-bottom:1px dotted #999;
}

.filtros_busca_admin form{
  margin-left:0 !important;
  margin-bottom:0 !important;
  margin-top:5px !important;
}

.filtros_busca_admin select{
  margin-left:0 !important;
  _margin-left:10px !important;
  margin-right:10px;
}

.filtros_busca_admin label{
  float:left;
  margin-left:0 !important;
  _margin-left:10px !important;
  width:75px !important;
}

.links_controles_falhas{
  float:left;
  width:715px;
  clear:both;
  margin-bottom:15px;
}

.links_controles_falhas a{
  float:left;
  width:auto !important;
  clear:none !important;
}

.links_controles_falhas p{
  float:left;
  width:auto !important;
  clear:none !important;
  margin-left:5px;
  margin-right:5px;
}

.publicidade_topo{
  float:left;
  width:450px;
  height:80px;
  border:1px solid #CCC;
}

.titulo_index_sa{
	float:left;
	width:100%;
	padding-top:3px;
	cursor:default;
	height:17px;
	border-bottom:1px solid #CCC;
	background:#F5F5F5;
	text-align:center;
	font-size:11px;
	color:#666;
	font-weight:normal;
}