/***********************************************************
						RESET
***********************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

* {
    font-family: 'Open Sans'!important;
    margin: 0;
    padding: 0;
    border: 0;
}

ul, ol, li, dl, dt, dd {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

address, em {
    font-style: normal;
}

iframe {
    border: none;
}


/***********************************************************
						TEXTO
***********************************************************/
* {
    font-size: 100%;
}

body {
    color: #6c6c6c;
    font-size: 14px;
    -webkit-text-size-adjust: none;
    font-family: 'Open Sans';
    background-color: #eaeaea;
}

a {
    color: #6c6c6c;
}

input, select, textarea {
    color: #676767;
    font-size: 12px;
    font-family: 'Open Sans';
}

h1, h2, h3, h4, h5, h6, dt, legend {
    font-family: 'Open Sans';
    font-weight: normal;
}

em {
    font-style: normal;
    color: #860d12;
}


/***********************************************************
						GEREAL
***********************************************************/
.clear {
    clear: both;
    width: 100%;
    height: 0;
}

.button {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    margin-top: 10px;
    vertical-align: bottom;
    color: #fff;
	/*font-size: 9px;*/
    font-size: 0.750em;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 2px;
    background: #860d12;
}

a.button {
    padding-top: 4px;
    padding-bottom: 4px;
}

a.button:hover {
    text-decoration: none;
}

input.text {
    float: left;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

input.text,
textarea {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #676767;
    font-size: 12px;
    text-indent: 18px;
    background-color: #fff;
    border: 1px solid #cacaca;
    box-shadow: -2px 2px 0 0 #cacaca inset;
}

textarea {
    padding: 10px 18px;
    text-indent: 0;
}

/***************************
		SELECT
***************************/
.select {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    background: #eaeaea url(img/select_seta.png) no-repeat right;
    color: #6c6c6c;
}

.select select {
    cursor: pointer;
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select option {
    text-indent: 10px;
}

.select .value {
    display: block;
    height: 30px;
    margin-right: 30px;
    padding-right: 10px;
    white-space: nowrap;
    text-indent: 10px;
    overflow: hidden;
    border-right: 1px solid #cacaca;
}

/***************************
		RADIO
***************************/
.radio {
    float: left;
    min-height: 17px;
    margin-right: 10px;
    background: url(img/input_radio.png) no-repeat 0 0;
}

.radio input {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.radio.checked {
    background-position: 0 -101px;
    color: #860d12;
    font-weight: bold;
}

/***********************************************************
						ESTRUTURA
***********************************************************/
body {
    background-color: #eaeaea;
}

#siteHeader,
#siteContent,
#siteFooter {
    width: 100%;
	/*min-width: 320px;*/;
}

.siteArea {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.siteArea:after {
    content: " ";
    display: table;
    clear: both;
}

#siteHeader {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: #fff;
}

#siteContent {
    position: relative;
    padding-bottom: 50px;
    background-color: #fff;
}

#siteContent .siteArea {
    max-width: 1005px;
}

#siteFooter {
    position: relative;
    clear: both;
    width: 100%;
    background-color: #292929;
    border-top: 3px solid #404040;
    color: #6c6c6c;
    overflow: hidden;
}

#siteFooter .siteArea {
    padding: 20px 10px;
}

#siteFooter center.lCenter h1 {
    width: auto;
    float: none;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.06em;
}

/***********************************************************
						SITE HEADER
***********************************************************/
#siteHeader {
    position: fixed;
}

/***************************
		HEADER LOGO
***************************/
#siteHeader h1.logo {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #7c1e24;
    font-family: 'Open Sans';
}

#siteHeader h1.logo strong {
    display: block;
    height: 53px;
    line-height: 53px;
    padding-left: 72px;
    font-size: 34px;
}

@media (min-width: 981px) {
    #siteHeader h1.logo {
        position: absolute;
        top: 27px;
        left: 22px;
        height: 56px;
        background: url(img/header_logo.png) no-repeat 0 0;
        color: #7c1e24;
        font-family: 'Open Sans';
    }

    #siteHeader h1.logo strong {
        display: block;
        height: 53px;
        line-height: 53px;
        padding-left: 72px;
        font-size: 34px;
    }

    #siteHeader h1.logo small {
        display: block;
        padding-top: 2px;
        font-size: 10px;
        line-height: 12px;
        text-align: center;
    }

    #siteHeader.headerScroll {
        height: 131px;
    }

    #siteHeader.headerScroll h1.logo {
        top: 15px;
        left: 43px;
        width: 115px;
        height: 34px;
        background-image: url(img/header_logo_pq.png);
    }

    #siteHeader.headerScroll h1.logo strong {
        height: 47px;
        line-height: 47px;
        padding-left: 65px;
        font-size: 30px;
    }

    #siteHeader.headerScroll h1.logo small {
        font-size: 6px;
        line-height: 7px;
        display: none;
    };
}

