
/*
Theme Name: PBA 2015
Theme URI: http://www.alertadesign.com.br
Author: Márcio lobo
Author URI: http://www.alertadesign.com.br
Description: Tema desenvolvido exclusivamente para o Pêmio Brasil Ambiental 2015 - AmCham Rio.
Version: 1.0
License: Restrict
License URI: http://www.alertadesign.com.br


*/
@font-face {
font-family: 'robotolight';
src: url('fonts/roboto-light-webfont.eot');
src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotolight_italic';
src: url('fonts/roboto-lightitalic-webfont.eot');
src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('fonts/roboto-lightitalic-webfont.woff') format('woff'), url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotobold';
src: url('fonts/roboto-bold-webfont.eot');
src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype'), url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotobold_italic';
src: url('fonts/roboto-bolditalic-webfont.eot');
src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('fonts/roboto-bolditalic-webfont.woff') format('woff'), url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoitalic';
src: url('fonts/roboto-italic-webfont.eot');
src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-italic-webfont.woff2') format('woff2'), url('fonts/roboto-italic-webfont.woff') format('woff'), url('fonts/roboto-italic-webfont.ttf') format('truetype'), url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoregular';
src: url('fonts/roboto-regular-webfont.eot');
src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'robotoregular', sans-serif;
outline: none;
height: 100%;
color: #5b6064;
-webkit-font-smoothing: antialiased;
font-size: 15px;
background: #fbfbfb;
}

h1.tagline {
font-family: 'robotolight', sans-serif;
color: #fff;
text-shadow: 2px 1px 3px #000;
font-size: 36px;
    margin-top: 78px !important;
}

.col-md-8 .tagline {
margin-top: 12px;
}

.logo {
position: relative;
top: 25px;
}

.top_nav {
position: relative;
z-index: 2;
background: rgba(0, 0, 0, 0.4);
color: #fff;
}

.top_nav .navbar-nav > li > a {
color: #ffffff;
}

.top_nav .navbar-nav >li >a:hover {
color: #FF0;
}

.navbar-collapse.collapse {
text-align: center;
position: relative;
}

.socials {
position: absolute;
right: 10px;
top: 10px;
}

.socials a {
float: left;
margin: 0 5px;
}

.navbar-nav {
display: inline-block;
float: none;
margin: 0;
}

.row {
margin: 0;
}

.logo_amcham {
text-align: right;
position: relative;
top: 28px;
}

.logo_amcham img {
display: inline;
}

.tagline {
position: relative;
z-index: 2;
}

.nav_bottom {
position: relative;
z-index: 2;
bottom: -1px;
}

.title {
background: #c3b172;
text-align: center;
font-family: "robotolight", sans-serif;
padding: 24px 0 35px;
}

h1 {
font-size: 48px;
color: #fff;
}

.title h2 {
font-size: 18px;
font-weight: 400;
color: #fff;
margin-top: 10px;
text-transform: none !important;
}

p {
margin-bottom: 20px;
color: #444444;
line-height: 150%;
}

.sidebar {
margin-bottom: 50px;
}

.sidebar h4 {
color: #6b8726;
}

.sidebar ul {
margin: 0;
padding: 0;
}

.sidebar ul li {
list-style: none;
}

.widgettitle {
color: #fff;
margin-top: 0;
}

.related-posts li a {
color: #fff;
font-size: 16px;
margin: 7px 0;
display: block;
}

.call_to_text {
position: relative;
width: 264px;
min-height: 100px;
padding: 0px;
background: #c3b172;
padding: 40px;
margin-bottom: 40px;
}

.call_to_text:after {
content: '';
position: absolute;
border-style: solid;
border-width: 24px 23px 24px 0;
border-color: transparent #c3b172;
display: block;
width: 0;
z-index: 1;
left: -23px;
bottom: 75px;
}

.call_to_text p {
font-family: "robotolight", sans-serif;
color: #fff;
margin-bottom: 0;
font-size: 20px;
}

.sidebar .list-unstyled li a {
color: #a53b07 !important;
}

.list-unstyled li {
margin: 10px 0;
}

