/* estrutura geral */

body {
margin:0;
padding:0;
background-color:#e7e9e9;
background-position:top center;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#444e4e;
font-size:12px;
}

#geral {
width: 770px;
margin: 0 auto 0 auto;
background-color:#FFFFFF;
display:table;
}



/* cabecalhos e rodapes */
#cabecalho{
width:770px;
height:140px;
}

#logotipo{
width:150px;
height:140px;
float:left;
}

#menu{
width:600px;
float:right;
text-align:right;
margin-top:112px;
}

#barra{
width:770px;
height:160px;
background-color:#ffcc00;
}

#conteudo{
width:740px;
padding:15px;

}


.box{
width:200px;
height:200px;
background-image:url(img/box.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
padding:20px;
text-align:center;
float:left;
margin-left:2px;
margin-right:2px;
}


h1{
	font-size: 18px;
	font-weight:bolder;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	}
	

h2{
	font-size: 24px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	}
	
h3{
	font-size: 18px;
	font-weight:bolder;
	color:#B38600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	}
	

hr {
      border-top: 1px dashed #5a5a5a;
	  border-bottom: 1px #ffffff;
	  border-left: 1px #ffffff;
	  border-right: 1px #ffffff;
      color: #ffffff;
      background-color: #fffffff;
      height: 5px;
	  width:80%;
    }
	



/* formatacao de tags */
.limpardivs {
clear:both;
}

a{	
	font-weight:bolder;
	color:#D09509;
	text-decoration:none;
	text-decoration:underline;
	}
a:visited{
	font-weight:bolder;
	text-decoration:none;
	color:#D09509;}
	
a:hover{
	font-weight:bolder;
	color:#D09509;
	text-decoration:underline;
	}
	
.amarelo{	
	width:109px;
	height:46px;
	padding:5px;
	margin-left:8px;
	font-weight:bolder;
	background-color:#FFCC00;
	}

	
	
a.preco{	
	font-weight:bolder;
	font-size:18px;
	color:#000000;
	text-decoration:none;
	}
a.preco:visited{
	font-weight:bolder;
		font-size:18px;
	text-decoration:none;
	color:#000000;}
	
a.preco:hover{
	font-weight:bolder;
		font-size:18px;
	color:#000000;
	text-decoration:underline;
	}
	
	
a.branco{	
	font-weight:bolder;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	}
a.branco:visited{
	font-weight:bolder;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;}
	
a.branco:hover{
	font-weight:bolder;
	font-size:14px;
	color:#ffffff;
	text-decoration:underline;
	}
	
	
a.menu{	
	font-weight:bolder;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	width:200px;
	height:50px;
	padding:15px;
	background-color:#dabe50;
	}
	
a.menu:visited{
	font-weight:bolder;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	width:200px;
	height:50px;
	padding:15px;
	background-color:#dabe50;
	}
	
a.menu:hover{
	font-weight:bolder;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	width:200px;
	height:50px;
	padding:15px;
	background-color:#e3b603;
	}
	
	
	
.botao{
background-color:#ad8a00;
color:#ffffff;
border:1px solid #ffffff;
font-size:8pt;
font-family:"trebuchet MS", Verdana, Arial;
text-align:center;
font-weight:bold;
}

.inputtext{
background-color:#dcd2aa;
color:#000000;
border:1px solid #ffffff;
font-size:8pt;
font-family:"trebuchet MS", Verdana, Arial;
font-weight:bold;
}

.inputdivs{
background-color:#e5dfdb;
color:#000000;
border:1px solid #ffffff;
font-size:8pt;
font-family:"trebuchet MS", Verdana, Arial;
text-align:center;
font-weight:bold;
}





}
/* wrap das páginas de introdução vendedor/comprador */
#advantages_seller,
#advantages_buyer{
	margin:0 0 27px 0;
	clear:both;
	overflow:hidden;
	position:relative;
	height:310px;
}
#advantages_seller {
	height:310px;
}
#advantages_buyer{
	height:225px;
}
#advantages_seller h4,
#advantages_buyer h4 {
	margin:10px 0 10px 0;
	font-weight:normal;
	border-top:solid 1px #BBDE9E;
	padding:10px 0 0 35px;
	color:#919191;
	font-size:15px;
	background: url('https://pagseguro.uol.com.br/img/icodown.gif') 10px 10px no-repeat;
	clear:both;
}
/* Menu - vantagens vendedor/comprador */
#advantage_items{
	position:absolute;
	overflow:hidden;
	width:237px;
	top:48px;
	left:0;
}
#advantages_seller #advantage_items{
	background: url('https://pagseguro.uol.com.br/img/bckadv_seller.gif') left top no-repeat;
	height:259px;
}
#advantages_buyer #advantage_items{
	background: url('https://pagseguro.uol.com.br/img/bckadv_buyer.gif') left top no-repeat;
	height:259px;
}
#advantage_items ul{
	margin:10px 0 0 0;
}
#advantage_items li{
	display:block;
	overflow:hidden;
}
#advantage_items li a{
	padding:0 17px 0 0;
	width:220px;
	height:40px;
	display:block;
	clear:right;
	color:#005ACD;
	text-decoration:none;
	overflow:hidden;
	background: url('https://pagseguro.uol.com.br/img/advselected.gif') center bottom  no-repeat;
}
#advantage_items li a span{
	display:block;
	margin:12px 0 0 0;
}
#advantage_items li a img{
	border:0;
	float:left;
	margin:0 12px 0 10px;
}
#advantage_items li .advselected {
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-position:left top;
}

