/*
// CSS Style for CB - Especial Ip� -2015
//
// Authors - Vin�cius P. (viniciuspaixao.df@dabr.com.br)
//			 Bruno R. (brunorodrigues.df@dabr.com.br)
//
// Version - 1.0
*/
/*
-- FIRST BLOCK
-- Typography | Headings | Paragraphs | links
*/
/*
-- SECOND BLOCK
-- Navigation | Mobile Navigation
*/
    header.primary {
		background-color: #fff !important;
		top: 0px;
		border-width: 0px 0px 1px;
		height: 80px;
		box-shadow: 0px 0px 3px 1px #999;
		position: fixed;
		right: 0px;
		left: 0px;
		z-index: 1030;
	}
	header div.container {
		width: 100% !important;
	}
    img.logo-CB {
	    position: absolute;
	    top: 15px;
	    left: 70px;
	}
    img.selo-CB {
        position: absolute;
        top: 0px;
        left: 70px;
    }
	div.top_menu img.logo-cb {
		margin: 15px 0 15px 60px !important;
	}
	div.top_menu img.selo-cb {
		margin: 0 0 0 60px !important;
	}
	header div#logo-especial_top {
			max-width: 400px;
			width: 100%;
			margin: 0 auto;
		}
	header div#patrocinio_top {
			margin-right:15px;
			width: 180px !important;
		}
	.nav-main {display: none;}
    .bar-main-menu{border-bottom: 10px solid #3AC1CB; height: 75px;position: fixed;}
	/* Important styles - Toggle Menu */
		#toggle {
		  display: block;
		  width: 40px;
		  height: 40px;
		  margin: 0 auto 10px;
		  position: absolute;
		  top: 22px;

		}
		#toggle span:after,
		#toggle span:before {
		  content: "";
		  position: absolute;
		  left: 0;
		  top: -11px;
		}
		#toggle span:after{
		  top: 11px;
		}
		#toggle span {
		  position: relative;
		  display: block;
		}
		#toggle span,
		#toggle span:after,
		#toggle span:before {
		  width: 100%;
		  height: 5px;
		  background-color: #888;
		  transition: all 0.3s;
		  backface-visibility: hidden;
		  border-radius: 1px;
		}
		/* on activation */
		#toggle.on span {
		  background-color: transparent;
		}
		#toggle.on span:before {
		  transform: rotate(45deg) translate(5px, 9px);
		}
		#toggle.on span:after {
		  transform: rotate(-45deg) translate(6px, -11px);
		}
		#toggle.on + #menu {
		  opacity: 1;
		}
		/* menu appearance*/
		#menu {
		  position: absolute;
		  top: 66px;
		  left: 0px;
		  color: #FCC;
		  width: 200px;
		  padding: 0px
		  margin: auto;
		  font-family: Verdana, "Verdana Ref", sans-serif;
		  text-align: center;
		  border-radius: 0px;
		  background: #d1d1d1;
		  box-shadow: none;
		  opacity: 0;
		  transition: opacity .4s;
		}
		ul, li, li a {
		  list-style: none;
		  display: block;
		  margin: 0;
		  padding: 0;
		}
		li a {
		  padding: 13px;
		  color: #888;
		  text-decoration: none;
		  transition: all .2s;
		}
		/*li a:hover,
		li a:focus {
		  background: #003E76;
		  color: #fff;
		}*/
		.navbar {
		    border-radius: 0px;
		    background: #fff;
		}
		nav.navbar .logo {
		    max-width: 100%;
		    margin-top: 15px;
		    margin-left: 15px;
		}
		//div.header-full {
		//	min-height: 340px !important;
		//	width: 340px;
		//	width: 100%;
		//	display: block;
		//	background-image: url(../img/20150724164409207089u.png);
		//	background-repeat: no-repeat;
		//	background-position: center center;
		//}
.cbp-spmenu {
			background: #3AC1CB none repeat scroll 0% 0% !important;;
	}
		.cbp-spmenu h3 {
   		 	background: transparent;
}
        #logo-especial_top a{
          text-decoration: none;
          color: #002F67;
}
      .logo-festival{
        font-size: 1.6em;
}
    #selo_especial{
        border-right: 1px solid rgb(145, 231, 237);
        margin: 20px 0px;
}
.oferecimento{
  position: relative;
  border-left: 1px solid rgb(34, 146, 155);
  margin: 20px 0px;
}
.oferecimento h4{
  color: #fff;
  margin-bottom: 20px;
  position: absolute;
  right: 37%;
  top: 16%;
  font-size: 1.4em;;
}
.oferecimento a{
    right: 17%;
    position: relative;
}
.bg_header{
  background-color: #3AC1CB;
  margin-bottom: 30px;
}
@media only screen and (max-width: 697px) {
      .oferecimento a{
          right:20%;
}
      .oferecimento h4{
          color: #fff;
          margin-bottom: 20px;
          position: absolute;
          right: 40%;
          top:0;
          font-size: 0.6em;
    }
}
	/*
-- THIRD BLOCK
-- Main Content - Home Especial
*/
		section.main {
			width: 100% !important;
			padding-left: 0px;
			padding-right:0px;
		}
		#patrocinio p {
			margin: 10px;
		    text-align: center;
		    color: #666;
		    font-size: 14px;
		}
		.sec-cover-news h1 {
			color: #7F4375;
		}
		.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
		    z-index: 2;
		    color: #FFF;
		    cursor: default;
		    background-color: #7F4375;
		    border-color: #592F52;
		}