@media (max-width: 980px) {
    #siteHeader h1.logo {
        position: relative;
        z-index: 0;
        text-align: center;
    }

    #siteHeader h1.logo strong {
        display: inline;
        padding-left: 44px;
        background-repeat: no-repeat;
        background-image: url(img/header_logo_mobile.png);
        background-position: 0 center;
        font-size: 25px;
    }

    #siteHeader h1.logo small {
        display: none;
    };
}

/***************************
		HEADER MENU
***************************/
@media (min-width: 981px) {
    #siteHeader {
        height: 176px;
    }

    #siteHeader .menu {
        clear: both;
        position: absolute;
        top: 129px;
        margin-bottom: 13px;
        width: 100%;
        height: 30px;
        background-color: #860d12;
    }

    #siteHeader .menu:after {
        content: " ";
        display: table;
        clear: both;
    }

    #siteHeader .menu a {
        color: #FFF;
        font-size: 13px;
    }

    #siteHeader .menu .menuitem {
        position: relative;
        float: left;
    }

    #siteHeader .menu .item {
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        background-color: #860d12;
        font-size: 13px;
    }

    #siteHeader .menu .item.active,
	#siteHeader .menu .menuitem:hover {
        position: relative;
        z-index: 1;
    }

    #siteHeader .menu .item.active,
	#siteHeader .menu .menuitem:hover .item {
        margin-bottom: -6px;
        border-bottom: 6px solid #000;
        text-decoration: none;
    }

    #siteHeader .menu .submenu {
        display: none;
        position: absolute;
        top: 36px;
        padding: 20px 25px 10px 25px;
        background-color: #000;
    }

    #siteHeader .menu .menuitem:hover .submenu {
        display: block;
    }

    #siteHeader .menu .submenu ul {
        float: left;
        padding: 10px;
    }

    #siteHeader .menu .submenu li {
        padding-bottom: 10px;
        white-space: nowrap;
    }

    #siteHeader .menu .icon,
	#siteHeader .menu .iconVoltarMenu {
        display: none !important;
    }

    #siteHeader.headerScroll .menu {
        z-index: 3;
        top: 70px;
        width: inherit;
        padding-right: 77px;
    }

    #siteHeader.headerScroll .menu .item {
        padding: 0 10px;
    }

    #siteHeader .acess {
        position: relative;
        top: -100px;
        left: 840px;
        width: 110px;
    }

    #siteHeader.headerScroll .acess {
        top: -58px;
    }

    #siteHeader .acessCadeira {
        position: absolute;
        top: 85px;
        right: -24px;
        display: block;
        width: 17px;
        height: 17px;
        background: url(img/cadeira.png);
        background-size: 17px 17px;
        overflow: hidden;
        text-indent: -999px;
    }

    #siteHeader.headerScroll .acessCadeira {
        top: 100px;
    }

    #siteHeader.headerScroll {
        height: 135px;
    }

    #siteHeader .logoMPT {
        top: 32px;
        width: 410px;
        overflow: hidden;
        display: inline;
        position: relative;
    }

    #siteHeader.headerScroll .logoMPT {
        top: 0px;
        width: 410px;
        overflow: hidden;
        display: inline;
        position: relative;
    };
}

@media (max-width: 980px) {
    #siteHeader {
        z-index: 99;
        top: 0;
        /*height: 50px;*/
        min-height: 50px;
        padding: 0;
        background-color: #fff;
    }

    #siteHeader nav.menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
		/*background-color: white;
        padding-top: 50px;*/
		/*padding-bottom: 50px;*/;
    }

    #siteHeader nav.menu .menuitem {
        display: none;
        width: 50%;
        background-color: #850d12;
        border-bottom: 1px solid #750c10;
    }

    #siteHeader nav.menu .menuitem:last-child {
        margin-bottom: 50px;
    }

    #siteHeader nav.menu a {
        display: block;
    }

    #siteHeader nav.menu a.item {
        padding: 10px 20px;
        color: #e7cfd0;
    }

    #siteHeader nav.menu .hasSubmenu a.item {
        background-image: url(img/menu_seta.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
	 #siteHeader nav.menu .mobileImage
	 {
		background-color:white;
	 }
    #siteHeader nav.menu .submenu {
        display: none;
        position: absolute;
        top: 50px;
        right: 0;
        width: 50%;
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-top: 1px solid #e0e0e0;
    }
	/*#siteHeader nav	.menuitem:hover .submenu{
		display: block;
	}*/
    #siteHeader nav.menu .submenu li {
        padding: 10px;
        border-bottom: 1px solid #e0e0e0;
        background-color: #fff;
    }

    #siteHeader nav.menu .icon {
        position: absolute;
        z-index: 0;
        top: 1px;
        left: 0;
        display: block;
        width: 50px;
        height: 50px;
        background: #fff url(img/header_menu.png) no-repeat 17px 17px;
        overflow: hidden;
        text-indent: -999px;
    }

    #siteHeader nav.menu .iconVoltarMenu {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: none;
        height: 50px;
        line-height: 50px;
        padding-left: 30px;
        padding-right: 20px;
        background: url(img/menu_seta_voltar.png) no-repeat 10px center;
        color: #850d12;
        font-size: 13px;
    }
	#siteHeader .logoMPT {
		width: 15%;
		min-width:119px;
		min-height:40px;
		margin: auto;
		padding: 5px 0px;

	};
}


