/******************************************************************************
 *  GerenciaTI - Servidores de qualidade                                      *
 *                                                                            *
 *  @author Matheus Tavares                                                   *
 *  @email msn [at] haxor (dot) com (dot) br                                  *
 ******************************************************************************/


/******************************************************************************
 *  Geral                                                                     *
 ******************************************************************************/
* {font-family:"Trebuchet MS", Tahoma, sans-serif, Arial, Verdana, Georgia; font-size:12px; margin:0px; padding:0px; text-decoration:none; color:#000; border:0;}
body {background-color: #55627d; text-align:center; height:100%;}
ul {list-style-type:none;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
strong, .strong, b {font-weight:bold !important;}
input {padding:0 2px !important;}
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important; height:0px; line-height:0px;}
.alright {text-align:right !important;}
h1 {font-size:22px; text-align:left; display:block; letter-spacing:-1px; color: #333f5a; font-weight:normal; margin:8px 0; border-bottom:1px dotted #b5c4db;}
#barra_sup {height:25px; width:100%; background-color:#b5c4db;}
.sombra {height:35px; width:560px; clear:both;}
.sombra_sup {background:url('../img/sombra_superior.jpg') center no-repeat;}
.sombra_inf {background:url('../img/sombra_inferior.jpg') center no-repeat;}

/******************************************************************************
 *  Cabecalho                                                                 *
 ******************************************************************************/
#topo {width:100%; background:url('../img/topo_bg.jpg') center no-repeat #0c3275; height:228px; clear:both; text-align:center;}
#topo_centro {width:1005px; margin:0 auto; height:228px; background:url('../img/topo.jpg') no-repeat;}
#topo_centro div {width:185px; height:70px; float:right; display:inline; margin:124px 38px 0 0;}
* html #topo_centro div {margin-right:46px;} /* Hack para IE 6 */
*+html #topo_centro div {margin-right:46px;} /* Hack para IE 7 */
#topo_centro div td {text-align:left; vertical-align:middle; padding:1px; margin:0; color:#fff;}
#topo_centro div input {width:120px; background:#f4f4e9; border:1px solid #999; color:#333;}
#topo_centro div .senha {width:82px; float:left;}
#topo_centro div .botao {width:32px; background:url('../img/botao.jpg') no-repeat; border:0; font-weight:bold; color:#fff; float:right;}

/******************************************************************************
 *  Navegacao                                                                 *
 ******************************************************************************/
#nav {border-top:1px solid #ccc; border-bottom:1px solid #333; clear:both; height:38px; line-height:38px; background-color:#333f5a; width:100%;}
#nav div {margin:0 auto; width:750px; margin:0 auto;}
#nav li {display:inline; position:relative; float:left;}
#nav a {float:left; padding:0 16px; border-left:1px solid #ccc; display:block; background-color:#333f5a; font-size:17px; font-weight:normal; color:#fff; text-decoration:none;}
#nav a:hover {background-color:#1b2338;}
#nav .ult {border-right:1px solid #ccc;}

/* SubMenu */
#nav .navsub ul {display:none; position:absolute; left:0; float:none; top:38px; z-index:11; clear:both; border-left:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#nav .navsub ul li {display:block; position:static; text-align:left; right:0; float:left; clear:both;}
#nav .navsub ul a {float:none; display:block; padding:0 8px; border:0; clear:both; font-size:12px; color:#fff; text-decoration:none; height:25px; line-height:25px;}
#nav .navsub ul a:hover {text-decoration:underline;}

/* IE6 Fix */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }

/******************************************************************************
 *  Barra dominios                                                            *
 ******************************************************************************/
#centro {width:100%; background:url('../img/bg.jpg') repeat-x top #55627d; text-align:center; height:80px;}
#barra_centro {width:1004px; margin:0 auto; background:url('../img/barra_infos.jpg') no-repeat top #55627d; height:80px;}
#barra_centro div {text-align:left; width:268px; margin:40px 40px 0 0; float:right; display:inline;}
#barra_centro input,#barra_centro select {width:115px; background:#f4f4e9; height:18px; border:1px solid #999; color:#333;}
#barra_centro select {width:76px !important; height:21px; padding:0px !important;}
#barra_centro .botao {width:49px; font-weight:bold; color:#fff; border:0; text-align:center; background:url('../img/botao_dominio.jpg') no-repeat;}

/******************************************************************************
 *  Conteudo                                                                  *
 ******************************************************************************/
#conteudo {background:url('../img/bg_centro.jpg') repeat-y #55627d; margin:0 auto; width:1004px;}
#principal {float:left; width:560px; margin:-28px 3px 30px 48px; display:inline; text-align:left;}
#lateral {float:right; text-align:left; border-left:1px dotted #ccc; width:305px; padding-left:8px; margin:5px 50px 10px 5px; display:inline;}
#ofertas {background-color:#b5c4db; width:940px; margin-left:27px; float:left; display:inline;}
#ofertas .oferta {display:inline; text-align:left; height:107px; width:265px; background:url('../img/oferta.jpg') center no-repeat; margin:10px 12px; padding:22px 12px;}
#ofertas .oferta h3 {font-size:18px; font-weight:bold; color:#333f5a; letter-spacing:-1px; border-bottom:1px dotted #b5c4db; width:100%; display:block; margin-bottom:3px;}
* html #ofertas .oferta h3 {width:162px !important;} /* Hack para IE 6 */
*+html #ofertas .oferta h3 {width:162px !important;} /* Hack para IE 7 */
#ofertas .oferta img {margin:4px;}

/* Planos */
#planos {float:left; background:url('../img/planos.jpg') no-repeat; width:170px; height:288px;}
#planos_detalhes {float:right; height:288px; width:390px;}
#planos_detalhes .planos {height:96px; width:390px; clear:both;}
#planos_detalhes .planos p {color:#153261; font-weight:bold; text-align:left; width:220px; font-size:14px; margin:16px 0 0 24px; float:left; display:inline;}
#planos_detalhes .p {height:48px; width:97px; float:left; margin:0 12px; color:#9698ab; font-size:40px; font-weight:bold; text-align:center; letter-spacing:-2px; padding-top:48px;}
#planos_detalhes .p sup {color:#9698ab; font-size:18px; text-align:right; letter-spacing:-1px;}
#planos_detalhes .p1 {background:url('../img/icones/planos1.jpg') top no-repeat;}
#planos_detalhes .p2 {background:url('../img/icones/planos2.jpg') top no-repeat;}
#planos_detalhes .p3 {background:url('../img/icones/planos3.jpg') top no-repeat;}
#planos_detalhes .p4 {background:url('../img/icones/planos4.jpg') top no-repeat; padding-top:26px; height:70px;}

/******************************************************************************
 *  Rodape                                                                    *
 ******************************************************************************/
#rodape_sombra {background:url('../img/rodape_sombra.jpg') repeat-x #55627d; height:18px; width:100%; clear:both;}
#rodape_sombra div {background:url('../img/rodape.jpg') no-repeat #55627d; margin:0 auto; height:18px; width:1004px;}
#rodape {width:100%; background-color:#333f5a; text-align:center; clear:both; height:35px; line-height:35px; color:#fff; text-align:center;}
#rodape div {width:800px; margin:0 auto;}
#rodape span {color:#ddd;}
#rodape a {color:#ddd; text-decoration:underline;}
#rodape a:hover {color:#fff;}

/******************************************************************************
 *  SlideShow                                                                 *
 ******************************************************************************/
#slideshow {width:560px; height:260px; margin:0 auto; display:none; background:#ccc; z-index:10; position:relative;}
#slideshow li {float:left; position:relative;}
#slideshow a {float:left; display:block; text-decoration:none;}
#slideshow img {width:560px; height:260px; float:left; position:absolute;}

/******************************************************************************
 *  Tabela de listagem de dados                                               *
 ******************************************************************************/
table.tabela_dados {width:100%; margin:3px; padding:0;}
table.tabela_dados td {font-weight:normal;}
table.tabela_dados td, table.tabela_dados th {padding:5px; margin:2px; text-align: center;}
table.tabela_dados thead tr th {background: #b5c4db; border-bottom: 1px dashed #999;}
table.tabela_dados tfoot tr th {background: #b5c4db; border-top: 1px dashed #999;}
table.tabela_dados tbody tr th {text-align:right !important; background: #b5c4db; border-right: 1px dashed #999;}
table.tabela_dados .blank {background: #fff; border:0;}

/******************************************************************************
 *  Tabela para formulário                                                    *
 ******************************************************************************/
table.tabela_formulario {width:100%; margin:3px; padding:0;}
table.tabela_formulario tbody th, table.tabela_formulario tbody td {padding:5px;}
table.tabela_formulario tbody th {text-align: right;}
table.tabela_formulario input, table.tabela_formulario select {background:#f0f0f0; border: 1px solid #b5c4db;}
table.tabela_formulario {}
table.tabela_formulario {}