yoy/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; *overflow-x:hidden; }

body { margin: 0; background:#f2f2f2 transparent; color:#393939; text-rendering: optimizeLegibility; *overflow-x:hidden;}
html.lt-ie8 {font-style:normal !important}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #393939; color: #d4d4d4; text-shadow: black 0.1em 0.1em 0.2em; filter: glow(color=black,strength=5); }
::selection { background: #393939; color: #d4d4d4; text-shadow: black 0.1em 0.1em 0.2em; filter: glow(color=black,strength=5); }


/* =============================================================================
   Links
   ========================================================================== */

a { text-decoration:none; color:#464646; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: none; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:0; padding:0; list-style-type:none;}
dd { margin:0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/*--- fontes ---*/
/*local('☺'), */
@font-face {
  font-family: 'frutiger-black';
  src: url('../fonts/FrutigerLTStd-Black.eot') format('eot');
  src: local("☺"), url('../fonts/FrutigerLTStd-Black.woff') format('woff'), 
       url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'), 
       url('../fonts/FrutigerLTStd-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'frutiger-bold';
  src: url('../fonts/FrutigerLTStd-Bold.eot') format('eot');
  src: local("☺"), url('../fonts/FrutigerLTStd-Bold.woff') format('woff'), 
       url('../fonts/FrutigerLTStd-Bold.ttf') format('truetype'), 
       url('../fonts/FrutigerLTStd-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'frutiger-italic';
  src: url('../fonts/FrutigerLTStd-Italic.eot') format('eot');
  src: local("☺"), url('../fonts/FrutigerLTStd-Italic.woff') format('woff'), 
       url('../fonts/FrutigerLTStd-Italic.ttf') format('truetype'), 
       url('../fonts/FrutigerLTStd-Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'frutiger-light';
  src: url('../fonts/FrutigerLTStd-Light.eot') format('eot');
  src: local("☺"), url('../fonts/FrutigerLTStd-Light.woff') format('woff'), 
       url('../fonts/FrutigerLTStd-Light.ttf') format('truetype'), 
       url('../fonts/FrutigerLTStd-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'frutiger-roman';
  src: url('../fonts/FrutigerLTStd-Roman.eot') format('eot');
  src: local("☺"), url('../fonts/FrutigerLTStd-Roman.woff') format('woff'), 
       url('../fonts/FrutigerLTStd-Roman.ttf') format('truetype'), 
       url('../fonts/FrutigerLTStd-Roman.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*- GERAL -*/

  /*conteudo geral*/
.main {
  width:100%;
  height:100%;
}

  /*header*/

.main .header {
  width:100%;
  float:left;
  /*height:137px;*/
  background:url(../img/geral/bgHeader.png) repeat-x top left #0066CC;
}

.header .supHeader {
  margin:auto;
  width:960px;
 /* height:98px;*/
}

.supHeader > h1 {width:594px; height:98px; text-indent:-100000px; position:relative; float:left; margin:0; left:0; background:url(../img/geral/logo.jpg) top left no-repeat;}

.supHeader > h1 a {
height: 98px;
width: 594px;
display:block;}

.supHeader .contentHeader {
  float:right;
  width:290px;
}

.contentHeader ul {
  margin:10px 0;
  padding:0;
  float:left;
  width:330px;
}

.contentHeader form{
  float:left;
  width:290px;
}

.contentHeader li {
  float:left;
  padding:0;
  position:relative;
}

.contentHeader li a{
  float:left;
  margin:0 5px;
  background:url(../img/geral/bgSocialHeader.png) no-repeat;
  color:#FFF;
  font:13px 'frutiger-light';
}

.contentHeader li.border {
  border-right:1px dotted #FFF;
  width:211px;
  margin-right:10px;
}

.contentHeader li.border a {
  text-indent: -9999px;
}

.contentHeader li a[title='Fale conosco']{
  background-position:-19px -3px;
  padding:0 0 0 20px;
  margin:4px 0 0;
}

.contentHeader li a[title='Facebook']{
  background-position:-19px -27px;
  padding:2px 0 3px 20px;
}

.contentHeader li a[title='Facebook']:hover{
  background-position:-45px -27px;
}

.contentHeader li a[title='Twitter']{
  background-position:-19px -57px;
  padding:4px 0 4px 20px;
}

.contentHeader li a[title='Twitter']:hover{
  background-position:-45px -57px;
}

.contentHeader li a[title='Flickr']{
  background-position:-17px -83px;
  padding:4px 0 4px 20px;
}

.contentHeader li a[title='Flickr']:hover{
  background-position:-43px -83px;
}

.contentHeader li a[title='Youtube']{
  background-position:-19px -111px;
  padding:4px 0 4px 20px;
}

.contentHeader li a[title='Youtube']:hover{
  background-position:-45px -111px;
}

.contentHeader li a[title='Google Plus']{
  background-position:-19px -151px;
  padding:4px 0 4px 20px;
  width:0;
}

.contentHeader li a[title='Google Plus']:hover{
  background-position:-45px -151px;
}

.contentHeader li a[title='Instagran']{
  background-position:-19px -179px;
  padding:4px 0 4px 20px;
}

.contentHeader li a[title='Instagran']:hover{
  background-position:-45px -179px;
}

.contentHeader li a[title='Telefones']{
  background-position:-19px -207px;
  padding:4px 0 4px 20px;
}

.contentHeader li a[title='Telefones']:hover{
  background-position:-45px -207px;
}

.contentHeader li a[title='Assine nossa newsletter']{
  background:none;
  padding:0;
  margin:4px 0 0;
}



.contentHeader .cadastroNews {
  position: absolute;
  right:0;
  display: none;
  top:30px;
  width:280px;
  padding:10px;
  background:#00468b;
  font:13px 'frutiger-light';
  color:#00cdff;
  z-index:10;
}

.cadastroNews p{
  margin:0 0 10px 0;
}

.cadastroNews label {
  display:block;
}

.cadastroNews fieldset{
  float:left;
  width:280px;
  margin:10px 0 0 0;
}

.cadastroNews fieldset span {
  line-height: 25px;
}

.cadastroNews input[type='text']{
  width:276px;
  border: 0;
  padding:3px;
  margin:10px 0;
}

.cadastroNews input[type='submit']{
  background: #00cdff;
  color:#FFF;
  border: 0;
  font:13px 'frutiger-bold';
  padding: 5px;
  float: right;
}

.cadastroNews input[type='submit'].disabled{
  opacity: 0.5;
  -o-opacity: 0.5;
  -moz-opacity: 0.5;
  -webki-opacity: 0.5;
}

.cadastroNews p span {
  color:#FFF;
  font-size:16px;
  line-height:14px;
  float:right;
  cursor:pointer;
}

.contentHeader > input[type='text']{
  padding:7px 0 7px 6px;
  border:0;
  font:13px 'frutiger-light';
  background:#FFF;
  float:left;
  width:249px;
  margin:0 1px 0 0;
}

.contentHeader .bt_busca{
	position:relative;
	width:30px;
	height:30px;
	float:left;
	background:url(../img/geral/bgBtnSearchHeader.png) no-repeat center center #FFF;
	border: 0;
	text-indent: -9999px;
	cursor:pointer;
}

  /*menu reader*/
.header .mainMenu{
  float:left;
  width:100%;
  height:39px;
  background:#00cdff;
}

.mainMenu > a {
  float:left;
  font:13px 'frutiger-roman';
  padding:12px 12px 12px 37px;
  background: url(../img/geral/bgBtnAreaRestritaMainMenu.png) no-repeat top left;
  color:#FFF;
  margin:0 0 0 23px;
}

.mainMenu > ul {
  margin:auto;
  width:960px;
  padding:0;
}

.mainMenu > ul > li {
  float:left;
  position: relative;
  padding:10px;
}

/*hover .mainMenu > ul > li:hover > div{
  display: block;
}*/

.mainMenu > ul > li > a,
.mainMenu > ul > li > span
{
  font:11px 'frutiger-roman';
  text-transform: uppercase;
  color:#FFF;
  background:url(../img/geral/bgLinksMainMenu.png) no-repeat;
  padding:3px 0 4px 25px;
}
.mainMenu > ul > li > span {
  cursor:default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mainMenu > ul > li > span[title='Institucional']{
  background-position:0 -277px;
  cursor:default;
}

.mainMenu > ul > li > span[title='Institucional']:hover{
  background-position:0 0;
}

.mainMenu > ul > li > span[title='Esporte']{
  background-position:0 -20px;
}

.mainMenu > ul > li > span[title='Esporte']:hover{
  background-position:0 -42px;
}

.mainMenu > ul > li > span[title='Programação']{
  background-position:0 -61px;
}

.mainMenu > ul > li > span[title='Programação']:hover{
  background-position:0 -84px;
  
}

.mainMenu > ul > li > span[title='Relacionamento']{
  background-position:0 -103px;
}

.mainMenu > ul > li > span[title='Relacionamento']:hover{
  background-position:0 -126px;
}

.mainMenu > ul > li > span[title='Crianças']{
  background-position:0 -146px;
}

.mainMenu > ul > li > span[title='Crianças']:hover{
  background-position:0 -168px;
}

.mainMenu > ul > li > span[title='Marketing']{
  background-position:0 -191px;
}

.mainMenu > ul > li > span[title='Marketing']:hover{
  background-position:0 -215px;
}

.mainMenu > ul > li > span[title='Mais']{
  background-position:0 -236px;
}

.mainMenu > ul > li > span[title='Mais']:hover{
  background-position:0 -256px;
}

.mainMenu > ul > li .modalidadesMainMenu {
  position: absolute;
  left:0;
  display:none;
  top:39px;
  z-index: 9999;
  background: #00bdff;
  font:13px 'frutiger-light';
  color:#FFF;
  width:475px;
}

.mainMenu > ul > li .submenuMainMenu {
  position: absolute;
  left:0;
  display:none;
  top:39px;
  z-index: 100000;
  background: #00bdff;
  font:13px 'frutiger-light';
  color:#FFF;
}

.mainMenu > ul > li .submenuMainMenu .subLink {
	margin-left:10px;
}

.modalidadesMainMenu div {
  border-top:1px dotted #000;
  border-bottom:1px dotted #000;
  padding:10px 12px;
  float:left;
  width:451px;
}

.submenuMainMenu div {
  border-top:1px dotted #000;
  border-bottom:1px dotted #000;
  padding:10px 12px;
  float:left;
  width:200px;
}

.modalidadesMainMenu a,
.submenuMainMenu a {
  font:13px 'frutiger-light';
  color:#FFF;
}

.submenuMainMenu a {
  display: block;
  margin:0 0 5px 0;
}

.submenuMainMenu span {
  display: block;
  margin:0 0 5px 0;
}

/*hover .mainMenu > ul > li div a:hover {
  color:#0685CC;
}*/

.modalidadesMainMenu strong {
  padding:10px 12px;
  float:left;
  width:451px;
}

.modalidadesMainMenu ul {
  padding:0 12px 10px 12px;
  float:left;
  width:134px;
}

.modalidadesMainMenu div a {
  float:left;
  margin:0 20px 0 0;
}

  /*menu modalidades*/

.menuModalidade {
  float:left;
  height:37px;
  width:100%;
  background:#006ecd;
}

.menuModalidade .contentMenuModalidade {
  margin:auto;
  width:960px;
}

.contentMenuModalidade .titleModalidade {
  float:left;
  margin:0 15px 0 0;
  padding-top: 5px;
}

.contentMenuModalidade .titleModalidade a {
  color:#FFF;
  font:25px 'frutiger-bold';
  text-transform: uppercase;
}

.contentMenuModalidade > ul {
  float:left;  
}

.contentMenuModalidade li {
  float:left;
  margin:0 10px 0 0;
  position:relative;
  padding:11px 0;
}

.contentMenuModalidade li > div {
  background:#ffd300;
  color:#FFFFFF;
  display:none;
  font:13px 'frutiger-light';
  left:-12px;
  position:absolute;
  top:37px;
  z-index:990;
  border-bottom: 1px dotted #000000;
  border-top: 1px dotted #000000;
  float: left;
  padding: 10px 12px;
  width: 200px;
}

.contentMenuModalidade li > div a {
  display:block;
  margin:0 0 5px;
  float:inherit;
  width: 100%;
}

.contentMenuModalidade li a,
.contentMenuModalidade li span {
  font:11px/15px 'frutiger-roman';
  color:#FFF;
  text-transform:uppercase;
  float:left;
}

.contentMenuModalidade span {
  cursor:default;
}

.contentMenuModalidade li:hover > div {
  display:block;
}

.menuModalidade.areaCriancas {
  background:#ffd300;
}
.menuModalidade.areaCriancas .contentMenuModalidade ul > li > a {
  font-size:14px;
}
.menuModalidade.areaCriancas .contentMenuModalidade a:hover {
  color:#fe9f00;
}

/*hover .contentMenuModalidade a:hover {
  color:#73afe4;
}*/

  /*conteudo*/

.content{
  float: left;
  width: 100%;
  min-height: 1300px;
  background: url(../img/geral/main_bg.jpg) repeat top left;
  color:#FFF;
  /*padding:0 0 40px 0;*/
}

.content-atletas{
  float: left;
  width: 100%;
  min-height: 1300px;
  background: url(../img/geral/main_bg.jpg) repeat top left;
  color:#FFF;
  padding:0 0 40px 0;
}

.content .container {
  margin:20px auto;
  width:960px;
}

  /*rodapé*/
  
  #layerLightbox {width:100%; position:fixed; top:0; left:0; background:url(../img/geral/bg_lightbox.png); display:none; z-index:10000; overflow-y:auto}
#layerLightbox .contentLightbox {width:376px; position:absolute; top:286px; left:50%; background:#FFF; margin-left:-188px;}
#layerLightbox .mapa {width:1000px; height:599px; position:absolute; top:10px; left:50%; background:#FFF; margin-left:-500px; display:none}

.main .footer {
  float:left;
  width:100%;
  background:#007dc4;
	color:#dcf878;

}

#contatoFooter {font-size:12px; line-height:150%}
#contatoFooter #verMapa {cursor:pointer;}
#contatoFooter #verMapa:hover {color:#fff}
.footer .contentFooter {
  margin:auto;
  width:960px;
  padding:20px 0;
  overflow:hidden;
}

.contentFooter .menuFooter {
  float:left;
  width:960px;
  height:490px;
  margin:0 0 20px 0;
}

.menuFooter .linksFooter {
  float:left;
  border-right:1px dotted #FFF;
  padding:10px;
  height:100%;
  overflow:hidden;
}

.menuFooter .linksFooter.noBorder {
  border-right:0;
}

.menuFooter .linksFooter strong,
.menuFooter .linksFooter b {
  font:13px 'frutiger-bold';
  float:left;
  width:100%;
  color:#FFF;
  border-bottom:1px dotted #FFF;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}

.menuFooter .linksFooter b {
  border-bottom:0;
  margin:0;
}

.menuFooter .linksFooter ul {
  float:left;
  width:100%;
  margin:0 0 10px 0;
  padding:0;
}

.menuFooter .linksFooter ul.listModalidadesFooter {
  padding:0 12px 10px 0;
  float:left;
  width:110px;
}

.menuFooter .linksFooter li span {
	font:12px 'frutiger-roman';
	color:#dcf878;
}

.menuFooter .linksFooter li a {
	font:12px 'frutiger-roman';
	color:#dcf878;
}
.menuFooter .linksFooter li a:hover {
	color:#ffffff;
}

.linksFooter.areaDoAssociao {
  width:180px;
  min-height:486px;
}

.linksFooter.criancas {
  width:150px;
}

.linksFooter.esportes {
  width:367px;
}

.linksFooter .subMenuEsportes li{
  float:left;
  margin:0 10px 0 0;
}

.linksFooter.mais {
  width:177px;
}

.footer .subFooter {
  float:left;
  width:100%;
  padding:10px 0;
  background:#006dbd;
  border-top:1px dotted #00cdff;
}

.subFooter .alignSubFooter {
  margin:auto;
  width:960px;
}

.subFooter a {
  color:#00cdff;
  font:13px 'frutiger-light';
  text-transform: uppercase;
}

.subFooter a.linkLeft {
  background:url(../img/geral/bgLogoFooter.png) no-repeat left center;
  float:left;
  padding:18px 0 18px 65px;
}

.subFooter a.linkRight {
  float:right;
  padding:8px 0 8px 65px;
}

.subFooter img {
  vertical-align:bottom;
}

/*--estilos gerais --*/
.navCycle {
  width:25px; 
  height:52px; 
  position:absolute; 
  top:50%; 
  margin:-15px 0 0;
  background:url(../img/geral/nav_destaques.png); 
  cursor:pointer;
}

.verMapa {
  cursor:pointer;
}

.navCycle.galeria {
  width:25px; 
  height:52px; 
  position:absolute; 
  top:50%; 
  margin:-15px 0 0;
  background:url(../img/geral/nav_galeria.png); 
  cursor:pointer;
}

.navCycle .over {
  width:25px; 
  height:52px; 
  position:absolute; 
  top:0; 
  left:0; 
  background:url(../img/geral/nav_destaques.png)
}

.navCycle.galeria .over {
  width:25px; 
  height:52px; 
  position:absolute; 
  top:0; 
  left:0; 
  background:url(../img/geral/nav_galeria.png)
}

#mainNext.navCycle {
  background-position:-25px 0; 
  right:-25px;
}

#mainNext.navCycle .over {
  background-position:-75px 0; 
  display:none;
}
#mainPrev.navCycle {
  background-position:0 0; 
  left:-25px;
}

#mainPrev.navCycle .over {
  background-position:-50px 0; 
  display:none;
}

.btnTop {
  position: fixed;
  bottom:0;
  right:20px;
  width:53px;
  height:25px;
  display: none;
  cursor: pointer;
  background:url(../img/geral/nav_topo.png)no-repeat 0 -50px;
}

.btnTop .over {
  display:none;
  position: absolute;
  top:0;
  left:0;
  width:53px;
  height:25px;
  background:url(../img/geral/nav_topo.png)no-repeat 0 0;
}

#sidebar a:hover {color:#fff}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* clear margin right */
.last { margin:0; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

#mainConteudo #sidebar a:hover {color:#fff}