#advantage_items #adv1 span,
#advantage_items #adv5 span,
#advantage_items #adv6 span,
#advantage_items #adv7 span{
	margin:3px 0 0 0;
}
#advantage_items  #adv1.advselected  span,
#advantage_items  #adv6.advselected  span,
#advantage_items  #adv7.advselected  span{
	margin:3px 0 0 0;
}
#advantage_items  #adv5.advselected  span{
	margin:3px 0 0 0;
}
/* conteúdo ( TARGET )  para vantagens vendedor/comprador */
#advantage_content{
	clear:right;
	float:right;
	width:528px;
	overflow:hidden;
	margin:0 1px 0 0;
	color:#343432;
}
#advantages_buyer #advantage_content{
	background: url('https://pagseguro.uol.com.br/img/bgadvbuyer.jpg') center top  no-repeat;
	height:174px;
}
#advantages_seller #advantage_content{
	background: url('https://pagseguro.uol.com.br/img/bgadvseller.jpg') center bottom  no-repeat;
	height:261px;
}
#advantage_content ul{
	margin:50px 0 45px 25px;
}
#advantage_content ul li{
	padding:0 0 0 35px;
	margin:5px 0;
	background: url('https://pagseguro.uol.com.br/img/check.gif') 0 0  no-repeat;
	font-size:16px;
}
#advantage_wrap{
	display:none;
}
#advantages_seller .advantage_content{
	width:527px;
	height:261px;
	overflow:hidden;
}
#advantages_buyer .advantage_content{
	width:527px;
	height:174px;
	overflow:hidden;
}

/* INICIO - CONTEÚDO NO PALCO DE VANTAGENS COMPRADOR E VENDEDOR */

/* Vendedor - Baixo Custo */
#adv1_content {background:url('https://pagseguro.uol.com.br/img/ilust_formaspagto.jpg') center 154px  no-repeat;}
#adv1_content p{font-size:16px;width:440px;margin:54px auto 0 auto;text-align:center;line-height:1.5em;}

/* Vendedor - Baixo Custo */
#adv2_content {background: url('https://pagseguro.uol.com.br/img/baixocusto.jpg') 300px 49px  no-repeat;}
#adv2_content p{font-size:15px;width:235px;margin:0 0 0 60px;}

/* Vendedor - Fácil Implantação */
#adv3_content ol{width:460px;margin:65px 0 0 50px;display:block;}
#adv3_content ol li{font-size:14px;margin:0 0 10px 0;list-style-type:disc;}
#adv3_content a{display:block;font-size:16px;margin:32px 0 0 36px;width:185px;}

/* Vendedor - Segurança */
#adv4_content {background: url('https://pagseguro.uol.com.br/img/ilust_segurancavend.jpg') 350px bottom  no-repeat;}
#adv4_content p{font-size:16px;width:260px;margin:106px 0 0 70px;line-height:1.5em;}

/* Vendedor - Conquiste novos clientes */
#adv5_content {background: url('https://pagseguro.uol.com.br/img/ilust_conquiste.jpg') 290px 66px  no-repeat;}
#adv5_content p{font-weight:bold;font-size:17px;width:211px;margin:76px 0 0 43px;line-height:1.5em;}

