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

/** ELEMENTOS GLOBAIS **/
body{ background:#fff url(../images/bg.jpg) repeat-x; font: normal 14px "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #666464; }
a{ color:#555352; text-decoration:none; }
a:hover{ text-decoration:underline; }
a img{ border:none; }
.clear, .clearboth{ clear:both; }
h2, h3, h4{ font: 22px "Myriad Pro", Arial, "Trebuchet MS", sans-serif; color: #006cec; }
address{ font-style: normal; }
/**  **/

/** CONTEINER **/
#geral{ width:973px; position:relative; margin:0 auto; overflow:hidden; background:transparent; }
/**  **/

/** ELEMENTOS DO TOPO **/
#header{ height:404px; width:1168px; /*background: url(../images/bg_top.jpg) no-repeat center 4px;*/ }
#sliders{ margin-top: 15px; }
#header h1 a{ 	position:absolute; width:183px; height:74px; left:0; top:25px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.png) no-repeat; }

#rssTop{ position:absolute; top:48px; width:24px; height:24px; display:block; margin-left: 950px; }
/**  **/

/** NAVEGACAO **/
#nav{ background:url(../images/bg_menu.png); width:797px; height:36px; float:left; margin:45px 25px 0 130px; text-align:right !important; padding: 6px 8px 0 0; }
#nav ul{ padding:0; display:inline-block; float:right; padding-right: 10px; z-index:1000; }
#nav ul li{ float:left; margin:-4px 0 0 0; padding: 10px 15px 10px 15px; border-left: 1px solid #66A7F2; }
#nav ul li a{ text-decoration:none; font-size:15px; text-transform:capitalize; color:#fff; padding-left:3px; }
#nav ul li a:hover{ color:#fff; }
#bordaDirMenu{ background:url(../images/canto_menu.png) no-repeat 935px bottom; float:left;} 

/**  **/

/** MAIN **/
#main{ float: left; position:relative; display: inline;  width:970px; margin:5px auto; padding: 0 8px; min-height:300px;  z-index:8; }
/**  **/

/** COLUNA ESQUERDA E DIREITA **/
#sidebar{ float:left; width:220px; margin:70px 5px 5px -10px; letter-spacing:0.4px; background: url(../images/bg_submenu.jpg) no-repeat top right; padding-top: 20px; min-height: 472px; }
#sidebar h3{ margin: 10px 0 20px 25px; text-transform:uppercase; }
#sidebar ul { margin: 0 0 15px 12px !important;}
#sidebar li { margin:8px 0 0 5px; width:202px; height:36px; text-align:right; background:url(../images/bg_item_submenu.jpg) no-repeat; }
#sidebar li a { color:#1E8DF5; }
#sidebar li img { border:5px solid #FFA800; }
.topSidebar { display:block; width:262px; height:49px; margin:-30px 0 0 0;  }
.bottomSidebar { display:block; width:262px; height:51px; margin:-30px 0 0 0; }

.submenu li{ width:202px; height:36px; text-align:center; background:url(../images/bg_item_submenu.jpg) no-repeat;} 
.submenu li a{ text-decoration:none; display:block; padding:8px 5px 5px 2px; color:#1E8DF5; font-size:15px; width:187px; height:36px; text-align:right; background:url(../images/bg_item_submenu.jpg) no-repeat; } 
.submenu li a:hover{ color:#777;} 

.outrosLinks{ text-decoration:none; display:block; padding:8px 5px 5px 5px; color:#1E8DF5; font-size:14px; width:187px; height:36px; text-align:right; background:url(../images/bg_item_submenu.jpg) no-repeat; }

#rightCol{ float:right; width: 210px; text-align:right; margin: 25px 0 15px 20px; }
#rightCol li{ display:block; width: 210px; margin: 15px 0 0 0; }
#rightCol li img{  border:5px solid #FFA800; }

/**  **/


/** CONTEUDO **/
#content{ float:right; width: 705px; padding:0 10px 10px 15px; display:block; font-size: 14px; letter-spacing:0.4px; margin:8px 8px 0 0;  }
#content h2{ font-size:22px; font-weight:normal; margin:0px 0 23px -242px; background: url(../images/montanha.jpg) no-repeat center left; padding: 20px 0 0 70px; height: 46px;  }
#content h2 a{ text-decoration: none; }
#content h2 .tDestaque{ color: #2163A4; }
#content p{ margin:8px 0px 10px 8px; text-align:justify; }
#content.withoutColumns{ width:955px; }
#content.withoutSB{ width:955px; }
#content.withoutSB h2{ margin-left:0 ; }
#content.withoutColumns h2{ margin-left:0; }
#content ul{ margin: 5px 0 10px 40px; }
.lista li{ list-style-image: url(../images/bullet2.png);  }
/**  **/


/** RODAPE **/
#footer{ clear:both; height:145px; background:url(../images/bg_rodape.jpg) repeat-x; color:#fff; padding: 40px 8px 10px 15px; font-size:15px; line-height:35px; margin: 20px 0 0 0; }
#footer a{ color:#fff; }

#contentFooter{ position:relative; width: 973px; margin: 0 auto; }
.laarberg{ float:right; margin-top:-28px; }

#social{ float:left; width: 200px; margin: 0 0 0 20px; }
#links_rodape { float:left; width: 250px; margin: 0 10px 0 0;  }
#endereco{ float:left; margin: 0 0 0 95px;  } 

#bottomCol{ clear:both; margin: 15px 0 5px 0; float:left; width: 960px; }
#bottomCol ul li{ float:left; width: 190px; text-align:center; border-right: 2px dotted #BFBFBF; height:55px;  }
/**  **/

/** TABELAS **/
#content>table, .blocos>table{ width:710px !important; }
#content>table td, .blocos>table td{ background:#eee; padding: 4px; color:#CC7F06 !important; text-align:center; }
#content>table td a, .blocos>table td a{ text-decoration:none; }
.tabelaEquipe td{ text-align:center !important; }
table tbody tr td h3{ margin:5px 0 10px 0; border-bottom: 1px solid #B1BF0B; width: 100%; color:#B1BF0B; }
.tabelaLinks{ width:400px !important; }
.tabelaLinksInternos td{ text-align:left !important; }

/** **/

/** ELEMENTOS DE FORMULARIO **/
fieldset{ background: transparent; border:0; padding:5px; width:450px; }
fieldset label{ color:#555352; font-weight:normal; }
fieldset table tr td{ padding:3px 12px; background:transparent !important; }

form input, form select, form textarea{ padding: 2px; color: #666; }
form input.erro{ background:#FFEFF2; border:1px solid #DFB5BE; }

form p label{ float:left; width: 100px; margin-right: 8px; }
.botao{ width: auto !important; background:#CEE5F3; border: 1px solid #64BEF0; padding: 4px; float:right; margin-right:10px; }
.voltar { background: url(../images/bg_bt.jpg) no-repeat; width: 74px !important; height: 34px; border:0;  }

.pradio{ margin-top:0px; }
.pradio label{ width:auto;  float:left !important; margin-right:10px; }
.pradio input{ width:auto; float:left;  margin-right:5px; }

.nofloat{ float:none !important; }
.normal { font-weight:normal !important; }
.clear{ clear:both; }
.pleft{ float:left; width:auto; margin-right:15px; margin-top:0; }
/** **/


/** BLOCOS DE CONTEUDO **/
.blocos{ float:left; height: 210px; line-height: 25px; }
.blocos h4{ font-weight:normal;}
.blocos h4 a{ font-weight:normal; color:#006cec; }
.blocos h4 a:hover{ text-decoration:none; }

.blocosA{ width:287px; margin: 15px 13px 4px 5px; background: url(../images/bgn1.gif) no-repeat 170px center; padding: 0 18px 5px 0; border-right: 2px dotted #3695C3; }
.blocosA img{ border: 3px solid #FFA800; float:left; margin: 0 8px 4px 0; }
.blocosA h4{ margin-top: 15px; }
.blocosA h4 a{ padding: 8px 0 8px 50px; background: url(../images/n1.jpg) no-repeat center left; }

.blcA2{ background-image: url(../images/bgn2.gif); }
.blcA2 h4 a{ background-image: url(../images/n2.jpg); }

.blcA3{ padding-right:0 !important; background-image: url(../images/bgn3.gif); }
.blcA3 h4 a{ background-image: url(../images/n3.jpg); }



.blocosB{ width: 535px; margin: 10px 25px 10px 0; height:auto !important; }
.blocosB table { width: 380px !important; }
.blocosB table tr td { text-align:center !important; }

.blocosC{ width: 390px; height: 230px; float:right; margin-top: 10px;  }
.blocosC input, .blocosC textarea{ width: 255px; background: #D9E7F2 url(../images/bg_textarea.jpg) repeat-x left bottom; color:#569ACB !important; font-size: 15px; border:0; }


.vejaMais{ float:right; margin:3px 0 4px 0; }
.vejaMais a{ font: italic 17px Arial, Verdana, Sans-Serif; color:#FFA800; text-decoration:none; padding:2px; }
.vejaMais a:hover{ color:#fff; text-decoration:none; background:#FFA800; }
/** **/


/** SLIDER DE CONTEUDO **/
.FrontMenu { padding: 5px 5px 0px 5px; margin-left: 2px; margin-top: -4px; }
.FrontMenu .Bar { width: 980px; height: 48px; position: absolute; top: 360px; }
.FrontMenu .Bar a { font-size:15px; color: #FFFFFF; position: relative; display: block; text-decoration: none; padding-right: 6px; margin-right: -6px; cursor: pointer; }
.FrontMenu .Bar span.item { line-height: 38px; margin: 0px 0px; float: left; position: relative; display: inline; cursor: pointer; width: 185px; text-align: center;  margin-left: 6px; background: url(../images/bg_bt_slider.png); }
.FrontMenu .Bar a.hover { height: 38px; color: #ededed; }
.FrontMenu .Bar a.hover span { height: 38px; display: block; }
.FrontMenu .Bar span.sel a:hover { padding-left: 0px; margin-left: 0px; }
.FrontMenu .Bar span.sel a:hover span { background: none; padding-left: 0px; margin-left: 0px; }
.FrontMenu .Bar span.item .spike, .FrontMenu .Bar span.sel .spike { background: transparent url(../images/setinha.png) no-repeat top left; display:none; position: absolute; top: -10px; left: 50%; margin-left: -8px; width: 16px; height: 11px; z-index: 100; }
.FrontMenu .Bar span.sel .spike { display: block; }
.FrontMenu .Bar span.sel a { /*color: #d43300;*/ }
.FrontMenu div.Panel{ height: 318px; width: 974px; margin-top: 15px; }
.FrontMenu div.Panel a{ color:#fff !important; }

.txts{ position:absolute; top: 105px; width: 490px; margin-left: 470px; color: #fff; line-height: 30px; text-align:justify; } 
.txts h2{ text-indent: -9999px; overflow:hidden; display:block;  }
.descricao2{ margin-left: 20px; top: 80px; }

.descricao2 h2{ width: 183px; height: 33px; background: url(../images/tit_webdesign.png) no-repeat; margin: -50px 0 20px 0;  }
#bg_planos{ float:right; width: 480px; height: 223px; background: url(../images/bg_planos.png) no-repeat; margin: 20px 0 0 0;  }
#bg_planos ul{ margin-top: 10px; }
#bg_planos ul li{ list-style-image: url(../images/bullet2.png); padding-left: 20px; list-style-position:inside; color:#fff; margin: 8px 0 5px 5px;   }

#ddplanos .descricao2{ width: 460px; }
#ddplanos .txts h2{ width: 361px; height: 32px; background: url(../images/tit_planos.png) no-repeat; margin: -60px 0 20px 0;  }

#ddcms .txts{ top: 80px;  }
#ddcms .txts h2{ width: 67px; height: 25px; background: url(../images/tit_cms.png) no-repeat; margin: -40px 0 20px 0;  }
#ddcms img{ float:left; margin: 25px 0 0 0;  }

#ddVoip .txts h2{ width: 219px; height: 25px; background: url(../images/tit_voip.png) no-repeat; margin: -40px 0 20px 0;  }
#ddVoip img{ margin-top: 25px; float:right; }
/**  **/

/** PORTFOLIO **/
#portfolio{ margin:0 !important; }
#portfolio li{ float:left; margin: 8px 0 8px 15px; }
#portfolio li div{ position:absolute; height: 25px; background:#000; width: 440px; margin-top: -50px; padding: 5px 0 5px 20px; z-index: 80; }
#portfolio li span a { font: bold 16px Trebuchet MS, Arial, Verdana, Sans-Serif; color: #fff; }
#portfolio li span{ position: absolute;  height: 25px; width: 440px; margin: 185px 0 0 -440px; z-index: 90; }
.tituloPortfolio{ background: #666; padding: 5px; color:#fff; font-size: 18px; margin: 5px 0 5px 0; }
.conteudo_portfolio { padding: 5px 0 0 0; font-size:13px; line-height: 22px; }
.conteudo_portfolio img{ float:left; margin: 4px 8px 5px 3px;  }
.extras, .extras a{ color: #006cec !important; font-weight:bold; }
/**  **/


/** NOTICIAS DA PAGINA INICIAL **/
#news{ margin-left:0 !important; }
#news li{ border-bottom: 2px dotted #3695C3; padding: 4px 4px 10px 4px; margin: 10px 0 0 5px; }
#news li span.dataNews{ float:left; font-size: 20px; font-weight:bold; height: 70px; margin: 0 8px 0 0; color: #006cec;   }
/**  **/

/** PAGINA DA EQUIPE **/
.membroEquipe{ float:left; margin: 5px 10px 0 10px;  } 
.descricao_membro{ float:left; width: 220px; padding: 2px; margin: 0 0 0 10px; }
.descricao_membro h3{ font-size: 18px; text-align:center; margin:-18px 0 10px 0; }
.descricao_membro li{ margin: 15px 0 5px 10px; list-style-image:url(../images/bullet2.png); }
.descricao_membro .social{ margin-left: 50px; }
/**  **/

/** DADOS DE CONTATO DA EMPRESA **/
.dados_contato{ position:absolute; margin: 40px 0 0 500px; padding: 8px; color: #006cec;  }
/**  **/

