/*  
ideaconnect.com.br/semperti.com.br
******************************************************
1980sa.com
Design by: Areta do Bem
XHTML + CSS: Areta do Bem
Country: Brasil
Last CSS update: 09/2009
Note: Folha padrão
******************************************************
Copy something of someone is WRONG, but copy 
from lot's of places is RESEARCH!
Don't let the puppies sad!
******************************************************
*/
body {
padding:	0px;
margin:		0px;
font:		13px "Trebuchet MS", Tahoma, Verdana;
color:		#333;
background:	#f3f3f3 url(img/bg_.jpg) left top repeat-x;
}
/*  
estrutura
******************************************************/
#site {
width:		930px;
height:		auto;
padding:	0px;
margin:		0 auto;
}
#topo_logo {
width:		930px;
height:		115px;
padding:	0px;
margin:		0 auto;
background: #F8F8F8 url(img/topo_logo.jpg) left bottom repeat-x;
}
#rodape {
width:		auto;
height:		auto;
padding:	0px;
margin:		10px 0 0 0;
border-top:	5px solid #333;
background: #FDFDFD url(img/bg_rodape.jpg) left top repeat-x;
text-align:	center;
}
.segura {
width:		930px;
height:		auto;
padding:	0px;
margin:		0 auto;
}
/*  
menu
******************************************************/
#menu {
background: #F8F8F8 url(img/bg_menu.jpg) left center repeat-x;
}
#menu ul {
width:		920px;
height:		auto;
padding:	5px;
margin:		0 auto;
background:	transparent;
clear:		both;
}
#menu ul li {
padding:	10px;
margin:		10px 0px;
background:	transparent url(img/bg_li.jpg) center right no-repeat;
font-size:	17px;
font-weight:normal;
color:		#FFF;
list-style:	none;
display:	inline;
}
#menu ul li#LiContato {
background:	transparent !important;
}

