@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:#fff;
  /*margin:10px auto;*/
  width:560px;
  height:auto;
}
@media screen and (max-width: 480px) {
    body {
      width: 480px;
      height:auto;
    }
}
@media screen and (max-width: 414px) {
    body {
      width: 414px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    body {
      width: 375px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    body {
      width: 360px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    body {
      width: 320px;
      height:auto;
    }
}

.setorrr{
  z-index:1;
  position:relative;
  top:0;
  left:-5px;
}
@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: 320px;
      height:auto;
    }
}

.setorrr2 {
  z-index:1;
  position:relative;
  top:0;
  left:-1px;
}
@media screen and (max-width: 480px) {
    .setorrr2 {
      width: 480px;
      height:auto;
      left:0;
    }
}
@media screen and (max-width: 414px) {
    .setorrr2 {
      width: 414px;
      height:auto;
      left:0;
    }
}
@media screen and (max-width: 375px) {
    .setorrr2 {
      width: 375px;
      height:auto;
      left:0;
    }
}
@media screen and (max-width: 360px) {
    .setorrr2 {
      width: 360px;
      height:auto;
      left:0;
    }
}
@media screen and (max-width: 320px) {
    .setorrr2 {
      width: 320px;
      height:auto;
      left:0;
    }
}

.imagemmm{
  z-index:1;
  position:relative;
  top:0;
  left:-5px;
}
@media screen and (max-width: 480px) {
    .imagemmm {
      width: 480px;
      height:auto;
      margin-left: 2px;
    }
}
@media screen and (max-width: 414px) {
    .imagemmm {
      width: 414px;
      height:auto;
      margin-left: 2px;
    }
}
@media screen and (max-width: 375px) {
    .imagemmm {
      width: 375px;
      height:auto;
      margin-left: 2px;
    }
}
@media screen and (max-width: 360px) {
    .imagemmm {
      width: 360px;
      height:auto;
      margin-left: 2px;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm {
      width: 320px;
      height:auto;
    }
}

.conteudo{   
  margin-left: 1px;
  font-family: "OpenSans-Semibold";  
  color: white;
  padding:0;
  width:560px;
  height:auto;
}

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

.titleee-accordeon{
  height:40px;
}
@media screen and (max-width: 480px) {
    .titleee-accordeon {
      height:31px;
    }
}
@media screen and (max-width: 414px) {
    .titleee-accordeon {
      height:24px;
    }
}
@media screen and (max-width: 375px) {
    .titleee-accordeon {
      height:20px;
    }
}
@media screen and (max-width: 360px) {
    .titleee-accordeon {
      height:18px;
    }
}
@media screen and (max-width: 320px) {
    .titleee-accordeon {
      height:13px;
    }
}



/* 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: 100%;
	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;
}
@media screen and (max-width: 480px) {
    .ui-icon {
      width: 13px;
      height: 13px;
    }
}
@media screen and (max-width: 414px) {
    .ui-icon {
      width: 13px;
      height: 13px;
    }
}
@media screen and (max-width: 375px) {
    .ui-icon {
      width: 13px;
      height: 13px;
    }
}
@media screen and (max-width: 360px) {
    .ui-icon {
      width: 13px;
      height: 13px;
    }
}
@media screen and (max-width: 320px) {
    .ui-icon {
      width: 8px;
      height: 8px;
    }
}


/* 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: 5px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 10px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
  left: 3%;
  top: 81%;
  margin-top: -22px;
}
@media screen and (max-width: 480px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      left: 5%;
      top: 119%;
    }
}
@media screen and (max-width: 414px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      left: 4%;
      top: 141%;
    }
}
@media screen and (max-width: 375px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      left: 4%;
      top: 154%;
    }
}
@media screen and (max-width: 360px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      left: 3%;
      top: 159%;
    }
}
@media screen and (max-width: 320px) {
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      left: 3%;
      top: 200%;
    }
}
.ui-accordion .ui-accordion-content {
	padding-right: 50px;
  font-size: 0.9em;
  display: none;
  width: 92%;
  height: auto;
}

/* 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 #fff;
	background: #fff; /*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: #fff;
	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 #fff;
	background-color: #fff; /*url("../images/ui-bg_flat_75_dadada_40x100.png") 50% 50% repeat-x;*/
	font-weight: bold;
	color: #fff;
}
.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: #fff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border-bottom: 1px solid #fff;
	/* background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; */
	font-weight: bold;
	color: #fff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	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: #fff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #fff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border-bottom: 1px solid #fff;
	/* background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; */
	color: #fff;
}
.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: 38px;
	height: 38px;
  z-index: 100000;
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("../images/mais.png");
}
@media screen and (max-width: 480px) {
    .ui-icon, .ui-widget-content .ui-icon {
      background-image: url("../images/mais-320.png");
    }
}


.ui-widget-header .ui-icon {
	background-image: url("../images/menos.png");
}
@media screen and (max-width: 480px) {
    .ui-widget-header .ui-icon{
      background-image: url("../images/menos-320.png");
    }
}


.ui-state-default .ui-icon {
  background-image: url("../images/mais.png");
}
@media screen and (max-width: 480px) {
    .ui-state-default .ui-icon {
      background-image: url("../images/mais-320.png");
    }
}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("../images/mais.png");
}
@media screen and (max-width: 480px) {
    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
      background-image: url("../images/mais-320.png");
    }
}

.ui-state-active .ui-icon {
  background-image: url("../images/menos.png");
} 
@media screen and (max-width: 480px) {
    .ui-state-active .ui-icon {
      background-image: url("../images/menos-320.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;
}