footer .container {
padding-top: 110px;
}

footer h4 {
color: #917152;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 30px;
}

.wrap_logo_patrocinador img {
width: 168px;
height: 95px;
}

.row-centered {
text-align: center;
}

.col-centered {
display: inline-block;
float: none;
text-align: left;
/*margin-right: -4px;*/
margin-right: 12px;
}

.wrap_logos {
margin-bottom: 70px;
margin-top: 30px;
}

.bg_white {
background: #fff;
}

.after_title {
padding-top: 60px;
}

/* TÍTULOS E SUBTÍTULOS............................................................................... */
/* será preciso alterar essa regra no segundo momento */

.home .title, .home .call_to_text {
background: #a53b07;
}

.home .call_to_text:after {
border-color: transparent #a53b07;
}

.page-template-page_amcham .title, .page-template-page_amcham .call_to_text {
background: #AB5211;
}

.page-template-page_amcham .call_to_text:after {
border-color: transparent #AB5211;
}

.page-template-page_regulamento .title, .page-template-page_regulamento .call_to_text {
background: #AD680F;
}

.page-template-page_regulamento .call_to_text:after {
border-color: transparent #AD680F;
}

.page-template-page_inscricoes .title, .page-template-page_inscricoes .call_to_text, .page-id-450 .title, .page-id-450 .call_to_text {
background: #AD7F0F;
}

.page-template-page_inscricoes .call_to_text:after {
border-color: transparent #AD7F0F;
}

.page-template-page_boas_praticas .title, .page-template-page_boas_praticas .call_to_text, .single-boas_praticas .title {
background: #6b8726;
}

.page-template-page_boas_praticas .call_to_text:after {
border-color: transparent #6b8726;
}

.page-template-page_jurados .title, .page-template-page_jurados .call_to_text {
background: #6B8726;
}

.page-template-page_jurados .call_to_text:after {
border-color: transparent #6B8726;
}

.share_text {
background: rgba(0, 0, 0, 0) url("images/social_icons.png") no-repeat scroll 0 -47px;
display: block;
line-height: 14px;
padding-left: 18px;
}

a.share {
background-color: #eff3ff;
border: 1px solid #c3cddf;
border-radius: 3px;
display: inline-block;
font-size: 11px;
padding: 2px 4px;
position: relative;
text-decoration: none;
top: -7px;
}

.noticias ul li {
list-style: none;
}

.noticias ul li a.news {
display: block;
margin-bottom: 8px;
font-size: 18px;
}

.data{
	font-size:12px;
	}

/*...........................................................................*/

.categorias h2 {
font-size: 22px;
margin-top: 0;
}

h2 {
color: #f65a05;
font-size: 22px;
margin-top: 35px;
text-transform: uppercase;
}

h3 {
font-size: 16px;
text-transform: uppercase;
color: #ad680f;
}

h4 {
font-size: 16px;
text-transform: uppercase;
margin-top: 20px;
}

.front h3 {
color: #fff;
text-transform: uppercase !important;
}

/* TIMELINE............................................................................... */

#timeline {
background: #f2f2e6;
padding-top: 40px;
padding-bottom: 40px;
}

#timeline ul li {
list-style: none;
}

.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}

.timeline:before {
background-color: #d9b79e;
bottom: 0;
content: " ";
left: 50%;
margin-left: -1.5px;
position: absolute;
top: 0;
width: 2px;
}

.timeline li {
margin-bottom: 25px;
position: relative;
}

.timeline li:before, .timeline li:after {
content: " ";
display: table;
}

.timeline li:after {
clear: both;
}



.timeline li.timeline-inverted:before, .timeline li.timeline-inverted:after, .timeline li.timeline-real:before, .timeline li.timeline-rela:after{
	 min-height: 40px;
	 display:block;
	}

.leaf{
	clear: both;
	margin-bottom: 58px;
	cursor: pointer;
	
	}

.block_info {
margin-top: 30px;
margin-bottom: 30px;
display: block;
}

.tl-body ul {
padding-left: 18px;
}