/***************************
		HEADER MENU 2
***************************/

#siteHeader .menu2 .ulMenu2{
	width:250px;
    }

@media (min-width: 981px) {
    #siteHeader .menu2 {
        position: relative;
        float: right;
        margin-left: 220px;
        background-color: #2f2f2f;
    }

    #siteHeader .menu2:before {
        content: '';
        position: absolute;
        top: 0;
        left: -20px;
        border-top: 30px solid #2f2f2f;
        border-left: 20px solid #fff;
        width: 0;
    }

    #siteHeader .menu2 a {
        float: left;
        min-height: 24px;
        padding: 6px 10px 0;
        background-color: #2f2f2f;
        color: #fff;
        font-size: 11px;
    }

    #siteHeader .menu2 a:hover,
	#siteHeader .menu2 a.active {
        text-decoration: none;
        background-color: #860d12;
    }

    #siteHeader.headerScroll .menu2 {
        top: 36px;
        margin-left: 190px;
    };
    
    
}

@media (max-width: 980px) {
	
    #siteHeader .menu2 {
        display: none;
    };
}


/***************************
		HEADER BUSCA
***************************/
#siteHeader .busca .icon {
    display: none;
}

#siteHeader .busca legend {
    display: none;
}

@media (min-width: 981px) {
	
    #siteHeader .busca {
        position: absolute;
        right: 5px;
        top: 76px;
		/*right: 124px;*/;
    }

    #siteHeader .busca .text {
        width: 270px;
        border-color: #eaeaea;
        box-shadow: -2px 2px 0 0 #fff inset;
    }

    #siteHeader.headerScroll .busca {
        top: 70px;
        right: 0;
        display: block;
        width: 40px;
        height: 30px;
        background-color: #860d12;
    }

    #siteHeader.headerScroll .busca fieldset {
        position: absolute;
        z-index: 1;
        top: 31px;
        display: block;
        right: 120px;
        width: 320px;
        margin-right: 20px;
    }

    #siteHeader.headerScroll .busca .icon {
        position: relative;
        z-index: 4;
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(img/header_busca.png) no-repeat center;
        overflow: hidden;
        text-indent: -999px;
    };
}

@media (max-width: 980px) {
	
    #siteHeader .busca {
        display: none;
    };
}

/***************************
		HEADER RADIO
***************************/
#siteHeader .radioMPT {
    position: absolute;
    top: 75px;
    right: 326px;
    display: block;
    width: 130px;
    height: 30px;
    background-image: url(img/header_radio.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #860d12;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: bold;
    text-indent: 47px;
    line-height: 34px;
}

#siteHeader.headerScroll .radioMPT {
    z-index: 4;
    right: 30px;
    top: 70px;
    width: 122px;
    background-position: center;
    background-color: #860d12;
    color: #fff;
    font-size: 13px;
    text-indent: 37px;
}

@media (max-width: 980px) {
    #siteHeader .radioMPT {
        display: none;
    };
}

/***************************
		HEADER FONTE
***************************/
#siteHeader .fonte {
    position: absolute;
    top: 86px;
    right: 25px;
}

#siteHeader .fonte dt {
    display: none;
}

#siteHeader .fonte dd {
    float: left;
    margin-left: 1px;
}

#siteHeader .fonte a {
    display: block;
    width: 25px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
}

#siteHeader .fonte a.aumenta,
#siteHeader .fonte a.diminui {
    color: #fff;
    background: #860d12;
}

#siteHeader .fonte a:hover {
    text-decoration: none;
}

#siteHeader .fonte a.normal {
    margin-right: 4px;
    color: #860d12;
    font-size: 16px;
}

#siteHeader .fonte a.normal small {
    font-size: 12px;
    text-transform: uppercase;
}

#siteHeader.headerScroll .fonte {
    top: 102px;
}

@media (max-width: 980px) {
    #siteHeader .fonte {
        display: none;
    };
}

/***************************
		HEADER CONTRASTE
***************************/
#siteHeader .contraste {
    position: absolute;
    top: 86px;
    right: 0;
    display: block;
    width: 17px;
    height: 17px;
    background: url(img/icn_contraste.png);
    overflow: hidden;
    text-indent: -999px;
}

#siteHeader.headerScroll .contraste {
    top: 102px;
}

