/*   
Theme Name: Apuama
Theme URI: http://cin.ufpe.br/apuama
Description: a-brief-description
Author: Guilherme Cavalcanti
Author URI: http://guilhermecavalcanti.com
Version: 0.1
.
General comments/License Statement if any.
.
*/

/**
	CSS RESET
**/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

body * {
	font: normal 13px "Trebuchet MS", "Arial", sans-serif;
	letter-spacing: .04em;
	line-height: 140%;
	color: #fff;	
}

h1, h2, h3, h4, h5, h6 {
	color: #FFE26F;
	font-weight: bold;

}

h1 { font-size: 25px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px;}


.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6 {
	font-family: "arial", sans-serif;
	margin: 20px 0 5px 0;
}

.entry  a { font-weight: bold; }
#content h2.post-title a {
	font: bold 28px "arial", sans-serif;
}

.entry p { margin: 15px 0; }

a { color: #FFCC00; }

a:hover {}

small { }

em { font-style: italic; }

strong { font-weight: bold; }

address { }

.entry ul {
	list-style-type: disc;
	margin: 15px 0 15px 40px;
}

.entry ol {
	list-style-type: decimal;
	margin: 15px 0 15px 40px;
}

/**
	Structure and style
**/

body {
	background: url("images/background.png") no-repeat center top #074462;
	text-align: center;
	border-top: 6px solid #FFFF00;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 8px;

}

#header {
	margin-bottom: 25px;
}

h1#logotipo {
	background: url("images/logotipo.png") no-repeat;
	width: 222px;
	height: 86px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

h1#logotipo a {
	display: block;
	width: 222px;
	height: 86px;
}

#menu {
	margin-top: 32px;
	margin-bottom: 40px;
	float: right;
	width: 630px;
	height: 40px;

}

#menu ul.nav {
	background: url("images/menu.png") no-repeat 0 0;
}

#menu ul.nav li {
	padding: 10px 32px;
	float: left;
}

#menu ul.nav li a {
	font: bold 13px "trebuchet ms", "arial", sans-serif;
	color: #000;
}


#menu ul.nav li.current_page_item a{
	color: #54A9CA; 
}

#menu ul.nav li a:hover {
	color: #FFCC00;
}

#banner {
	width: 944px;
	height: 164px;
	clear: both;
	position: relative;
}

#banner div.slogan {
	width: 430px;
	background-image: url("images/transparente.png");
	position: absolute;
	display: block;
	top: 35px;
	right: 0;
	/*margin-top: 35px;*/
	padding: 8px;
}

#banner div.slogan h3 {
	color: #FFCC00;
	margin-bottom: 6px;
}

#banner div.slogan span.normal {
	font-size: 14px;
}

div.breadcrumb span.arrow {
	text-indent: -9000px;
	overflow: hidden;
	background: url("images/arrow.png") no-repeat;
	
}
div.breadcrumb {
	font-style: italic;
	margin-bottom: 20px;
	
}
div.breadcrumb a{
	font-size: 10px;
	text-transform: uppercase;
}

div.banner-dono-preocupado {
	background: url("images/banner-dono-preocupado.jpg") no-repeat 0 0;
}

div.banner-moto-azil {

	background: url("images/banner-moto-azil.jpg") no-repeat 0 0;
}

div.banner-motor-amarelo {

	background: url("images/banner-motor-amarelo.jpg") no-repeat 0 0;
}

div.banner-usuario-experiente {

	background: url("images/banner-usuario-experiente.jpg") no-repeat 0 0;
}

div.banner-vidro-quebrado {

	background: url("images/banner-vidro-quebrado.jpg") no-repeat 0 0;
}

.entry {

}

#main {
	float: left;
	width: 610px;
}

#main h3 {
	font-size: 18px;
}

#main ul.call li {
	padding: 5px 0 5px 75px;
	margin: 20px 0 20px 0;
}

#main ul.call li.info {
	background: url("images/marca.png") no-repeat 0 30px;
}

#main ul.call li.plan {
	background: url("images/icones.png") no-repeat 0 -284px;
}

#main ul.call li.sheet {
	background: url("images/icones.png") no-repeat 0 -389px;
}


.alignright {
	float: right;
	margin: 5px;
}

.alignleft {
	float: left;
	margin: 5px;
}

#sidebar {
	float: right;
	width: 340px;
	
}

#sidebar h3 {
	text-transform: uppercase;
	font-size: 16px;
}	

#sidebar strong {
	display: block;
}

#sidebar strong a {
	color: #FFCC00;
	font-weight: bold;
}

#sidebar a.download {
	font-size: 10px;
	text-transform: uppercase;
}

#sidebar ul.deliverables {
	
}

#sidebar ul {
	margin-bottom: 30px;
}

#sidebar ul.deliverables li {
	padding: 10px 0 10px 40px;
}	

#sidebar ul.deliverables li.ppt {
	background: url("images/icones.png") no-repeat -18px 20px;
}


#sidebar ul.deliverables li.video {
	background: url("images/icones.png") no-repeat -18px -112px;
}


#sidebar ul.deliverables li.doc {
	background: url("images/icones.png") no-repeat -18px -48px;
}

.page #sidebar {
	float: right;
	width: 220px;
	height: 500px;
}
/** Clear fix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}