@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: "OpenSans-ExtraBold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-ExtraBold.ttf");
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Bold.ttf");
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Semibold.ttf");
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "Courier-Prime-Bold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/Courier-Prime-Bold.ttf");
}


/*! jQuery UI - v1.11.4 - 2016-01-18
* http://jqueryui.com
* Includes: core.css, accordion.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=14px&cornerRadius=0px&bgColorHeader=%23cccccc&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2016 jQuery Foundation and other contributors; Licensed MIT */

body {
    background-color: #000;
    /*margin:10px auto;*/
    width: 560px;
    height: auto;
    margin: 0 auto;
    overflow-x: none;
}

.titleee-accordeon {
    color: #000;
    font-family: 'OpenSans-Bold';
    /*text-transform:uppercase;*/
    height: auto;
    position: relative;
    width: 100%;
    padding-top: 10px;
}

.setorrr {
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: -2px;
}

.titulo-header {
    width: 560px;
}

@media screen and (max-width: 480px) {
    .titulo-header {
        width: 480px;
    }
    body {
        width: 480px
    }
}

@media screen and (max-width: 414px) {
    .titulo-header {
        width: 414px;
    }
    body {
        width: 414px;
    }
}

@media screen and (max-width: 375px) {
    .titulo-header {
        width: 375px;
    }
    body {
        width: 375px;
    }
}

@media screen and (max-width: 360px) {
    .titulo-header {
        width: 360px;
    }
    body {
        width: 360px;
    }
}

@media screen and (max-width: 320px) {
    .titulo-header {
        width: 300px;
    }
    body {
        width: 300px;
    }
}

@media screen and (max-width: 480px) {
    .setorrr {
        width: 480px;
        height: auto;
    }
}

@media screen and (max-width: 414px) {
    .setorrr {
        width: 414px;
        height: auto;
    }
}

@media screen and (max-width: 375px) {
    .setorrr {
        width: 375px;
        height: auto;
    }
}

@media screen and (max-width: 360px) {
    .setorrr {
        width: 360px;
        height: auto;
    }
}

@media screen and (max-width: 320px) {
    .setorrr {
        width: 300px;
        height: auto;
    }
}

.conteudo {
    line-height: 20px;
    margin-left: 1px;
    font-family: "OpenSans-Semibold";
    font-size: 15px;
    color: white;
    padding: 20px 10px 0 0;
    width: 250px;
}

.thumbs {
    float: left;
    cursor: pointer;
}

.fonteee {
    color: #000;
    font-size: 0.8em;
    font-family: 'OpenSans-Regular';
    line-height: 1.2em;
    text-align: left;
    width: 280px;
    height: auto;
    position: relative;
    top: -500px;
    z-index: 100000;
}

.textooo-caixa {
    width: 260px;
    height: 700px;
    top: -55px;
    font-size: 15px;
    line-height: 20px;
    font-family: "OpenSans-Semibold";
    color: black;
    z-index: 10013;
    position: relative;
    padding-left: 10px;
    padding-right: 5px;
}

.titulo-preto {
    color: #000;
    font-size: 18px;
    font-family: "OpenSans-ExtraBold";
    text-align: left;
    width: 280px;
    height: auto;
    position: relative;
    z-index: 10003;
    line-height: 18px;
}

.xisss {
    color: #000;
    font-weight: bold;
    position: absolute;
    top: -17px;
    left: 4px;
    z-index: 10003;
    font-family: "OpenSans-ExtraBold";
    cursor: pointer;
}

.amarelooo {
    background-color: #000;
    width: 280px;
    height: 480px;
    position: relative;
    top: -520px;
    z-index: 10000;
    display: block;
}

.quantidadeee {
    font-family: "OpenSans-Bold";
    background-color: #000;
    text-transform: uppercase;
    color: #000;
    padding: 5px 0 5px 8px;
    margin-left: 0;
    width: 250px;
}

.nomeee,
.siglaaa {
    font-family: "OpenSans-Bold";
    line-height: 1.1em;
}

.empresaaa {
    font-family: "OpenSans-Regular";
}

#um {
    cursor: auto;
    display: none;
    position: relative;
    top: 472px;
    z-index: 1;
    width: 50px;
    height: 0px;
}

#dois {
    cursor: auto;
    display: none;
    position: relative;
    top: 472px;
    z-index: 1;
    width: 50px;
    height: 0px;
}

#click_um {
    cursor: pointer;
    position: relative;
    width: 130px;
    height: 130px;
    z-index: 10010;
    top: 353px;
    background-image: url(../images/mais-transparentes-hover.png);
}

#click_um:hover {
    cursor: pointer;
    position: relative;
    width: 130px;
    height: 130px;
    z-index: 10010;
    top: 353px;
    background-image: url(../images/mais-transparentes.png);
}

#click_dois {
    cursor: pointer;
    position: relative;
    width: 130px;
    height: 130px;
    z-index: 10010;
    top: 353px;
    left: 20px;
    background-image: url(../images/grandes-escandalos-hover.png);
}

#click_dois:hover {
    cursor: pointer;
    position: relative;
    width: 130px;
    height: 130px;
    z-index: 10010;
    top: 353px;
    left: 20px;
    background-image: url(../images/grandes-escandalos.png);
}

#fechar_um,
#fechar_dois {
    color: #000;
    position: relative;
    background-color: #000000;
    top: 40px;
    left: 255px;
    width: 20px;
    height: 20px;
    z-index: 10001;
}


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*     line-height: 1.3;
     */
    text-decoration: none;
    font-size: 0%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    /*margin-left: -40px;
	padding: 0 0 26px 0;*/
    min-height: 0;
    /* support: IE7 */
    width: 100%;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 0px;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 0px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 88%;
    top: 60%;
    margin-top: -21px;
}

@media screen and (max-width: 480px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 87%;
    }
}

@media screen and (max-width: 414px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 85%;
    }
}

@media screen and (max-width: 375px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 84%;
    }
}

@media screen and (max-width: 360px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 84%;
    }
}

@media screen and (max-width: 320px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        left: 86%;
    }
}

.ui-accordion .ui-accordion-content {
    padding-right: 50px;
    font-size: 0.9em;
    display: none;
    width: 100%;
    /*     height: 570px;
     */
}


/* Component containers
----------------------------------*/

.ui-widget {
    position: relative;
    top: 0;
    padding-left: 0;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    /*     border-bottom: 1px solid #000;
     */
    background: #000;
    /*url("../images/ui-bg_flat_75_e6e6e6_40x100.png") 50% 50% repeat-x;*/
    font-weight: bold;
    color: #000;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #000;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    /*     border-bottom: 1px solid #000;
     */
    background-color: #000;
    /*url("../images/ui-bg_flat_75_dadada_40x100.png") 50% 50% repeat-x;*/
    font-weight: bold;
    color: #000;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #000;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border-bottom: 1px solid #000000;
    * //* background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; */
    font-weight: bold;
    color: #000;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000000;
    text-decoration: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    /*     border-bottom: 1px solid #fff;
     */
    /* background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; */
    color: #000;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #000;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    /*     border-bottom: 1px solid #000;
     */
    /* background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; */
    color: #000;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #000;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #000;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 36px;
    height: 36px;
    z-index: 100000;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/mais.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../images/menos.png");
}

.ui-state-default .ui-icon {
    background-image: url("../images/mais.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../images/mais.png");
}

.ui-state-active .ui-icon {
    background-image: url("../images/menos.png");
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}


/* Overlays */

.ui-widget-overlay {
    background: #000000 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #000000 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
    border-radius: 8px;
}