@charset "UTF-8";
/* CSS Document */

/*    
Theme Name: InWEB
Theme URI: http://www.inweb.org.br/ 
Description: Tema especial para o InWEB, seguindo a identidade visual do instituto. 
Author: Paulo Cesar Zandona Vieira - RAZZ.com+web+design
Author URI: http://www.razz.com.br 
Version: 1.0 
. 
Template criado exclusivamente para o InWEB - Instituto Nacional de Ciência e Tecnologia para a Web / Todos os direitos reservados. 
. 
*/

/* estrutura do xhtml */

* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;

}
body {
	width: 100%;
	height: 100%;
	background: #f7f7f7 url(images/bg.gif) repeat-x scroll left top;
}

/* login e linguas */

#loginlinguas {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #FFF;
	height: 28px;
	line-height: 28px;
	font-size: .65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	text-align: right;
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 0;
}
#loginlinguas a:link, #loginlinguas a:visited {
	color: #7f7f7f;
	text-decoration: none
}
#loginlinguas a:active, #loginlinguas a:hover {
	color: #036;
	text-decoration: none
}
.qtrans_language_chooser { 
	list-style-type: none;
}
.qtrans_language_chooser li { 
	float: right; 
	margin-left: 10px 
}
.qtrans_language_chooser li.active a, #loginlinguas a.selected {
	color: #036 !important;
}

/* logo e search */

#logobusca {
	height: 121px;
	border-bottom: 1px solid #CCC;
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 0;
}
.logo {
	width: 300px;
	height: 93px;
	margin-top: 14px;
	background: url(images/logo_inweb.gif) no-repeat 0 0;
	float: left
}
.logo a {
	width: 300px;
	height: 93px;
	display: block
}
div.busca {
	float: right;
	margin-top: 46px;
	width: 259px
}
fieldset.search {
	border: none;
	width: 259px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #7f7f7f;
	font-size: .8em;
	font-weight: normal;
	width: 214px;
	height: 23px;
	padding: 8px 9px 0;
	background: #FFF url(images/bg_search.gif) no-repeat left top;
}
.search input.box:focus {
	background: #FFF url(images/bg_search.gif) no-repeat left -31px;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 31px;
	cursor: pointer;
	text-indent: -9999px;
	background: #FFF url(images/bg_search.gif) no-repeat top right;	
}
.search button.btn:hover {
	background: #FFF url(images/bg_search.gif) no-repeat bottom right;	
}

/* menu */

#menu {
	height: 52px;
	border-bottom: 1px solid #39c;
	font: normal 13px Arial, Helvetica, sans-serif;
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 0;
}
#nav, #nav ul {
	line-height: 52px;
	list-style: none;
	float: left
}
#nav a {
	border: medium none;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 0 20px;
}
#nav a:hover {
	background: transparent url(images/bg_nav_hover.gif) repeat-x bottom left;
}
#nav li {
	float: left;
	list-style: none;
}
#nav a, #nav a:visited {
	color: #FFFFFF;
	display: block;
	padding: 0 20px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
	text-decoration: none;
}
#nav li ul {
	border-bottom: 1px solid #DDD;
	height: auto;
	left: -999em;
	line-height: 31px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 222px;
	z-index: 1000
}
#nav li li {
	background-color: #F8F8F8;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top: 1px solid #DDD;
	width: 220px;
}
#nav li li a, #nav li li a:visited {
	background-color: #F8F8F8;
	color: #595959;
	font-weight: normal;
	cursor: pointer
}
#nav li li a:hover, #nav li li a:active {
	background: #CCC none repeat scroll 0 0 !important;
	color: #036 !important;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
div.blogmenu {
	float: right;
}
div.blogmenu a:link, div.blogmenu a:visited, div.blogmenu a:active {
	line-height: 52px;
	height: 52px;
	padding: 0 20px 0 46px;
	color: #6CF;
	background: url(images/bg_blogmenu.gif) no-repeat 20px 21px;
	text-decoration: none;
	display: block
}
div.blogmenu a:hover {
	color: #FFF;
	background: url(images/bg_blogmenu_hover.gif) no-repeat 20px 21px;
}

/* index info slider */

#infoslider {
	width: 990px;
	margin: 0 auto;
	height: 330px; 
	clear: both
}

/* pagina info text */

#infopage {
	width: 990px;
	margin: 0 auto; 
	clear: both
}
#infopage h1 {
	font: normal 28px Arial, Helvetica, sans-serif;
	padding: 42px 20px 32px;
	color: #FFF
}

/* conteudo */

#conteudo {
	width: 988px;
	margin: 0 auto;
	padding-bottom: 28px;
	clear: both;
	border: 1px solid #069;
	background-color: #FFF
}

/* conteudo: breadcrumb */

