/*************************** 
  dualComm Web
 ***************************/
body{
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size:80%;
	padding:0px;
	margin:0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
    SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR:  #CCCCCC; SCROLLBAR-TRACK-COLOR: #FFFFFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;
}

#container{
	position: relative;
	width:750px;
	height:700px;
	text-align:center;
	/*background: url("../images/back_2005e.jpg") no-repeat;*/
	margin:0px auto 0px auto;
}

#header {
	width:750px;
	height:550px;
	padding-top: 0px;
	position:relative; left:0px; top:0px;
	float:left;
	 }

#contato {
	text-align: left;
	position: relative;
	z-index: 1;
	top:200px; width:130px; height:184px;
	/*border-left:2px solid #DD2424;
	border-right:2px solid #DD2424;*/
	margin:5px;
	float:left;
}

#menu {
	text-align: left;
	position: relative;
	z-index: 1;
	top:200px; width:155px; height:184px;
	/*border-left:2px solid #DD2424;
	border-right:2px solid #DD2424;*/
	margin:3px;
	float:left;
}

#conteudo {
	text-align: left;
	position: relative;
	z-index: 1;
	top:0px;
	width:440px;
	height:384px;
	/*border-left:1px solid #DD2424;*/
	/*border-right:2px solid #DD2424;*/
	margin:2px;
	float:left;
	padding:4x;
	left: -1px;

}

#linha1 {
	width:432px;
	margin-bottom: 5px;
	height:190px;
	}

#linha2 {		
		width:432px;
		background:#ccc;
		background: url("../images/quem.gif") no-repeat;
		/*background: url(../images/existe.gif) no-repeat fixed right top;*/
		height:30px;
	}

#linha3 {		
		width:432px;
		background:#ccc;
		background: url("../images/voce.gif") no-repeat;
		/*background: url(../images/existe.gif) no-repeat fixed right top;*/
		height:30px;
	}
	
#linha4 {
	width:432px;
	margin-bottom: 5px;
	background: url("../images/simples.gif") no-repeat;
	height:90px;
	}
	
linhaindex {
	width:432px;
	margin-bottom: 5px;
	height:90px;
	}
	
#atendi {
	width:432px;
	background: url("../images/simples.gif") no-repeat;
	height:90px;
	}
	
dir{
	background:white;
	padding:10px;
	margin:10px;
	margin-right:0px;
	width:300px;
	float:right;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
	
/*
	#esquerda, #direita {
		width:150px;
		background:#ccc;
	}
	
	#conteudo {
		width:400px;
	}
	
	#div {
		font:70% Verdana;
		float:left;
		margin:5px;
		padding:5px;
	}
*/

/*************************** 
  Estilos de texto 
 ***************************/

/* Títulos */
h1{
	background:#DD2424;
	color:white;
	padding:10px;
	margin:0px;
	font-size:20px;
}
h2{
	margin:20px;
	color:#DD2424;
	letter-spacing:5px;
	border-left:35px solid #DD2424;
	padding:0px 20px;
	width:300px;
}

/*Texto*/
ul{
	margin-right:100px;
}
li{
	margin-bottom:5px;
}
code{
	color:#D22;
}
p{
	margin:10px 100px 20px 20px;
	line-height:150%;
}
pre{
	margin:20px 20px 20px 140px;
	padding:0px;
	background:#EDEDED;
}
pre i{
	color:#D22;
}

/*a:hover{
	text-decoration:none;
	color:red;
}*/

/* Rodapé */
#rodape{
	background:#DD2424;
	color:white;
	text-align:center;
	padding:10px;
	border-top:10px solid #540E0E;
}
#rodape a{
	color:yellow
}

/*************************** 
  Menu 
 ***************************/
.submenu{
	position:absolute;
	top:81px;
	width:100px;
	visibility:hidden;
}
.itemmenu a{
	display:block;
	background:#FC9;
	font-size:12px;
	text-align:center;
	padding:5px;
	color:black;
	text-decoration:none;
	border-right:1px solid #C96;
	border-bottom:1px solid #C96;
	border-top:1px solid #FFC;
	border-left:1px solid #FFC;
	position:relative;
	top:0px;
	left:0px;
}
.itemmenu a:hover{
	background:#DD2424;
	color:white;
	border:1px solid black;
}
.itemmenu{
	float:left;
	width:100px;
}

/* Tooltip */
a span{
	display:none
}
a:hover span{
	display:block;
	position:absolute;
	top:20px;
	left:120px;
	background:#FFC;
	color:black;
	border:1px dotted black;
	width:150px;
	padding:10px;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}
.menu1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3333FF;
	text-decoration: none;
}
.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.menu2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}
.menup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.menup:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6633;
	text-decoration: none;
}
.textocontato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.menu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: none;
}
.menu3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}