/* CSS Document */

*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}

body{
	background:#000066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#geral{
	width:800px;
	height:auto;
	margin:0 auto;
}

img.suporte{
margin:30px 20px 10px;
}

h1.suporte{
margin:0 20px;
color:#000000;
}

a.suporte{
color:#000000;
}

#geral-tuto{
	width:800px;
	height:auto;
	margin:0 auto;
}

#topo{
width:800px;
height:172px;
margin-top:10px;
}

#logo{
background:url(imagens/topo.jpg) no-repeat;
width:800px;
height:200px;
}

#endereco{
color:#333333;
text-align:left;
float:right;
font-weight:500;
font-size:10px;
margin-top:30px;
margin-right:10px;
}
img{
border:0px;
}

#menu li{
display:inline;
margin:5px;
}

#menu {
background:#000066;
width:100%;
height:20px;
font-size:11px;
padding-top:9px;
padding-bottom:6px;
text-align:center;
font-weight:bold;
}

#menu a.menu{
width:129px;
color:#FFFFFF; 
text-decoration:none;
padding:0 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
 
#menu a.menu:hover{
color:#000099;
background:#FFFFFF;
}

#conteudo-geral{
width:800px;
height:auto;
margin:0 auto;
background:#FFFFFF;
float:left;
padding-bottom:25px;
}
#conteudo-geral-tuto{
background:#FFF;
width:800px;
height:auto;
margin-left:0px;
float:left;
}

#conteudo-index{
width:600px;
float:left;
padding-top:25px;
margin-left:30px;
background:#FFFFFF;
}

#missao{
float:left;
width:280px;
margin-right:20px;
}

#servico{
float:left;
}

#servico1{
float:left;
width:280px;
height:100px;
margin-top:15px;
margin-right:20px;
}

#servico1 img{
float:left;
margin-right:25px;
}

#servico1 p.servico{
margin:25px 10px;
color:#000000;
text-align:justify;}

#servico2{
float:right;
width:280px;
height:100px;
margin-top:15px;
}

#servico2 img{
float:left;
margin-right:25px;
}

#servico2 p.servico{
margin:25px 10px;
color:#000000;
text-align:justify;}

#servico3{
float:left;
width:280px;
height:100px;
margin-top:45px;
margin-right:20px;
}

#servico3 img{
float:left;
margin-right:25px;
}

#servico3 p.servico{
margin:25px 10px;
color:#000000;
text-align:justify;
}

#servico4{
float:right;
width:280px;
height:100px;
margin-top:45px;
margin-bottom:50px;
}

#servico4 img{
float:left;
margin-right:25px;
}

#servico4 p.servico{
margin:25px 10px;
color:#000000;
text-align:justify;}

h1.index{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:30px;
font-weight:bold;
font-size:16px;
border-bottom:#000099 2px solid;
margin-top:20px;
padding-bottom:2px;
}

#conteudo-index h1.index{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:30px;
font-weight:bold;
font-size:16px;
border-bottom:#000099 2px solid;
margin-top:20px;
padding-bottom:2px;
}

h1.index{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:30px;
font-weight:bold;
font-size:16px;
border-bottom:#000099 2px solid;
margin-top:20px;
margin-right:30px;
padding-bottom:2px;
}

#conteudo-index h1.ultimoprojeto{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
font-weight:bold;
font-size:18px;
border-bottom:#000099 2px solid;
margin-top:10px;
padding-bottom:2px;
}

#conteudo-index p.index{
margin-left:15px;
margin-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

p.index{
margin-left:15px;
margin-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

p{
margin-left:15px;
margin-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

#conteudo-index a.index{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:25px;
text-align:right;
float:right;
text-decoration:underline;
color:#000099;
font-weight:bold;
}

#conteudo{
margin-top:5px;
margin-left:15px;
margin-right:15px;
display: table;
float:left;
}

#plandes{
width:680px;
float:left;
margin: 0 60px;}

#ultimas{
margin:5px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#ultimas a{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#ultimas img.ultimas{
width:150px;
float:left;
}

#novidades{
float:left;
width:300px;
}

#novidades img{
float:left;
margin-left:80px;
}

.saber-mais{
color:#0099CC;
text-decoration:underline;
}

.saber-mais-dest{
color:#0a5790; 
text-decoration:underline; 
float:right;
font-size: 9px;
}

.det_planos {
font-size: 10px;
font-weight: bold;
color: #FF0000;
}

.det_clientes {
font-size: 10px;
color: #000;
}

#destaques{
width:500px;
height:auto;
}

#destaque-cli{
background:#FFF;
width:500px;
height:175px;
float:left;	
margin-left:5px;
}

#base{
background:;
width:100%;
height:10px;
}

#host{
background:url(imagens/banner-lateral.jpg) no-repeat;
width:123px;
height:250px;
float:right;
margin:15px 5px;
border:5px #000000 solid;
}

#host2{
background:url(imagens/banner-lateral2.jpg) no-repeat;
width:123px;
height:250px;
float:right;
margin:15px 5px;
border:5px #000000 solid;
}

#planos{
width:600px;
height:138px;
margin-left:20px;
}