@media (max-width: 980px) {
    #siteHeader .contraste {
        display: none;
    };
}

/***********************************************************
						SERVICO
***********************************************************/
.serv1
{
  background-image:url(img/glyphicons_355_bullhorn.png);
  background-position:20px 20px;
  background-repeat:no-repeat;
  background-size:24px auto;
}

.serv2
{
  background-image:url(img/glyphicons_086_display.png);
  background-position:20px 15px;
  background-repeat:no-repeat;
  background-size:24px auto;
}

.serv3
{
  background-image:url(img/glyphicons_144_folder_open.png);
  background-position:20px 15px;
  background-repeat:no-repeat;
  background-size:24px auto;
}

.serv4
{
  background-image:url(img/glyphicons_025_binoculars.png);
  background-position:20px 15px;
  background-repeat:no-repeat;
  background-size:24px auto;
}

.serv5
{
  background-image:url(img/capi3-preto-24.png);
  background-position:21px 15px;
  background-repeat: no-repeat;
  background-size:21px auto;
}
.serv6
{
  background-image:url(img/glyphicons_043_group.png);
  background-position:15px 15px;
  background-repeat:no-repeat;
  background-size:35px auto;
}

.serv7
{
  background-image:url(img/iconePautaCCR.png);
  background-position:20px 15px;
  background-repeat: no-repeat;
  background-size:25px auto;
}
/***********************************************************
						SITE FOOTER
***********************************************************/
@media (max-width: 980px) {
    #siteFooter {
        position: inherit;
        padding-bottom: 30px;
    }

    #siteFooter .siteArea {
        position: inherit;
    };
}

/***************************
		FOOTER LOGO
***************************/
#siteFooter h2 {
    width: auto;
    float: none;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 0.04em;
}

#siteFooter .menu {
    width: 1050px;
}

#siteFooter .menu .item {
    color: #fff;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
}

#siteFooter h2 a {
    color: #fff;
}

@media (max-width: 980px) {
    #siteFooter h2 {
        clear: both;
        float: none;
        width: auto;
        padding-right: 0;
        font-size: 15px;
        text-align: center;
    };
}

/***************************
		FOOTER ENDEREÇO
***************************/
#siteFooter .endereco {
/*   float: left; */
    width: auto;
    float: none;	
    padding-top: 10px;
    width: 49%;
    margin: auto;
	text-align: center;
    font-size: 14px;
}

#siteFooter .endereco.R {
    float: right;
    width: 43%;
}

#siteFooter .endereco a {
    color: #bfbfbf;
}

@media (max-width: 980px) {
    #siteFooter address {
        float: none;
        margin-right: 0;
        text-align: center;
    };
}

/***************************
		FOOTER SIGA
***************************/
#siteFooter .siga {
    position: absolute;
    top: 0;
    right: -10px;
    height: 56px;
    padding-left: 2px;
    padding-right: 14px;
    border-top: 56px solid #424242;
    border-left: 38px solid transparent;
}

#siteFooter .siga dt {
    position: relative;
    top: -56px;
    float: left;
    padding: 18px 20px;
    color: #fff;
    font-size: 16px;
}

#siteFooter .siga dd {
    position: relative;
    top: -56px;
    float: left;
    padding-top: 15px;
    padding-right: 9px;
}

#siteFooter .siga a {
    display: block;
    width: 26px;
    height: 26px;
    <!--background: url(img/footer_siga_icons.png);
    -->
	overflow: hidden;
    text-indent: -999px;
}

#siteFooter .siga a.facebook {
    background-position: 0 0;
    background: url('img/iconeF.png');
}

#siteFooter .siga a.facebook:hover {
    background-position: 0 0;
    background: url('img/iconeFaceColor.png');
}

#siteFooter .siga a.twiter {
    background-position: -35px 0;
    background: url('img/twitter.jpg');
}

#siteFooter .siga a.twiter:hover {
    background-position: -35px 0;
    background: url('img/twitterColor.png');
}

#siteFooter .siga a.youtube {
    background-position: -71px 0;
    background: url('img/iconeYou.png');
}

#siteFooter .siga a.youtube:hover {
    background-position: -71px 0;
    background: url('img/iconeYouColor.jpg');
}

#siteFooter .siga a.rss {
    background-position: -71px 0;
    background: url('img/iconeRSS.png');
}

#siteFooter .siga a.rss:hover {
    background-position: -71px 0;
    background: url('img/iconeRSSColor.png');
}

@media (max-width: 980px) {
    #siteFooter .siga {
        position: inherit;
        padding-left: 0;
        padding-right: 0;
        border: none;
        width: 220px;
        margin: 5px auto;
    }

    #siteFooter .siga dt,
	#siteFooter .siga dd {
        position: inherit;
        top: inherit;
    };
}

/***************************
		FOOTER MENU
***************************/
#siteFooter .menu {
    clear: both;
    padding-top: 4px;
}

