﻿/*************************************************************************************************
***************************************|| EMAIL MARKETING ||**************************************
**************************************************************************************************/

/* Principal */
.email-mkt {
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-emkt.jpg") no-repeat top center;
	min-height: 233px;		
}

/* /Principal */

/* banner */
.email-mkt .banner-email-mkt{	
	background: url("//host.imguol.com/site/uolhost/images/emkt/bg-emkt-banner.jpg") no-repeat 0 0;	
	width:960px;
	height:250px;
	margin-top:5px;
}

.email-mkt .detalhes{
	position:relative;
	float:right;
	width: 195px;
	margin: 20px 25px 0 0;
	text-align:center;
	font-size:13px;
	color:#484848;
}

.email-mkt .detalhes dl{
	width: 154px;
	margin: 0 auto;
	padding:12px 0;
}

.email-mkt .detalhes dl dt{
	font-size:20px;
	font-weight:bold;
	color:#484848;	
	margin-bottom:10px;
}

.email-mkt .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;
}

.email-mkt .detalhes dl dd.opcoes{	
	text-align:left;
	
}

.email-mkt .detalhes dl dd span{
	position: relative;
	top: 10px;
	left: 10px;
	color:#000;
	font-size:16px;
}

.email-mkt .detalhes dl ul{
	position: relative;	
	top:20px;
	border: 1px solid #CCC;
	background: white;
	display:none;
}

.email-mkt .detalhes dl ul li{
	padding:4px;
	font-size:14px;	
}

.email-mkt .detalhes dl ul li:hover{
	background:#3399FF;
	color:#FFF;
}

.email-mkt .detalhes p{padding-bottom:12px;}

.email-mkt .detalhes strong{
	font-size:21px;
	color:#6dabcc;
}

.email-mkt .detalhes strong.preco{
	font-size:24px;
	font-weight:bold;
	color:#3392c4;	
}

.email-mkt .detalhes .equivalente strong{font-size:27px;}
.email-mkt .detalhes .equivalente strong.preco{font-size:36px;}

.email-mkt .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;
}

.email-mkt .detalhes .bt-contratar:hover{
	background-position:0 -49px;
}

/* /banner */


/* emkt-lista e desc */
.email-mkt-lista, .email-mkt-desc{
	position:relative;
	width:940px;	
}

.email-mkt-lista h3{
  margin-bottom:15px;
}

.email-mkt-desc h3{
	margin-bottom:30px;
}

.email-mkt-lista li {
  font-size:16px;
  color:#6b6c6c;
  line-height:35px;
  padding:0 0 0 12px;
  background:url("//host.imguol.com/site/uolhost/images/seta-lista.png") no-repeat 0 50%;  
}

.email-mkt-lista li b{
  font-weight:bold;  
}

.email-mkt-desc dl {
	font-size:14px !important;
	color:#4f4f4f;
	height:205px;
	border-bottom:solid 1px #CECECE;		
	margin-bottom:20px;
}

.email-mkt-desc dl dt {
	font-size:18px;
	font-weight:bold;
	color:#0e89c3;
	line-height:30px;
	margin-bottom:15px;
}

.email-mkt-desc dl dd {
	line-height:20px;	
	padding-left:2px;
}

.email-mkt-desc dl dd strong, .email-mkt-desc .alerta strong {
	font-weight:bold;
}
.email-mkt-desc dl.desc1 {padding:30px 0 0 350px; background:url("//host.imguol.com/site/uolhost/images/emkt/desc1.jpg") no-repeat 20px 0;}
.email-mkt-desc dl.desc2 {padding:30px 336px 0 22px; background:url("//host.imguol.com/site/uolhost/images/emkt/desc2.jpg") no-repeat 95% 0;}
.email-mkt-desc dl.desc3 {padding:30px 0 0 350px; background:url("//host.imguol.com/site/uolhost/images/emkt/desc3.jpg") no-repeat 20px 0;}
.email-mkt-desc dl.desc4 {padding:30px 336px 0 22px; background:url("//host.imguol.com/site/uolhost/images/emkt/desc4-new.jpg") no-repeat 95% 0;}

.email-mkt-desc .alerta {
	padding:5px 100px 5px 100px; 
	background:url("//host.imguol.com/site/uolhost/images/icone-alerta.png") no-repeat 40px 50%;	
	line-height:17px;
	margin-bottom:60px;
	font-size:14px;
}


/* contrato-servico */
.contrato-servico{
	width: 950px;
	padding: 25px 0;
}
/* /contrato-servico */
