/* Geral - Componentes Basicos  */
body {font-size:62.5%; /* line-height:1.25; */ font-family: arial, verdana, freesans, garuda, helvetica, sans-serif; color: #666; background-color: #FFF;}
.rankingList { float:left; display:block !important; position: relative; width: 80px; height: 14px; background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat ; }
.rankingList  li { height: 100% !important;  position:absolute; left:0; top:0; overflow:hidden; background:none !important; padding:0 !important; margin:0px !important; }
.rankingList .level1 { width: 17px;  z-index:6;  border:0;}
.rankingList .level2 {  width: 32px; z-index:5;  border:0;}
.rankingList .level3 {  width: 48px; z-index:4;  border:0;}
.rankingList .level4 {  width: 64px; z-index:3;  border:0;}
.rankingList .level5 {  width: 81px; z-index:2;  border:0;}
.rankingList li span { position:absolute; right:-130px; width:auto; display:none; text-align:left; float:none; color:#666; }
.rankingList .level1  span {right:-120px; }
.rankingList .level2  span {right:-121px; }
.rankingList .level3  span {right:-83px; }
.rankingList .level4  span {right:-70px; }
.rankingList .level5  span {right:-70px; }
.rankingList li a { display: block; width:100%; height:100%; position: relative;}
.rankingList li a:hover { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat 0 -28px; }
.rankingList  li a:hover span { display:block; text-decoration:none; }
.rankingList .selected { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat 0 -14px !important;}
.rankingList .userSelected { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat 0 -28px !important;}
.rankingList .halfSelected1 { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat -64px -42px !important;}
.rankingList .halfSelected2 { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat -48px -42px !important;}
.rankingList .halfSelected3 { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat -32px -42px !important;}
.rankingList .halfSelected4 { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat -16px -42px !important;}
.rankingList .halfSelected5 { background: url(http://img.blockbusteronline.com.br/img/bgRatingNew.gif) no-repeat 0px -42px !important;}


/* Hotsite download_digital Marketing */

/* tags */
body, fieldset, img, form
{
	margin: 0;
	padding: 0;
	border: 0;
	color: #093b78;
}

body
{
	background-color: #011a38;	
}

/* id's */
#body
{
	width: 974px;
	margin: auto;
	display: block;
	background-color: #fff;
	background-image: url(../img/body-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 37px;
}

#conheca
{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
}

#conheca span
{
	font-size: 29px;	
}

#telas
{
	margin-top: 30px;
	height: 68px;
	background-image: url(../img/telas.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	padding-top: 257px; 
}

#texto-grande
{
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;	
}

#texto-extenso
{
	text-align: center;
	height: 80px;
	color: #1f2f48;
	margin-top: 17px;
}

#vantagens ul
{
	margin-left: 60px;
	padding: 0;
}

#vantagens li
{
	list-style: none;
	background-image: url(../img/check-circle.png);
	background-repeat: no-repeat;
	margin-top: 24px;
	height: 23px;
	line-height: 23px;
	padding-left: 34px;
}

#veja-como-e-facil
{
	margin-left: 5px;
	margin-bottom: 44px;
}

.helvetica span
{
	font-weight: bold;	
}

#passo-a-passo
{
	width: 886px;
	height: 636px;
	margin-top: 51px;
	margin-left: 38px;
	background-image: url(../img/passo-a-passo-bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#passo-a-passo ul
{
	margin: 0;
	margin-left: 24px;
	padding: 0;
}

#passo-a-passo li
{
	list-style: none;
	background-repeat: no-repeat;
	margin-top: 21px;
	height: 23px;
	line-height: 23px;
	padding-left: 34px;
	font-size: 14px;
}

#passo-a-passo li._1
{
	background-image: url(../img/passo-1.png);
}
#passo-a-passo li._2
{
	background-image: url(../img/passo-2.png);
}
#passo-a-passo li._3
{
	background-image: url(../img/passo-3.png);
}
#passo-a-passo li._4
{
	background-image: url(../img/passo-4.png);
}
#passo-a-passo li._5
{
	background-image: url(../img/passo-5.png);
}
#passo-a-passo li._6
{
	background-image: url(../img/passo-6.png);
}

#requisitos
{
	margin-left: 24px;
	margin-top: 60px;	
}

#requisitos-title
{
	font-size: 16px;
	font-weight: bold;	
}

#requisitos-detalhes
{
	font-size: 12px;
	padding-left: 120px;
	background-image: url(../img/requisitos-tela.png);
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 25px;
}