#siteFooter .menu:after {
    content: '';
    border-top: 1px solid transparent;
    border-left: 980px solid transparent;
    height: 0;
    clear: both;
}

#siteFooter .menu .menuitem {
    float: left;
    padding-top: 25px;
}

#siteFooter .menu .item {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans';
}
#siteFooter .menu .footerMenuTitle {
    margin-top:15px;
    clear:left;
}
#siteFooter .submenu {
    padding-top: 12px;
    padding-right: 39px;
}
#siteFooter .submenu.submenuLast {
    height: 150px;
}

#siteFooter .submenu ul {
    float: left;
}

#siteFooter .submenu li {
    padding-top: 8px;
}

#siteFooter .submenu a {
	/*font-size: 12px;*/;
}

#siteFooter .submenu a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

@media (min-width: 981px) {
    #siteFooter .menu2 {
        display: none;
    };
}

@media (max-width: 980px) {
    #siteFooter .menu {
        display: none;
    }

    #siteFooter .menu2 {
        position: fixed;
        z-index: 99;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 49px;
        overflow: hidden;
        background-color: #850d12;
        /*background: url('img/glyphicons_355_white_bullhorn_2.png') no-repeat scroll center 8px #850D12;*/
        border-top: 1px solid #7b7b7b;
    }

    #siteFooter .menu2 div {
        width: 322px;
        margin: auto;
        height: 49px;
    }

    #siteFooter .menu2 a {
        float: left;
        margin: 0 10px;
        padding-top: 33px;
        background: url(img/menu_icons.png) no-repeat center 0;
        color: #fff;
        font-size: 10px;
    }

    #siteFooter .menu2 a.menuOuvidoria {
        background-position: center 0;
        background: url('img/glyphicons_355_white_bullhorn_2.png') no-repeat scroll center 8px rgba(0, 0, 0, 0);
    }

    #siteFooter .menu2 a.menuCorregedoria {
        background-position: center -60px;
        background: url('img/glyphicons_136_white_cogwheel.png') no-repeat scroll center 8px rgba(0, 0, 0, 0);
    }

    #siteFooter .menu2 a.menuConsulta {
        background-position: center -120px;
    }

    #siteFooter .menu2 a.menuBusca {
        background-position: center -240px;
    }
    
    #siteFooter .menu2 a.menuHome {
        background-position: center 0;
        background: url('img/glyphicons_020_home.png') no-repeat scroll center 8px rgba(0, 0, 0, 0);
    };
    
}

/***************************
		FOOTER BUSCA
***************************/
#siteFooter .busca {
    display: none;
}

@media (max-width: 980px) {
    #siteFooter .menu .footerMenuTitle {
        margin: 0 15px;
    }

    #siteFooter .busca legend {
        display: none;
    }

    #siteFooter .busca fieldset {
        padding: 40px 10px 0 10px;
    }

    #siteFooter .busca .text {
        float: none;
        display: block;
        width: 100%;
    };
}

/***********************************************************
						SITE CONTENT
***********************************************************/
@media (min-width: 981px) {
    #siteContent {
        padding-top: 176px;
    };
}

@media (max-width: 980px) {
    #siteContent {
        width: 100%;
        padding-top: 65px;
    };
}

img {
    display: block;
    width: 100%;
}

@media (max-width: 980px) {
    img.grafico {
        width: 60%;
        margin: auto;
    };
}

@media (max-width: 320px) {
    img.grafico {
        width: 100%;
    };
}

a.mais,
a.botao {
    clear: both;
    float: right;
    margin-top: 15px;
    padding: 0 10px 2px 10px;
    color: #fff;
    font-size: 0.917em;
    border-radius: 2px;
    background-color: #860d12;
}

@media (max-width: 480px) {
    a.mais {
        position: absolute;
        top: 8px;
        right: 0;
        width: 21px;
        height: 21px;
        padding: 0;
        background: url(img/icn_mais.png) no-repeat center;
        overflow: hidden;
        text-indent: -999px;
    };
}

a.link {
    color: #860d12;
    text-decoration: underline;
}

p {
    line-height: 1.5em;
    padding-bottom: 10px;
}

p a {
    color: #860d12;
    text-decoration: underline;
}

/***************************
		SOMBRA
***************************/
.sombra {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #090909;
}

.sombra2 {
    z-index: 98;
}

@media (min-width: 981px) {
    .sombra2 {
        display: none !important;
    };
}

/***************************
		COLUNAS
***************************/
.coluna {
    float: left;
}

article {
    position: relative;
    clear: both;
    margin: 0px 12.5px 25px 12.5px;
}

article:after {
    content: " ";
    display: table;
    clear: both;
}

/***************************
		TITULO
***************************/
h4.titulo {
    padding: 10px 15px 15px 15px;
    color: #292929;
    font-size: 20px;
}