#breadcrumb {
	clear: both;
	height: 30px;
	background: #00386B url(images/bg_breadcrumb.gif) repeat-x left top;
	padding: 0 20px;
}
#breadcrumb div.to-left {
	line-height: 30px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #6CF;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active  {
	color: #6CF;
	text-decoration: underline
}
#breadcrumb div.to-right {
	width: 16px;
	padding-top: 7px;
}

/* conteudo: pagina completa */

#fullwidth {
	clear: both;
	display: block;
	width: 934px;
	margin: 28px 0 0 0;
	padding-left: 20px;
}

/* conteudo: left */

#left {
	float: left;
	width: 615px;
	margin: 28px 0 0 0;
	padding-left: 20px;
}

/* conteudo: left - index news */

div.newspic {
	float: left;
	width: 125px;
	height: 94px;
	border: 1px solid #CCC; 
	padding: 5px;
	margin-top: 5px;
	background-color: #e0e0e0
}
div.newstext {
	float: right;
	width: 440px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif
}
div.newstext h1 {
	font-size: 18px;
	color: #036;
	line-height: 28px;
}
div.newstext h1 a, p.newsdata a, .textholder h3 a {
	color: #036;
	text-decoration: none;
}
div.newstext h1 a:hover, p.newsdata a:hover, .textholder h3 a:hover {
	text-decoration: underline;
}
div.newstext p.newsdata {
	font-size: 12px;
	color: #575757;
	padding-bottom: 10px;
}
div.newstext div.newsinfo p {
	font-size: 13px;
	color: #575757;
	line-height: 20px;
	text-align: justify
}
div.newstext div.newsinfo p a {
	color: #06C;
	text-decoration: none;
}
div.newstext div.newsinfo p a:hover {
	text-decoration: underline;
}
.postresumo p a {
	color: #575757;
	text-decoration: none;
	display: block
}
.postresumo p a:hover {
	color: #575757;
	text-decoration: underline;
}

/* conteudo: left - paginas */

#left hr {
	display: block;
	clear: both;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #ebebeb;
	border-left: 0;
	padding-top: 15px; 
	margin-bottom: 20px;
	height: 1px
}
.textholder {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0 0 0 14px;
}
.textholder h1, .textholder h2 {
	color: #036; 
	font-size: 1.15em; 
	line-height: 1.7em; 
	margin-bottom: .7em;
	font-weight: normal
}
.textholder h3 {
	color: #036; 
	font-size: 1em; 
	line-height: 1.7em; 
	margin-bottom: .7em;
	font-weight: normal
}
.textholder h4 {
	color: #036; 
	font-size: .9em; 
	line-height: 1.6em; 
	margin-bottom: .7em;
	font-weight: normal
}
.textholder h5 {
	color: #036; 
	font-size: .85em; 
	line-height: 1.6em; 
	margin-bottom: .7em;
	font-weight: normal
}
.textholder h6 {
	color: #036; 
	font-size: .8em; 
	line-height: 1.5em; 
	margin-bottom: .7em;
	font-weight: normal
}
.textholder p {
	color: #575757; 
	font-size: .75em; 
	line-height: 1.6em; 
	margin-bottom: .8em;
	text-align: justify
}
.textholder p.metadata {
	color: #777 !important;
	font-size: .7em !important;
}
.textholder ul, .textholder ol {
	margin-bottom: .7em;
}
.textholder ol li, .textholder ul li {
	color: #575757; 
	margin: 0 0 .8em 25px;
	font-size: .75em;
	line-height: 1.6em;
	text-align: justify
}
.textholder ol li a, .textholder ul li a, .textholder p a {
	text-decoration: none;
	color: #06C;
}
.textholder ol li a:hover, .textholder ul li a:hover, .textholder p a:hover {
	text-decoration: underline;
	color: #036;
}
.textholder ul li {
	list-style-type: square
}
.textholder ul li li {
	font-size: 1em;
	margin-bottom: 0 !important; 
}
.textholder ul.archives li {
	list-style-type: square !important;
	color: #575757 !important; 
	margin: 0 0 0 25px !important;
	font-size: .75em !important;
	border-bottom: 1px solid #CCC !important;
}
.textholder ul.archives li a {
	display: block !important;
	padding: .35em 0 !important;
	text-decoration: none !important;
	color: #036 !important;
}
.textholder ul.archives li a:hover {
	color: #06C !important;
	background-color: #efefef !important;
	padding-left: 10px !important 
}
.textholder ul.archives li li {
	font-size: 1em !important;
	border-bottom: none !important;
}
.textholder ul.archives li ul {
	margin-bottom: 0 !important;
}
.textholder ol.footnotes {
	font-size: .9em;
}
.textholder div.tagcloud a {
	color: #06C;
	text-decoration: none;
	padding: 0 .4em 0 0;
	display: block;
}
.textholder div.tagcloud a:hover {
	color: #036;
	text-decoration: underline;
}
.textholder span.vvqbox {
	padding: 20px 0 10px;
}
div.equipe {
	float: left;
	width: 33%;
}
div.equipe p {
	text-align: center !important;
}
div.equipe img {
	border: 1px solid #CCC; 
	padding: 5px; 
	margin-bottom: 10px; 
	background-color: #E0E0E0
}