.tl-body ul li::before, .tl-body ul li::after {
margin: 0;
display: none !important;
min-height: auto;
}

.tl-body ul li {
list-style: circle !important;
margin: 10px 0;
}

.tl-body .accordionButton {
background: #faf8e6;
margin-bottom: 2px;
padding: 10px;
text-align: center;
}

.tl-body p a {
margin: 7px 0 10px;
display: block;
}

/** timeline panels **/


.timeline li .timeline-panel {
width: 46%;
float: left;
background: #fff;
border: 1px solid #d4d4d4;
padding: 20px;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/


.timeline li .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}

.timeline li .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}

.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
top: 0;
right: 0;
display: none;
border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

/** timeline circle icons **/


.timeline li .tl-circ {
color: #fff;
height: 49px;
left: 50%;
line-height: 47px;
margin-left: -39px;
position: absolute;
text-align: center;
top: 49px;
width: 86px;
z-index: 2;
}

.right_position_01, .right_position_02, .right_position_03, .right_position_04, .right_position_05 {
margin-left: 0px !important;
}

.right_position_01 span, .right_position_02 span, .right_position_03 span, .right_position_04 span, .right_position_05 span {
position: relative;
top: -2px;
left: -10px;
}

.left_position_01, .left_position_02, .left_position_03, .left_position_04, .left_position_05{
margin-left: -85px !important;
}

.left_position_01 span, .left_position_02 span, .left_position_03 span, .left_position_04 span, .left_position_05 span {
position: relative;
top: -2px;
left: 10px;
}

.right_position_01{
	background:url("images/folha_right_01.png");
	}
	.right_position_02{
	background:url("images/folha_right_02.png");
	}
	.right_position_03{
	background:url("images/folha_right_03.png");
	}
	.right_position_04{
	background:url("images/folha_right_04.png");
	}
	.right_position_05{
	background:url("images/folha_right_05.png");
	}
	
	.left_position_01{
	background:url("images/folha_left_01.png");
	}
	.left_position_02{
	background:url("images/folha_left_02.png");
	}
	.left_position_03{
	background:url("images/folha_left_03.png");
	}
	.left_position_04{
	background:url("images/folha_left_04.png");
	}
	.left_position_05{
	background:url("images/folha_left_05.png");
	}

/** timeline content **/


.tl-heading h4 {
color: #a8983e;
font-size: 22px;
margin: 0;
}

.tl-body .accordionContent{
	margin:20px 0;
	}

.tl-body p, .tl-body ul {
margin-bottom: 0;
}

.tl-body > p + p {
margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {

.timeline li .timeline-panel {
width: 44%;
}
}
 @media (max-width: 700px) {

.page-header h1 {
font-size: 1.8em;
}

ul.timeline:before {
left: 40px;
}

.tldate {
width: 140px;
}

ul.timeline li .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}

ul.timeline li .tl-circ {
top: 22px;
left: 22px;
margin-left: 0;
}

ul.timeline > li > .tldate {
margin: 0;
}

ul.timeline > li > .timeline-panel {
float: right;
}

ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
}

ul li {
list-style: circle;
}

/*FORMULÁRIO ............................................................................*/




input[type="text"] {
width: 100% !important;
display: block;
}

label {
margin-top: 16px;
font-weight: 400;
display: block;
}

.no-padding-left {
padding-left: 0;
}

.no-padding {
padding: 0;
}

.form-inline {
}

.form-group {
margin-bottom: 0;
}

.alert-warning {
margin-top: 30px;
}

#qtProjetos {
margin-bottom: 15px;
}

.alert-info_sucesso .alert-success {
position: relative;
text-align: center;
top: 33px;
}

.block_concorrente {
padding: 27px 0;
border-bottom: 1px solid #e7e7e7;
}

.block_concorrente h2 {
margin-top: 0;
}

.accordionButton {
cursor: pointer;
}

a.twitter-button {
background-color: #E4E4E4;
border: 1px solid #c3cddf;
border-radius: 3px;
display: inline-block;
font-size: 11px;
padding: 2px 4px;
position: relative;
text-decoration: none;
top: -7px;
}

