/*
Theme Name: Instituto Paramitas
Description: Tema oficial do instituto paramitas para WordPress
Author: Gabriel dos Reis Sezefredo, NewWpThemes.com
Author URI: http://gabriel.sezefredo.com.br
Version: 1.0
Tags: azul, laranja, educação, distância, noticias, paramitas, instituto
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 25, 2012 */
@font-face {
    font-family: 'museo_slab_500regular';
    src: url('fonts/museo_slab_1.eot');
    src: url('fonts/museo_slab_1.eot?#iefix') format('embedded-opentype'),
    url('fonts/museo_slab_1.woff') format('woff'),
    url('fonts/museo_slab_1.ttf') format('truetype'),
    url('fonts/museo_slab_1.svg#museo_slab_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    background: #268BC1 url(images/bg.jpg) top left repeat;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20px;
    color: #333;
}
#wrapper {padding:0;}
#container {background-color:#d4e0e7;}
#contentwrap {background: #d4e0e7;}
a { color: #ed7e2d;}
a:hover { color: #004C82;}

/* HEADER */
#header {
    width: 1014px;
    height: 170px;
    background: url("./images/header_ip.jpg") no-repeat scroll 0 0 transparent;
    float: left;
}

#header h1 a {
    background: url("./images/logo-institutoparamitas.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 0;
    height: 100px;
    width: 216px;
    line-height: 0;
    margin-left: 30px;
    margin-top: 35px;
    text-indent: -999px;
}

#header #box-search{
    float: right;
    height: 30px;
    margin-top: 100px;
    width: 235px;
}

/* NAVIGATION MENUS */

#pagemenucontainer {
    height: 32px;
    float: right;
    border-top: 13px solid #676868;
    width: 950px;
}

#pagemenu {
    height: 30px;
    float: right;
}

#pagemenu, #pagemenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}
#pagemenu {
    margin-bottom: 1px;
}

#pagemenu ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#pagemenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#pagemenu ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#pagemenu li a, #pagemenu li a:link {
    color: #949696;
    display: block;
    margin: 0px 0 0px 6px;
    padding: 10px 0 7px 20px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pagemenu li a:hover, #pagemenu li a:active {
    color: #343636;
    display: block;
    text-decoration: none;
}

#pagemenu  li.current_page_item a {
    color: #343636;
}

#pagemenu li:hover, #pagemenu li.sfhover {
    position: static;
}

.topright {
    text-align: right;
    margin: 13px 0 0 0;
}

.topright a {
    color: #dfdfdf;
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #565656;
}

.topright a:hover {
    color: #ffc703;
    text-shadow: 0 1px 0 #562d09;
}

#navcontainer {
    height: 32px;
    display: block;
    padding: 0px 0 0 10px;
    background: url("images/sidebar-tab.png") repeat-x scroll left center transparent;
}

#navcontainer .current-cat a {
    background-color: #ff9702;
    color:#fff;
    text-shadow: 0 1px 0 #637f01;
}

/* CONTENT */

#content {
    background-color: #d4e0e7;
    padding: 10px;
    width: 440px;
}
#content-single{
    background-color: #D4E0E7;
    padding: 15px 30px;
    width: 740px;
    margin-bottom: 20px;
}
#content-single .post{
    padding: 20px;
}
#content-single .arquive-image-post{
    float: left;
    height: 160px;
    width: 160px;
    margin-right: 15px;
    overflow: hidden;
    box-shadow: 0 0px 2px 0 rgba(23,97,141,0.5);
}
#content-single .arquive-image-post:hover{
    box-shadow: 0 0px 2px 0 rgba(255,152,18,0.5);

}
#content-single .arquive-image-post span{
    padding: 5px;
    background: #fff;
    float: left;
}

pre {
    overflow: auto;
    width: 470px;
}

.post,div[class*='type'] {
    padding:0;
    margin-bottom: 15px;
    border-right: 5px solid #ff9702;
    background-color: #FFF;
    position:relative;
}
.noticias-home{
    background: #fff;
    padding: 4px;
    margin-bottom: 14px;
    height: 150px;
    position: relative;
}

.bg-titles {
    background: url("images/sidebar-tab.png") repeat-x scroll left center transparent;
    padding: 8px 10px;
    color: #fff;
    margin: 0;
}
.thumb-noticias{
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    float: left;
    height: 150px;
    margin-right: 10px;
    overflow: hidden;
    width: 150px;
}