/* conteudo: left - blog posts */

#posts { 
	list-style: none; 
	margin: 0; 
	padding: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
}
#posts li.post {
	clear: both;
}
#posts h2 {
	font-size: 15px;
	color: #575757;
	line-height: 25px;
}
#posts h2 a, .postinfo ul li a {
	color: #036;
	text-decoration: none
}
#posts h2 a:hover, .postinfo ul li a:hover {
	color: #036;
	text-decoration: underline
}
.postinfo {
	width: 170px;
	float: left;
	padding-left: 15px
}
.postinfo ul {
	list-style: none;
}
.postinfo ul li {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px
}
.postinfo ul li a {
	font-weight: bold;
}
.postinfo ul li a.bgspecial {
	background-color: #f2f2f2;
	padding: 5px 26px;
}
.postresumo {
	width: 395px;
	float: right;
	padding: 0 15px 10px 0
}
ol.commentlist li p {
	font-size: 1em !important;
	padding-bottom: 10px; 
}
.navigation {
	padding: 10px 0;
	font-size: .7em
}
.navigation div {
	width: 48%;
}
.navigation div a {
	color: #06C;
	text-decoration: none;
}
.navigation div a:hover {
	color: #036;
	text-decoration: none
}
textarea#comment {
	border: 1px solid #CCC;
	width: 90%;
	font: normal 1em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #000;
	padding: 5px;
}
input#submit, input#contactsubmit {
	background: #00386B url(images/bg_breadcrumb.gif) repeat-x scroll left top;
	color: #FFF;
	border: 1px solid #069;
	padding: 3px 15px;
	width: auto !important;
	cursor: pointer
}
.comment-edit-link, a.smaller {
	font-size: .9em
}
.wp-pagenavi {
	font-size: .7em;
}

/* conteudo: left - alkivia plugin */

table.profile-list, table.profile-info {
	border-collapse: collapse;
}
table.profile-list th {
	background-color: #EFEFEF !important;
	color: #036 !important;
	font-size: .9em;
	padding: 5px 2px !important;
	text-align: left !important;
}
table.profile-list td {
	color: #575757 !important;
	font-size: .8em;
	padding: 5px 2px !important;
	border-bottom: 1px solid #CCC
}
table.profile-list a, table.profile-info a {
	color: #06C;
	text-decoration: none;
}
table.profile-list a:hover, table.profile-info a:hover {
	color: #036;
	text-decoration: underline;
}
table.profile-info {
	width: 100%
}
table.profile-info td {
	color: #575757 !important;
	font-size: .8em;
	padding: 5px 0 !important;
	border-bottom: 1px solid #CCC
}
table.profile-info td.labels {
	width: 25%;
}
table.profile-info td.info {
	width: 75%;
}

/* conteudo: left - formulario de contato */

div.contactright input, div.contactright textarea {
	border: 1px solid #CCC;
	padding: 3px;
	font: normal 1em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #036;
	width: 280px
}
div.contactform {
	color: #575757;
	font-size: .75em;
}


/* conteudo: right */

#right {
	float: right;
	width: 300px;
	margin: 28px 0 0 0;
	padding-right: 20px
}
#right h1.mastertitle {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-bottom: none;
	background: #FFF url(images/bg_title_right.gif) repeat-x left bottom;
	padding: 12px 14px;
	color: #036;
	font: normal 14px Arial, Helvetica, sans-serif;
}

/* conteudo: right - sidebar blog */