a.twitter-button span {
background: #E9E9E9;
background: rgba(0, 0, 0, 0) url("images/social_icons.png") no-repeat scroll 0 -3px;
display: block;
line-height: 14px;
padding-left: 18px;
font-size: 12px;
color: #333;
}

.botoes_socials {
display: block;
margin-top: 10px;
}

.content_block {
}

.content_block h2 {
font-size: 17px;
line-height: 150%;
margin-top: 12px;
}

.content_block h3{
	font-size:13px !important;
	margin-top:0px !important;
	margin-bottom:15px !important;
	}

.attachment-noticias {
margin-bottom:3px !important;
}

.rounded img {
border-radius: 50%;
}

.judados_title {
margin-top: 26px;
}

.wp-post-image {
margin-bottom: 20px;
}

.attachment-timeline {
margin-bottom: 3px;
margin-top: 10px;
}

.noticia_destaque {
margin-bottom: 30px;
}

.noticia_destaque h2 {
margin-top: 15px;
font-size: 20px;
color: #060;
}
.img_and_caption{
	float: left;
margin: 0 15px 0 0;
font-size:12px;
border: #eee solid 1px;
padding:3px;
	}
	
.noticia_destaque .img_and_caption{
	width:313px;
	}
	
	.noticia .img_and_caption{
	width:241px;
	}
	
.attachment-noticia_destaque {
margin-bottom:3px;
}

h3.subtitulo_destaque {
color: #929292;
font-size: 15px;
display: block;
line-height:150%;
text-transform: none;
}

.popover-title {
color: #a8983e;
}

.popover {
max-width: 525px;
}

.share_buttons{
	margin-top:20px;
	}

.share_buttons ul{
	list-style:none;
	padding:0;
	margin:0;
	}

.share_buttons ul li{
	list-style:none !important;
	display:inline-block  !important;
	}

	.attachment-jurados_img{
		margin-bottom:0 !important;

	}
	.jurados_block{
		min-height: 335px;
	}
	.colocacao{
		margin-bottom:10px;
		font-size: 13px;
	}
	/*#infos_cerimonia{
	margin-bottom:70px;

	}
	#infos_cerimonia span{
		display: block;
	}*/
	#linha_01{
		color: #9b6c1a;
		font-size: 36px;
		font-family: "robotolight", sans-serif;

	}
	#linha_02{
		color: #862108;
		font-size: 42px;
		font-family: "robotoregular", sans-serif;
		margin-top: -4px;
		text-align: right;


	}
	#linha_03{
color: #9b6c1a;
		font-size: 28px;
		font-family: "robotoregular", sans-serif;
		text-align: right;
	}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

#uwpqsf_id{
	border:none !important;
}

.uwpqsf_submit{
	background: #eaefd1 !important;
	margin-bottom:0 !important;
	top: 10px;
	position: relative;
	padding: 5px 0 20px 0;
}

.uwpqsf_submit input{
	border: none;
	background: #8BAB37 !important
}
.entry-header h2{
	margin-top:0;
}
#results{
	margin-top:50px;
}

.single-boas_praticas h2, .single-boas_praticas h3{
	text-transform: none;
}
.logo_bp{
	margin: 20px 50px 20px 0;
}
.chamada_livro{
	margin-top:170px;
}
.vencedores{
	display: block;
}
.vencedores h2{
	margin-top: 0;
}
.tarja{
	background: #f2f2d9;
	margin-top: 80px;
    padding: 21px 30px 21px 30px;
}

/* =CLEAR FIX 2011 
.........................................................................................................*/
.cf:before, .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.cf:after {
clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
 *zoom: 1;
}


/*RESPONSIVE............................................................................................................................*/  


@media (max-width: 1024px) { 

} 
@media (max-width: 768px) { /*ipad vertical*/ 

} 

@media (max-width: 640px) { /*IPHONE 4 */ 

} 

@media (max-width: 480px) { /*iphone horizontal*/ 

} 

@media (max-width: 320px) { /*IPHONE */ 

	.logo_amcham{
		margin-top:8px;
		}

} 

