@charset "utf-8";
/* CSS Document */
/*
Axtelecom - www.axtelecom.com.br
*********************************
Folha de Estilo Site Axtelecom 2010.
Desenvolvido por: Wesley S. Araújo
Data: 29/03/2010
Versão; 1.0
*/
body {
background: url(../images/background.jpg);
padding: 	0px;
margin:		0px;
font:		11px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
text-align:	center;
}
#pai{
	width: 960px;
	height: 480px;
	padding-top: 10px; padding-bottom: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -240px;
	/*
	margin: auto;
	margin-top: 3%;;
	*/
	background-image: url(../images/bgConteudoIII.jpg);
	background-position:center top;
	background-repeat: repeat-x;
	background-color: #FFF;
	border: 1px dotted #999;
	}
/***************************************
**Formatação do TOPO
****************************************/
#topo{
	width: 98%;
	height: auto;
	padding-left: 10px; padding-right: 10px;
	margin-bottom: 10px;
	}
#logo{
	width: 210px;
	height: 64px;
	float: left;
	margin-top: 15px;
	}
#info{
	width: 380px;
	height: 95px;
	float: right;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666;
	}
/******************************************
**Formatação do Menu
******************************************/
#menu{
	width: 100%;
	height: 32px;
	background-image: url(../images/bgMenu.jpg);
	background-repeat: repeat-x;
	background-position: center;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:right;
	margin-top: 10px;
	}
#menu ul{
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
	}	
#menu ul li{
	list-style: none;
	display: inline;
	padding: 8px;
	padding-top: 1px;
    border-left: #E9E9E9 1px solid;
	}
#menu ul li a{
	color: #666666;
	}
#menu ul li a:hover{
	color: #c5c5c5;
	background-image: url(../images/markMenu.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-bottom: 30px;
	}
/**************Formatação Corpo*******************/
#corpo{
	width: 98%;
	height: 330px;
	padding: 10px 10px;
	}
/****************************************
**Formatação da barra Lateral
****************************************/
#barLateral{
	width: 212px;
	height: 320px;
	float: left;
	margin-top: 10px;
	}
#atendimento{
	width: 208px;
	height: 105px;
	background-image: url(../images/bgAtendimento.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 2px; padding-right: 2px;
	}
#horarios{
	margin-top: 5px;
	}
#webmail{
	width: 208px;
	height: 115px;
	background-image: url(../images/bgEmail.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 2px; padding-right: 2px;
	text-align: left;
	color: #333;
	}
/**************************************************
**Formatação da DIV Conteudo
**************************************************/
#conteudo{
	width:680px;
	height: 300px;
	float: right;
	margin-top: 10px;
	text-align: center;
	}
#menuAnimado{
	width: 640px;
	height: 250px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	}
#menuAnimado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;	
	vertical-align: middle;
	}
#menuAnimado ul li{
	display: inline;

	}	
#menuAnimado ul li a{
	text-align: center;
	padding: 10px;
	}
#menuAnimado ul li a:hover img{
	width: 200px;
	height: 172px;
	vertical-align: middle;
	}		
/**************************************************
**Formatação de formulários
**************************************************/
input {
font:		bold 11px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
color:		#333333;
}
.acessar {
background: url(../fatias/btAcessar.png);
background-repeat: no-repeat;
cursor:		pointer;
width: 197px;
height: 33px;
color: #fff;
}

/************Formatação de Textos****************/
.red{
	color: #900;
	}
a.LinkCinza{
	color: #666;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	}
a.LinkCinza :hover{
	color: #999;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	}	
/************Basico / Seletores *****************/
.clear {
padding: 	0px;
margin:		0px;
clear:		both;
height:		1px;
}
a{
	color: #900;
	text-decoration: none;
	}
a:hover{
	color: #999;
	text-decoration: underline;
	}	
h1{
padding:	5px 0px;
margin:		0px;
color:		#990000;
font-size:	21px;
font-weight: normal;
letter-spacing: -1px;
}
h2{
padding:	0;
margin:		10px 0;
color:		#990000;
font-size:	17px;
font-weight: normal;
/*
border-bottom: 1px solid #CCCCCC;
*/
}

h3{
padding:	0;
margin:		10px 0;
color:		#999999;
font-size:	13px;
font-weight: bold;
}
img{
	border: none;
	}
/******************************************************************
// FORMATAÇÕES PARA AJAX
*******************************************************************/
/* JS */
.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: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}
/* páginas: JS Axtelecom */
#content_jsaxtelecom, #content_jscontato {
padding: 0px;
margin:	0px;
font:11px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
color: #333333;
background:	#FFFFFF;
text-align: left;
}
#content_jsaxtelecom h1, #content_jscontato h1{
padding:	5px 0px;
margin:		0px;
color:		#990000;
font-size:	17px;
}
#content_jscontato a {
color: #000000;
}
#content_jscontato a:hover {
color: #990000;
}
#content_jscontato fieldset#formSuporte {
width:		auto;
height:		auto;
padding:	5px;
margin:		0px;
background:	#FFFFFF url(../fatias/bgFormSuporte.jpg) left bottom no-repeat;
border:		1px #CCCCCC solid;
}
#content_jscontato fieldset#formSuporte legend {
padding:	0px 5px;
margin:		0px;
color:		#990000;
font-size:	17px;
font-weight: normal;
letter-spacing: -1px;
}
#content_jscontato fieldset#formSuporte label {
width:		90px;
height:		auto;
padding:	0px;
margin:		3px 3px 0px 0px;
color:		#333333;
text-align: right;
float:		left;
}
#content_jscontato fieldset#formSuporte input,
#content_jscontato fieldset#formSuporte select {
padding:	2px;
margin:		0px;
font:		bold 12px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color:		#333333;
margin:		0 0 5px 0;
}
#content_jscontato fieldset#formSuporte textarea {
padding:	2px;
margin:		0px;
font:		bold 12px Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color:		#333333;
margin:		0 0 5px 0;
}
#content_jscontato fieldset#formSuporte .submit {
padding:	2px;
margin:		0px;
background:	#990000 url(../fatias/bg_btOk.jpg) left center repeat-x;
font-weight:bold;
color:		#FFF;
font-size:	13px;
border:		1px #990000 solid;
cursor:		pointer;
}
#content_jscontato fieldset#formSuporte br {
clear:		both;
}