#sidebar {
	background-color: #efefef;
	padding: 22px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #575757;
}
#sidebar h2 {
	color: #036;
	font-size: 16px;
	padding: 10px 10px 3px;
	margin-bottom: 7px;
	border-bottom: 1px solid #fff;
}
#sidebar ul { 
	list-style: none; 
	padding: 0 30px 10px; 
}
#sidebar ul li {
	line-height: 22px;
	font-size: 12px;
	padding: 0;
}
#sidebar ul li ul { 
	list-style: none; 
	padding: 0 0 0 15px !important; 
}
#sidebar ul li a {
	color: #06c;
	text-decoration: none
}
#sidebar ul li a:hover {
	color: #036;
	text-decoration: underline
}
#sidebar div {
	padding: 0 20px 10px;
}
#sidebar div a {
	color: #06C;
	text-decoration: none;
	padding: 0 .4em 0 0;
	display: block;
}
#sidebar div a:hover {
	color: #036;
	text-decoration: underline;
}
#calendar_wrap {
	padding: 0 !important;
}
#wp-calendar {
	font-size: 11px;
	width: 90%;
	border: none;
	text-align: center;
	margin: 0 auto;
}
#wp-calendar caption {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 6px;
	color: #036;
}
#wp-calendar th {
	padding: 0 0 3px;
}
#wp-calendar td {
	border: 1px solid #CCC;
	padding: 2px 0;
}
#wp-calendar td a {
	color: #06C;
	text-decoration: none
}
#wp-calendar td a:hover {
	color: #036;
	text-decoration: underline;
	font-weight: bold
}
#wp-calendar td.pad {
	border: none !important;
}
#wp-calendar #prev, #wp-calendar #next {
	font-size: 12px !important;
	border: none !important;
	padding: 5px 0;
}
#wp-calendar tfoot td {
	border: none
}

/* conteudo: right - index eventos e enquetes */

#right ul.eventos, #right ul.eventos li ul, #right ul.enquetes, #right ul.enquetes li ul {
	list-style: none;
}
#right ul.eventos li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ebebeb;
	background-color: #f8f8f8;
	padding: 12px 14px;
}
#right ul.eventos li.todays-events ul li, #right ul.eventos li.upcoming-events ul li {
	border-top: none !important;
	border-bottom: none !important;
	padding: 0 14px 5px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #575757
}
#right ul.eventos li h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #036;
	line-height: 20px;
	padding-bottom: 10px
}
#right ul.enquetes {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ebebeb;
	background-color: #f8f8f8;
	padding: 12px 14px;
}
#right ul.enquetes li, p.sidebartext {
	font-size: 13px;
	line-height: 20px;
	color: #575757;
}
div.wp-polls h2, div.wp-polls p strong {
	font-size: 15px;
	color: #036;
	line-height: 22px;
	padding-bottom: 5px;
}
div.wp-polls-archive h2 {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCC
}
div.wp-polls ul li {
	margin-right: 10px !important;
}
div.wp-polls p {
	font-size: 13px;
	color: #575757;
}
div.wp-polls p a {
	color: #06C;
	text-decoration: none;
}
div.wp-polls p a:hover {
	color: #06C;
	text-decoration: underline;
}
div.pollsarchive ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ebebeb;
	background-color: #f8f8f8;
	padding: 12px 14px;
}
div.pollsarchive ul a {
	color: #036;
	text-decoration: none;
}
div.pollsarchive ul a:hover {
	color: #06C;
	text-decoration: underline;
}

/* site fast links */

#fastlinks {
	width: 967px;
	margin: 0 auto;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 25px 0 25px 23px; 
}
#sitetopics {
	list-style: none;
}
#sitetopics li.itens {
	list-style: none;
	width: 222px;
	padding-right: 19px;
	float: left;
}
#sitetopics li.itens h1 {
	color: #036;
	padding: 0 29px 5px 29px;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	margin-bottom: 10px
}
#sitetopics li.itens ul li {
	color: #777;
	margin: 0 25px 0 45px;
	line-height: 20px;
	font-size: 12px;
	list-style: square
}
#sitetopics li.itens ul li a {
	color: #777;
	text-decoration: none
}
#sitetopics li.itens ul li a:hover {
	color: #036;
	text-decoration: underline
}

/* social bookmarks */

#socialbookmarks {
	width: 988px;
	margin: 0 auto;
	clear: both;
	color: #7f7f7f;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #069;
	background-color: #FFF;
	padding: 13px 0;
}
#socialbookmarks img {
	vertical-align: middle;
}
#socialbookmarks span {
	padding: 0 10px 0 5px;
}
#socialbookmarks a {
	padding: 0 5px;
}

/* copyright e creditos */

#copyrightcredits {
	width: 990px;
	margin: 0 auto;
	clear: both;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 30px;
}
#copyrightcredits a {
	color: #999;
	text-decoration: none;
	margin-left: 12px
}
#copyrightcredits a:hover {
	color: #036;
	text-decoration: none
}
#copyrightcredits img {
	vertical-align: middle;
	padding-right: 5px;
}

/* links */

a.padrao:link, a.padrao:active, a.padrao:visited {
	color: #036;
	text-decoration: none;
}
a.padrao:hover {
	color: #575757;
	text-decoration: underline
}

/* gerais */

.to-left {
	float: left
}
.to-right {
	float: right;
}
.textcenter {
	text-align: center
}
.textright {
	text-align: right
}
img {
	border: none;
}
.clear {
	clear: both
}
.block {
	display: block
}