h3.titulo {
    padding: 2px 0 10px 0;
    font-size: 31px;
}

@media (max-width: 480px) {
    h4.titulo {
        text-align: center;
        margin: 0 25px;
    };
}


/***************************
		CHAMDAS
***************************/
ul.chamadas {
    clear: both;
    /*margin: -15px -1.8% 0 -1.8%;*/
}

ul.chamadas li {
    float: left;
    width: 46.4%;
    margin: 15px 1.8% 0 1.8%;
    background-color: #fff;
}

ul.chamadas li:hover {
    background-color: #f5f4e0;
}

ul.chamadas li.chPq .chamada {
    float: right;
    width: 42%;
    height: 100%;
    padding-left: 4%;
    padding-right: 4%;
}

ul.chamadas li.chPq img {
    float: left;
    width: 50%;
}

ul.chamadas li.chPq:after {
    content: " ";
    display: table;
    clear: both;
}

@media (max-width: 480px) {
    ul.chamadas,
	ul.chamadas li {
        float: none;
        width: 100%;
    };
}

@media (max-width: 320px) {
    ul.chamadas {
        margin-right: 1.8%;
    }

    ul.chamadas li.chPq img {
        float: none;
        width: 100%;
    }

    ul.chamadas li.chPq .chamada {
        float: none;
        width: auto;
    };
}

.data {
    margin-right: 5px;
    color: #9D9696;
	/*font-size: 9px;*/
    line-height: 1.438em;
}

.assunto {
	/*font-size: 9px;*/
    font-size: 14px;
}

.titulo {
    display: block;
}
a.listaAcesso{
    display: block;
    padding: 10px 16px;
}
a.listaAcesso:hover {
    text-decoration: none;
    background-color: #d9d6d6;
}
.listaAcesso .titulo {
    padding: 2px 0;
    line-height: 1.500em;
    padding-bottom: 4px;
}

.listaAcesso .texto {
    display: block;
    line-height: 1.438em;
    margin-bottom: 0;
    margin-top: 0.375em;
}
div.listaAcesso{
    padding-bottom:3px;
}
.chamada {
    display: block;
    padding: 10px 16px;
}

a.chamada:hover {
    text-decoration: none;
    background-color: #d9d6d6;
}

.chamada .titulo {
    padding: 2px 0;
    line-height: 1.500em;
    padding-bottom: 4px;
}

.chamada .texto {
    display: block;
    line-height: 1.438em;
    margin-bottom: 0;
    margin-top: 0.375em;
}

/***************************
		SETAS
***************************/
.setas span {
    display: block;
    width: 41px;
    height: 41px;
    background-image: url(img/icn_setas.png);
    overflow: hidden;
    text-indent: -999px;
}

.setas span.ante {
    background-position: left 0;
}

.setas span.prox {
    background-position: right 0;
}

.setas a {
    /*display: block;*/
    width: 41px;
    height: 41px;
    background-image: url(img/icn_setas.png);
    overflow: hidden;
    text-indent: -999px;
}

.setas a.ante {
    background-position: left 0;
}

.setas a.prox {
    background-position: right 0;
}
/*@media (max-width:480px) {
	.setas a{
		width: 21px;
		height: 21px;
		background-image: url(img/icn_setas_pq.png);
	}
}*/


/***************************
		LIGHTBOX
***************************/
.lightbox {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    margin: 10px;
    background-color: #fff;
    padding: 23px 50px 65px 50px;
    -webkit-box-shadow: 0px 4px 10px 11px rgba(49, 50, 50, 0.75);
    -moz-box-shadow: 0px 4px 10px 11px rgba(49, 50, 50, 0.75);
    box-shadow: 0px 4px 10px 11px rgba(49, 50, 50, 0.75);
}

.lightbox h4.titulo {
    font-size: 30px;
}

.lightbox .icnX {
    position: absolute;
    top: 15px;
    right: 15px;
}

@media (min-width: 481px) {
    .icnX {
        display: block;
        width: 41px;
        height: 41px;
        background: url(img/icn_x.png);
        overflow: hidden;
        text-indent: -999px;
    };
}

@media (max-width: 480px) {
    .lightbox {
        width: 100%;
        max-width: 440px;
        padding: 10px 10px 20px 10px;
    }

    .lightbox h4.titulo {
        font-size: 20px;
        margin-bottom: 0;
    }

    .icnX {
        position: relative;
        width: 20px;
        height: 20px;
        line-height: 17px;
        border-radius: 20px;
        background-color: transparent;
        border: 1px solid #860d12;
        color: #860d12;
        font-size: 16px;
        text-align: center;
    }

    .icnX:hover {
        text-decoration: none;
        background-color: #860d12;
        color: #eaeaea;
    };
}

@media (max-width: 320px) {
    .lightbox {
        top: 0;
        left: 0;
    };
}


