/*******************************************************************************
Theme Name: Teles Pires
Theme URI: http://uhetelespires.com.br/
Description: Layout desenvolvido para Usina Hidrl�trica Teles Pires
Author: Santaf� Digital
Author URI: http://santafeideias.com.br/
*******************************************************************************/

/* ABA ESPECIAIS ******************************/
@import url("tab.css");

/* ESTRUTURA GRID *******************************/
@import url("grid.css");

/* SLIDER *******************************/
@import url("nivo.css");

/* FONTE CUSTOMIZADA *******************************/
@import url("fontface.css");

/****************************** BASE TAGS STYLE */
body { background: #f7f7f7; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 15px; color: #999;  }

p{ color: #666; line-height: 20px; margin: 20px 0 0 0; }
a{ color: inherit; text-decoration: none; }
img{ border: none; margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ font-family: HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; margin: 0; }

/****************************** HEADER */
header{ background: transparent url(img/bg-header.png) no-repeat top center; height: 325px; }
header h1{ background: transparent url(img/logo.png) no-repeat top center; text-indent: -9999px; height: 102px; width: 215px; margin: 15px auto 0 auto; }
.energia{ background: transparent url(img/energia-eficiente.png) no-repeat top center; height: 160px; text-indent: -9999px; }

/******************************************* MENU */
header nav{ margin: 25px 0 0 0; }
header nav ul{ margin: 0 auto; padding: 0; text-align: center; }
header nav ul li{ display: inline-block; color: #999; text-shadow: 0 1px 0 #fff; background: transparent; padding: 5px; margin: 0 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
header nav ul li:hover{ background: #92c020; color: #fff; text-shadow: none; cursor: pointer; }
header nav ul li:last-child{ margin: 0; }

/******************************************* SUBMENU */
header nav ul li ul{ z-index: 1; position: absolute; display:none; min-width: 170px; width: auto; margin: 0px 0 0 -5px; padding: 12px; }
header nav ul li:last-child ul{ min-width: 90px; }
header nav ul li:hover ul{ display:block; background: #92c020; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
header nav ul li ul li{ float:left; clear:left; border:0; margin: 0; padding: 5px; text-shadow: none; color: #fff; width: 97%; text-align: left; }
header nav ul li ul li:hover{ background: #fff; color: #92c020; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; }

/**************************** FOMULARIOS CONTATO */
section .contato h2, section .contato h3{ margin-top: 30px; }
section .contato .bnt1{ width:75px; background-color:#fff; border:1px solid #999; color: #666; height:22px }
section .contato .bnt2{ width:275px; background-color:#fff; border:1px solid #999; color: #666; height:22px }

/****************************** CONTENT & POST */
section{ background: transparent url(img/bg-content.png) no-repeat top center; }

section .twitter{ background: transparent url(img/bg-twitter.png) no-repeat top center; height: 170px; margin: 40px 0 0 0; }
section .twitter ul{ margin: 0 0 0 280px; padding: 55px 0 0 0; list-style: none; width: 500px; height: 40px; color: #999; }
section .twitter .twitter-follow-button{ margin: 10px 0 0 280px; padding: 0; }
section .twitter a{ color: #1d3a8f; text-decoration: underline; }
section .twitter a:hover{ text-decoration: none; }

section h3{ margin: 0; border-bottom: 3px solid; font-size: 20px; }
section .arquivo h3{ color: #999; margin: 0 0 30px 0; }
section .arquivo h2{ color: #999; border: none; }
section .arquivo a{ text-decoration: none; }
section .arquivo a:hover{ text-decoration: underline; }

section .destaque h3{ color: #92c020; }
section .novidades h3{ color: #1d3a8f; }
section .fotovideo h3{ color: #d78f12; }

/****************************** DESTAQUE */
section .destaque { padding: 0; width: 620px; height: 245px; float: left; margin: 0 0 80px 0; }
section .destaque .nivo-caption p{ display: none !important; }

/****************************** NOVIDADES */
section .novidades .content{ background: #fafafa; padding: 15px; width: 590px; float: left; }
section .novidades .content h4{ text-transform: none; color: #1d3a8f; font-weight: bold; }
section .novidades .content p{ font-size: 13px; margin: 10px 0 0 0; }
section .novidades .content a{ color: #1d3a8f; }
section .novidades .content a:hover{ text-decoration: underline; }
section .novidades .content .thumb{ border: 5px solid rgba(0,0,0,0.1); height: 150px; width: 150px; float: left; margin: 0 20px 0 0; display: inline; }
section .novidades .content .texto{ float: left; display: inline; width: 405px; }
section .novidades .content .texto p{ height: 125px; overflow: hidden; }
section .novidades .content .texto p a{ text-decoration: underline; }
section .novidades .content .texto p a:hover{ text-decoration: none; }

/****************************** FOTO & VIDEO */
section .fotovideo .dsc{ background: #FFF; text-align: center; margin: -5px 0 0 0; width: 280px; padding: 12px 10px 8px 10px; }
section .fotovideo p{ padding: 0; margin: 0; line-height: 0; }

/****************************** ARTICLE */
section article{ margin: 0 10px 0 0; }
section article h2{ border-bottom: 3px solid; font-size: 20px; text-transform: uppercase; margin: 0; }
section article h3{ color: #999 !important; margin: 0 0 30px 0; }
section article p{ line-height: 28px; margin: 25px 0; }
section article a{ text-decoration: underline; }
section article a:hover{ text-decoration: none; }
section article .meta-nav{ font-size: small; color: #999; margin: 5px 0 15px 0; }
section article .share{ background: #fbfbfb; padding: 7px; border-top: 1px solid #ccc; width: 606px; margin: 0 0 25px 0; }

/****************************** CHANGE COLORS */
section .vd, section .vd a{ color: #92c020; }
section .az, section .az a{ color: #1d3a8f; }
section .am, section .am a{ color: #d78f12; }
section .cz, section .cz a{ color: #999999; }

/****************************** SIDEBAR */
aside{ color: #999; }
aside .social .content{ background: #fafafa; padding: 10px; width: 280px; text-align: center; }
aside .social .content ul{ margin: 0; padding: 0; list-style: none; }
aside .social .content ul li{ margin: 0; padding: 0; display: inline; margin: 0 5px 0 0; }
aside .social .content ul li:last-child{ margin: 0; padding: 0; display: inline; margin: 0; }

aside .subscribe .content{ background: #fafafa; padding: 10px; width: 280px; text-align: left; }
aside .subscribe .content p{ line-height: 20px;  margin: 0 0 20px 0; }
aside .subscribe .content input[type="text"]{ width: 235px; height: 15px; border: solid 1px #dedede; margin: 0 0 10px 0; padding: 10px; text-align: left; color: #999; font-size: 15px; }
aside .subscribe .content input[type="submit"]{ background: transparent url(img/button.png) center top no-repeat; width: 150px; height: 35px; border: none; color: #fff; font-weight: bold; font-size: 14px; text-shadow: 0 1px 0 #617d1d; }
aside .subscribe .content input[type="submit"]:hover{ cursor: pointer; text-shadow: 0 -1px 0 #617d1d; } 
aside .subscribe .content img{ margin: 0; padding 0; background: none; border: none; }

aside .tagcloud .content{ background: #fafafa; padding: 10px; width: 280px; text-align: center; }
aside .tagcloud .content p{ margin: 20px 0 0 0; }
aside .tagcloud .content p a{ color: #d78f12; }
aside .tagcloud .content a{ color: #92c020; }
aside .tagcloud .content a:hover{ text-decoration: underline; }

aside .especiais .content{ background: #fafafa; padding: 10px; width: 280px; }
aside .especiais .content .tabberlive .tabbertab ul{ margin: 10px 0; padding: 0; list-style: none; }
aside .especiais .content .tabberlive .tabbertab ul li{ border-bottom: 1px solid #f1f1f1; margin: 0 15px; padding: 5px; }
aside .especiais .content .tabberlive .tabbertab ul li:hover{ background: #fcfcfc; color: #ccc; }

/****************************** COMMENTS */
.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: inherit; float: right; border: none; margin: 0px 0px 10px 10px; padding: 1px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentmetadata { font-weight: normal; }

#commentform { margin: 35px 10px 0px 0px; float: left; }
#commentform input { width: 300px; height: 15px; border: solid 1px #dedede; margin: 0 0 10px 0; padding: 10px; text-align: left; color: #999; font-size: 15px; }
#commentform textarea { width: 90%; padding: 4px; border: solid 1px #dedede; padding: 10px; text-align: left; color: #999; font-size: 15px; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; display: block; }
#commentform #submit{ background: transparent url(img/button.png) center top no-repeat; width: 150px; height: 35px; border: none; color: #fff; font-weight: bold; font-size: 14px; text-shadow: 0 1px 0 #617d1d; }
#commentform #submit:hover{ cursor: pointer; text-shadow: 0 -1px 0 #617d1d; }

.alt { margin: 0px; padding: 10px; }

.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 5px 0px; padding: 10px 10px 10px 10px; list-style: none; }
.commentlist li ul li { background: #efefef; margin-right: 5px; margin-left: 5px; }
.commentlist p { margin: 10px 0px 10px 0px; padding: 0px; }

.children { margin: 0px; padding: 0px; width: auto; }

.nocomments { text-align: center; margin: 0px; padding: 0px; }

.reply { padding: 5px 0px 0px 0px; }
.reply a, .reply a:visited { background: #FFFFFF; color: inherit; font-family: Helvetica, Arial, Trebuchet MS, Verdana; font-size: 11px; text-decoration: none; margin: 0px; padding: 6px 8px 6px 8px; opacity: 0.6; }
.reply a:hover { background: #FFFFFF; color: inherit; text-decoration: none; opacity: 1; }

.commentmetadata { font-size: 10px; line-height: 14px; margin: 0px; display: block; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 30px; }

.alignright { float: right; }

.alignleft { float: left; }

.thread-alt { background: #f8f8f8; margin: 0px; padding: 0px; }

.thread-even { background: #f4f4f4; margin: 0px; padding: 0px; }

.depth-1 { border: 1px solid; margin: 0px; padding: 0px; }

.even, .alt { border: 1px solid #e5e5e5; margin: 0px; padding: 0px; }


/****************************** FOOTER */
footer{ background: transparent url(img/bg-footer.png) no-repeat top center; height: 130px; margin: 60px 0 0 0; text-align: center; color: #999; }
footer p{ margin: 100px 0 0 0 !important; }

/****************************** MISC */
.fl{ float: left; }
.fr{ float: right; }
.cl{ clear: both; }



/* Imagens e Legendas */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}