﻿  @font-face {
    font-family: 'FuturaLtBTLight';
    src: url('../../fontes/futural_0-webfont.eot');
    src: url('../../fontes/futural_0-webfont.eot?iefix') format('eot'),
         url('../../fontes/futural_0-webfont.woff') format('woff'),
         url('../../fontes/futural_0-webfont.ttf') format('truetype'),
         url('../../fontes/futural_0-webfont.svg#webfontxF89lk71') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    font-size:12px;
    color:#666666;
    font-family:verdana;
    padding:0px;
    border:0px;
    margin:0px;
    width:100%;
    line-height:150%;
    border-collapse:collapse;
    /*background-image:url('../../imagem/background.png');*/
    background-image:url('../../imagem/background.jpg');
    background-color:#F4F4F4;
    background-repeat:no-repeat;
    /*background-color:#42520E;*/
    background-position:top;
}


#BarraSuperior
{
height:auto;
width:100%;
border-bottom:none;
padding:0px;
margin:0px;
border-collapse:collapse;

}

.Nuvem

{
margin:10px;
border-top:dotted 1px gray;
padding:10px;
text-align:center;

}

.ConteudoInterno
{

    padding:15px;
    padding-top:0px;
    display:block;
    background-color:Transparent;
}

.tbRecursos {margin-bottom:20px;width:100%}

.tbRecursos td
{
border-bottom:dotted 1px gray;
padding:5px;
}

.tbRecursos Titulos td
{
    background-color:Red
    }

h1
{
font-family:FuturaLtBTLight;
margin:0px;
padding:0px;
font-size:22px;
width:100%;
padding-bottom:5px;
background-repeat:no-repeat;
font-weight:bold;
margin-top:0px;
line-height:130%;
color:Black;


}


body h2
{
font-size:15px;
color:#000000;
margin-bottom:10px;
margin-top:30px;
font-family:FuturaLtBTLight;
font-weight:bold;

}


body a 
{
    color:black;
    text-decoration:underline;
    font-size:15px;
}
body img 
{
    border:none;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    }
    
body ul
{
    margin:0px;
}

body span
{
    margin-bottom:8px;
    display:block;
    line-height:150%;
}

body p
{
color:#333333;
line-height:150%;
font-size:12px;
}

ul
{
color:#333333;
line-height:200%
}

#Banner
{
    width:781px;
    margin-right:auto;
    margin-left:auto;

}

.Centro
{
width:980px;
display:block;
margin-left:auto;
margin-right:auto;
background-color:White;
background-image:url(../../imagem/FundoParteSuperiorSite.png);
background-position:top;
background-repeat:no-repeat;
padding-top:30px;
margin-top:10px;
height:100%;

background-color:White !Important;

}
.MenuConteudo
{
width:236px;
float:left;
padding-top:0px;
margin-left:20px;
margin-right:0px;
background-image:url(../../imagem/FundoMenu.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}



.MenuConteudo2
{
width:220px;
float:left;
padding-top:0px;
margin-left:20px;
margin-right:20px;
background-color:#1F1F1F;
margin-bottom:20px;


}
.MenuConteudo ul
{
margin-top:10px;
padding:0px;
margin:0px;
color:white;
width:190px;

}


.MenuConteudo b
{
color:#8E980D;
padding-left:20px;


}

.MenuConteudo ul li
{

border-bottom:dotted 1px #dedede;
margin-top:5px;
margin-bottom:5px;
margin-left:30px;
color:white
}

.MenuConteudo ul li a
{
font-size:11px;
font-family:verdana;
text-decoration:none;
color:gray;
}


.MenuConteudo ul li a:hover
{
color:black;
}

.Conteudo
{

    width: 910px; 
    padding: 35px; 
    padding-top: 0px;
    margin-right:auto;
    margin-left:auto;

    background-repeat:repeat-x;
    border:0px;
	
    border-collapse:collapse;
    margin-top:0px;
    display:block;
    float:left;
    margin-bottom:10px;
    
}

.Conteudo:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}


#Topo
{
    width:980px;
    border:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
    top:0px;
    bottom:0px;
    display:block;
    
    margin-top:0px;
    padding:0px;
 
    
}

