/*
Theme Name: Guia do desenvolvedor
Theme URI: http://visie.com.br/pagseguro
Description: Guia do desenvolvedor - Pagseguro
Version: 2.0
Author: Visie
Tags: 
*/

/**********
	CSS RESET
**********/

* { margin:0; padding:0; list-style:none; }
html { color:#333;  font-size: 62.5%; font-family: arial, helvetica, verdana, tahoma, sans-serif; }

a{text-decoration:none; color:	#81A037;}
a:hover {text-decoration:none; color:#666;}
a:active {text-decoration:none; color:#666;}
a img {border:0 none;}
fieldset{border:none;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}
h1, h2, h3, h4, h5, h6 { line-height: 1em; margin-bottom:.3em;}

/* Formatação WP */
p img { padding: 0; max-width: 100%; line-height:20px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.fright{float: right;}
.fleft{float: left;}
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; clear:both;}
.wp-caption-text { font-size:11px; font-style:italic; color:#666; vertical-align:top; text-align:center;}


.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden;
}
*.clearfix {display:inline-block;}
*html .clearfix {height: 1px;}
.clearfix {display: block;}


/* Base */
html{ }
#geral{
	width:980px;
	margin: 0 auto;
}

/* Header */
#header { margin-bottom:10px; }
	#header h1{ /* Logo */
		float:left;
		display:inline;
		width:448px;
		margin:20px;
		height:65px; }
		#header h1 a{
			width:448px;
			height:65px;
			display:block;
			text-indent:-9999px;
			outline:0 none;
			background:url(images/pagseguro.jpg) no-repeat; }
	.visie { 
		float:right;
		width:130px;
		text-align:right;
		margin:10px 0 5px;  }
		.visie img { vertical-align:middle; }
	#header #acesso-rapido { /*Box de acesso rapido	 */
		background:#E8EDDD;
		border:1px solid #81A037;
		float:right;
		clear:right;
		width:370px;
		color:#333;
		padding-bottom:5px;
		margin:5px 0 10px;
		font:12px arial, verdana, georgia, tahoma, serif; }
			#header #acesso-rapido h3 { 
				margin:5px 0 0 10px;
				text-transform:uppercase;
				font-size:10px;
				color:#81A037; }
		#header #acesso-rapido form { 
			margin:0 10px;
			width:165px;
			float:left;
			display:inline; }
			#header #acesso-rapido form span { display:block }
			#header #acesso-rapido form select { width:100%; } 

/** Header > Menu **/
#menu {
	clear:both;
	font:15px/16px  arial, verdana, georgia, tahoma, serif;
	background:#81A037;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;	
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }
	#menu li {
		margin:0;
		padding: 0;
		list-style: none;
		float: left;
		display: block;
		position: relative; }
		#menu a {
			position: relative;
			color:#D6DDC3;
			display: block;
			padding:5px 16px; }
			#header #menu li a:hover {text-decoration:none; color: #fff; }
			#header #menu li a:active {text-decoration:none; color: #fff; }
			#menu .page-item-3 a, #menu .page-item-104 a, #menu .page-item-70 a { 
				padding:5px 25px 5px 12px;
				background:url(images/bg-menu-parent.png) no-repeat center right; }
				#menu .page-item-3 ul a, #menu .page-item-104 ul a, #menu .page-item-70 ul a { background:0 none; } 
#menu ul {
	margin: 0;
	padding: 0 0 5px;
	display: block;
	position: absolute;
	background:#E8EDDD;
	border:1px solid #81A037;
	border-top:0 none;
	color:#81A037;
	z-index: 999;
	top: 100%;
	width: 200px;
	display: none;
	left: 0; 
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px; }
	#menu ul #menu ul {
		top: 0;
		left: 95%; }
		#menu ul li {
			margin: 0;
			padding: 0;
			float: none;
			position: relative;
			list-style: none;
			display: block; }
			#menu ul li a 	{ 
				color:#81A037;
				display: block; }
				#header #menu ul li a:hover { background: #C4CEAA; text-decoration:none; color: #fff; }
				#header #menu ul li a:active { background: #C4CEAA; text-decoration:none; color: #fff; }


