/*************************************************************************************************
********************************|| EMAIL PROFISSIONAL ||******************************************
**************************************************************************************************/
/* Principal */
.email-profissional {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-email-profissional.jpg") top center no-repeat;
	min-height: 233px;		
}

.pag-A{display:block;}
.pag-B{display:none;}
/* /Principal */

/* banner-email-profissional (A) */
.banner-email-profissional {
	background:url("//host.imguol.com/site/uolhost/images/backgrounds/bg-banner-960x278.png") top center no-repeat;	
	height:270px;
	margin-top:21px;
	padding:0;
	padding-top:12px;
}

.banner-email-profissional .banner{
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/bg-banner.jpg") top center no-repeat;	
	height:250px;
	margin:0;
}

.banner-email-profissional .detalhes{
	position:relative;
	float:right;
	width:194px;		
	margin:12px 22px;
	padding-top:20px;
	text-align:center;
	font-size:13px;
	color:#484848;
}

.banner-email-profissional .detalhes dl{
	width: 154px;
	margin: 0 auto;
	padding:12px 0;
}

.banner-email-profissional .detalhes dl dt{
	font-size:20px;
	font-weight:bold;
	color:#484848;	
	margin-bottom:10px;
}

.banner-email-profissional .detalhes dl dd.combo-caixas-postais{
	position:relative;
	width:154px;
	height:36px;
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/bg-combo.png") no-repeat;
	text-align:left;
	cursor:pointer;
}

.banner-email-profissional .detalhes dl dd.opcoes{	
	text-align:left;
	
}

.banner-email-profissional .detalhes dl dd span{
	position: relative;
	top: 10px;
	left: 10px;
	color:#000;
	font-size:16px;
}

.banner-email-profissional .detalhes dl ul{
	position: relative;	
	top:20px;
	border: 1px solid #CCC;
	background: white;
	display:none;
}

.banner-email-profissional .detalhes dl ul li{
	padding:4px;
	font-size:14px;	
}

.banner-email-profissional .detalhes dl ul li:hover{
	background:#3399FF;
	color:#FFF;
}

.banner-email-profissional .detalhes p{padding-bottom:12px;}

.banner-email-profissional .detalhes strong{
	font-size:21px;
	color:#6dabcc;
}

.banner-email-profissional .detalhes strong.preco{
	font-size:24px;
	font-weight:bold;
	color:#3392c4;	
}

.banner-email-profissional .detalhes .equivalente strong{font-size:27px;}
.banner-email-profissional .detalhes .equivalente strong.preco{font-size:36px;}

.banner-email-profissional .detalhes .bt-contratar{
	display:block;	
	width:160px;
	height:49px;
	margin-top:5px;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/crie-blog/bt-contratar.png") no-repeat;
}

.banner-email-profissional .detalhes .bt-contratar:hover{
	background-position:0 -49px;
}
/* /banner-email-profissional (A) */


/* email-planos (B) */
.email-profissional .planos{
	background: 0 108px url("//host.imguol.com/site/uolhost/images/email-profissional/bg-planos.jpg") repeat-x;
	height:300px;
}

.email-profissional .email-planos{
	width:950px;
}

.email-profissional .email-planos .box-email{
	position:relative;
	width:190px;
	height:219px;	
	float:left;
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/bg-planos.png") no-repeat;
}

.email-profissional .box-email dl{
	margin-top:28px;
	text-align:center;
}

.email-profissional .box-email dl dt{
	height:50px;
	margin-bottom:24px;
	color:#484848;
	font-size:25px;
	font-weight:bold;
}

.email-profissional  .plano-azul-claro dl dt{color:#4aacb5;}
.email-profissional  .plano-azul dl dt{color:#0493d0;}
.email-profissional  .plano-verde dl dt{color:#74af0e;}
.email-profissional  .plano-amarelo dl dt{color:#e27600;}
.email-profissional  .plano-laranja dl dt{color:#ea4b00;}

.email-profissional .box-email dl dd{
	height:46px;
	font-size:14px;
}

.email-profissional .box-email dl dd strong{
	color:#6c6c6c;
	font-size:26px;
	font-weight:normal;
}
.email-profissional .box-email dl dd strong.preco{
	color:#484848;
	font-size:34px;
	font-weight:bold;
}

.email-profissional .box-email .bt-contratar{
	position:relative;
	margin:0 auto;	
	display:block;
	width:140px;
	height:52px;
	text-indent:-9000px;
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/bt-contratar.png") no-repeat;	
}

.email-profissional .plano-azul-claro .bt-contratar{background-position:0 0;}
.email-profissional .plano-azul-claro .bt-contratar:hover{background-position:0 -53px;}

.email-profissional .plano-azul .bt-contratar{background-position:-141px 0;}
.email-profissional .plano-azul .bt-contratar:hover{background-position:-141px -53px;}

.email-profissional .plano-verde .bt-contratar{background-position:-282px 0px;}
.email-profissional .plano-verde .bt-contratar:hover{background-position:-282px -53px;}

.email-profissional .plano-amarelo .bt-contratar{background-position:-423px 0;}
.email-profissional .plano-amarelo .bt-contratar:hover{background-position:-423px -53px}

.email-profissional .plano-laranja .bt-contratar{background-position:-564px 0;}
.email-profissional .plano-laranja .bt-contratar:hover{background-position:-564px -53px}

.email-profissional .area-box{clear:both;}
.email-profissional .area-box dl{
	font-size:14px;
	padding:18px;
}

.email-profissional .area-box dl dt{	
	color:#0e89c3;		
	float:left;	
	display:inline;	
	font-weight:bold;	
	padding-right:12px;
}

.email-profissional .area-box dl dd{
	padding-right:28px;	
	float:left;
}

.email-profissional .area-box dl dd strong{font-weight:bold;}

/* /email-planos (B) */

/* sobre-produto */
.email-profissional .bg-sobre-produto{	
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/bg-sobre.png") 660px 50px no-repeat;
}

.email-profissional .sobre-produto ul li{
	background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat;
}
/* /sobre-produto */

/* detalhes-produto */
.email-profissional .detalhes-produto .mobilidade{
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/mobilidade.png") no-repeat;
}

.email-profissional .detalhes-produto .seguranca{
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/seguranca.png") no-repeat;
}

.email-profissional .detalhes-produto .flexibilidade{
	background:url("//host.imguol.com/site/uolhost/images/email-profissional/flexibilidade.png") no-repeat;
}
/* /detalhes-produto */

/* contrato-servico */
.contrato-servico{
	padding: 0px 0 20px 30px;
}
/* /contrato-servico */