.meta-date{
    color: #666666;
    line-height: 5px;
    margin: 4px 0 13px;
}
.count-comments{
    bottom: 8px;
    left: 164px;
    position: absolute;
}

.count-comments a{
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    margin: 0 10px;
    text-decoration: none;
}
#extension-instituto{
    float: left;
    width: 780px;
    margin-bottom: 15px;
    background: none;
}
#extension-instituto h3{
    border-bottom: 1px solid #CCCCCC;
    color: #CC0000;
    font-size: 14px;
    padding-bottom: 5px;
    font-family: 'museo_slab_500regular';
    width: 96%;
}
#extension-instituto #feira-digital{
    background: url("./images/noticias-centros-digitais.jpg") no-repeat scroll 0 0 #fff;
}
#extension-instituto #santo-andre{
    background: url("./images/noticias-eja.jpg") no-repeat scroll 0 0 #fff;
}
#extension-instituto .post{
    float: left;
    border: medium none;
}

#extension-instituto #santo-andre,
#extension-instituto #feira-digital{
    border: medium none;
    float: left;
    margin-bottom: 10px;
    height: 160px;
    padding-left: 125px;
    padding-top: 10px;
    width: 655px;
}
#extension-instituto #santo-andre .entry, #extension-instituto #feira-digital .entry{
    height: 150px;
    margin: 0;
    text-align: left;
    width: 650px;
}
#extension-instituto .image-extension{

}

#extension-instituto .thumb-noticias{
    width: 300px;
}


.category .post,div[class*='type'] {
    width:auto;
}

.post,div[class*='type'] p {
    margin-bottom: 10px;
}

#projetos{
    width: 330px;
    float: right;
    margin-top: 10px;
}

.post .title, h2 {
    margin: 0 0 8px 0;
    padding: 5px 0px 0 0;
    line-height: 16px;
    font-size: 16px;
    font-family: 'museo_slab_500regular',Arial,Verdana;
    color: #004c82;
    text-align: left;
    font-weight: normal !important;
}


.title a {
    text-decoration: none;
    font-weight: normal !important;
    color: #004c82;
}

.post .title a:hover {
    text-decoration: underline;
}

.readmorecontent {
    text-align: right;
    position:absolute;
    bottom: 10px;
    right: 10px;
    padding-bottom: 1px;
}
#content-single .leia-mais {
    bottom: 20px;
    left: 195px;
    padding-bottom: 1px;
    position: absolute;
}

a.readmore {
    background: none repeat scroll 0 0 #17618D;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3E3F3F;
}

a.readmore:hover {
    background: #8e9eb5;
    text-shadow: 0 1px 0 #637f01;
}

.postdate {
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-style: italic;
    color: #8a8a8a;
}

.postmeta {
    font-size: 11px;
    padding: 2px 4px;
    font-family: Verdana, Arial;
    color: #474747;
}

.postdate img, .postmeta img {
    border: none;
    vertical-align: middle;
    margin:2px;
}

.entry {
    padding-top: 8px;
    padding-right: 5px;
}

.navigation {
    width: 100%;
    padding: 10px 0;
}

blockquote {
    overflow: hidden;
    padding-left: 9px;
    font-style: italic;
    color: #666;
    border-left: 3px solid #CADAE7;
}

.post img {
    max-width: 680px;
}

img.wp-smiley {
    max-height: 12px;
    margin: 0;
    padding: 0;
    border: none;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.align_left {
    float: left;
}
.nav-left{
    float: left;
    width: 47%;
    text-align: left;
}
.nav-right{
    float: right;
    width: 47%;
    text-align: right;
}
.nav-left a, .nav-right a{
    background: none repeat scroll 0 0 #17618D;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3E3F3F;
}
.alignleft {
    float: left;
    margin: 10px 10px  10px 0;
}

.alignright {
    float: right;
    margin: 10px 0  10px 10px;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    /* optional rounded corners for browsers that support it */
    -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;
}

/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #686868 !important;
    background:#dfdfdf !important;
    border: 1px solid #989898 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.current {
    color: #434343 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    font-weight: bold;
}