.news__image figure{
    overflow: hidden;
}
/* Call to Action */
		.box-c2a {
		    background-color: #592F52;
		    padding: 15px;
		    margin-top: 45px;
		    border-radius: 5px;
		}

		p.p-c2a {
			font-size: 2.4em;
			color: white;
			margin-top: 5px;
			font-family: 'Lato', Arial, Sans-serif;
			font-weight: 100;
		}
		a.btn-especial {
			background-color: #7F4375;
			display: block;
			padding: 10px;
			width: 70%;
			margin-top: 10px;
			text-align: center;
			font-family: 'Lato', Arial, Sans-serif;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 20px;
			border-radius: 5px;
		}
		a.btn-especial:hover {
			background-color: #390D32;
			color: #7F4375;
		}

		div.l-generic a {
			color: #666;
		}
		@media (min-width:1181px) {
			.full-width h2 {
				font-size: 1.8em;
				top: 40%;
				left: 13%;
				right: 13%;
			}
		}
		@media (max-width:1180px) {
			.full-width h2 {
				font-size: 1.5em;
				top: 35%;
				left: 15%;
				right: 15%;
			}

			p.p-c2a {
			font-size: 2.1em;
				margin-top:5px;
			}

			a.btn-especial {
			width: 100%;
			margin-top: 10px;
			font-size: 17px;
			}
		}
		@media (max-width:991px) {
			.full-width h2 {
				font-size: 1.3em;
				top: 25%;
				left: 15%;
				right: 15%;
			}

			p.p-c2a {
			font-size: 1.6em;
				margin-top:3px;
			}

			a.btn-especial {
			width: 100%;
			margin-top: 0px;
			font-size: 17px;
			}
		}
		@media (max-width:768px) {
			.full-width h2 {
				font-size: 1.3em;
				top: 30%;
				left: 10%;
				right: 10%;
			}
			p.p-c2a {
				font-size: 1.6em;
				margin-top:3px;
				text-align: center;
			}
		}
		.full-width h2 {
			color: #FFF;
			padding: 10px 5px;
			background-color: rgba(000,000,000,0.7);
			font-weight: 200;
			text-align: center;
			display: inline-block;
			position: absolute;
		}
		@media (max-width:767px) {
			div.full-width{
				visibility:  hidden !important;
			}
		}
		div.img_gradient {
			width: 100%;
			bottom: 0px;
			z-index: 0;
			position: absolute;
			display: block;
			opacity: 0.3;
			height: 100%;
			background-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
		}
	/* -- Style for Manchete's Title -- */
		@media (min-width:1181px) {
			figure.manchete figcaption {
				font-size: 1.8em;
				position: absolute;
			  bottom: 35px;
				left: 20px;
			}
		}
		@media (max-width:1180px) {
			figure.manchete figcaption {
				font-size: 1.7em;
				position: absolute;
			  bottom: 40px;
				left: 20px;
			}
		}
		@media (max-width:991px) {
			figure.manchete figcaption {
				font-size: 1.4em;
				position: absolute;
			  bottom: 35px;
				left: 10px;
			}
		}
		@media (max-width:768px) {
			figure.manchete figcaption {
				font-size: 1.4em;
				position: absolute;
			  bottom: 30px;
				left: 5px;
			}
		}
		@media (max-width:640px) {
			figure.manchete figcaption {
				font-size: 1.2em;
				position: absolute;
				bottom: 20px;
				left: 5px;
			}
		}
		figure.manchete figcaption {
			color: #fff;
			font-weight: 600;
			width: 96%
		}
	/* -- Style for Destaque's Title -- */
		@media (min-width:1181px) {
			figure.destaque1 figcaption {
				font-size: 1.4em;
				position: absolute;
			  bottom: 20px;
				left: 30px;
			}
		}
		@media (max-width:1180px) {
			figure.destaque1 figcaption {
				font-size: 1.3em;
				position: absolute;
			  bottom: 30px;
				left: 20px;
			}
		}
		@media (max-width:991px) {
			figure.destaque1 figcaption {
				font-size: 1.2em;
				position: absolute;
			  bottom: 40px;
				left: 20px;
			}
		}
		@media (max-width:768px) {
			figure.destaque1 figcaption {
				font-size: 1.5em;
				position: absolute;
			  bottom: 60px;
				left: 30px;
			}
		}
		@media (max-width:640px) {
			figure.destaque1 figcaption {
				font-size: 1.3em;
				position: absolute;
			  bottom: 50px;
				left: 20px;
			}
		}
		figure.destaque1 figcaption {
			color: #fff;
			font-weight: 600;
			width: 90%
		}
	/* -- Banner Wrap -- */
		.banner {
			min-height: 376px;
			vertical-align: middle;
		}
	/* -- Style for Timer -- */
		.timer_box{
			width: 110px;
			float: left;
			margin-top: -5px;
		}
		.timer_box h1 {
			font-family: Helvetica,Arial,sans-serif;
			color: #0D4CB2;
			font-size: 2.4em;
			display: inline-block;
			text-align: left;
		}
		#timer h2 {
			text-transform: uppercase;
			font-size: 24px;
			font-weight: 600;
			color: #666;
			text-align: left;
		}

		#timer h4 {
			float: left;
			font-size: 13px;
			color: #666;
			margin: -20px 0px 0px;
			font-weight: 100;
			}
		.timer_box p {
			font-size: 22px;
			text-transform: uppercase;
			color: #666;
			display: inline-block;
			margin-left: 5px;}
/*
-- FOURTH BLOCK
-- Footer
*/
	footer {
		margin-top: 40px;
		padding-top: 20px;
		background-color: #efefef;
		height: 65px;
		border-top: 1px solid #592F52;
		text-align: center;
		color: #592F52;
	}
