#header{   
    width:430px;   
    height:25px; 
    background-color:black;
	color:white;
	padding: 15px 0px 0px 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;

}
#title {   
	margin-left: 20px;
//	margin-right: 10px;
    float:left;  

}

#deptos {   
    width:43px; 
    height:20px;    
    float:left;  
	color:black;
	font-size: 14px;
	text-align: center;
	margin-left: 130px;

}

#seconds {   
	margin-left: 20px;
	margin-bottom: 10px;
    float:left;  
	

}

#header-2{   
    width:430px;   
    height:70px; 
    background-color:#F0F8FF;
	color:white;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

 #header-21{   
    width:78px; 
	float:left;  
	background-color:black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
 
}  
 #header-22{   
    width:78px; 
	float:left;  
	background-color:black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;

}

#header-23{   
    width:78px; 
	float:left;  
	background-color:black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;

	
}
 #header-24{   
    width:78px; 
	float:left;  
	background-color:black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
}
 #header-25{   
    width:78px; 
	float:left;  
	background-color:black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}




 #conteudo{   
    width:430px; 
    height:350px;
	font-family: 'Roboto', sans-serif;
	background-color:#eceff1;

    
}  

#conteudo-right{   
    width:430px; 
    height:350px;    
    float:left;  
	background-color:#eceff1;
	color:black;
	font-size:12px;
    
}
#incoming{   
    width:430px; 
    height:150px;    
    float:right;
    background-color:white;
	color:black;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
  

}
#outbound{   
    width:430px; 
    height:150px;    
    float:right;  
    background-color:white;
	color:black;
	font-size: 14px;
	text-align: center;
    font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;

}


div.title-bgr {
    background-color:#78909C;
	color:white;
	font-size: 18px;
	text-align: center;
}
div.title-bgr2 {
    background-color:#9B798F;
	color:white;
	font-size: 18px;
	text-align: center;
}

div.counter {
    background-color:red;
	color:white;
	font-size: 150%;
	text-align: center;
	
}

#totalcalls{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	
	

}
#agentsbusy{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}
#successful{   
    width:215px; 
    height:25px;    
    float:left;

	

}
#avgcalltime{   
    width:215px; 
    height:25px;    
    float:left;

}
#queue{   
    width:215px; 
    height:25px;    
    float:left;
	

}
#nextcallwait{   
    width:215px; 
    height:25px;    
    float:left;


}
#lost{   
    width:215px; 
    height:25px;    
    float:left;
}

#servicelevel{   
    width:215px; 
    height:25px;    
    float:left;
	

}


#totalcallsout{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}
#avgcalltimeout{   
    width:215px; 
    height:25px;    
    float:left;
	margin-top: 10px;	

}

#successfulout{   
    width:215px; 
    height:25px;    
    float:left;
}

#lostout{   
    width:215px; 
    height:25px;    
    float:left;
}

#servicelevelout{   
    width:215px; 
    height:25px;    
    float:left;	

}