@charset "UTF-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFF;
	text-align:justify;
	margin: 0;
	background-color: #FFF;
	background-image:url(../img/background.jpg);
	background-repeat: repeat-x;
}

h1{color:#fff; font-style:italic; text-align:center;}
h2{color:#fff; text-align:center;}
h3{color:#6e4c8f; font-size:10px; text-align:center;}
ul{
	color:#FFF;
	font-style:italic;
	font-size:12px;
	line-height:20px;
}

a:link {color: #C30;}
a:visited {color: #C30;}
a:hover {color: #C00;}
a:active {color: #C30;}


#logo{
	position:relative;
	background-image:url(../img/logo.jpg);
	width:725px;
	height:90px;
	margin: 0 auto;
	text-indent:-9999px;
}

.container{
	position:relative;
	width:725px;
	height:400px;
	text-align:center;
	margin: 0 auto;
}
.container2{
	position:relative;
	width:725px;
	height:220px;
	top:4px;
	margin: 0 auto;
}
.container3{
	position:relative;
	width:500px;
	height:260px;
	top:4px;
	margin: 0 auto;
}

.container_construcao{
	position:relative;
	width:500px;
	height:300px;
	top:4px;
	margin: 0 auto;
}


.container_vivavoz{
	position:relative;
	width:500px;
	height:900px;
	top:4px;
	margin: 0 auto;
}
.container_callcenter{
	position:relative;
	width:500px;
	height:520px;
	top:4px;
	margin: 0 auto;
}

.texto{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	color:#333;
}

.contato{
	position:relative;
	float:left;
	left:40px;
	top:40px;
	width:400px;
	height:250px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:18px;
	color:#333;
}
.contato2{
	position:relative;
	float:right;
	top:40px;
	right:40px;
	width:200px;
	height:250px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align:right;
	line-height:18px;
	color:#333;
}

.title{
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-variant:small-caps;
	line-height:15px;
	color:#FFF;
	text-align:center;
}


#menuContainer{
	position:relative;
	background-image:url(../img/menu.jpg);
	width: 844px;  
	height: 29px;  
	margin: 0 auto;
	display:block;
}


ul#menu{width: 721px; height: 29px; margin: 0; margin-left: 30px; list-style: none;}
ul#menu li{display: inline;}
ul#menu li a{height: 29px; float: left; text-indent: -9999px;}
	
/*//////////UP/////////*/
ul#menu li.menuHome a{width: 61px; background: url(../img/menu_itens.jpg) no-repeat 0px 0px;}
ul#menu li.menuConversa a{width: 77px; background: url(../img/menu_itens.jpg) no-repeat -61px 0px;}
ul#menu li.menuVivavoz a{width: 71px; background: url(../img/menu_itens.jpg) no-repeat -138px 0px;}
ul#menu li.menuCallcenter a{width: 84px; background: url(../img/menu_itens.jpg) no-repeat -209px 0px;}
ul#menu li.menuEquipe a{width: 63px; background: url(../img/menu_itens.jpg) no-repeat -293px 0px;}
ul#menu li.menuTreinamento a{width: 97px; background: url(../img/menu_itens.jpg) no-repeat -356px 0px;}
ul#menu li.menuFamilia a{width: 197px; background: url(../img/menu_itens.jpg) no-repeat -453px 0px;}
ul#menu li.menuContato a{width: 71px; background: url(../img/menu_itens.jpg) no-repeat -650px 0px;}

/*//////////HOVER/////////*/
ul#menu li.menuHome a:hover{background-position: 0px -29px;}
ul#menu li.menuConversa a:hover{background-position: -61px -29px;}
ul#menu li.menuVivavoz a:hover{background-position: -138px -29px;}
ul#menu li.menuCallcenter a:hover{background-position: -209px -29px;}
ul#menu li.menuEquipe a:hover{background-position: -293px -29px;}
ul#menu li.menuTreinamento a:hover{background-position: -356px -29px;}
ul#menu li.menuFamilia a:hover{background-position: -453px -29px;}
ul#menu li.menuContato a:hover{background-position: -650px -29px;}

/*//////////ACTIVE/////////*/
ul#menu li.menuHome a:active{background-position: 0px -58px;}
ul#menu li.menuConversa a:active{background-position: -61px -58px;}
ul#menu li.menuVivavoz a:active{background-position: -138px -58px;}
ul#menu li.menuCallcenter a:active{background-position: -209px -58px;}
ul#menu li.menuEquipe a:active{background-position: -293px -58px;}
ul#menu li.menuTreinamento a:active{background-position: -356px -58px;}
ul#menu li.menuFamilia a:active{background-position: -453px -58px;}
ul#menu li.menuContato a:active{background-position: -650px -58px;}


/*///////////////////*/
#home ul#menu li.menuHome a{background-position: 0px -29px;}
#conversa ul#menu li.menuConversa a{background-position: -61px -29px;}
#vivavoz ul#menu li.menuVivavoz a{background-position: -138px -29px;}
#callcenter ul#menu li.menuCallcenter a{background-position: -209px -29px;}
#equipe ul#menu li.menuEquipe a{background-position: -293px -29px;}
#treinamento ul#menu li.menuTreinamento a{background-position: -356px -29px;}
#familia ul#menu li.menuFamilia a{background-position: -453px -29px;}
#contato ul#menu li.menuContato a{background-position: -650px -29px;}



#footerContainer{
	position:relative;
	background-color:#311948;
	text-align:center;
	margin:0 auto;
	width:100%;
	height:100px;
}