.wp-pagenavi a:hover {
    color: #004C82 !important;
    background:#dfdfdf !important;
    border: 1px solid #626262 !important;

}

.wp-pagenavi span.pages {
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.extend {
    background:transparent !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-weight: bold;
}

/* SIDEBAR(S) */

#sidebaradbox {
    margin-top: 5px;
    text-align:center;
}

.ad125 {
    margin: 10px;
}


#sidebar {
    background-color: #D4E0E7;
    bottom: 8px;
    font-size: 15px;
    margin: 0 10px 10px 0;
    position: relative;
}

#sidebar a {
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: underline;
}

#search {
    height: 26px;
    padding: 2px;
    text-align: left;
}

#search input {

}

#search input[type="image"] {

}

#s {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    color: #7E7E7E;
    height: 18px;
    padding: 3px;
    width: 155px;
    position: relative;
    margin: 0 !important;
}
#search #bt-search-main{
    margin: 0 !important;
    position: relative;
    right: 5px;
}

#topsearch {
    margin-top: 15px;
}

/* Social icons */
.addthis_toolbox {
    padding: 15px 0 5px 0;
    text-align: center;
}
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0 4px 0 4px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.85;
}

.rssbox {
    background: #e9e9e9;
    border: 1px solid #bbbbbb;
    padding: 10px;
    margin: 10px 0 0 0;
}

.rssbox:hover {
    border: 1px solid #ff9702;
}

.rssbox a {
    color: #747888;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.rssbox a:hover {
    color: #ff9702;
    text-decoration: underline;
}

.twitterbox {
    background: #e9e9e9;
    border: 1px solid #bbbbbb;
    padding: 10px;
    margin: 10px 0 0 0;
}

.twitterbox:hover {
    border: 1px solid #ff9702;
}

.twitterbox a {
    color: #747888;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.twitterbox a:hover {
    color: #ff9702;
    text-decoration: underline;
}

#sidebarvideo {}

#sidebar h2 {
    margin: 10px 0 0 0;
    padding: 6px 0 6px 12px;
    background: url(images/sidebar-tab.png) left center repeat-x;
    color: #fff;
}

#sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    float: left;
}

#sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#sidebar ul li li {
    padding: 3px 0px 3px 15px;
    margin: 0px;
}

#sidebar ul li ul li {
    background: url("images/bullet.png") no-repeat scroll left top #4485A8;
    line-height: 17px;
    margin: 0 0 0 5px;
    padding: 2px 0 0 15px;
    font-size: 11px;
}
#sidebar ul .widget_global_translator{
 background:#4485A8;
 width:100%;
 margin-top:7px;
}

#sidebar ul .widget_global_translator h2 {
    margin: 0px 0 10px 0;
    padding: 6px 0 6px 12px;
    background: url(images/sidebar-tab.png) left center repeat-x;
    color: #fff;
}

.widget_text{
    background: #fff;
    border: none;
}
.fbConnectWidgetTopmost{
    border: none !important;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    color: #555;
    background: #fff;
}
#wp-calendar caption {
    padding: 2px 4px;
    text-transform: uppercase;	margin: 2px 0 2px 0;
    background: #eef0f4;
    color:#8c8c8c;
}

#wp-calendar td {
    color: #999;
    font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}

#wp-calendar td:hover, #wp-calendar #today {
    background: #eef0f4;
    color: #555;
}

#wp-calendar {
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    width: 100%;
}


/* FOOTER */

#footer {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    padding: 20px;
    text-align: left;
    width: 974px;
}

#footer #info-instituto{
    float: left;
    font-size: 10px;
    height: 270px;
    line-height: 16px;
    width: 380px;
}

#footer #info-instituto a#link-ip-footer{
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    background: url("./images/logo-ip-rodape.png");
    display: block;
    cursor: pointer;
    width: 140px;
    height: 61px;
    margin-bottom: 20px;
}

#footer #info-instituto p#developed{
    font-size: 10px;
}
#footer #info-instituto p#developed a{
    color: #999;
}
#footer #mapa-do-site{
    font-size: 12px;
    float: left;
    width: 590px;
}