/*CSS ESPECIAL FETIVAL 2014 */
/*
//  CSS Personalizado para o Projeto [Especiais - CB]
//
//  Autores:
// 	Bruno Rodrigues Silva - brunorodrigues.df@dabr.com.br
//  	Vin�cius Paix�o - viniciuspaixao.df@dabr.com.br
//
//  Vers�o: 2.0
//
//  Descri��o:
//	First group: Global configuration;
//	Second group: Text modification;
//	Third group: Navbar adjustment;
//	Fourth group: Slider adjustment;
//	Fifth group: Content adjustment;
//	Sixth group: Footer adjustment;
//	Seventh group: Other components adjustment;
//  	Eigtht group: @medias screen;;
*/
/*
// FIRST GROUP
// Global Configuration
*/

	body{
		color: #444;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.row div {
		-webkit-transition: width 0.8s ease   ;
		-moz-transition: width 0.8s ease   ;
		-o-transition: width 0.8s ease  ;
		transition: width 0.8s ease ;
	}
	.browsehappy {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 #fff780;
		border-color: #ffee66;
		border-image: none;
		border-style: solid;
		border-width: 1px 0;
		color: #aaaa66;
		margin: 0;
		padding: 10px;
		text-align: center;
	}
	.browsehappy a {
		border-bottom: 1px dotted #2b2b1a;
		color: #2b2b1a;
		font-weight: bold;
	}


	/*Margin*/
		.mgt-xxxlarge{margin-top: 40px !important;}		.mgb-xxxlarge{margin-bottom: 40px !important;}	.mgl-xxxlarge{margin-left: 40px !important;}	.mgr-xxxlarge{margin-right: 40px !important;}
		.mgt-xxlarge{margin-top: 30px !important;}		.mgb-xxlarge{margin-bottom: 30px !important;}	.mgl-xxlarge{margin-left: 30px !important;}     .mgr-xxlarge{margin-right: 30px !important;}
		.mgt-xlarge{margin-top: 20px !important;}		.mgb-xlarge{margin-bottom: 20px !important;}	.mgl-xlarge{margin-left: 20px !important;}    	.mgr-xlarge{margin-right: 20px !important;}
		.mgt-large{margin-top: 15px !important;}		.mgb-large{margin-bottom: 15px !important;}		.mgl-large{margin-left: 15px !important;}     	.mgr-large{margin-right: 15px !important;}
		.mgt-normal{margin-top: 10px !important;}		.mgb-normal{margin-bottom: 10px !important;}	.mgl-normal{margin-left: 10px !important;}      .mgr-normal{margin-right: 10px !important;}
		.mgt-small{margin-top: 5px !important;}			.mgb-small{margin-bottom: 5px !important;}		.mgl-small{margin-left: 5px !important;}		.mgr-small{margin-right: 5px !important;}
		.mgt-xsmall{margin-top: 2px !important;}
		.mga {margin-left: auto !important; margin-right:auto !important;}

	/*Padding*/
		.pd-xxxxlarge{padding: 45px !important;}
		.pd-xxxlarge{padding: 40px !important;}			.pd-xxlarge{padding:30px !important;}			.pd-xlarge{padding:20px !important;}
		.pd-normal{padding: 10px !important;}			.pd-small{padding:5px !important;}			.pd-large{padding:15px !important;}

		.pdt-xxxlarge{padding-top: 40px !important;}		.pdb-xxxlarge{padding-bottom: 40px !important;}	.pdl-xxxlarge{padding-left: 40px !important;}	.pdr-xxxlarge{padding-right: 40px !important;}
		.pdt-xxlarge{padding-top: 30px !important;}		.pdb-xxlarge{padding-bottom: 30px !important;}	.pdl-xxlarge{padding-left: 30px !important;}	.pdr-xxlarge{padding-right: 30px !important;}
		.pdt-xlarge{padding-top: 20px !important;}		.pdb-xlarge{padding-bottom: 20px !important;}   .pdl-xlarge{padding-left: 20px !important;}	.pdr-xlarge{padding-right: 20px !important;}
		.pdt-large{padding-top: 15px !important;}		.pdb-large{padding-bottom: 15px !important;}    .pdl-large{padding-left: 15px !important;}      .pdr-large{padding-right: 15px !important;}
		.pdt-normal{padding-top: 10px !important;}		.pdb-normal{padding-bottom: 10px !important;}   .pdl-normal{padding-left: 10px !important;}    	.pdr-normal{padding-right: 10px !important;}
		.pdt-small{padding-top: 5px !important;}		 .pdb-small{padding-bottom: 5px !important;}	.pdl-small{padding-left: 5px !important;}       .pdr-small{padding-right: 5px !important;}
		.pdt-xsmall{padding-top:3px !important;}

	/*Line-height*/
		.lineH0{line-height: 0 !important;}
		.lineH10{line-height: 10px !important;}			.lineH25{line-height: 25px !important;}
		.lineH12{line-height: 12px !important;}			.lineH30{line-height: 30px !important;}
		.lineH16{line-height: 16px !important;}			.lineH40{line-height: 40px !important;}
		.lineH18{line-height: 18px !important;}			.lineH50{line-height: 50px !important;}
		.lineH20{line-height: 20px !important;}			.lineH60{line-height: 60px !important;}

	/*Text-align*/
		.taC{text-align: center !important;}	.taR{text-align: right !important;}		.taL{text-align: left !important;}		.taJ {text-align: justify !important;}

	/*Text-transformation*/
		.ttU{text-transform: uppercase !important;}		.ttL{text-transform: lowercase !important;}		.ttC{text-transform: capitalize !important;}
	/*Font-size*/
		.fs-08{font-size: 8px !important;}
		.fs-10{font-size: 10px !important;}			.fs-12{font-size: 12px !important;}			.fs-13{font-size: 13px !important;}			.fs-14{font-size: 14px !important;}
		.fs-15{font-size: 15px !important;}			.fs-16{font-size: 16px !important;}			.fs-18{font-size: 18px !important;}			.fs-19{font-size: 19px !important;}
		.fs-20{font-size: 20px !important;} 		.fs-22 {font-size: 22px !important;} 		.fs-24{font-size: 24px !important;}			.fs-30{font-size: 30px !important;}
		.fs-40{font-size: 40px !important;} 		.fs-50{font-size: 50px !important;}			.fs-80{font-size: 80px !important;}			.fs-100{font-size: 100px !important;}
	/*Font-weight*/
		.fw-100 {font-weight: 100 !important;} 		.fw-200 {font-weight: 200 !important;} 		.fw-300 {font-weight: 300 !important;} 		.fw-400 {font-weight: 400 !important;}
		.fw-500 {font-weight: 500 !important;} 		.fw-600 {font-weight: 600 !important;} 		.fw-700 {font-weight: 700 !important;} 		.fw-800 {font-weight: 800 !important;}  .fw-900 {font-weight: 900 !important;}
	/*Font Color*/
		.white {color:#fff;} 		.azul_default {color:#4a88c0;} 			.orange {color: #e65730;} 	.gray {color: #666;}

/*
//SECOND GROUP
//Text modification
*/
	h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', serif; letter-spacing: auto;}
	b{color: #333;}
	a{color: #333; transition-property: color: #000; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.1s;}
	ul{list-style: none;}
	li{list-style: none;}
	h1, h2, h3, h4 {font-weight: 600;}
	/*a:hover{text-decoration: none; color: #4a88c0;}*/
	/*a:hover p, h1, h2, h3, h4, h5, h6, span {text-decoration: none; color: #4a88c0;}*/
/*
//THIRD GROUP
//Navbar adjustment
*/
		.pos-fixed { position: fixed; height: 105px; width: 100%; background: #f7f7f7; z-index: 49; box-shadow: 0px -2px 12px #000; }
/*
//FOURTH GROUP
//Slider adjustment;
*/
		.transition-timer-carousel .carousel-caption {
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4  */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10 ,Safari5.1  */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10  */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10  */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
			width: 100%;
			left: 0px;
			right: 0px;
			bottom: 0px;
			text-align: left;
			padding-top: 5px;
			padding-left: 15%;
			padding-right: 15%;
		}
		.transition-timer-carousel .carousel-caption .carousel-caption-header {
			margin-top: 10px;
			font-size: 24px;
		}
		@media (min-width: 970px) {
			/* Lower the font size of the carousel caption header so that our caption
			doesn't take up the full image/slide on smaller screens */
			.transition-timer-carousel .carousel-caption .carousel-caption-header {
				font-size: 36px;
			}
		}
		.transition-timer-carousel .carousel-indicators {
			bottom: 0px;
			margin-bottom: 5px;
		}
		.transition-timer-carousel .carousel-control {
			z-index: 11;
		}
		.transition-timer-carousel .transition-timer-carousel-progress-bar {
			height: 5px;
			background-color: #4a88c0;
			width: 0%;
			margin: -5px 0px 0px 0px;
			border: none;
			z-index: 11;
			position: relative;
		}
		.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
			/* We make the transition time shorter to avoid the slide transitioning
			before the timer bar is "full" - change the 4.25s here to fit your
			carousel's transition time */
			-webkit-transition: width 7.25s linear;
			-moz-transition: width 7.25s linear;
			-o-transition: width 7.25s linear;
			transition: width 7.25s linear;
		}

/*
//FIFTH GROUP
//Content adjustment;
*/
        section.container{
          position: relative;
}
        .last-news-left{
          position: absolute;
          right: 0;
}
        @media (max-width:768px) {
          .last-news-left{
               position: relative;
  }
}

		.thumbnail {border: 1px solid #fefefe;}
		.thumbnail a p {margin-top:15px;}
		.thumbnail a h3 {color: #444; margin-top: 10px;}
		.decor-top {
			bottom: 100%;
		}
		.swatch-red-white .decor, [class*=swatch-] .swatch-red-white .decor {
			fill: #e74c3c;
			stroke: #fff;
		}
		[class*=decor-] {
			position: absolute;
			width: 100%;
			height: 60px;
			left: 0;
		}
		[class*=decor-] svg {
		height: 101%;
		}
		svg:not(:root) {
		overflow: hidden;
		}
		.decor {
		display: block;
		position: relative;
		margin: 0 auto;
		}
		/*Thumbs - CArds*/
		.thumbnail {
			position: relative;
			padding: 0px;
			margin-bottom: 20px;
		}
		.thumbnail img {
			width: 100%;
		}
		.news__bx__content--big .call__bx, .news__bx__content--call .call__bx, .news__bx__content--medium .call__bx, .news__bx__content--medium--side .call__bx, .news__bx__content--small .call__bx, .news__bx__content--pinno--big .call__bx, .dzai__news .news__bx__content--big .call__bx, .news__bx__content--pinno--medium .call__bx, .news__bx__content--big--master .call__bx {
		position: relative;
		overflow: hidden;
		width: 100%;
		}
		.news__bx__content--big span, .news__bx__content--big a, .news__bx__content--call span, .news__bx__content--call a, .news__bx__content--medium span, .news__bx__content--medium a, .news__bx__content--medium--side span, .news__bx__content--medium--side a, .news__bx__content--small span, .news__bx__content--small a, .news__bx__content--pinno--big span, .dzai__news .news__bx__content--big span, .news__bx__content--pinno--big a, .dzai__news .news__bx__content--big a, .news__bx__content--pinno--medium span, .news__bx__content--pinno--medium a, .news__bx__content--big--master span, .news__bx__content--big--master a {
		display: block;
		}
		.news__bx__content--big .title, .news__bx__content--call .title, .news__bx__content--medium .title, .news__bx__content--medium--side .title, .news__bx__content--small .title, .news__bx__content--pinno--big .title, .dzai__news .news__bx__content--big .title, .news__bx__content--pinno--medium .title, .news__bx__content--big--master .title {
		color: #666666;
		}
        div.read-more {
          max-width:40% !important;
        }

        div.read-more img {
          float: left;
          margin-right: 10px;
          max-width:100%;
          display:block;
          height: auto;
        }
        @media (max-width:768px) {
          div.read-more {
            display:none;
          }
        }
		img {border-radius: 0px;}

		.img-center {
			margin: 0px auto;
		}
		.thumbnail img{border-radius: 3px 3px 0 0;}

		.back_ads {	background-color:#f7f7f7;}
		.label_ads {font-size: 10px; text-transform: uppercase; color:#666; margin-bottom: 5px; text-align: left;}
		.full_width {background-color: #ccc; min-height: 200px; height: auto;}

		.verde {background-color: #00b3a9; }
		.roxo {background-color: #7f3f96; }
		.laranja {background-color: #fbb041; }
		.azul {background-color: #009ecf; }
		.azul-escuro {background-color: #004583; }
		.cinza {background-color: #ededed;}


	.size-large {
		width:100%;
		height: auto;
		display:block;
	}
    .thumbnail.mgt-normal{
       border: 1px solid #DEDEDE;
       border-radius: 5px;
       padding: 10px;
    }
    .thumbnail.mgt-normal figure{
      position: relative;
     }
     .thumbnail.mgt-normal figcaption{
      position: absolute;
      right: 0px;
      bottom: 0px;
      z-index: 2;
    }

    .thumbnail.mgt-normal figure .fig-bg{
       height: 40px;
       width: 100%;
       background: #D4D4D4;
       opacity: 0.85;
       z-index: 1;
       position: absolute;
       right: 0px;
       bottom: 0px;
     }
    .thumbnail.mgt-normal figure > a{
       position: relative;
       max-height: 300px;
       overflow: hidden;
       display: block;
       padding: 0;
    }
    .thumbnail.mgt-normal figure li a{
        padding: 0 0 7px 0;
    }
    .thumbnail.mgt-normal ul li a:hover, .thumbnail.mgt-normal ul li a:focus{
        background: transparent;
    }
/*
//SIXTH GROUP
//Footer adjustment;
*/
		.footer {
			border-top: solid 2px #ebebeb;
			margin-top: 50px;
		}
		.footer .footer__p {
			margin-top: 10px;
		}
		.footer__p {
			margin-top: 10px;
		}
		.list-unstyled > li {
			margin-bottom: 5px;
		}
		a {
			color: #333;
			font-size: 13px;
			font-weight: normal;
		}
		.footer__contentshowhide {
			width:235px;
		}
		.footer__s {
			background: #efefef;
			border-top: solid 1px #d0d0d0;
			padding: 20px 0;
			position: relative;
		}
		.footer__s:after {
			background-position: 0 0;
			height: 251px;
			position: absolute;
			content: "";
			top: 0;
			right: 15%;
		}
		ul {
			margin-bottom: 20px;
		}
		.list-unstyled > li {
			font-size:11px;
		}
		.list-unstyled > li a {
			color: #7d7d7d;
			font-size: 11px;
			font-weight: normal;
		}
		.list-unstyled > li :first-child {
		text-transform: uppercase;
		color: #333333;
		margin-bottom: 10px;
		}
		.footer .footer__t {
		background: #095d97;
		color: #fff;
		padding: 10px 0;
		}
		#show_hide_footer_mobile {
			&:hover, &:focus { text-decoration: none;}
			display: block;
			text-indent: -999em;
			margin: 0 auto;
			position: relative;
			@extend .icons-icon-logo-diario-associados;
			&:after {
				content: "";
				display: block;
				position: absolute;
				right: -25px;
				@extend .icons-icon-arrow-down-blue-big;
			}
		}
		.nav__support {
			border-bottom:1px solid #e0e0e0;
			padding: 10px 0;
			> ul {
				padding-top: 5px;
			}
			& img {
				margin-right: 10px;
			}
			& a {
				display: block;
				color: #333;
			}
			& .facebook {
				@extend .icons-icon-footer-facebook;
			}
			& .twitter {
				@extend .icons-icon-footer-twitter;
			}
			& .rss {
				@extend .icons-icon-footer-rss;
			}
		}
		.footer__p__titles,  {
			padding: 15px 0;
			& h5 {
				margin: 10px 0;
				@extend %f15;
				@extend %f-light;
			}
		}

/*
//SEVENTH GROUP
//Other components adjustment;
*/
		@media (min-width:992px) {
		//shtp = show hide in tablet and phone
		#sh_in_tablet_phone { display:block !important; }
		}
		@media (max-width:992px) {
			.nav__support { border-bottom:none; }
		}
		.inline-list {list-style: none; margin-left: 0; padding-left: 0;}
		.inline-list li {display: inline-block; margin-right: 5px;}
		.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px}
		/*-- Tabs - Programa��o --*/
				/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
				.board{
					min-height: 450px;
					background: #fff;
				}
				.board .nav-tabs {
					position: relative;
					margin: 0 auto;
					box-sizing: border-box;
				}
				.board > div.board-inner{
					background: #fafafa;
					background-size: 30%;
				}
				p.narrow{
					width: 60%;
					margin: 10px auto;
				}
				.liner{
					height: 2px;
					background: #ddd;
					position: absolute;
					width: 83%;
					margin: 0 auto;
					left: -60px;
					right: 0;
					top: 45%;
					z-index: 1;
				}
				.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
					color: #555555;
					cursor: default;
					border: 0;
					border-bottom-color: transparent;
					background-color: transparent;
					border: none;
				}
				span.round-tabs{
					width: 80%;
					height: 80%;
					line-height: 15px;
					display: inline-block;
					border-radius: 100px;
					background: white;
					z-index: 2;
					position: absolute;
					left: 0;
					text-align: center;
					font-size: 20px;
				}
				span.round-tabs.one{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.one{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.two{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.two{
					background: #7f3f96 !important;
					color: #fff;
				}
				span.round-tabs.three{
					background: #fff !important;
					color: #fbb041;
					border: 2px solid #fbb041;
				}
				li.active span.round-tabs.three{
					background: #fbb041 !important;
					color: #fff;
				}
				span.round-tabs.four{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.four{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.five{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.five{
					background: #7f3f96 !important;
					color: #fff;
				}
				span.round-tabs.six{
					background: #fff !important;
					color: #fbb041;
					border: 2px solid #fbb041;
				}
				li.active span.round-tabs.six{
					background: #fbb041 !important;
					color: #fff;
				}
				span.round-tabs.seven{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.seven{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.eight{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.eight{
					background: #7f3f96 !important;
					color: #fff;
				}
				.nav-tabs > li.active > a span.round-tabs{
					background: #fff;
				}
				.nav-tabs > li {
					width: 12%;
				}
				/*li.active:before {
					content: " ";
					position: absolute;
					left: 45%;
					opacity:0;
					margin: 0 auto;
					bottom: -2px;
					border: 10px solid transparent;
					border-bottom-color: #fff;
					z-index: 1;
					transition:0.2s ease-in-out;
				}*/
				li:after {
					content: " ";
					position: absolute;
					left: 45%;
				   opacity:0;
					margin: 0 auto;
					bottom: 0px;
					border: 5px solid transparent;
					border-bottom-color: #ddd;
					transition:0.1s ease-in-out;

				}
				li.active:after {
					content: " ";
					position: absolute;
					left: 45%;
				   opacity:1;
					margin: 0 auto;
					bottom: 0px;
					border: 10px solid transparent;
					border-bottom-color: #ddd;

				}
				.nav-tabs > li a{
				   width: 70px;
				   height: 70px;
				   margin: 20px auto;
				   border-radius: 100%;
				   padding: 0;
				}
				.nav-tabs > li a{
					border: none;
				}
				.nav-tabs > li a:hover{
					background: transparent;
				}
				.tab-content{
				}
				.tab-pane{
				   position: relative;
					padding-top: 50px;
				}
				.tab-content .head{
					font-size: 25px;
					text-transform: uppercase;
					padding-bottom: 10px;
				}
				.btn-outline-rounded{
					padding: 10px 40px;
					margin: 20px 0;
					border: 2px solid transparent;
					border-radius: 25px;
				}
				.btn.green{
					background-color:#5cb85c;
					color: #ffffff;
				}
			/*-- Tabs - Conte�do  --*/
				p.texto {
					font-size: 16px;
					margin:0px;
				}
				p.texto_destaque {
					font-size: 22px;
					font-weight: 400;
					margin-top: 20px;
				}
				span.local {
					margin-left: 15px;
					border-left: solid 1px rgba(255,255,255,0.5);
					padding-left: 15px;
					font-weight: 100;
				}

				/*-- Dia 16 --*/
					 h4.hora_16 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}

				/*-- Dia 17 --*/
					h4.hora_17 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 18 --*/
					h4.hora_18 {
						width: 100%;
						background: #fbb041;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 19 --*/
					h4.hora_19 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 20 --*/
					h4.hora_20 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 21 --*/
					h4.hora_21 {
						width: 100%;
						background: #fbb041;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 22 --*/
					h4.hora_22 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 23 --*/
					h4.hora_23 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
			/*-- Tabs - Btn - Filmes --*/
					a.filme01:hover, a.filme02:hover, a.filme03:hover, a.filme04:hover, a.filme05:hover, a.filme06:hover {
							text-decoration: none;
							color: #fff;
						}

					.filme01 {
						background: #00b3a9;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme02 {
						background: #7f3f96;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme03 {
						background: #fbb041;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme04 {
						background: #00b3a9;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme05 {
						background: #7f3f96;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme06 {
						background: #fbb041;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}

			@media (min-width: 768px) {
				.modal-dialog {
				width: 70%;
				margin: 30px auto;
				}
			@media(max-width:480px) {

				.board {
					width: 100%;
					height:auto !important;
				}
				span.round-tabs {
					font-size:16px;
					width: 50px;
					height: 50px;
					line-height: 15px;
				}
				.tab-content .head{
					font-size:20px;
				}
				.nav-tabs > li a {
					width: 50px;
					height: 50px;
					line-height:15px;
				}
				li.active:after {
					content: " ";
					position: absolute;
					left: 35%;
				}
				.btn-outline-rounded {
					padding:12px 20px;
					}
			}
		@media (min-width:480px) {

			.modal.in .modal-dialog {
			    transform: none !important;
			}
			.modal.fade .modal-dialog {
			    transform: none !important;
			    transition: transform 0.3s ease-out 0s;
			}
		}
/*
//EIGHTH GROUP
//@medias screen;
*/
/*
//	Publicidades Google Responsive
*/
/*Publicidade*/
	.adslot_1 {width: 300px; height: 50px; margin-left: -12px; margin-right: auto;}
	.center-sb{width: 320px; height: 50px; margin-left: -12px; margin-left: auto; margin-right: auto;}

	@media (min-width:500px) {
		.adslot_1 {width: 468px; height: 60px; margin-left: auto; margin-right: auto;}
		.center-sb{width: 468px; height: 60px; margin-left: auto; margin-right: auto;}
	}
	@media (min-width:800px) {
		.adslot_1 {width: 728px; height: 90px;}
		.center-sb{width: 728px; height: 90px; margin-left: auto; margin-right: auto;}
	}

	@media (min-width:1024px) {
		.adslot_1 {width: 970px; height: 90px;}
		.center-sb{width: 728px; height: 90px; margin-left: auto; margin-right: auto;}
	}

	/*Publicidade*/
	.adslot_2 {width: 234px; height: 60px;}
	.center-sk{width: 234px; height: 60px; margin-left: auto; margin-right: auto;}

	@media (min-width:500px) {
		.adslot_2 {width: 160px; height: 600px; margin-left: auto; margin-right: auto;}
		.center-sk{width: 160px; height: 600px; margin-left: auto; margin-right: auto;}
	}
	@media (min-width:800px) {
		.adslot_2 {width: 300px; height: 600px;}
		.center-sk{width: 300px; height: 600px; margin-left: auto; margin-right: auto;}
	}
         .publi-especial p {
            text-align: center;
      }
         @media (max-width:1920px) {
          .publi-especial p {
                padding-top: 40%;
                margin-left: 120px;
                text-align: left;
          }
        }
        @media (max-width:1199px) {
            .publi-especial p {
                padding-top: 50%;
                margin-left: 70px;
                text-align: left;
            }
            }
        @media (max-width:991px) {
             .publi-especial p {
                padding-top: 0%;
                margin-left: 195px;
                text-align: left;
              }
            }
//CSS FESTIVAL2014
/*
//  CSS Personalizado para o Projeto [Especiais - CB]
//
//  Autores:
// 	Bruno Rodrigues Silva - brunorodrigues.df@dabr.com.br
//  	Vin�cius Paix�o - viniciuspaixao.df@dabr.com.br
//
//  Vers�o: 2.0
//
//  Descri��o:
//	First group: Global configuration;
//	Second group: Text modification;
//	Third group: Navbar adjustment;
//	Fourth group: Slider adjustment;
//	Fifth group: Content adjustment;
//	Sixth group: Footer adjustment;
//	Seventh group: Other components adjustment;
//  	Eigtht group: @medias screen;;
*/
/*
// FIRST GROUP
// Global Configuration
*/

	body{
		color: #444;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.row div {
		-webkit-transition: width 0.8s ease   ;
		-moz-transition: width 0.8s ease   ;
		-o-transition: width 0.8s ease  ;
		transition: width 0.8s ease ;
	}
	.browsehappy {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 #fff780;
		border-color: #ffee66;
		border-image: none;
		border-style: solid;
		border-width: 1px 0;
		color: #aaaa66;
		margin: 0;
		padding: 10px;
		text-align: center;
	}
	.browsehappy a {
		border-bottom: 1px dotted #2b2b1a;
		color: #2b2b1a;
		font-weight: bold;
	}


	/*Margin*/
		.mgt-xxxlarge{margin-top: 40px !important;}		.mgb-xxxlarge{margin-bottom: 40px !important;}	.mgl-xxxlarge{margin-left: 40px !important;}	.mgr-xxxlarge{margin-right: 40px !important;}
		.mgt-xxlarge{margin-top: 30px !important;}		.mgb-xxlarge{margin-bottom: 30px !important;}	.mgl-xxlarge{margin-left: 30px !important;}     .mgr-xxlarge{margin-right: 30px !important;}
		.mgt-xlarge{margin-top: 20px !important;}		.mgb-xlarge{margin-bottom: 20px !important;}	.mgl-xlarge{margin-left: 20px !important;}    	.mgr-xlarge{margin-right: 20px !important;}
		.mgt-large{margin-top: 15px !important;}		.mgb-large{margin-bottom: 15px !important;}		.mgl-large{margin-left: 15px !important;}     	.mgr-large{margin-right: 15px !important;}
		.mgt-normal{margin-top: 10px !important;}		.mgb-normal{margin-bottom: 10px !important;}	.mgl-normal{margin-left: 10px !important;}      .mgr-normal{margin-right: 10px !important;}
		.mgt-small{margin-top: 5px !important;}			.mgb-small{margin-bottom: 5px !important;}		.mgl-small{margin-left: 5px !important;}		.mgr-small{margin-right: 5px !important;}
		.mgt-xsmall{margin-top: 2px !important;}
		.mga {margin-left: auto !important; margin-right:auto !important;}

	/*Padding*/
		.pd-xxxxlarge{padding: 45px !important;}
		.pd-xxxlarge{padding: 40px !important;}			.pd-xxlarge{padding:30px !important;}			.pd-xlarge{padding:20px !important;}
		.pd-normal{padding: 10px !important;}			.pd-small{padding:5px !important;}			.pd-large{padding:15px !important;}

		.pdt-xxxlarge{padding-top: 40px !important;}		.pdb-xxxlarge{padding-bottom: 40px !important;}	.pdl-xxxlarge{padding-left: 40px !important;}	.pdr-xxxlarge{padding-right: 40px !important;}
		.pdt-xxlarge{padding-top: 30px !important;}		.pdb-xxlarge{padding-bottom: 30px !important;}	.pdl-xxlarge{padding-left: 30px !important;}	.pdr-xxlarge{padding-right: 30px !important;}
		.pdt-xlarge{padding-top: 20px !important;}		.pdb-xlarge{padding-bottom: 20px !important;}   .pdl-xlarge{padding-left: 20px !important;}	.pdr-xlarge{padding-right: 20px !important;}
		.pdt-large{padding-top: 15px !important;}		.pdb-large{padding-bottom: 15px !important;}    .pdl-large{padding-left: 15px !important;}      .pdr-large{padding-right: 15px !important;}
		.pdt-normal{padding-top: 10px !important;}		.pdb-normal{padding-bottom: 10px !important;}   .pdl-normal{padding-left: 10px !important;}    	.pdr-normal{padding-right: 10px !important;}
		.pdt-small{padding-top: 5px !important;}		 .pdb-small{padding-bottom: 5px !important;}	.pdl-small{padding-left: 5px !important;}       .pdr-small{padding-right: 5px !important;}
		.pdt-xsmall{padding-top:3px !important;}

	/*Line-height*/
		.lineH0{line-height: 0 !important;}
		.lineH10{line-height: 10px !important;}			.lineH25{line-height: 25px !important;}
		.lineH12{line-height: 12px !important;}			.lineH30{line-height: 30px !important;}
		.lineH16{line-height: 16px !important;}			.lineH40{line-height: 40px !important;}
		.lineH18{line-height: 18px !important;}			.lineH50{line-height: 50px !important;}
		.lineH20{line-height: 20px !important;}			.lineH60{line-height: 60px !important;}

	/*Text-align*/
		.taC{text-align: center !important;}	.taR{text-align: right !important;}		.taL{text-align: left !important;}		.taJ {text-align: justify !important;}

	/*Text-transformation*/
		.ttU{text-transform: uppercase !important;}		.ttL{text-transform: lowercase !important;}		.ttC{text-transform: capitalize !important;}
	/*Font-size*/
		.fs-08{font-size: 8px !important;}
		.fs-10{font-size: 10px !important;}			.fs-12{font-size: 12px !important;}			.fs-13{font-size: 13px !important;}			.fs-14{font-size: 14px !important;}
		.fs-15{font-size: 15px !important;}			.fs-16{font-size: 16px !important;}			.fs-18{font-size: 18px !important;}			.fs-19{font-size: 19px !important;}
		.fs-20{font-size: 20px !important;} 		.fs-22 {font-size: 22px !important;} 		.fs-24{font-size: 24px !important;}			.fs-30{font-size: 30px !important;}
		.fs-40{font-size: 40px !important;} 		.fs-50{font-size: 50px !important;}			.fs-80{font-size: 80px !important;}			.fs-100{font-size: 100px !important;}
	/*Font-weight*/
		.fw-100 {font-weight: 100 !important;} 		.fw-200 {font-weight: 200 !important;} 		.fw-300 {font-weight: 300 !important;} 		.fw-400 {font-weight: 400 !important;}
		.fw-500 {font-weight: 500 !important;} 		.fw-600 {font-weight: 600 !important;} 		.fw-700 {font-weight: 700 !important;} 		.fw-800 {font-weight: 800 !important;}  .fw-900 {font-weight: 900 !important;}
	/*Font Color*/
		.white {color:#fff;} 		.azul_default {color:#4a88c0;} 			.orange {color: #e65730;} 	.gray {color: #666;}

/*
//SECOND GROUP
//Text modification
*/
	h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', serif; letter-spacing: auto;}
	b{color: #333;}
	a{color: #333; transition-property: color: #000; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.1s;}
	ul{list-style: none;}
	li{list-style: none;}
	h1, h2, h3, h4 {font-weight: 600;}
	/*a:hover{text-decoration: none; color: #4a88c0;}*/
	/*a:hover p, h1, h2, h3, h4, h5, h6, span {text-decoration: none; color: #4a88c0;}*/
/*
//THIRD GROUP
//Navbar adjustment
*/
		.pos-fixed { position: fixed; height: 105px; width: 100%; background: #f7f7f7; z-index: 49; box-shadow: 0px -2px 12px #000; }
/*
//FOURTH GROUP
//Slider adjustment;
*/
		.transition-timer-carousel .carousel-caption {
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4  */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10 ,Safari5.1  */
			background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10  */
			background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10  */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
			width: 100%;
			left: 0px;
			right: 0px;
			bottom: 0px;
			text-align: left;
			padding-top: 5px;
			padding-left: 15%;
			padding-right: 15%;
		}
		.transition-timer-carousel .carousel-caption .carousel-caption-header {
			margin-top: 10px;
			font-size: 24px;
		}
		@media (min-width: 970px) {
			/* Lower the font size of the carousel caption header so that our caption
			doesn't take up the full image/slide on smaller screens */
			.transition-timer-carousel .carousel-caption .carousel-caption-header {
				font-size: 36px;
			}
		}
		.transition-timer-carousel .carousel-indicators {
			bottom: 0px;
			margin-bottom: 5px;
		}
		.transition-timer-carousel .carousel-control {
			z-index: 11;
		}
		.transition-timer-carousel .transition-timer-carousel-progress-bar {
			height: 5px;
			background-color: #4a88c0;
			width: 0%;
			margin: -5px 0px 0px 0px;
			border: none;
			z-index: 11;
			position: relative;
		}
		.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
			/* We make the transition time shorter to avoid the slide transitioning
			before the timer bar is "full" - change the 4.25s here to fit your
			carousel's transition time */
			-webkit-transition: width 7.25s linear;
			-moz-transition: width 7.25s linear;
			-o-transition: width 7.25s linear;
			transition: width 7.25s linear;
		}

/*
//FIFTH GROUP
//Content adjustment;
*/

		.thumbnail {border: 1px solid #fefefe;}
		.thumbnail a p {margin-top:15px;}
		.thumbnail a h3 {color: #444; margin-top: 10px;}
        .social_share .fa-facebook-square{
          color: #3b5998;
        }
        .social_share .fa-google-plus-square{
          color: #d34836;
        }
		.decor-top {
			bottom: 100%;
		}
		.swatch-red-white .decor, [class*=swatch-] .swatch-red-white .decor {
			fill: #e74c3c;
			stroke: #fff;
		}
		[class*=decor-] {
			position: absolute;
			width: 100%;
			height: 60px;
			left: 0;
		}
		[class*=decor-] svg {
		height: 101%;
		}
		svg:not(:root) {
		overflow: hidden;
		}
		.decor {
		display: block;
		position: relative;
		margin: 0 auto;
		}
		/*Thumbs - CArds*/
		.thumbnail {
			position: relative;
			padding: 0px;
			margin-bottom: 20px;
		}
		.thumbnail img {
			width: 100%;
		}
		.news__bx__content--big .call__bx, .news__bx__content--call .call__bx, .news__bx__content--medium .call__bx, .news__bx__content--medium--side .call__bx, .news__bx__content--small .call__bx, .news__bx__content--pinno--big .call__bx, .dzai__news .news__bx__content--big .call__bx, .news__bx__content--pinno--medium .call__bx, .news__bx__content--big--master .call__bx {
		position: relative;
		overflow: hidden;
		width: 100%;
		}
		.news__bx__content--big span, .news__bx__content--big a, .news__bx__content--call span, .news__bx__content--call a, .news__bx__content--medium span, .news__bx__content--medium a, .news__bx__content--medium--side span, .news__bx__content--medium--side a, .news__bx__content--small span, .news__bx__content--small a, .news__bx__content--pinno--big span, .dzai__news .news__bx__content--big span, .news__bx__content--pinno--big a, .dzai__news .news__bx__content--big a, .news__bx__content--pinno--medium span, .news__bx__content--pinno--medium a, .news__bx__content--big--master span, .news__bx__content--big--master a {
		display: block;
		}
		.news__bx__content--big .title, .news__bx__content--call .title, .news__bx__content--medium .title, .news__bx__content--medium--side .title, .news__bx__content--small .title, .news__bx__content--pinno--big .title, .dzai__news .news__bx__content--big .title, .news__bx__content--pinno--medium .title, .news__bx__content--big--master .title {
		color: #666666;
		}
		img {border-radius: 0px;}

		.img-center {
			margin: 0px auto;
		}
		.thumbnail img{border-radius: 3px 3px 0 0;}

		.back_ads {	background-color:#f7f7f7;}
		.label_ads {font-size: 10px; text-transform: uppercase; color:#666; margin-bottom: 5px; text-align: left;}
		.full_width {background-color: #ccc; min-height: 200px; height: auto;}

		.verde {background-color: #00b3a9; }
		.roxo {background-color: #7f3f96; }
		.laranja {background-color: #fbb041; }
		.azul {background-color: #009ecf; }
		.azul-escuro {background-color: #004583; }
		.cinza {background-color: #ededed;}


	.size-large {
		width:100%;
		height: auto;
		display:block;
	}
/*INTERNAS*/
  .news__image.left figure img{
    max-width: 100%;
    margin: 20px 0;
  }
/*
//SIXTH GROUP
//Footer adjustment;
*/
		.footer {
			border-top: solid 2px #ebebeb;
			margin-top: 50px;
		}
		.footer .footer__p {
			margin-top: 10px;
		}
		.footer__p {
			margin-top: 10px;
		}
		.list-unstyled > li {
			margin-bottom: 5px;
		}
		a {
			color: #333;
			font-size: 13px;
			font-weight: normal;
		}
		.footer__contentshowhide {
			width:235px;
		}
		.footer__s {
			background: #efefef;
			border-top: solid 1px #d0d0d0;
			padding: 20px 0;
			position: relative;
		}
		.footer__s:after {
			background-position: 0 0;
			height: 251px;
			position: absolute;
			content: "";
			top: 0;
			right: 15%;
		}
		ul {
			margin-bottom: 20px;
		}
		.list-unstyled > li {
			font-size:11px;
		}
		.list-unstyled > li a {
			color: #7d7d7d;
			font-size: 11px;
			font-weight: normal;
		}
		.list-unstyled > li :first-child {
		text-transform: uppercase;
		color: #333333;
		margin-bottom: 10px;
		}
		.footer .footer__t {
		background: #095d97;
		color: #fff;
		padding: 10px 0;
		}
		#show_hide_footer_mobile {
			&:hover, &:focus { text-decoration: none;}
			display: block;
			text-indent: -999em;
			margin: 0 auto;
			position: relative;
			@extend .icons-icon-logo-diario-associados;
			&:after {
				content: "";
				display: block;
				position: absolute;
				right: -25px;
				@extend .icons-icon-arrow-down-blue-big;
			}
		}
		.nav__support {
			border-bottom:1px solid #e0e0e0;
			padding: 10px 0;
			> ul {
				padding-top: 5px;
			}
			& img {
				margin-right: 10px;
			}
			& a {
				display: block;
				color: #333;
			}
			& .facebook {
				@extend .icons-icon-footer-facebook;
			}
			& .twitter {
				@extend .icons-icon-footer-twitter;
			}
			& .rss {
				@extend .icons-icon-footer-rss;
			}
		}
		.footer__p__titles,  {
			padding: 15px 0;
			& h5 {
				margin: 10px 0;
				@extend %f15;
				@extend %f-light;
			}
		}

/*
//SEVENTH GROUP
//Other components adjustment;
*/
		@media (min-width:992px) {
		//shtp = show hide in tablet and phone
		#sh_in_tablet_phone { display:block !important; }
		}
		@media (max-width:992px) {
			.nav__support { border-bottom:none; }
		}
		.inline-list {list-style: none; margin-left: 0; padding-left: 0;}
		.inline-list li {display: inline-block; margin-right: 5px;}
		.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px}
		/*-- Tabs - Programa��o --*/
				/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
				.board{
					min-height: 450px;
					background: #fff;
				}
				.board .nav-tabs {
					position: relative;
					margin: 0 auto;
					box-sizing: border-box;
				}
				.board > div.board-inner{
					background: #fafafa;
					background-size: 30%;
				}
				p.narrow{
					width: 60%;
					margin: 10px auto;
				}
				.liner{
					height: 2px;
					background: #ddd;
					position: absolute;
					width: 83%;
					margin: 0 auto;
					left: -60px;
					right: 0;
					top: 45%;
					z-index: 1;
				}
				.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
					color: #555555;
					cursor: default;
					border: 0;
					border-bottom-color: transparent;
					background-color: transparent;
					border: none;
				}
				span.round-tabs{
					width: 80%;
					height: 80%;
					line-height: 15px;
					display: inline-block;
					border-radius: 100px;
					background: white;
					z-index: 2;
					position: absolute;
					left: 0;
					text-align: center;
					font-size: 20px;
				}
				span.round-tabs.one{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.one{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.two{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.two{
					background: #7f3f96 !important;
					color: #fff;
				}
				span.round-tabs.three{
					background: #fff !important;
					color: #fbb041;
					border: 2px solid #fbb041;
				}
				li.active span.round-tabs.three{
					background: #fbb041 !important;
					color: #fff;
				}
				span.round-tabs.four{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.four{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.five{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.five{
					background: #7f3f96 !important;
					color: #fff;
				}
				span.round-tabs.six{
					background: #fff !important;
					color: #fbb041;
					border: 2px solid #fbb041;
				}
				li.active span.round-tabs.six{
					background: #fbb041 !important;
					color: #fff;
				}
				span.round-tabs.seven{
					background: #fff !important;
					color: #00b3a9;
					border: 2px solid #00b3a9;
				}
				li.active span.round-tabs.seven{
					background: #00b3a9 !important;
					color: #fff;
				}
				span.round-tabs.eight{
					background: #fff !important;
					color: #7f3f96;
					border: 2px solid #7f3f96;
				}
				li.active span.round-tabs.eight{
					background: #7f3f96 !important;
					color: #fff;
				}
				.nav-tabs > li.active > a span.round-tabs{
					background: #fff;
				}
				.nav-tabs > li {
					width: 12%;
				}
				/*li.active:before {
					content: " ";
					position: absolute;
					left: 45%;
					opacity:0;
					margin: 0 auto;
					bottom: -2px;
					border: 10px solid transparent;
					border-bottom-color: #fff;
					z-index: 1;
					transition:0.2s ease-in-out;
				}*/
				li:after {
					content: " ";
					position: absolute;
					left: 45%;
				   opacity:0;
					margin: 0 auto;
					bottom: 0px;
					border: 5px solid transparent;
					border-bottom-color: #ddd;
					transition:0.1s ease-in-out;

				}
				li.active:after {
					content: " ";
					position: absolute;
					left: 45%;
				   opacity:1;
					margin: 0 auto;
					bottom: 0px;
					border: 10px solid transparent;
					border-bottom-color: #ddd;

				}
				.nav-tabs > li a{
				   width: 70px;
				   height: 70px;
				   margin: 20px auto;
				   border-radius: 100%;
				   padding: 0;
				}
				.nav-tabs > li a{
					border: none;
				}
				.nav-tabs > li a:hover{
					background: transparent;
				}
				.tab-content{
				}
				.tab-pane{
				   position: relative;
					padding-top: 50px;
				}
				.tab-content .head{
					font-size: 25px;
					text-transform: uppercase;
					padding-bottom: 10px;
				}
				.btn-outline-rounded{
					padding: 10px 40px;
					margin: 20px 0;
					border: 2px solid transparent;
					border-radius: 25px;
				}
				.btn.green{
					background-color:#5cb85c;
					color: #ffffff;
				}
			/*-- Tabs - Conte�do  --*/
				p.texto {
					font-size: 16px;
					margin:0px;
				}
				p.texto_destaque {
					font-size: 22px;
					font-weight: 400;
					margin-top: 20px;
				}
				span.local {
					margin-left: 15px;
					border-left: solid 1px rgba(255,255,255,0.5);
					padding-left: 15px;
					font-weight: 100;
				}

				/*-- Dia 16 --*/
					 h4.hora_16 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}

				/*-- Dia 17 --*/
					h4.hora_17 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 18 --*/
					h4.hora_18 {
						width: 100%;
						background: #fbb041;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 19 --*/
					h4.hora_19 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 20 --*/
					h4.hora_20 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 21 --*/
					h4.hora_21 {
						width: 100%;
						background: #fbb041;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 22 --*/
					h4.hora_22 {
						width: 100%;
						background: #00b3a9;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
				/*-- Dia 23 --*/
					h4.hora_23 {
						width: 100%;
						background: #7f3f96;
						color: #fff;
						padding: 10px;
						font-weight: 600;
					}
			/*-- Tabs - Btn - Filmes --*/
					a.filme01:hover, a.filme02:hover, a.filme03:hover, a.filme04:hover, a.filme05:hover, a.filme06:hover {
							text-decoration: none;
							color: #fff;
						}

					.filme01 {
						background: #00b3a9;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme02 {
						background: #7f3f96;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme03 {
						background: #fbb041;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme04 {
						background: #00b3a9;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme05 {
						background: #7f3f96;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}
					.filme06 {
						background: #fbb041;
						padding: 15px;
						font-size: 18px;
						color: #fff;
						margin-bottom: 15px;
						display: block;
						}

			@media (min-width: 768px) {
				.modal-dialog {
				width: 60%;
				margin: 30px auto;
				}
			@media(max-width:480px) {

				.board {
					width: 100%;
					height:auto !important;
				}
				span.round-tabs {
					font-size:16px;
					width: 50px;
					height: 50px;
					line-height: 15px;
				}
				.tab-content .head{
					font-size:20px;
				}
				.nav-tabs > li a {
					width: 50px;
					height: 50px;
					line-height:15px;
				}
				li.active:after {
					content: " ";
					position: absolute;
					left: 35%;
				}
				.btn-outline-rounded {
					padding:12px 20px;
					}
			}
		@media (min-width:480px) {

			.modal.in .modal-dialog {
			    transform: none !important;
			}
			.modal.fade .modal-dialog {
			    transform: none !important;
			    transition: transform 0.3s ease-out 0s;
			}
		}
/*
//EIGHTH GROUP
//@medias screen;
*/
/*
//	Publicidades Google Responsive
*/
/*Publicidade*/
	.adslot_1 {width: 300px; height: 50px; margin-left: -12px; margin-right: auto;}
	.center-sb{width: 320px; height: 50px; margin-left: -12px; margin-left: auto; margin-right: auto;}

	@media (min-width:500px) {
		.adslot_1 {width: 468px; height: 60px; margin-left: auto; margin-right: auto;}
		.center-sb{width: 468px; height: 60px; margin-left: auto; margin-right: auto;}
	}
	@media (min-width:800px) {
		.adslot_1 {width: 728px; height: 90px;}
		.center-sb{width: 728px; height: 90px; margin-left: auto; margin-right: auto;}
	}

	@media (min-width:1024px) {
		.adslot_1 {width: 970px; height: 90px;}
		.center-sb{width: 728px; height: 90px; margin-left: auto; margin-right: auto;}
	}

	/*Publicidade*/
	.adslot_2 {width: 234px; height: 60px;}
	.center-sk{width: 234px; height: 60px; margin-left: auto; margin-right: auto;}

	@media (min-width:500px) {
		.adslot_2 {width: 160px; height: 600px; margin-left: auto; margin-right: auto;}
		.center-sk{width: 160px; height: 600px; margin-left: auto; margin-right: auto;}
	}
	@media (min-width:800px) {
		.adslot_2 {width: 300px; height: 600px;}
		.center-sk{width: 300px; height: 600px; margin-left: auto; margin-right: auto;}
	}