#menu ul li a {
padding:	3px 5px 5px 5px;
margin:		0px;
font-size:	17px;
font-weight:normal;
color:		#FFF;
text-decoration: none;
line-height:-50px;
}
#menu ul li#liHost a:hover {
background:	#45916B !important;
}
#menu ul li a:hover{
background: #2C2C2C;
}
#menu ul li span {
text-decoration: underline;
}
/* #inicio é o id do body da pag inicial, e #liInicio é o id do li do menu que vai ficar ativo qd a pessoa estiver nessa página, e assim vai, todo body de uma página diferente deverá ter um id */	
#Inicio #liInicio a, 
#Idea #liIdea a, 
#Produtos #liProdutos a, 
#Servicos #liServicos a,
#Host #liHost a,
#Contato #liContato a,
#Novidades #liNovidades a,
#Clientes #liClientes a {
background: #2C2C2C;
}
/*  
barra home e de titulos
******************************************************/
#barra_home {
width:		auto;
height:		200px;
background:	url(img/bg_barra.jpg) left top repeat-x;
padding:	0px;
margin:		0px 0px 15px 0px;
}
#barra_titulo {
width:		auto;
height:		auto;
background:	url(img/bg_barra.jpg) left top repeat-x;
padding:	10px 10px 5px 10px;
margin:		0px 0px 10px 0px;
}
/*  
conteudo
******************************************************/
#conteudo {
width:		930px;
height:		auto;
padding:	0px;
margin:		0 auto;
background:	transparent;
}
.box_home {
width:		295px;
height:		160px;
padding:	0px;
margin:		0px;
background:	#FFFFFF url(img/bg_box.jpg) left bottom repeat-x;
position:	relative;
float:		left;
}
.box_home p {
width:		190px;
height:		auto;
padding:	0px;
margin:		5px 0px 0px 10px;
}
.box_home p a, .box_home p a:visited, .box_home p a:active {
color:		#666666;
text-decoration:none;
}
.box_home p a:hover {
color:		#333;
text-decoration:none;
}
.box_home ul li a {
text-decoration:none;
color:		#333;
}
.box_home ul li a:hover {
text-decoration:none;
color:		#000;
}
.separa_blocos {
width:		20px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
#box_bemvindo {
background:	#FFF url(img/bg_box_home_bemvindo.jpg) right bottom no-repeat;
}
#box_servicos {
background:	#FFF url(img/bg_box_home_servicos.jpg) right bottom no-repeat;
}
#box_suporte {
background:	#FFF url(img/bg_box_suporte.jpg) right bottom no-repeat;
}
#box_outros {
background:	#FFF url(img/bg_box_outros.jpg) right bottom no-repeat;
}
#box_infra {
background:	#FFF url(img/bg_box_infra.jpg) right bottom no-repeat;
}
#box_manutencao {
background:	#FFF url(img/bg_box_manutencao.jpg) right bottom no-repeat;
}
#box_planej {
background:	#FFF url(img/bg_box_planej.jpg) right bottom no-repeat;
}
#box_serv {
background:	#FFF url(img/bg_box_serv.jpg) right bottom no-repeat;
}
#box_mon {
background:	#FFF url(img/bg_box_mon.jpg) right bottom no-repeat;
}
#box_terc {
background:	#FFF url(img/bg_box_terc.jpg) right bottom no-repeat;
}
.box_unico {
width:		auto;
height:		auto;
padding:	0px 10px;
margin:		0px;
}
.coluna_aux {
width:		260px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
.coluna_cont {
width:		630px;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
ul.menu_aux {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
}
ul.menu_aux li {
list-style:	none;
padding:	0px;
margin:		0px 0px 5px 0px;
}
ul.menu_aux li a, ul.menu_aux li a:visited {
padding:	5px;
margin:		0px;
font-size:	17px;
font-weight:normal;
color:		#000;
text-decoration:none;
background:	#EAEAEA;
border-bottom:1px solid #CCC;
display:	block;
}
ul.menu_aux li a:active, ul.menu_aux li a:hover {
padding:	5px;
margin:		0px;
font-size:	17px;
font-weight:normal;
color:		#FFF;
text-decoration:none;
background:	#272727;
border-bottom:1px solid #0099CC;
}
ul.lista {
padding:	0px;
margin:		0px;
}
ul.lista li {
list-style:  inside	circle;
padding:	2px;
margin:		0px 0px 2px 0px;
}
.box_2col {
width:		45%;
height:		auto;
padding:	0px;
margin:		0px;
float:		left;
}
#conjClientes {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
}
#conjClientes img {
padding:	3px;
margin:		10px;
float:		left;
border:		none;
background:	#FFF;
}
/*  
rodape
******************************************************/
#rodape p {
font-size:	11px;
padding:	0px;
margin:		0px;
}
#rodape p a, #rodape p a:visited, #rodape p a:active {
text-decoration: none;
color:		#666;
}
#rodape p a:hover {
text-decoration: none;
color:		#333;
}
/*  
geral
******************************************************/
img {
border:		none;
}
cite {
font-size:	11px;
}
.clear {
clear:		both;
font-size:	1px;
height:		1px;
}
.none {
display:	none;
}
.right {
float:		right;
margin:		0px 0px 2px 2px;
padding:	0px;
}
.left {
float:		left;
margin:		0px 2px 2px 0px;
padding:	0px;
}
p {
padding:	2px 0px;
margin:		0px 0px 10px 0px;
}
a.link, a:visited.link, a:active.link {
text-decoration: none;
color:		#666666;
padding:	0px 15px 0px 0px;
background:	url(img/ico_link.gif) right center no-repeat;
}
a:hover.link {
color:		#000000;
padding:	0px 15px 0px 0px;
background:	url(img/ico_link.gif) right center no-repeat;
}
a.link2, a:hover.link2 {
text-decoration: none;
color:		#666666;
padding:	0px;
background:	none;
}
.topo, .topo a {
text-align:	right;
font-size:	10px;
font-family: Arial, Helvetica, sans-serif;
color:		#0099CC;
font-weight:bold;
text-decoration:none;
padding:	0px;
margin:		0px;
}
.topo a:hover {
color:		#0099CC;
text-decoration:underline;
}
.separador {
padding:	0px;
margin:		5px 0px;
font-size:	1px;
height:		1px;
border-bottom: 1px dotted #656565;
clear:		both;
}
.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		10px;
background:	#FFF0F0;
border:		1px solid #990000;
color:		#990000;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		10px;
background:	#F0FFF0;
border:		1px solid #006600;
color:		#006600;
}