#footer #pages-footer{
    float: left;
    width: 120px;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    height: 270px;
    padding: 0 20px;
}
#footer #category-footer{
    border-right: 1px solid #666;
    float: left;
    height: 270px;
    padding: 0 20px;
    width: 130px;
}
#footer #pages-external{
    border-right: 1px solid #666;
    float: left;
    height: 270px;
    padding: 0 20px;
    width: 180px;
}
#footer #pages-external ul{
    margin: 0;
}
#footer ul li.categories, #pages-external h3, #footer ul li.pagenav {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
    font-family: 'museo_slab_500regular', Verdana, Arial;
}
#footer #pages-footer ul li.page_item, #footer #category-footer ul li.cat-item, #footer #pages-external ul li{
    float: left;
    width: 200px;
    list-style: none;
    margin: 0 !important;
    font-size: 12px;
    text-shadow: none;
    padding: 5px 10px 0;
}
#footer #pages-footer ul li a, #footer #category-footer ul li a,
#footer #pages-external ul li a{
    color: #CCCCCC;
    float: left;
    font-family: Verdana,Arial;
    font-size: 10px;
    line-height: 12px;
    text-decoration: none;
    text-shadow: none;
    width: 200px;
}
#footer #pages-footer ul li a:hover, #footer #category-footer ul li a:hover,
#footer #pages-external ul li a:hover{
    text-decoration: underline;
}

#footer #pages-footer ul, #footer #category-footer ul{
    padding: 0 !important;
    margin: 0 !important;
}

#footer .widget {
    width:175px;
    height:230px;
    margin-right:5px;
    float:left;
    list-style-type:none;
    background:url(images/footer_widget_fundo.png) no-repeat;
}
.wp_youtube_widget {
    background:white;
    width:300px;
}
.wp_youtube_widget #videos {
    width: 210px;
    height:140px;
    margin: 10px auto 0 auto;
}
.wp_youtube_widget .widgettitle {
    text-decoration:none;
    width:295px;
    color:white;
    font-weight:bold;
    font-size:14px;
    background-color:#18618c;
    margin-bottom:3px;
    padding-left: 5px;
}

#videos {
    margin:10px auto 0 auto;
}

#credits {
    color: #8d8d8d;
    font-size: 11px;
    text-align: center;
    padding: 10px;
}

#credits a {
    color: #8d8d8d;
    text-decoration: none;
}

/* COMMENTS */

#comments h3 {
    margin-bottom: 10px;
}

#commentform {
    margin: 5px 10px 0 0;
}

#respond{
    margin-top: 30px;
    color: #333;
}

#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#respond label{
    color: #333;
}

.inputs-site, .wpcf7-text, .wpcf7-textarea{
    border: 1px solid #4485A8;
    border-radius: 4px 4px 4px 4px;
    height: 21px;
    padding: 5px 10px;
    width: 60%;
}

.wpcf7-select{
    border: 1px solid #4485A8;
    border-radius: 4px 4px 4px 4px;
    height: 40px;
    padding: 10px 0;
}

.inputs-site-textarea, .wpcf7-textarea{
    height: 160px;
}

span.input-required{
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
}

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

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
}

.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
}

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

.commentmetadata {
    margin: 0;
    display: block;
}

.post .post_thumbnail {
    background: #fff;
}

.post .single_thumbnail {
    margin: 10px;
    float:left;
    border: 1px solid #ddd;
}

.widget_twitter {
    background:#4485a8;
    color: #fff;
    float: left;
    float: left;
    margin-top: 10px !important;
}

.widget_twitter a {
    color:#ff9812;
}

.widget_twitter div {
    padding:0;
}

.widget_twitter ul li {
    background: url(images/twitter_divisor.png) no-repeat bottom #4485a8;
    margin-bottom:50px;
    font-size:12px;
}

.widget_twitter .follow-button,
.widget_twitter .xavisys-link {
    margin:0 10px 10px 25px;
}

.widget_twitter .entry-content {
    float: left;
    width: 170px;
}

