
body {margin: 0px}

/* configurações gerais */
div#top  {width: 990px; height: 115px; background: #FFFFFF; margin: auto}
div#menu {width: 100%; height: 59px; margin: auto}
div#body {width: 990px; margin: auto}
div#footer {width: 100%; height: 250px; margin: auto}

/*configuração dos links */
a:link {
		color: orange;
		text-decoration:none;
	}

	a:visited {
		color: purple;
		text-decoration:none;
	}

	a:active {
		background-color: none;
		text-decoration:none;
	}

	a:hover {
		text-transform: uppercase;
		font-weight:bold;
		background-color:none;
	}



/* Configurações Específicas das DIV's */

/* abre-- menu principal do site */
*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#666;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
}
	#menu{
/*		margin:0 auto;*/
		width:100%;
		height:59px;
		background:url(../imagens/menu_034_bg.jpg) repeat-x;
	}
		#menu ul{
			list-style:none;
			margin:0 auto;
			width:996px;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				height:59px;
				line-height:59px;
			}
				#menu li a{
					display:block;
					float:left;
					color:#a7a7a7;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					line-height:59px;
					text-decoration:none;
					padding:0 20px;				
				}
					#menu li a:hover{
						color:#fff;
						background:url(../imagens/menu_034_h.jpg) no-repeat bottom;
					}
				#menu li a.current{
					display:block;
					float:left;
					background:url(../imagens/menu_034_h.jpg) no-repeat bottom;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					line-height:59px;
					text-decoration:none;
					padding:0 20px;	
				}
					#menu li a:hover.current{
						color:#fff;
					}
/* fecha-- menu principal do site */

/* abre-- barra de pesquisa de domínios e campos de formulárop */
input { 
background-color: #FFFFFF; 
font: 16px verdana, arial, helvetica, sans-serif;
color:#993300;
border:1px solid #CCCCCC;
}
/* fecha-- barra de pesquisa de domínios e campos de formulário */

/* abre-- estilo das caixas de seleção*/
select { 
background-color: #FFFFFF;
font:13px verdana, arial, helvetica, sans-serif;
color:#993300;
}
/* fecha-- estilo das caixas de seleção*/

/* abre-- área para digitar o conteúdo da mensagem do formulário*/
textarea { 
background-color: #FFFFFF; 
font: 16px verdana, arial, helvetica, sans-serif;
color:#993300;
border:1px solid #CCCCCC;
}
/* fecha-- área para digitar o conteúdo da mensagem do formulário*/

/* abre-- borda pontilhada dos box correspondentes aos planos de hospedagem*/
h3 {
		border-width: 1px;
		border-style: dashed;
		border-color: gold;
	}
/* fecha-- borda pontilhada dos box correspondentes aos planos de hospedagem*/

/* abre-- botão contratar planos*/
.botao a {  
font: bold 14px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:#FFFFFF;
background: #009e77 url('../imagens/botao-contratar-hospedagem-de-sites-1.gif')
 no-repeat center center;	
width:110px;  
height:27px;	
display:block;	
	}

.botao a:hover { 
background: #0f7668 url('../imagens/botao-contratar-hospedagem-de-sites-2.gif') no-repeat 
center center;
color:#FFFFFF;
               }
/* fecha-- botão contratar planos*/

/* abre-- botões submit*/
#submit {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFCC00;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#FFCC00),to(#FF9900));
  background-image: -webkit-linear-gradient(top, #FFCC00, #FF9900);
  background-image: -moz-linear-gradient(top, #FFCC00, #FF9900);
  background-image: -ms-linear-gradient(top, #FFCC00, #FF9900);
  background-image: -o-linear-gradient(top, #FFCC00, #FF9900);
  background-image: linear-gradient(top,#FFCC00, #FF9900);
  border: 1px solid #FFFF66;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  margin-left: 0px;
  min-width: 54px;
  padding: 0 8px;
  text-align: center;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

#submit:hover {
  background-image: -webkit-linear-gradient(top,#990000,#EB0000);
  background-image: -moz-linear-gradient(top,#990000,#EB0000);
  background-image: -ms-linear-gradient(top,#990000,#EB0000);
  background-image: -o-linear-gradient(top,#990000,#EB0000);
  background-image: linear-gradient(top,#990000,#EB0000);
  border: 1px solid #990000;
}
/* fecha-- botões submit*/


/* abre-- margem sob-rodape*/

*{
	margin:0;
	padding:0;
}
body{
	background:#928FA3;
	color:#666;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
}
	#sob-rodape{
/*		margin:0 auto;*/
		width:100%;
		height:60px;
		background:#928FA3;
        background-image: url(../imagens/parceiros.png);
	    background-repeat: no-repeat;
        background-position: center;
	}

#sob-rodape ul{
			list-style:none;
			margin:0 auto;
			width:996px;
		}
/* fecha-- margem sob-rodape*/

/* abre-- rodapé*/
*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#666;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
}
	#rodape{
/*		margin:0 auto;*/
		width:100%;
		height:100%;
		background:#D6E0EB;
		background-image: url(../imagens/fundo-rodape.jpg);
	    background-repeat: repeat-x;
        background-position: top; center;
	}

#rodape ul{
			list-style:none;
			margin:0 auto;
			width:996px;
		}
/* fecha-- rodapé*/

/* abre-- Barra lateral de Atendimanto via Chat */
#chat_sidebar{height:249px;
background:url("../img/chat_hdbr.png") no-repeat scroll left top transparent;position:fixed;right:-4px;top:240px;width:46px;z-index:999}#chat_sidebar a{display:block;height:249px;width:46px}body{width:100%;*zoom:1}body:before,body:after{content:"";display:table}body:after{clear:both}article{line-height:1.2em}article.account-info{display:inline;float:left;width:580px;margin:0 10px}article.account-info section{padding:1em 1.5em;font-size:11pt;width:40%}article.account-info .address{float:left}article.account-info .email{float:left}article.account-info .lastlogin{width:100%;padding-bottom:0}article.support-info{display:inline;float:left;width:340px;margin:0 10px}article.support-info dt{width:6em;margin:0em 1.5em 0 0.5em;padding:0em}article.support-info dd{padding:0 1em;margin:0 0}@media screen
and (max-width: 512px){article.account-info,article.support-info{float:left;width:100%;clear:both;margin:0}article.account-info section{float:left;clear:both;width:100%;padding:0.5em}article.support-info dt{width:6em;margin:0em 1.5em 0 0.5em;padding:0em}article.support-info dd{padding:0 1em;margin:0 0}}

/* fecha-- Barra lateral de Atendimanto via Chat */



/* ############### Menu lateral para area do cliente ################# */

/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/* ############## Dados do antigo Arquivo componentc.css ################*/


/* General styles for all menus */
.cbp-spmenu {
	background: #bb3532;
	position: fixed;
}

.cbp-spmenu h4 {
	color: #e8c6c5;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #800000;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	background: #800000;
}

.cbp-spmenu a:active {
	background: #e8c6c5;
	color: #800000;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 210px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #a7211f;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Classes que fazem o meu empurrar o site */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 110px;
}

.cbp-spmenu-push-toleft {
	left: -110px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



