/*-------------------------------------------------- 

style sheets for index.hmtl

--------------------------------------------------*/

/* main 
--------------------------------------------------*/
.main {clear: both; overflow: hidden; margin:20px 0 22px 0;}

/* main box left
--------------------------------------------------*/
.main-box-left {float:left; margin-right:10px; width:630px; height: 362px; display: block;}

#screen {height:362px; position:relative; width:630px; } 

#navigation { text-align:center; width:220px; float:left; }
#navigation li {display: block; width:220px; } 
#navigation a { display: block;text-indent: -9999em; overflow: hidden; margin:0; } 
#navigation a:hover {cursor: pointer;} 
#navigation .servicos a {background: url('../images/tv-servicos.gif') 0 0 no-repeat;width:220px;height:180px; } 
#navigation .servicos a:hover {background: url('../images/tv-servicos.gif') 0 -180px no-repeat; } 
#navigation .software a {background: url('../images/tv-software.gif') 0 0 no-repeat;width:220px;height:182px; } 
#navigation .software a:hover {background: url('../images/tv-software.gif') 0 -182px no-repeat; } 
#navigation a:active {top:1px;position: relative; } 

#sections {background-color:white; float:left; height:362px; overflow:hidden; width:410px; } 
#sections ul {width:820px;} 
#sections li {float:left; width:366px;} 

#sections a {background: url('../images/btn-next.png') 0 0 no-repeat;display: block;width:28px;height:30px;text-indent: -9999em;float: right; } 
#sections a:hover {background: url('../images/btn-next.png') 0 -30px no-repeat; } 
#sections a:active {top:1px; position: relative;}

#sections .servicos {background: url('../images/tv-servicos-bg.gif') no-repeat;height:362px;padding:0; width: 410px;} 
#sections .servicos li.ibsbilling {float:left; width:119px; height: 268px; margin:0 1px; padding: 0 8px;} 
#sections .servicos li.ibstracker {float:left; width:119px; height: 268px; margin:0 1px; padding: 0 8px;} 
#sections .servicos li.ibsservices {float:left; width:119px; height: 268px; margin:0 0 0 1px; padding: 0 8px;} 
#sections .servicos li:hover {background: url('../images/degrade-branco.png') bottom repeat-x; }
#sections .servicos li h5 {text-indent: -9999em; overflow: hidden; width: 110px; display: block; height: 80px;} 
#sections .servicos ul {clear:both; overflow: hidden; margin:0 0 10px 0;}
#sections .servicos p {font:normal 11px/1.3em Arial, Helvetica, sans-serif; color: #404041;}
#sections .servicos h5.compatibilidade {font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fbb161; clear: both; padding:0 22px;} 
#sections .servicos img {margin:0 0 0 22px;} 
#sections .servicos .fade li:hover {background:transparent !important;} 
#sections .servicos a {background: url('../images/btn-next.png') 0 0 no-repeat; margin:12px 0 0 0;} 
#sections .servicos a:hover {background: url('../images/btn-next.png') 0 -30px no-repeat; } 