/***************************
		CONSULTAS
***************************/
.popConsultas fieldset.consulta legend {
    display: none;
}

.popConsultas fieldset.codigo {
    clear: both;
    position: relative;
    padding: 40px 20px 20px 20px;
    background-color: #31474d;
    color: #fff;
}

.popConsultas fieldset.codigo legend {
    position: absolute;
    top: 15px;
    font-size: 16px;
}

.popConsultas .titulo {
    font-size: 30px;
    padding-left: 23px;
    margin-bottom: 8px;
}

.popConsultas .button {
    float: right;
    position: relative;
    top: 55px;
}

@media (min-width: 479px) {
    .popConsultas fieldset.consulta .radio {
        cursor: pointer;
        float: left;
        margin-right: 1px;
        height: 42px;
        line-height: 42px;
        padding: 0 22px;
        background: #929d9e;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }

    .popConsultas fieldset.consulta .checked {
        background-color: #31474d;
    }

    .popConsultas fieldset.consulta input {
        margin-right: -30px;
    };
}

@media (max-width: 480px) {
    .popConsultas form {
        padding: 5px;
    }

    .popConsultas fieldset.consulta {
        padding-left: 15px;
    }

    .popConsultas .radio {
        margin-bottom: 5px;
    }

    .popConsultas .button {
        top: 10px;
    };
}


/***************************
		PLAYER DESTAQUE
***************************/
.plyer,
.player .slide {
 /*width: 100%;*/;
}

.player {
    position: relative;
    margin: 0px 12.5px;
}

.player .slides {
    position: relative;
}

.player .slide {
    position: relative;
    display: none;
    float: left;
}

.player .slide.focus {
    display: block;
}

.playerOn,
.playerOn .slides {
    overflow: hidden;
}

.playerOn .slide {
    display: block;
    margin-right: 20px;
}

.player nav {
    clear: both;
    height: 19px;
    text-align: center;
}

.player nav a {
    position: relative;
    top: -5px;
    margin: 0 2px;
    font-size: 26px;
    text-decoration: none;
    color: #929d9e;
}

.player nav a:hover {
    color: #2a393d;
}

.player nav a.active {
    color: #860d12;
}

.player .setas {
    clear: both;
}

.player .setas a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.player .setas a.ante {
    left: 11px;
}

.player .setas a.prox {
    right: 11px;
}

.player .setas a.inactive {
    cursor: default;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

@media (max-width:980px){
    .playerOn .slides li a img{
	width:95%;
	margin: auto;
    }
    
}

/***************************
		VIDEO
***************************/
.titulo.tvMPTTitle, .titulo.videoTitle {
    padding-top: 0px;
    padding-left: 10px;
}

.video {
    position: relative;
    height: 260px;
}

.video.big{
    height: auto;
}

.video img {
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.video .iframeVideo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
}
.videoArticle{
	max-width:700px;
	margin:auto;
	padding: 0 10px;
}
@media (max-width:980px) and (min-width:600px){ /*768*/
	.videoArticle{
		width:46%;
	}
	#bottomComponent {  float:right; clear: none;}
	#topComponent { float:left; clear:none; }
	#meddleComponent {
	    width: 60%;
	    clear: none;
	    float: left;
	}
	.showBannerMobile{
	    width: 33%;
	    clear: none;
	    float: right;
	    margin-left: 0px;
	}
	.showBannerMobile .banners {
	    padding: 0px 0px 12px;
	}
	.showBannerMobile .banners .banner1{
	    margin-top: 39px;
	}
	.showBannerMobile .banners .banner1, .showBannerMobile .banners .banner2{
	    width: 100%;
	    
	}
	.showBannerMobile .banners .banner1 img, .showBannerMobile .banners .banner2 img{
	    height: auto;
	    max-width: 194px;
	    margin: auto;
	    width: 100%;
	}
	
}
@media (max-width:599px){
	.videoArticle{
	    /*width:50%;*/
	    min-width: 50%;
	    max-width: 80%;
	}
	.showBannerMobile{
	    width: 100%;
	    clear: none;
	    float: right;
	    margin-left: 0px;
	}
	.showBannerMobile .banners {
	    margin-left: 25px;
	    padding: 0px;
	    /*padding: 0px 0px 12px;*/
	}
	.showBannerMobile .banners .banner1{
	    /*margin-left: 25px;*/
	}
	.showBannerMobile .banners .banner1, .showBannerMobile .banners .banner2{
	    width: 46%;
	    float:left;
	}
	.showBannerMobile .banners .banner1 img, .showBannerMobile .banners .banner2 img{
	    height: auto;
	    max-width: 100%;
	    margin: auto;
	    width: 100%;
	}
	.showBannerMobile .banners .banner2{
	    margin-left: 10px;
	}
}

/***************************
		PLAYLIST
***************************/
ul.playlist {
    padding: 0px 0px 8px;
    background-color: #fff;
}

ul.playlist li {
    margin: 0 0px;
    border-bottom: 1px solid #eaeaea;
}

ul.playlist li:last-child {
    border-bottom: none;
}

ul.playlist a {
    display: block;
    padding: 10px 10px;
    background-color: #DAD9D9;
}
/* 
ul.playlist a:hover{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	margin: -1px -10px;
	background-color: #f8f5c9;
	font-size: 1.167em;
	font-weight: bold;
	text-decoration: none;
}
*/
ul.playlist .tempo {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
    color: #b0b0b0;
    font-size: 12px;
    font-weight: normal;
}


/***************************
		MAPA
***************************/
.mapaEstado {
    position: relative;
    min-height: 245px;
    padding: 20px 10px 10px 257px;
    background-color: #fff;
}

.mapaEstado:after {
    content: " ";
    display: table;
    clear: both;
}

.mapaEstado img {
    display: block;
    width: 237px;
    height: 239px;
}

@media (max-width: 320px) {
    .mapaEstado {
        padding: 10px;
    }

    .mapaEstado figure {
        position: relative;
        margin: 0 auto 10px auto;
    };
}

.mapaEstado li {
    display: none;
}

.mapaEstado li.active {
    display: block;
}

.mapaEstado .titulo {
    margin-bottom: 4px;
    font-size: 16px;
}

.mapaEstado .texto {
    padding-bottom: 12px;
    margin-bottom: 9px;
    line-height: 18px;
    border-bottom: 1px solid #c3c3c3;
}

.mapaEstado .icone {
    padding-left: 31px;
    background: url(img/mapa_icone.png) no-repeat 0 0;
    margin-bottom: 15px;
}

.mapaEstado .pessoa {
    background-position: 0 3px;
}

.mapaEstado .site {
    background-position: 0 -50px;
}

.mapaEstado .local {
    background-position: 0 -100px;
}

.mapaEstado .content strong {
    color: #000;
}

.mapaEstado .content em {
    display: block;
    font-size: 0.917em;
}

.mapaEstado address {
    margin-bottom: 10px;
}


/***************************
		GRADE
***************************/
.grade {
    clear: both;
    overflow: hidden;
    background-color: #fff;
}

.grade li {
    position: relative;
    width: 50%;
    border: 1px solid #c3c3c3;
    border-bottom: 0;
    border-right: 0;
    margin-top: -1px;
    margin-left: -1px;
}

.grade li:nth-child(odd) {
    float: left;
}

.grade li:nth-child(even) {
    float: right;
}

.grade div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 30px;
    background-color: #fff;
}

