/*
// CSS Style for CB - Especial IRPF -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;}
	/* 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;
		}
/*
-- THIRD BLOCK
-- Main Content - Home Especial
*/
		#selo_especial {
			margin-top:120px ;
		}
		section.main {
			width: 100% !important;
			padding-left: 0px;
			padding-right:0px;
		}

		@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%;
			}
		}

		@media (max-width:991px) {
			.full-width h2 {
				font-size: 1.3em;
				top: 25%;
				left: 15%;
				right: 15%;
			}
		}

		@media (max-width:768px) {
			.full-width h2 {
				font-size: 1.3em;
				top: 30%;
				left: 10%;
				right: 10%;
			}
		}

		.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 {
		border: none;
		margin-top: 0px;
	}
	.main-footer {
		background-color: #fff;
		height: 65px;
		border-top: 1px solid #dedede;
	}
	.main-footer img {
		width: 44px;
		margin-right: 15px;
	}
	.main-footer p.copyright {
		display: inline-block;
		color: #999;
	}