#Topo img
{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

#MenuSuperior                   
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
	


#LoginPainel
{
    position:absolute;
    width:200px;
    margin-right:auto;
    left:50%;
    margin-left:0px;
    top:265px;
    background-repeat:repeat-x;
    border-collapse:collapse;
    margin-top:0px;
    display:block;
    padding:0px;
    height:00px;
    display:none;
   
    }


#LoginPainel input
{
width:110px;
display:block;
font-size:13px;
padding:0px;
margin:0px;
border-collapse:collapse;
height:20px;
border:solid 1px black;
margin-left:250px;
right:0px;
margin-bottom:3px;

}





#Centro
{
    width:100%;
    background-color:white;
    margin-left:auto;
    margin-right:auto; 
    
}

#Centro #ColunaEsquerda
{
    width:331px;
    float:left;   
    margin-left:auto;
    margin-right:auto;
    background-color:#dedede;
    background-image:url('../../imagem/fundoColunaEsquerda.png');
    height:500px;

    }


   
#Centro #ColunaDireita
{
    float:left;
    margin-left:auto;
    margin-right:auto;
    width:440px;
    
}  

#ColunaDireita #logoWindows
{
margin-top:50px;
}


#Centro #ColunaDireita span
{
    padding-left:10px;
    display:block;
    padding-top:10px;
    text-align:right;
}

#Centro #ColunaDireita .Cliente
{
    padding-top:10px;
    color:red;
    display:block    
}



    
#Centro:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
    

#Rodape
{
    width:100%;
    
    background-position:center;
    background-repeat:repeat-x;
    margin-left:auto;
    margin-right:auto;
	float:left;
    background-image:url('../../imagem/fundoRodape.png');
    background-color:Transparent;
    border-top:solid 1px #cccccc;
    text-align:center;
    
}
  

#ctl00_Conteudo_PlanosLoja
{
    background-image:url('../../imagem/planos_loja.png');
    
}

#ctl00_Conteudo_PlanosLoja span
{
    
  padding-top:60px;
  padding-left:30px;
  overflow:hidden;
  display:block;
  width:180px;
  height:90px;
  cursor:pointer;
  cursor:hand;
  
}

#PlanosHospedagem
{
    background-image:url('../../imagem/planos_Hospedagem.png');
    
 }

#PlanosHospedagem ul
{
padding-top:50px;
padding-left:50px;
}

#PlanosIpchat   
{
    background-image:url('../../imagem/planos_chat.png');
}

.Planos
{
    width:331px;
    height:159px;
    cursor:pointer;
    cursor:hand;
}

.Planos span
{
    line-height:100%;
}


#PlanosIpchat span
{
  padding-top:60px;
  padding-left:30px;
  overflow:hidden;
  display:block;
  width:180px;
}


.Servicos

{
padding:0px;
margin:0px;
float:left;
width:390px;
height:191px;
}

.Servicos .texto
{
margin-top:50px;
float:right;
margin-right:0px;
width:250px;
text-align:right;
padding-right:10px;
background-color:transparent;

}

.Servicos .texto span
{
line-height:120%;
}

.Clientes

{
padding:0px;
margin:0px;
float:left;
width:980px;
height:181px;
border-bottom:dotted 1px gray;
}

.Clientes .texto
{
margin-top:40px;
float:right;
margin-right:0px;
width:780px;
text-align:left;
padding-right:10px;
background-color:transparent;
}

.Clientes .texto span
{
font-size:12px;
color:Gray;
}

.Parceiros

{
padding:0px;
margin:0px;
float:left;
width:740px;
height:181px;
border-bottom:dotted 1px gray;
}

.Parceiros .texto
{
margin-top:20px;
float:right;
margin-right:0px;
width:510px;
text-align:left;
padding-right:10px;
background-color:transparent;
}



.Tabelas
{
    font-family:Verdana; 
    font-size:11px; 
    background-color:#F0F0F0;
    border:none;
    }
.Tabelas td
{
    padding:4px
    }
    
.TabelaPreco 
{
    margin-top:0px;
    padding-top:0px;
    width:100%;
    
    }    
    
.TabelaPreco hr
{
border:none;
padding:0px;
border-collapse:collapse;
border-bottom:dotted 1px gray
}

.DescricaoPlano
{
width:100%;
display:block;
padding:0px;
border-bottom:dotted 1px #808080;
}    

.DescricaoPlano .Descricao
{
    width:700px;
    float:left;
    margin-top:5px;
    

}    

.DescricaoPlano input
{
    width:50px;
    float:left;
    margin-left:0px;
    margin-top:5px;
    }
    



.DescricaoPlano .Valor
{
text-align:right;
color:Green;
font-size:16px;
font-weight:bold;
    }
    
.divTabela
{
    font-size:11px;
    color:gray;
    margin:0px;
    padding:0px;
    width:200px;
    float:left;
    text-align:left;
    display:block;
   
}
.divTabelaDireito
{
    float:left;
    display:block;
    width:650px;
    
    }

.divTabelaDireito input
{
    margin-top:5px;
    
    }
        
    
    
#MenuUL li
{
width:100px;
border:solid 2px red;
float:left;
position:relative
}  


#MenuUL a
{
text-decoration:none;
color:white;
margin-left:5px;
font-size:11px;
font-weight:bold;
}  

    
#MenuUL 
{
    width:761px;
    margin-right:auto;
    margin-left:auto;
    background-repeat:repeat-x;
    border:0px;
    border-collapse:collapse;
    margin-top:0px;
    display:block;
    background-color:green;
    border:none;
    background-image:url('../../imagem/Menu.jpg');
    height:18px;
    padding:10px;    
    text-align:center;
    position:absolute;
    top:0px;
    left:100px;
}
#MenuUL a
{margin-left:7px;margin-right:7px}


#SubMenuUL a
{
text-decoration:none;
color:white;
font-size:11px;
font-weight:bold;
}  

    
#SubMenuUL 
{
    width:761px;
    margin-right:auto;
    margin-left:auto;
    background-repeat:repeat-x;
    border:0px;
    border-collapse:collapse;
    margin-top:0px;
    display:block;
    background-color:green;
    border:none;
    background-image:url('../../imagem/SubMenu.jpg');
    height:18px;
    padding:10px;    
    text-align:center
}
#SubMenuUL a
{margin-left:3px;margin-right:4px}

#divBanner
{
    width:980px;
    margin-right:auto;
    margin-left:auto;
    background-color:transparent;
    background-repeat:repeat-x;
    border:0px;
    border-collapse:collapse;
    margin-top:0px;
    border:none;
    margin-top:0px;
    

}


#MenuVertical
{
margin-top:20px;
margin-bottom:20px;
}



#MenuVertical li
{
margin-top:10px;

}


p a 
{
	font-size:12px;
	font-family:verdana;
	margin-left:5px;
	color:gray;
	line-height:150%;
}

p a:hover
{
	font-size:11px;
	font-family:verdana;
	margin-left:5px;
	color:green;
}

.Sombra

{
float:left;
background-image:url(../../portfolio/sombra.png);
height:235px;
width:308px;
}

.Sombra a img
{
padding-left:34px;
padding-top:33px;
}


.SombraBanners

{
float:left;
background-image:url(../../portfolio/banners/sombra.png);
height:120px;
width:421px;
}

.SombraBanners a img
{
padding-left:27px;
padding-top:27px;
}


.Icone
{
width:100px;

}

.Menu_Informacoes
{
	width:430px;
	padding-bottom:0px;
	vertical-align:top;

}

.Menu_Informacoes h1
{
margin-top:50px;
background-image:url(../../imagem/FundoH1.png);
background-repeat:repeat-x;
height:35px;
padding-top:10px;
padding-left:10px;
margin-bottom:20px;
padding-bottom:10px;
width:850px;
background-position:bottom;
}


hr
{
border:none;
padding:0px;
border-collapse:collapse;
border-top:dotted 1px #F3F3F3;
display:none;
}


.SiteMap span
{
display:inline;
font-size:10px;
text-transform:uppercase;
}

.Menu_Informacoes a
{
float:left;
font-size:12px;
font-weight:bold;
color:green;

}

.SiteMap
{
border:none;
border-collapse:collapse;
padding-bottom:10px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:25px;
margin-top:20px;

}

.SiteMap a
{
font-size:12px;
font-family:Arial;
}

#ImgMenu
{
	position:absolute;
	left:50%;
	margin-left:-489px;
	margin-top:-13px;
	
}
	
.Banners
{
padding:10px;
border:solid 1px #dedede;
margin:10px;

}

.SubTitulosMenu
{
margin-top:0px;
color:black;
}

.H1Destacado
{
margin-top:50px;
background-image:url(../../imagem/FundoH1.png);
background-repeat:repeat-x;
height:35px;
padding-top:10px;
padding-left:10px;
margin-bottom:20px;
padding-bottom:10px;
font-size:22px;

display:block;
width:900px;
white-space:nowrap;

background-position:bottom;
}

.Destaque
{
width:100%;

}

.TabelaClientes td
{
padding:10px;
}

.TabelaClientes
{
margin-top:20px;
}



.rtsTxt
{
    padding-bottom:0px !Important;
    display:table;
    line-height:100%;
    padding-top:6px !Important;
}


.AvisoVerde
{
padding:10px;margin-top:10px;margin-bottom:20px;border:solid 1px green
}

.AvisoVerde b
{
text-align:center;
color:green
}


.AvisoAmarelo
{
padding:10px;margin-top:10px;margin-bottom:20px;border:solid 1px Orange
}

.AvisoAmarelo b
{
text-align:center;
color:Orange

}


#MenuSuperior ul.topnav {
	list-style: none;
	padding: 0 20px 0px;
	margin: 0;
	float: left;
	width: 940px;
	background: #222;
	font-size: 14px;
	background: url(../../menu/topnav_bg.gif) repeat-x;
	height:35px;
}
#MenuSuperior ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#MenuSuperior ul.topnav li a{
	padding: 3px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-size:12px;
}
#MenuSuperior ul.topnav li a:hover{
	background: url(../../menu/topnav_hover.gif) no-repeat center top;
}
#MenuSuperior ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../../menu/subnav_btn.gif) no-repeat center top;
}
#MenuSuperior ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
#MenuSuperior ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
#MenuSuperior ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
#MenuSuperior  ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../../menu/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
#MenuSuperior  ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../../menu/dropdown_linkbg.gif) no-repeat 10px center;
}


.TextoCapa
{
	width:210px;margin-left:auto;margin-right:auto;
	line-height:180%;
	font-size:12px;
	font-family:Arial;
	margin-bottom:15px;
	vertical-align:top;
	text-align:center;
	color:Black;
}

.DivSaibaMais

{
	margin-top:20px;
	margin-bottom:50px;
	text-align:center;
}