@media (max-width: 480px) {
    .grade li {
        width: 100%;
    }

    .grade div {
        padding: 20px;
    }

    .grade .mais {
        top: 0;
        right: 6px;
    };
}
/***************************
		REDES SOCIAIS 
***************************/
.compartilhe {
    position: absolute;
    top: 0;
    right: -10px;
    height: 56px;
    padding-left: 2px;
    padding-right: 14px;
    border-top: 56px solid rgb(66,66,66);
    border-left: 38px solid transparent;
}

.compartilhe dt {
    padding-top: 0px;
    margin-left: 527px;
    width: 65px;
    cursor: pointer;
}

.compartilhe dd {
    margin-top: -17px;
    float: right;
    padding-top: 9px;
    padding-right: 1px;
}

.compartilhe a {
    display: block;
    width: 16px;
    height: 16px;
    background: url(css/img/footer_siga_icons.png);
    overflow: hidden;
    text-indent: -999px;
}

.compartilhe a.facebook {
    background-position: 0 0;
    background: url(img/iconeF.png);
}

.compartilhe a.facebook:hover {
    background-position: 0 0;
    background: url(img/iconeFcolor.jpg);
}

.compartilhe a.twitter {
    background-position: -35px 0;
    background: url(img/iconeT.png);
}

.compartilhe a.twitter:hover {
    background-position: -35px 0;
    background: url(img/iconeTcolor.jpg);
}

.compartilhe a.youtube {
    background-position: -71px 0;
    background: url(img/iconeY.png);
}

.compartilhe a.youtube:hover {
    background-position: -71px 0;
    background: url(img/iconeYcolor1.png);
}

.compartilhe a.rss {
    background-position: -95px 0;
    background: url('img/iconeRSS.png');
}

.compartilhe a.rss:hover {
    background-position: -95px 0;
    background: url('img/iconeRSScolor.png');
}

@media (max-width: 980px) {
    .compartilhe {
        position: inherit;
        padding-left: 0;
        padding-right: 0;
        border: none;
        width: 220px;
        margin: 5px auto;
    }

    .compartilhe dt,
	.compartilhe dd {
        position: inherit;
        top: inherit;
    };
}
.social{
    float: right;
    margin-top: 10px;
}
.rybenaImg {
	display:inline;
	width:inherit;
}