#uk15
{
width:180px;
height:140px;
float:left;
color:#000;
text-align:center;
margin-top:2px;
background:#000099;
}

#uk20{
width:180px;
height:140px;
float:left;
margin-left:10px;
color:#000000;
text-align:center;
}

#uk30{
background:url(imagens/planos.gif) repeat-x;
width:180px;
height:140px;
float:left;
margin-left:10px;
color:#FFF;
text-align:center;
margin-top:2px;	
}

.saiba-planos{
color:#FFFFFF;
text-decoration:underline;
font-weight:900;
}

.logos-rodape{
float:left;
margin-left:10px;
margin-top:5px;
}

h6{
color:#FFFFFF; 
text-align:left; 
margin-left:10px; 
font-size:10px; 
text-transform:capitalize;
}

#rodape{
width:100%;
height:20px;
color:#FFFFFF;
float:left;
}

#rodape-menu li{
display:inline;
margin:5px;
} 

#rodape-menu{
width:100%;
height:90px;
font-size:12px;
font-weight:bold;
text-align:right;
padding-top:10px;		
}

#rodape-menu a{
color:#FFF;
}

#rodape-menu a:hover{
color:#FFF;
text-decoration:underline;
}

h4.planos{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
padding-top:3px;
}

p.planos{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0 15px;
font-weight:normal;
margin:10px 0;
}

.style2{color:#CCC;
margin-right:5px;
}

#fundo_geral
{
margin-right:0px;
width:100%;
background:#FFFFFF;
font-size:12px;
margin-left:10px;
float:left;
}

#perguntas{
width:500px;
float:left;
margin-left:50px;
color:#000000;}


#sec{
width:800px;
float:left;
text-align:center;
margin-top:20px;
}

#sec img{
margin-bottom:30px;
}

#sec a{
color:#000000;
}

#sec p{
text-align:center;
margin-bottom:45px;
}

#locallizacao{
width:500px;
float:right;
margin-left:50px;
}

#locallizacao p{
text-align:right;
}

.input_text {
color: #000000;
background-color: #fff;
border: #000000 1px solid;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
width:400px;
margin-top:5px;
margin-bottom:5px;
height:20px;
}

.input_textmenor {
color: #000000;
background-color: #fff;
border: #000000 1px solid;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
width:30px;
margin-top:5px;
margin-bottom:5px;
height:20px;
}

.input_textmaior {
color: #000000;
background-color: #fff;
border: #000000 1px solid;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
width:364px;
margin-top:5px;
margin-bottom:5px;
height:20px;
}


.input_text2 {
color: #000000;
background-color: #fff;
border: #000000 1px solid;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
width:400px;
margin-top:5px;
margin-bottom:5px;
}

.input_box {
color: #000000;
background-color: #fff;
border: #000000 1px solid;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
width:70px;
margin:5px 0;
}

textarea{
font-family: tahoma, arial, sans-serif;
font-size: 12px;
padding: 2px 0px;
border: #000000 1px solid;
}

/*PLANOS DESENVOLVIMENTO*/

h3{
font-weight:bold; 
color:#666; 
text-transform:uppercase;
}

h4{
text-transform:uppercase;
}

h3.planos{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
padding-left:15px;
}

#plano-basico{
background:#bae9f8;
width:300px;
height:auto;
font-weight:800;	
float:left;
margin:20px;
}

#topipo-basico{
background:#0099CC url(imagens/bg-basicogif.gif) repeat-x;
width:300px;
height:30px;
font-size:20px;
font-weight:bold;
color:#FFF;
float:left;
}

#plano-flex1{
background:#d6edc5;
width:300px;
height:auto;
font-weight:800;
float:left;
margin:20px;
}

#topipo-flex1{
background:#0099CC url(imagens/bg-flex1.gif) repeat-x;
width:300px;
height:30px;
font-size:20px;
font-weight:bold;
color:#FFF;
float:left;
}

#plano-flex2{
background:#f4d196;
width:300px;
height:auto;
font-weight:800;	
float:left;
margin:20px;
}

#topipo-flex2{
background:#eda309 url(imagens/bg-flex2.gif) repeat-x;
width:300px;
height:30px;
font-size:20px;
font-weight:bold;
color:#FFF;
float:left;
}

#plano-flex3{
background:#f6d5d5;
width:300px;
float:left;
height:auto;
font-weight:800;	
margin:20px;
}

#topipo-flex3{
background:#b00c0c url(imagens/bg-flex3.gif) repeat-x;
width:300px;
height:30px;
font-size:20px;
font-weight:bold;
color:#FFF;
float:left;
}
#plano-Ecom2{
background:#f1ecb1;
width:300px;
height:auto;
font-weight:800;	
float:left;
margin:20px 20px 20px 180px;
}

#topipo-Ecom2{
background:#f7c743 url(imagens/bg-Ec2.gif) repeat-x;
width:300px;
float:left;
height:30px;
font-size:20px;
font-weight:bold;
color:#FFF;
}

p.servico{
color:#000000;
}

#banners{
width:123px;
float:right;
margin-top:10px;
margin-right:10px;
}