/* Homepage */
/** Homepage > Vitrine **/
#vitrine {
	float:left;
	margin-right:15px;
	background:#0183C1 url(images/bg-vitrine.jpg) no-repeat top left;
	width:695px;
	height:227px;
	font-size:12px;
	line-height:16px;
	color:#A9D3F3;}
	#vitrine div { padding:35px 10px 0 335px; }
		#vitrine div div { 
			padding:0; 
			margin:10px 0 10px -20px; 
			overflow:hidden; }
		#vitrine a { color:#A9D3F3; float:right; }
		#vitrine h1 { 
			width:345px;
			height:56px; 
			text-indent:-9999px;
			outline:0 none;
			background:url(images/bg-vitrine-header.jpg) no-repeat; } 
		#vitrine form { 
			color:#fff;
			margin-left:20px;
			width:163px;
			float:left;
			display:inline; }
			#vitrine form span { display:block }
			#vitrine form select { width:100%; } 

/** Homepage > Chamada para blog **/
#blog-box { 
	float:left;
	background:#E8EDDD;
	width:270px;
	padding:15px 0;
	margin-top:17px;
	min-height:180px;
	height:auto !important;
	height:180px; }
	#blog-box h2, #blog-box h3, #blog-box h4, #blog-box p { 
		margin-left:10px; 
		margin-right:10px; }
	#blog-box p {  font-size:1.2em; margin-bottom:.4em;}
	#blog-box h2 { 
		color:#CACACA;
		font-size:14px;
		font-weight:normal;
		margin-bottom:1em;
		overflow:hidden;
		text-transform:uppercase;
		border-bottom:1px solid #CACACA;
		padding-bottom:.1em;
		word-spacing:.2em; }
		#blog-box h2 a { float:left; color:#333; }
		#blog-box h2 a.rss { float:right;} 
	#blog-box h3 {  font-size:1.6em; margin-bottom:.4em;}
	#blog-box h4 {  font-size:1.4em; margin-bottom:.4em;}

/** Homepage > Informacoes basicas **/
#guide-box {
	clear:left;
	color:#333; 
	margin-top:15px;
	border:1px solid #81A037;
	float:left;
	background:#E8EDDD;
	width:460px;
	padding:15px 0;}
	#guide-box h2, #guide-box ul, #guide-box p { 
		margin-left:10px; 
		margin-right:10px; }
	#guide-box h2 { 
		font-size:2em;
		color:#000; 
		font-weight:normal; }
		#guide-box h2 a { color:#000; }
	#guide-box p { font-size:1.4em;}
	#guide-box ul { 
		list-style:none; 
		margin:15px 10px 10px 0;
		overflow:hidden; }
		#guide-box li { 
			float:left; 
			display:inline;
			width:210px;
			margin:0 0 15px 10px; }
			#guide-box li p { 
				font-size:1.2em; 
				margin:0; } 
