@charset "utf-8";

/* Begin Various Tags & Classes */
*{ border: none; margin: 0; padding: 0;}
body{ background: #444; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;}

a img { border: none;}
p img{ padding: 0; max-width: 100%;}

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;}

acronym,
abbr,
span.caps { cursor: help; font-size: 0.9em; letter-spacing: .07em;}
acronym,
abbr { border-bottom: 1px dashed #999;}
blockquote { color: #777; margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite { margin: 5px 0 0; display: block;}
cite { text-decoration: none;}
code{ font: 1.1em 'Courier New', Courier, Fixed;}
hr { display: none;}
small,
strike {color: #777}

.alignright{ float: right; }
.alignleft{ float: left;}
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alt { border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 0; padding: 10px; }
.center { text-align: center;}
.clear{ clear: both;}
.hidden { display: none;}
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes */


/* Begin Structure */
#site{ background: #666 top repeat-x url(images/bg.jpg); width: 100%;}

#topo{ background: url(images/top.jpg) no-repeat top; color: #000; margin: 0 auto; width:980px; height: 132px; position: relative; z-index: 10;}
#topo #logo{ position: absolute; top: 0px; left: 20px; width: 450px; height: 100px;}

#menu{ height: 31px; padding-right: 8px; position: relative; right: 15px; top: 99px;}
#menu ul{ cursor: default; display:block; float: right; height: 31px; list-style-type: none; margin-top: 0px; padding-right: 0px; width: auto;}
#menu ul li{ display: block; float: left; font-size: 10px; list-style-type: none; position: relative; text-align: left;}
#menu ul li a{ color: #000; display: block; font: normal 12px "Trebuchet MS", Verdana, Geneva, sans-serif; margin: 0px 7px; padding: 8px 0px 10px 0px; text-decoration: none;}
#menu ul li a.dropSubmenu{ background: no-repeat center 2px url(images/menu-sub-bg.jpg);}
#menu ul li a:hover{ background:  url(images/menu-bg_over.jpg) center 2px no-repeat;}
#menu ul li a:hover.dropSubmenu{ background: no-repeat center 2px url(images/menu-bg_down.jpg);}
#menu ul li div ul{ margin: 0px; width: 145px; height: auto;}
#menu ul li div ul li{ background: repeat-y url(images/menu-sub_bg.png); color: #8A6F00; display: block; margin: 0px; padding: 2px 0px 0px 4px; width: 145px;}
#menu ul li div ul li a{ border-top: 1px solid #FF9900; color: #8A6F00; display: block; font: normal 10px Verdana, Geneva, sans-serif; padding: 2px 0px 0px 0px; width: 118px;}
#menu ul li div ul li a:hover{ background: none; color: #000; font-weight: bold;}
#menu ul li div img{ margin-bottom: -2px; padding: 0px;}
.submenu{ position: absolute; left: 50%; top: 30px; margin-left: -69px; visibility: hidden; width: 145px;}

#festas{ background: url(images/top_bt-bg.jpg) repeat-x top; clear: both; margin: 0 auto; text-align: left; width: 958px; height: 72px;}
#festas img{ float: left; margin: 0 5px;}
#festas a:hover{ border-bottom: 1px dotted #F90;}

#contFull{ background: url(images/main-bg.png) repeat-y center; width: 100%; margin: 0 auto;}
#content { font-size: 1.2em; margin: 0px 25px 0px 25px; height:100%; min-height:100%}

#cont{ color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0px 9px 60px 9px; width:980px;}
#page { text-align: left;}

#rodape{ background: url(images/rodape-bg.jpg) repeat-x bottom; clear: both; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 97px; width: 100%;}
#rodapeBar{ position: relative; top: -58px; background: center bottom no-repeat url(images/rodape-barra_meio.jpg); height: 68px; text-align: center;}
#rodapeAAAGV{ position: absolute; margin-left: -62px;}
#rodapeCont{ width: 960px; margin: 0 auto;}

#desenv{ color: #999; float: right; padding: 10px; margin-top: -60px; text-align: right; width: 350px;}
#desenv a{ border-bottom: 1px #FFF dotted; color: #CCC; font-weight: bold; text-decoration: none;}
#desenv a:hover{ border-bottom: 1px #FC0 dotted; color: #FD0;}

#selos{ text-align: right; margin-bottom: 15px;}
#selos img{ margin: 0px 4px;}
#selos a, #selos a:hover{ text-decoration: none; border: none;}
/* End Structure */


/* Begin Index */
#homeNews{ margin: 15px 0 15px 30px; width: 526px; display: inline; float: left;}
#homeNews a{ color: #FC0; font-weight: bold; text-decoration: none;}
#homeNews a:hover{ text-decoration:underline;}
#homeNews ul{ padding-bottom: 25px;}
#homeNews li{ list-style-image: url(images/list-gold.jpg); margin-left: 30px;}
#homeNews h2{ background: url(images/list-gold.jpg) no-repeat left 5px; font: normal 18px/150% "Trebuchet MS", Verdana; padding: 0px 0 0px 18px; margin-bottom: 3px;}
#homeNews h1 { background: url(images/h1-bg.jpg) repeat-x left bottom; font-size: 4em; padding-bottom: 4px; text-align: left; width: 542px; margin: 0;}
#homeNews h1 img{ margin-left: 15px;}
#homeNews a .featured{ padding: 2px; border: 1px solid #ccc; margin: 13px 18px}
#homeNews a:hover .featured{ border: 1px solid #FC0;}

#contDir{ float: right; width: 340px; margin: 15px 20px 15px 33px; display: inline;}

#socials{ list-style: none; margin: 10px 0 15px 47px;}
#socials li{ float: left; margin-left: 8px;}
#socials li.bubbleInfo{ position: relative;}
#socials .popup{ background: url(images/popup-bg.png) no-repeat; width: 175px; height: 81px; position: absolute; display: none; z-index: 20; /* keeps the popup hidden if no JS available */}
#socials .popup p{ color: #000; font: normal 11px/150% Arial, Verdana; margin: 12px auto; text-align: center; width: 150px;}

#homeFoto{ background: no-repeat url(images/foto-bg.jpg); clear: both; margin: 2px 0px 13px 10px; height: 247px; width: 316px;}
#homeFoto img{ padding: 8px 0px 0px 8px;}

#flickr_badge_wrapper { margin: 0 auto; position: relative;}
#flickr_badge_wrapper img { margin: 0 auto; width: 294px; height: 196px}
#flickr_badge_wrapper img.protect{ position: absolute;}

#contagem{ margin: 5px auto 15px; height: 110px; width: 337px;}

#blogs{ background: url(images/blogs-bg.jpg) repeat-y; margin-top: 17px; width: 335px;}
#blogs a{ color: #CCC; font-weight: bold; padding-left:5px; text-decoration: none;}
#blogs a:hover{ color: #FFF; text-decoration:underline;}
#blogs ul{ padding-bottom: 20px;}
#blogs li{ list-style-image: url(images/list-siver.png); margin-left: 40px; padding-bottom:4px;}
/* End Index*/


/* Begin Sidebar */
#sidebar{ border-left: 1px solid #555; float: right; font: 1em 'Trebuchet MS', Verdana, Arial, Sans-Serif; padding: 20px 10px; margin: 20px 0 20px 20px; width: 230px; }
#sidebar h2 { background: url(images/sidebar-tit-bg.jpg) no-repeat left center; font: normal 1.2em/37px 'Trebuchet MS', Verdana, Sans-Serif; margin-top: 15px; padding: 0 13px; text-decoration: none; height: 37px;}
#sidebar a{ color: #CCC;}
#sidebar a:hover{ color: #FC0;}
#sidebar ul,
#sidebar ul ol { margin: 0; padding: 0;}
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar ul p,
#sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul,
#sidebar ul ol { margin: 5px 0 0 10px;}
#sidebar ul ul ul,
#sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ol li { list-style: decimal inside;}
#sidebar ul ul li,
#sidebar ul ol li { color: #777; margin: 3px 0 0; padding: 0;}
#sidebar #searchform{ background: url(images/sidebar-tit-bg.jpg) no-repeat left center; width: 200px; height: 37px;}
#sidebar #searchform #s { background: #555; border: 1px solid #999; color: #FC0; width: 108px; margin:7px 2px 0 0px; padding: 1px;}
#sidebar #searchsubmit { background: url(images/bt-search.png) no-repeat center; cursor: pointer; margin-top: 5px; padding: 1px; width: 47px; height: 21px;}
#sidebar form { margin: 0; }
#banner_patrocinio {margin-left: 10px; padding-bottom:11px; background: url(images/banner-patrocinio-sombra.jpg) no-repeat left center}
#banner_itau {margin: 0 0 10px 41px;}

/* Post */
.entry,
.entryFoot{ font: normal 11px/140% Verdana; margin: 0px 0 1px 18px;}
.entryFoot{ color: #777;}

small{ font: normal 10px/150% Arial, Helvetica, Sans-Serif;}
small a{ color: #777; text-decoration: underline;}
small a:hover{ color: #FC0;}

.widecolumn .post h2{ background: url(images/list-gold.jpg) no-repeat left center; color: #FC0; font: 18px/150% Verdana; padding-left: 18px;}
.widecolumn{ width: 550px;}
.widecolumn .post .entry{ font: normal 12px/150% Verdana; padding-top: 10px;}


/*----------------------------------------------------*/

h2 { font-size: 1.6em; margin: 10px 0 15px;}
h2.pagetitle { font-size: 1.6em;}

h3 { font-size: 1.3em; margin: 20px 0 10px;}

h1,
h1 a,
h1 a:visited,
h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited { color: #FC0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

a{ color: #FC0; text-decoration: none;}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover{ color: #FFF; text-decoration: underline;}
/* End Headers */


/* Begin Structure */
.post{margin: 15px 0 25px; text-align: justify;}
.post hr { display: block;}
.post ol li{ border-top: 1px solid #666; border-top: 1px solid #666; margin: 6px 0;}

.narrowcolumn { padding: 0 0 20px; margin: 0; width: 680px;}
.narrowcolumn .postmetadata { padding-top: 5px;  text-align: center;}
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 670px;}
.widecolumn .post { margin: 0; }
.widecolumn .postmetadata {	margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment { text-align: center; margin: 5px 0px;}
.widecolumn .entry p { font-size: 12px; }
/* End Structure */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li { margin: 7px 0 8px 10px;}
.entry ul li:before,
#sidebar ul ul li:before { content: "\00BB \0020";}

ol li { list-style: decimal inside;}
.entry ol { padding: 0 0 0 35px; margin: 0;}
.entry ol li { margin: 0; padding: 0;}
.entry p a:visited {color: #b85b5a;}
.postmetadata ul,
.postmetadata li { display: inline; list-style-type: none; list-style-image: none;}
/* End Entry Lists */


/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center;}
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select { width: 130px; }
/* End Form Elements */


/* Begin Comments*/
#commentform{ margin-left: 50px;}
#commentform textarea,
#commentform input { background: #222; border: 1px solid #FC0; color: #FFF; font: normal 12px/130% Verdana, Arial;}
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 400px; padding: 2px; }
#commentform #submit { margin: 15px 15px 15px 0;}
#commentform p { margin: 5px 0; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; color: #777;}
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar #prev a, #wp-calendar #next a{ font-size: 9pt;}
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; text-align: center; width: 100%; text-decoration: none;}
#wp-calendar th{ font-style: normal; text-transform: capitalize;}
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */


/* Captions */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.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;}
/* End captions */