#sections .software {background: url('../images/tv-software-bg.gif') no-repeat; height: 362px; padding:0; width: 410px;} 
#sections .software h4 {background: url('../images/logo-papercut.png') no-repeat; width:380px; height: 80px; display: block; text-indent: -9999em; overflow: hidden; margin:0 0 16px 16px;} 
#sections .software li.papercut-ng {float:left; width:119px; height: 172px; margin:0 1px; padding: 0 8px;} 
#sections .software li.papercut-cb {float:left; width:119px; height: 172px; margin:0 1px; padding: 0 8px;} 
#sections .software li.papercut-mf {float:left; width:119px; height: 172px; margin:0 0 0 1px; padding: 0 8px;} 
#sections .software li:hover {background: url('../images/degrade.png') bottom repeat-x; }
#sections .software li h5 {text-indent: -9999em; overflow: hidden; width: 110px;} 
#sections .software li h5.tit-papercut-ng {background: url('../images/tit-papercut-ng.png') no-repeat; height: 46px;} 
#sections .software li h5.tit-papercut-cb {background: url('../images/tit-papercut-cb.png') no-repeat; height: 46px;} 
#sections .software li h5.tit-papercut-mf {background: url('../images/tit-papercut-mf.png') no-repeat; height: 46px;} 
#sections .software ul {clear:both; overflow: hidden; margin:0 0 10px 0;}
#sections .software p {font:normal 11px/1.3em Arial, Helvetica, sans-serif; color: #ffffff;}
#sections .software a {background: url('../images/btn-next-green.png') 0 0 no-repeat; margin:12px 0 0 0;} 
#sections .software a:hover {background: url('../images/btn-next-green.png') 0 -30px no-repeat; } 
#sections .software h5.compatibilidade {font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#98c2ac; clear: both; padding:0 22px;} 
#sections .software img {margin:0 0 0 22px;} 





/* main box right
--------------------------------------------------*/
.main-box-right {float:left; width: 310px;}
.main-box-right .first-banner {padding:0 0 5px 0;}
.main-box-right a {display: block; overflow: hidden; padding: 0; margin: 0;}


/* box-offers 
--------------------------------------------------*/
.box-offers {clear: both; margin:0 0 26px 0; overflow: hidden;}

.box-offers h3 {background: url('../images/tit-home-solucoes.gif') no-repeat; text-indent:-9999em; overflow: hidden; height:34px;}

.box-offers li {float:left; text-indent: -9999em; overflow: hidden; display: block; width:313px; height: 188px;}

.box-offers a {display: block; height: 188px;}

.box-offers .banner-uni {background: url('../images/solutions-university.jpg') no-repeat; margin-right:4px; width:313px;}
.box-offers .banner-law {background: url('../images/solutions-lawyer.jpg') no-repeat; margin-right:4px; width:316px;}
.box-offers .banner-ad {background: url('../images/solutions-ad.jpg') no-repeat; width:313px;}

/* box-bottom 
--------------------------------------------------*/
.box-bottom {clear:both; margin:0 0 26px 0; overflow: hidden;}

.box-bottom h3 {text-indent:-9999em; overflow:hidden; width: 300px; height: 34px; display: block; margin:0 0 16px 0;}

.box-bottom .tit-demo {background: url('../images/tit-home-demo.png') no-repeat;}

.box-bottom .tit-programa {background: url('../images/tit-home-programa.png') no-repeat;}

.box-bottom .tit-calendario {background: url('../images/tit-home-calendario.png') no-repeat;}

.box-bottom .box-demo,.box-programa,.box-calendario {width: 300px; float:left; padding-right: 10px}

.box-bottom .box-demo,.box-programa {margin-right:10px;}

.box-bottom h4 {font:bold 16px/1.125em Arial, Helvetica, sans-serif; color:#818285; margin: 0 0 1em 0;}

.box-bottom p {font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#818285; margin:0 0 1em 0;}

/* box demonstracao online 
--------------------------------------------------*/
.box-demo .box-icon {background: url('../images/icon-demo.png') no-repeat; display: block; width:66px; height:62px; position: absolute;}
.box-demo .box-text {padding-left:82px;}

/* box calendario
--------------------------------------------------*/
.box-calendario .box-icon {background: url('../images/icon-calendar.png') no-repeat; display: block; width:66px; height:62px; position: absolute;}

.box-calendario .box-icon p {margin:0; padding:0.4em 0 0 0; text-align: center;}

.box-calendario .box-icon strong {text-indent: -9999em; overflow: hidden; display: block; margin:0; padding:0; height: 0;}

.box-calendario .box-icon em {font:bold 12px/1em Georgia, Times, serif; color:#404041; display: block;}

.box-calendario .box-icon span {font:bold 32px/1em Tahoma, Arial, sans-serif; color:#fff; display: block;}

.box-calendario .box-text {padding-left:82px;}