/*  
tipografia
******************************************************/
h1, h2, h3 {
padding:	0px;
margin:		0px 0px 5px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
h1 {
font-size:	21px;
font-weight:normal;
}
h2 {
font-size:	17px;
font-weight:normal;
}
h3 {
font-size:	13px;
}
h2.azul {
padding:	5px;
background:	#0099CC url(img/bg_tit_azul.jpg) left top repeat-x;
color:		#FFF;
border-bottom: 1px solid #0099CB;
border-left:1px solid #0099CB;
border-right: 1px solid #0099CB;
border-top:	none;
overflow:	hidden;
}
h2.cinza {
padding:	5px;
background:	#6B6B6B url(img/bg_tit_cinza.jpg) left top repeat-x;
color:		#FFF;
border-bottom: 1px solid #6B6B6B;
border-left:1px solid #6B6B6B;
border-right: 1px solid #6B6B6B;
border-top:	none;
overflow:	hidden;
}
h2.preto {
padding:	5px;
background:	#000000 url(img/bg_tit_preto.jpg) left top repeat-x;
color:		#FFF;
border-bottom: 1px solid #000;
border-left:1px solid #000;
border-right: 1px solid #000;
border-top:	none;
overflow:	hidden;
}
.branco {
color:		#FFF;
}
.azul_simples {
color:		#0099CC;
}
.cinza_simples {
color:		#6B6B6B;
}
.preto_simples {
color:		#000000;
}
/*  
formulario
******************************************************/
input, select, textarea {
padding:	2px;
margin:		0px 0px 5px 0px;
border:		1px solid #000;
font:		13px "Trebuchet MS", Tahoma, Verdana;
color:		#000;
}
input:focus, select:focus, textarea:focus {
padding:	2px;
margin:		0px 0px 5px 0px;
border:		1px solid #0099CC;
font:		13px "Trebuchet MS", Tahoma, Verdana;
color:		#000;
}
input.hospExcl {
border:		none;
border-bottom:1px solid #000;
}
input:focus.hospExcl {
border-bottom:1px solid #0099CC;
}
fieldset {
padding:	0px;
margin:		0px;
border:		none;
}
label {
width:		100px;
height:		auto;
padding:	0px;
margin:		2px 3px 0px 0px;
text-align:	right;
float:		left;
}
.submit {
padding:	2px 5px;
margin:		0px 0px 5px 0px;
border:		1px solid #000;
font:		bold 13px "Trebuchet MS", Tahoma, Verdana;
color:		#FFF;
background:	#333 url(img/bg_tit_preto.jpg) left top repeat-x;
cursor:		pointer;
overflow:	visible;
}
.radio {
width:		25px;
vertical-align:	middle;
border:		none;
background:	none;
padding:	2px;
margin:		0px 0px 5px 0px;
font:		13px "Trebuchet MS", Tahoma, Verdana;
color:		#000;
}
/*  
tabela
******************************************************/

table {
width:		98%;
height:		auto;
padding:	2px;
margin:		0px;
background:	none;
border:		none;
color:		#333;
}
table caption, legend {
padding:	0px;
margin:		0px 0px 5px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana;
font-size:	13px;
font-weight:bold;
color:		#0099CC;
text-align:	left;
}
table th {
text-align:	left;
padding:	2px;
margin:		0px;
background:	#292929 url(img/bg_tit_preto.jpg) left center repeat-x;
color:		#FFF;
font-size:	17px;
font-weight:normal;
border:		1px solid #292929;
}
table th.row {
width:		150px;
font-size:	13px;
font-weight:normal !important;
background:	#292929;
}
table td {
text-align:	center;
padding:	2px;
margin:		0px;
background:	#FFF;
color:		#333;
border:		1px solid #CCC;
}
table th.no{
background:	none;
border:		none;
}
/*  
highslide
******************************************************/
.highslide-html {
background: #FFFFFF;
text-align: left;
}
.highslide-html-blur {
}
.highslide-body {
height: auto;
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #333;
}
.control:hover {
color: #0099CC !important;
}
.highslide-move {
cursor: move;
}
/* páginas: JS  */
#content_ {
padding: 0px;
margin:	0px;
font:11px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
color: #333333;
background:	#FFFFFF;
text-align: left;
}
#content_ h1 {
padding:	0px;
margin:		0px;
color:		#0099CC;
font-size:	17px;
}
/*  
Noticias 
******************************************************/
.avisos_titulo_home {
font-size: 13px;
font-weight: bold;
padding: 0px;
margin:	0px;
color:	#FFF;
}
.avisos_data_home {
padding: 0px;
margin:	0px;
color:	#FFF;
font-size:10px;
}
.avisos_texto_home {
width:	auto;
height: 38px;
padding: 0px;
margin:	0px 0px 5px 0px;
color:	#FFF;
overflow:	hidden;
}
.avisos_data{
padding: 0px;
margin:	0px;
color:	#666;
font-size:10px;
}
/*painel rotativo
******************************************************/
#painel {
width:930px;
height:200px;
background-color:#000;
}
div>#painel{
top:0;
} /*hack*/
#painel-conteudo {
display:none;
}
#painel #imgslide {
width:930px;
height:200px;
margin:0 0 0.6em 0;
}

#painel #to-blend {
opacity:0.80;zoom:1;
}
/*