.btn .label b, .btn .label{
    font-size: 10px !important;
}
.widget_twitter .entry-meta {
    display:block;
}
.widget_twitter .time-meta{
    display: none !important;
}
.widget_twitter .intent-meta a {
    background: url(images/everything-spritev2.png); /** from Twitter ressources */
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.widget_twitter .intent-meta a.in-reply-to {
    background-position: 0 center;
}
.widget_twitter .intent-meta a:hover.in-reply-to {
    background-position: -16px center;
}
.widget_twitter .intent-meta a.favorite {
    background-position: -32px center;
}
.widget_twitter .intent-meta a:hover.favorite {
    background-position: -48px center;
}
.widget_twitter .intent-meta a.retweet {
    background-position: -80px center;
}
.widget_twitter .intent-meta a:hover.retweet {
    background-position: -96px center;
}
.widget_twitter h2{
    height: 40px;
    bottom: 20px;
    position: relative;
}
.widget_twitter ul{
    bottom: 20px;
    position: relative;

}
.widgettitle .twitterwidget {
    background: url("images/twitter_head.png") no-repeat scroll left top transparent;
    height: 38px;
    padding-left: 45px;
    padding-top: 4px;
    position: absolute;
    top: 14px;
    width: 160px;
}

#twitter_divisor {
    background:url(images/twitter_divisor.png) no-repeat;
    width:161px;
    height:2px;
    margin: 3px auto;
}
#rodape {
    background:url('images/rodape.jpg') repeat-x;
    margin-top:40px;
    margin-left:15px;
    height: 170px;
    padding-left:5px;
}

#login {
    width:200px;
    float:right;
    margin: 10px 20px 0 0;
    background:white;
    padding: 10px;
}

#login h2 {
    width:215px;
    color:white;
    font-weight:bold;
    font-size:14px;
    background-color:#18618c;
    margin:-10px 0 10px -10px;
    padding-left: 5px;
}

#login #user_pass, #login #user_login {
    width:180px;
}

.facebook {
    background:url('images/facebook.png');
    width:32px;
    height:32px;
    float:left;
}

.facebook:hover {
    background:url('images/facebook.png');
    width:32px;
    height:32px;
    background-position:bottom;
}

.twitter {
    background:url('images/twitter.png');
    width:32px;
    height:32px;
    float:right;
}
.twitter:hover {
    background:url('images/twitter.png');
    width:32px;
    height:32px;
    background-position:bottom;
}

#rede_social {
    float:right;
    margin:10px 20px 0 0;
    padding:10px 60px;
    background:white;
    width:100px;
}

#rodape .widget {
    width:226px;
    height:165px;
    padding-top:5px;
    float:left;
}
#rodape .widget h2 {
    text-decoration: none;
    font-weight: bold;
    color: #004C82;
    font-size:14px;
    margin-top:-5px;
    padding: 2px 2px 0 2px;
    margin-bottom:-2px;
}

#rodape .widget_sp_image-description {
    margin-top:5px;
}

#content .noticias {
    width:600px;
    color:white;
    font-weight:bold;
    font-size:14px;
    background-color:#18618c;
    padding-left: 5px;
}

/*
* Slider da página inicial
*/
#featured{
    float: left;
    width: 1004px;
    height: 300px;
    overflow: hidden;
    padding: 5px;
    background: #fff;
    position: relative;
}

#featured #content-featured{
    position: relative;
    float: left;
    width: 840px;
    height: 300px;
    overflow: hidden;
}

#featured #content-featured .caption-featured{
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0, 0.8);
    color: #fff;
}

#featured #content-featured .caption-featured p{
    color: #fff;
    padding: 10px;
    margin: 0;
}

#featured #navigation-featured{
    position: relative;
    float: left;
    width: 160px;
    height: 300px;
    overflow: hidden;
}
#featured #navigation-featured .current-item{
    background: #ccc;
}

#featured #content-featured #position-item{
    background: url("./images/arrow-current.png") no-repeat scroll 0 0 transparent;
    height: 19px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 15px;
}
#featured #content-featured .position-item-1{top: 22px !important;}
#featured #content-featured .position-item-2{top: 102px !important;}
#featured #content-featured .position-item-3{top: 178px !important;}
#featured #content-featured .position-item-4{top: 255px !important;}

#featured #navigation-featured img{
    width: 150px !important;
    height: 60px !important;
}

.nav-item-feaured{
    float: left;
    height: 60px;
    padding: 4px;
    width: 150px;
    margin-bottom: 9px;
}
.nav-item-feaured span{
    height: 60px;
    width: 150px;
    overflow: hidden;
    float: left;
}

.menu{
    float: left;
    height: 32px;
    margin: 0;
    position: relative;
}