/** Homepage > Chamadas **/
.box-highlights { 
	float:left; 
	display:inline;
	width:240px;
	margin:15px 0 0 15px ; }
	.box-highlights h3 { 
		font-size:2em;
		color:#000; 
		font-weight:normal; }
		.box-highlights h3 a { color:#000; }
	.box-highlights p { font-size:1.4em; }
	.box-highlights ul { 
		margin:10px 0 0 5px; 
		font-size:1.6em;}
		.box-highlights li span { color:#333; }

/* Interna > Sidebar */
.sidebar {	
	background:#E8EDDD;
	float:left;
	display:inline;
	width:230px;
	padding: 10px 0 20px; 
	margin:10px 0 30px 10px;
	font-size:12px; 
	min-height:300px;
	height:auto !important;
	height:300px; }
	.sidebar h2 { 
		font-size:20px;
		margin:0 10px; 
		color:#000; 
		font-weight:normal; }
		.sidebar h2 a { color:#000; }
	.sidebar h3 { 
		color:#666666;
		font-size:16px;
		margin:15px 10px 5px; }
	.sidebar a:hover { text-decoration:underline; }
	.sidebar p {
		margin:7px 10px;
		line-height:1.2em;}
		.sidebar p.description { font-size:14px; }
	.sidebar ul { margin:7px 10px; }
		.sidebar ul span { color: #333; }
	.sidebar .widget { 
		padding-bottom:10px; 
		margin-bottom:10px; 
		border-bottom: 3px solid #fff;}
		.sidebar .widget h2 { 
			font-size:16px; 
			font-weight:bold;}

/* Interna > Conteúdo */
.content {
	float:right;
	width:700px;
	font:13px/1.5em Arial, Verdana, sans-serif;
	color:#333;
	padding:10px 0 30px;
	margin-right:15px;
	display:inline;}
	.content #breadcrumb { 	margin-bottom:10px; }
		.content #breadcrumb a { text-decoration:underline; }
	.content img { border:2px solid #EFEFEF;}
	.content p { margin-bottom:10px; }
		.content .description {
			font-style:italic;
			font-size:1.2em;
			font-style:italic;}
	.content a{ 
		text-decoration:none;
		color:#81A037;}
	
	.content ul, .content ol {margin-bottom:10px;}
		.content ul li { 
			list-style:disc; 
			list-style-position:inside;
			margin-bottom:5px;}
		.content ol li { 
			list-style:decimal; 
			list-style-position:inside;
			margin-bottom:5px;}

	.content dl { margin-left:10px;}
		.content dt { 
			margin-top:10px;
			font-weight:bold;}
		.content dd { font-style:italic; }

	.content table {
		border-collapse:collapse;
		margin:5px 0 15px;}
		.content table.lista {margin:5px 0px 30px 20px;}
		td, th{
			padding:5px;
			border:1px solid #999;}
		th { 
			background:#E8EDDD; 
			color:#333;}

	.content h1.title {
		color: #000; 
		font-size:24px;
		margin:0 0 5px;
		font-weight:normal;
		padding-bottom:5px;
		clear:both; }
		.content h1.title a { color: #333;  }
	.content h1.blog-title {
		color: #333; 
		font-size:24px;
		margin:0 0 5px;
		font-weight:normal;
		padding-bottom:5px;
		border-bottom:2px solid #cecece;
		clear:both; }
		.content h1.blog-title a { color: #333;  }

	.content small.metadata {
		background:#EFEFEF;
		color:#888;
		display:block;
		font-size:0.9em;
		margin-bottom:10px;
		padding:3px 5px; }
		
	.content #children-list { 
		background:#E8EDDD;
		margin:15px 0;
		padding:15px 10px;}
		.content #children-list h3 { margin-top:0;} 
		.content #children-list ul { margin-bottom:0;} 
			.content #children-list li { list-style:none; }
	.content h1, .content h2, .content h3, 
	.content h4, .content h5, .content h6 {
		color: #333; 
		line-height:1em;
		margin:.7em 0 .3em;
		font-weight:bold;
		letter-spacing:-.05em; } 
	.content h1 {font-size: 3em;}
	.content h2 {font-size: 20px;}
	.content h3 {font-size: 16px;}
	.content h4 {font-size: 14px;}
	.content h5 {font-size: 13px;}
	.content h6 {font-size: 12px;}
	
	.content h2 span {font-size: .8em; color:#666; font-weight:normal; letter-spacing:-.1em}
	.content pre { 
		background: #F2F2F2;
		border: 1px solid #cecece;
		font-family: 'Lucida Console', courier, mono-space;
		font-size: 12px;
		line-height: 1.2em;
		margin: 0.5em 0px 1.5em;
		overflow-x: auto;
		display:block;
		padding: 10px;
		width: 680px;}

.content #download {
	margin:20px 0 20px 0;
	padding:20px 50px 10px 140px; 
	width:432px;
	height:106px;
	background:url(images/download.jpg) no-repeat;
} 

.content #download h3 {
	color:#81A037;
	font-size:18px;
	margin:10px 0 10px 0;
}	

.content #download p {
	width:480px;
	font-size:14px;
	color:#333;
}	

.content #download a {text-decoration:underline;}
.content #download a:hover {text-decoration:none;}

/* Footer */
#footer {
	clear:both;
	margin:20px 0 0;
	background:#81A037;
	color:#D6DDC3;
	font:15px/16px  arial, verdana, georgia, tahoma, serif; ;
	overflow:hidden;
	padding:10px;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }
	#footer div { 	
		float:left;
		width:550px;
		margin-left: 10px;}
		#footer div h3 { 
			font-size:18px;
			color:#fff; } 	
	#footer ul { 
		float:right;
		width:250px;
		margin-left: 10px; }
		#footer li { margin-left: 10px; }
	#footer a { color:#FFF; }
		#footer a span { color:#D6DDC3; }