/* Vendedor - Programa de bônus por indicação */
#adv6_content {background: url('https://pagseguro.uol.com.br/img/ilust_bonus.jpg') 310px 36px  no-repeat;}
#adv6_content p{font-weight:bold;font-size:17px;width:222px;margin:72px 0 0 43px;line-height:1.5em;}
#adv6_content p span{display:block;font-size:15px;font-weight:normal;margin:25px 0 0 0;}
#adv6_content a{font-size:15px;font-weight:normal;}

/* Comprador - Diversas formas de pagamento */
#adv7_content {background: url('https://pagseguro.uol.com.br/img/ilust_opcoespagto.jpg') 325px 25px  no-repeat;}
#adv7_content p{font-weight:bold;font-size:17px;width:240px;margin:43px 0 0 43px;line-height:1.5em;text-align:center;}

/* Comprador - Garantia de entrega */
#adv8_content {background: url('https://pagseguro.uol.com.br/img/ilust_garantia.jpg') 10px 15px  no-repeat;}
#adv8_content p{font-size:15px;width:180px;margin:53px 0 0 190px;}
#adv8_content span{display:block;font-weight:bold;font-size:15px;line-height:1.5em;margin:20px 0 0 190px;}

/* Comprador - É grátis */
#adv9_content h5{font-weight:bold;font-size:18px;margin:34px 0 0 73px;}
#adv9_content p{font-size:16px;margin:5px 0 0 73px;width:370px;line-height:1.5em;}
#adv9_content span{display:block;font-weight:bold;font-size:17px;margin:19px 0 0 73px;}

/* Comprador - Segurança */
#adv10_content {background: url('https://pagseguro.uol.com.br/img/ilust_segurancacomp.jpg') 370px 20px  no-repeat;}
#adv10_content p{display:block;font-weight:bold;font-size:17px;margin:25px 0 0 60px;line-height:1.6em;width:265px;}

/* FIM - CONTEÚDO NO PALCO DE VANTAGENS COMPRADOR E VENDEDOR */


/* INICIO - ADMINISTRAÇÃO  (VENDEDOR LOGADO) */
.legend{
	font-weight:normal;
	color:#000;
	font-size:12px;
}
.legend p{
	margin:0.6em 0;
}
.legend h4{
	
}
/* FIM - ADMINISTRAÇÃO (VENDEDOR LOGADO) */

/* INICIO -  SLIDESHOW PAGAMENTO POR EMAIL*/
#email_payment #slideshow{
	width:500px;
	height:335px;
	overflow:hidden;
	border:solid 1px #CCEC9C;
	margin:0 auto;
	background:#FFF url('https://pagseguro.uol.com.br/Imagens/loading.gif') no-repeat center center;
}
#email_payment #current_slide{
	display:none;
}
#email_payment #slideshow .slide{
	background-color:#FFF;
	margin:2px;
	text-align:center;
	display:none;
}
#email_payment #slideshow .slide img{
	color:#3B7F19;
	font-weight:bold;
	font-size:2em;
}
#email_payment #slideshow .slide p{
	text-align:left;
	clear:both;
	font-size:16px;
	margin:10px;
}
#email_payment #slideshow .slide p span{
	padding:0 10px 0 0;
	font-weight:bold;
	color:#3B7F19;
}
#email_payment #slidecontrol{
	overflow:hidden;
	clear:both;
	margin:10px 15px;
	height:30px;
}
#email_payment #slidecontrol a{
	text-decoration:none;
	color:#000;
	background-color:#EDFAD8;
	border:solid 1px #CCEC9C;
	padding:5px;
	display:none;
}
#email_payment #slidecontrol a:hover{
	background-color:#CCEC9C;
	border:solid 1px #333;
}
#email_payment #slidecontrol #prevslide{
	float:left;
}
#email_payment #slidecontrol #nextslide{
	float:right;
}
#email_payment #email_payment_info{
	overflow:hidden;
	clear:both;
	background:#FFF url('https://pagseguro.uol.com.br/img/ico-pagdireto.gif') no-repeat top right;
	padding:0 120px 0 0;
	margin:30px 0 0 0;
}
#email_payment #email_payment_info p{
	clear:both;
	margin:0 0 20px 0;
}
/* FIM -  SLIDESHOW PAGAMENTO POR EMAIL*/