.menu li{
    float: left;
    list-style: none;
    position: relative;
}
.menu li a{
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 20px;
    color: #fff;
}
.menu li a:hover{
    background: #ff9702;
}
.sub-menu{
    display: none;
    left: -18px;
    position: absolute;
    background: #255580;
    z-index: 200;
    float: left;
    top: 32px;
    width: 155px;
}
.sub-menu li{
    float: left;
    width: 115px;
}
.sub-menu li a{
    float: left;
    width: 115px;
    padding: 5px 20px;
}
.box-equipe{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.box-equipe h2{
    color: #333333;
    margin-bottom: 20px;
}
.membro-equipe{
    float: left;
    height: 230px;
    overflow: hidden;
    width: 300px;
    margin-right: 35px;
    margin-bottom: 10px;
}
.membro-equipe .foto-membro{
    float: left;
    height: 100px;
    margin-right: 10px;
    padding: 5px;
    width: 100px;
}

.membro-equipe .nome-membro{
    font-family: 'museo_slab_500regular';
    color: #333;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px;
}

.membro-equipe .nickname-membro{
    color: #FF6633;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 5px;
}


/* Fix popover event widget */
#sidebar .ai1ec-popover {
    display: none;
}

/* mapa */

.active { display:inherit; }
ul#map {display: block; margin: 0; padding: 0; width: 570px; height: 585px; background-image: url('img/map.gif');}
ul#map li {display: block; padding: 0; position: absolute;}
li#crs {margin-top: 485px; margin-left: 237px; }
li#csc {margin-top: 467px; margin-left: 292px;}
li#cpr {margin-top: 416px; margin-left: 281px;}
li#csp {margin-top: 375px; margin-left: 303px; z-index:9999; }
li#cms {margin-top: 336px; margin-left: 229px;}
li#crj {margin-top: 390px; margin-left: 422px; z-index:9999; }
li#ces {margin-top: 347px; margin-left: 467px; z-index:9999; }
li#cmg {margin-top: 292px; margin-left: 333px; z-index:9998; }
li#cgo {margin-top: 264px; margin-left: 301px; z-index:9999; }
li#cdf {margin-top: 311px; margin-left: 373px; z-index:9999; }
li#cba {margin-top: 207px; margin-left: 397px;}
li#cmt {margin-top: 189px; margin-left: 180px;}
li#cro {margin-top: 199px; margin-left: 104px; z-index:9998; }
li#cac {margin-top: 185px; margin-left: 0px;}
li#cam {margin-top: 46px; margin-left: 3px;}
li#crr {margin-top: 0; margin-left: 133px;}
li#cpa {margin-top: 40px; margin-left: 219px;}
li#cap {margin-top: 13px; margin-left: 278px;}
li#cma {margin-top: 94px; margin-left: 366px; z-index:9999;}
li#cto {margin-top: 156px; margin-left: 338px;}

li#cse {margin-top: 221px; margin-left: 519px; z-index:9998;}
li#cal {margin-top: 211px; margin-left: 518px; z-index:9999;}
li#cpe {margin-top: 188px; margin-left: 473px;}
li#cpb {margin-top: 169px; margin-left: 511px; z-index:9999;}
li#crn {margin-top: 151px; margin-left: 514px;}
li#cce {margin-top: 121px; margin-left: 473px;}
li#cpi {margin-top: 120px; margin-left: 406px; z-index:9997;}

ul#map li a {display: block; text-decoration: none; position: absolute;}
a#rs {width: 116px; height: 101px; }
a#sc {width: 81px; height: 53px; }
a#pr {width: 97px; height: 64px; }
a#sp {width: 131px; height: 84px; }
a#ms {width: 106px; height: 104px; }
a#rj {width: 58px; height: 40px; }
a#es {width: 33px; height: 51px; }
a#mg {width: 163px; height: 131px; }
a#go {width: 108px; height: 108px; }
a#df {width: 16px; height: 9px; }
a#ba {width: 136px; height: 148px; }
a#mt {width: 166px; height: 161px; }
a#ro {width: 104px; height: 87px; }
a#ac {width: 108px; height: 62px; }
a#am {width: 258px; height: 181px;}
a#rr {width: 87px; height: 103px; }
a#pa {width: 188px; height: 187px; }
a#ap {width: 73px; height: 85px; }
a#ma {width: 102px; height: 139px; }
a#to {width: 74px; height: 125px; }
a#se {width: 28px; height: 32px; }
a#al {width: 46px; height: 27px; }
a#pe {width: 97px; height: 34px; }
a#pb {width: 59px; height: 35px; }
a#rn {width: 53px; height: 33px; }
a#ce {width: 61px; height: 76px; }
a#pi {width: 83px; height: 124px; }

