/* page (conteúdo) ocupa o espaço entre header e footer */
#page {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
  }
  
  #content {
	flex: 1 0 auto;
	/* se quiser rolagem interna: overflow-y:auto; */
  }



.align_center {
	float: none;
	text-align: center;
	vertical-align: middle;
}


.text01 {
	float: left;
	color: #000000;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;	/* Open Sans */
	font-weight: 400;
	vertical-align: middle;
	padding-top: 10px;
}

.text02 {
	float: left;
	color: #000000;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	vertical-align: middle;
	padding: 5px 25px 25px 25px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}


.bullet_icon {
	width: 45px;
	height: 45px;
	background-image: url('/images/bullet_01.jpg');
}


.img_valign {
	vertical-align: middle;
}


.page_title {
/* 	float: left;*/
	color: #000000;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	vertical-align: middle;
	padding-top: 10px;
	margin-bottom: 15px;
}


.customer_class {
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;	/* Open Sans */
	font-weight: 400;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
/*	text-shadow: 1px 1px 2px #888888; */
}


.customer_info_table {
	border: 1px solid #dddddd;
	padding: 10px;
	background-color: #eeeeee;
}

.customer_info_title {
	float: left;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	margin-left: 25px;
}

.customer_info_data {
	float: none;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	margin-left: 5px;
}


.promo_icons {
	/* border: 2px solid #282828; */
	padding: 10px;
	text-align: center;
	vertical-align: middle;

	color: #000000;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.promo_icons_image {
	width: 90px;
	height: 90px;
	vertical-align: middle;
}

a.promo_icons_image {
	text-decoration: none;
}


.promo_class {
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;	/* Open Sans */
	font-weight: 400;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


.promo_container {
        //border: 1px dotted #bbbbbb;
        background-color: #ffffff;
        padding-bottom: 20px;
}


.promo_table {
	border: 1px dotted #bbbbbb;
	background-color: #f9f8f6;
	padding: 5px;
}


.promo_box_image {
	float: left;
	border: 1px solid #777777;
	width: 180px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	background-color: #cdcdcd;
}

.promo_image {
	width: 180px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	color: #484848;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
}

	


.promo_box_info {
	vertical-align: top;
}

.promo_box_info_table {
	/* border: 1px solid #aa0000; */
	padding: 0px;
}

.promo_info_title {
	/* border: 1px solid #0000aa; */
	float: left;
	width: 180px;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
}

.promo_info_data {
	/* border: 1px solid #00aa00; */
	float: none;
	width: 440px;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
}


td.back_link {
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
}

a.back_link {
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
}


.all_promos_table_header {
	width: 100%;
	border: 0px solid #282828;	
}


.all_promos_col_1 {
	width: 333px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;	
	background-color: #e9e9e9;
	padding: 5px;
}

.all_promos_col_1_image {
	float: left;
	border: 1px solid #777777;
	background-color: #cdcdcd;

	width: 90px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	color: #000000;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
}

.all_promos_col_1_data {
//border: 1px solid #282828;
	float: left;
	width: 225px;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;	
	padding-left: 10px;
}

.all_promos_col_2, 
.all_promos_col_3,
.all_promos_col_4,
.all_promos_col_5 
{
	border-left: 0px dotted #1f1f1f;
	background-color: #e9e9e9;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;	
	padding: 5px;
}


.voucher_logo {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.research_container {
//      border: 1px solid red;
        background-color: #ffffff;
        position: relative;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 20px;
}

.research_question {
//      border: 1px solid blue;

	padding-bottom: 10px;
//	margin-bottom: 10px;

        color: #111111;
        font-size: 17px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        text-decoration: none;
}

.research_response {
//      border: 1px solid green;

	padding-bottom: 10px;
	padding-left: 10px;

        color: #000000;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        text-decoration: none;
}


.research_response_text {
}

.research_response_text input,
.research_response_text select {
        border: 1px solid #999999;
        border-radius: 4px;
        width: 70%;
        padding: 7px 7px 7px 7px;
        color: #000000;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        text-decoration: none;
}


.research_response_star > input {       /* HIDE RADIO */
        visibility: hidden;             /* Makes input not-clickable */
        position: absolute;             /* Remove input from document flow */
}



@media screen and (min-width:320px) and (max-width:1024px) {
	.research_response_radio,
	.research_response_checkbox {
		width: 3em;
		height: 3em;
	}

	.research_response_star > input + img { /* IMAGE STYLES */
        	cursor:pointer;
        	border:2px solid transparent;
			
		width: 4em;
		height: 4em;
	}
	
	.research_response_star > input:checked + img{  /* (RADIO CHECKED) IMAGE STYLES */
        	border: 2px solid transparent;
	}

}


@media screen and (min-width:1024px) {
	.research_response_radio,
	.research_response_checkbox {
		width: 1.3em;
		height: 1.3em;
	}

	.research_response_star > input + img { /* IMAGE STYLES */
        	cursor:pointer;
        	border:2px solid transparent;
	}
	
	.research_response_star > input:checked + img{  /* (RADIO CHECKED) IMAGE STYLES */
        	border: 2px solid transparent;
	}		

}

.research_response_checkbox_label,
.research_response_radio_label {
	padding: 0px 0px 5px 0px;

        color: #000000;
        font-size: 1.0em;
        font-family: Arial;
        font-weight: normal;
}



.form_buttons {
	margin-top: 20px;
        font: 15px Open Sans, Arial;
        color: #ffffff;
        border: 0px solid #484848;
        border-radius: 7px;
        background-color: #27b376;
        height: 40px;
}

.use_promo_dialog {
		font: 12px Open Sans;
		border: 1px solid #484848;
		border-radius: 6px;
		background-color: #efefef;
		height: 24px;
}




/*--- BLOG ----------------------------*/

.blog_title_table {
	border: 0px solid green;
}


.blog_title_td {
	color: #484848;
	background-color: #efefef;
	margin-left: 0px;
	padding: 15px;
}


.blog_title {
	color: #484848;
	font-size: 15px;
	font-family: Roboto, Arial;
	font-weight: bold;
}

	
.blog_posts_body,
.blog_history_body {
	color: #333333;
	background-color: #ffffff;
	margin: 0px;
	padding: 15px;
	font-family: Roboto, Arial;
}


.blog_history_links,
.blog_history {
	color: #484848;
	font-size: 15px;
	font-family: Roboto, Arial;
	text-decoration: none;
}


.blog_post_container {
	//border: 1px solid red;
	border-top: 1px dashed #484848;
	padding-top: 5px;
	padding-bottom: 15px;
}


.blog_post_datetime {
	color: #484848;
	font-size: 12px;
	font-family: Roboto, Arial;
}


.blog_post_title {
	color: #8a1f23;
	font-size: 22px;
	font-family: Roboto, Arial;
	font-weight: bold;
	padding-bottom: 10px;
}

.blog_post_text {
	color: #333333;
	font-size: 16px;
}

.blog_post_image_container {
	//border: 1px solid green;
	float: left;
	max-width: 50%;
}

.blog_post_image_div {
	//border: 1px solid purple;
	max-width: 100%;
}

.blog_post_image {
	//border: 1px solid blue;
	max-width: 95%;
	float: left;
}

.blog_post_image_caption {
	//border: 1px solid red;
	float: left;
	max-width: 95%;
	color: #484848;
	font-size: 13px;
	font-style: italic;
	padding: 5px 10px 10px 0px;
}

.blog_links {
	color: #484848;
	font-size: 15px;
	font-family: Roboto, Arial;
	text-decoration: none;
}