/* Código pronto via http://css.spritegen.com (com alterações nos seletores) */

a#pa:hover, a#pa:active, a#am:hover, a#am:active, a#mt:hover, a#mt:active, a#ba:hover, a#ba:active, a#ma:hover, a#ma:active,
a#mg:hover, a#mg:active, a#to:hover, a#to:active, a#pi:hover, a#pi:active, a#go:hover, a#go:active, a#ms:hover, a#ms:active,
a#rr:hover, a#rr:active, a#rs:hover, a#rs:active, a#ro:hover, a#ro:active, a#ap:hover, a#ap:active, a#sp:hover, a#sp:active,
a#ce:hover, a#ce:active, a#pr:hover, a#pr:active, a#ac:hover, a#ac:active, a#sc:hover, a#sc:active, a#es:hover, a#es:active,
a#rj:hover, a#rj:active, a#pb:hover, a#pb:active, a#pe:hover, a#pe:active, a#rn:hover, a#rn:active, a#se:hover, a#se:active,
a#al:hover, a#al:active, a#df:hover, a#df:active
{ display: block; background: url('img/sprite.gif') no-repeat; }

a#pa:hover, a#pa:active { background-position: -10px -0px; width: 188px; height: 187px; }
a#am:hover, a#am:active { background-position: -10px -197px; width: 258px; height: 181px; }
a#mt:hover, a#mt:active { background-position: -10px -388px; width: 166px; height: 161px; }
a#ba:hover, a#ba:active { background-position: -10px -559px; width: 136px; height: 148px; }
a#ma:hover, a#ma:active { background-position: -156px -559px; width: 102px; height: 139px; }
a#mg:hover, a#mg:active { background-position: -10px -717px; width: 163px; height: 131px; }
a#to:hover, a#to:active { background-position: -183px -717px; width: 74px; height: 125px; }
a#pi:hover, a#pi:active { background-position: -10px -858px; width: 83px; height: 124px; }
a#go:hover, a#go:active { background-position: -103px -858px; width: 108px; height: 108px; }
a#ms:hover, a#ms:active { background-position: -103px -976px; width: 106px; height: 104px; }
a#rr:hover, a#rr:active { background-position: -10px -992px; width: 87px; height: 103px; }
a#rs:hover, a#rs:active { background-position: -107px -1090px; width: 116px; height: 101px; }
a#ro:hover, a#ro:active { background-position: -10px -1201px; width: 104px; height: 87px; }
a#ap:hover, a#ap:active { background-position: -10px -1105px; width: 73px; height: 85px; }
a#sp:hover, a#sp:active { background-position: -124px -1201px; width: 131px; height: 84px; }
a#ce:hover, a#ce:active { background-position: -186px -388px; width: 61px; height: 76px; }
a#pr:hover, a#pr:active { background-position: -124px -1295px; width: 97px; height: 64px; }
a#ac:hover, a#ac:active { background-position: -10px -1298px; width: 108px; height: 62px; }
a#sc:hover, a#sc:active { background-position: -128px -1369px; width: 81px; height: 53px; }
a#es:hover, a#es:active { background-position: -208px -0px; width: 33px; height: 51px; }
a#rj:hover, a#rj:active { background-position: -186px -474px; width: 58px; height: 40px; }
a#pb:hover, a#pb:active { background-position: -10px -1370px; width: 59px; height: 35px; }
a#pe:hover, a#pe:active { background-position: -10px -1415px; width: 97px; height: 34px; }
a#rn:hover, a#rn:active { background-position: -186px -524px; width: 53px; height: 33px; }
a#se:hover, a#se:active { background-position: -208px -61px; width: 28px; height: 32px; }
a#al:hover, a#al:active { background-position: -208px -103px; width: 46px; height: 27px; }
a#df:hover, a#df:active { background-position: -208px -140px; width: 16px; height: 9px; }

/* Fim sprite */

ul#map li a img {border: 0; width: inherit; height: inherit;}