/* DOCUMENT CREATED BY MICROENG - 2018-03-20  */
/* DOCUMENT EDITED BY RM - 2018-03-20 */
/* DOCUMENT NAME 02_Site_Specific_styles.css */

/*HTML {
	min-height: 100%; 
	/*overflow: hidden;*/
}*/

html, body, iframe, div.sethight {	/* Foi necessário criar esta classe "inicial" para não interferir com a altura do frame do datepicker. Sem este conjunto de 100% a página não formata adequado com iframe */
	height: 100%;
}

BODY.legacy_am {	
	font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, Arial, sans-serif;
	text-align: center;
	color: #5F2167;
	background-color: #ffffff; /* fallback color if gradients are not supported */
	background: -moz-linear-gradient(180deg,#ffffff 30%, #5F2167 100%);	 /* For Firefox (3.6 to 15) */
	background: -webkit-linear-gradient(180deg,#ffffff 30%, #5F2167 100%);	 /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	background-image:      -o-linear-gradient(180deg,#ffffff 30%, #5F2167 100%); /* For old Opera (11.1 to 12.0) */ 
	background: linear-gradient(180deg,#ffffff 30%, #5F2167 100%);	/* Standard syntax; must be last */
	background-repeat: no-repeat;		/* Com este parâmetro mais o da linha de baixo, o gradiente preenche toda a altura sem ficar se repetindo */
	background-attachment: fixed;
}

footer, header, main {
display : block;
}

iframe.mainframe {	
	height: 100%;
	display: block; 
	width: 100%;
	overflow-y: auto; 
	overflow-x: hidden;
	margin-left: auto;
	margin-right: auto;
}

DIV.canvas_transparent {	
	max-width: 1200px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	/*display: table;*/
}

DIV.wrapper_header, .wrapper_footer {
	max-width: 100%;
	display: block;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	/*text-align: center;*/	/* Defined on Body - Should inherit */
}

DIV.wrapper_content {
	max-width: 100%;
	display: block;
	padding-left: 5px; 
	padding-right: 5px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	/*text-align: center;*/	/* Defined on Body - Should inherit */
}

DIV.wrapper_text_block {
	max-width: 100%;
	display: block;
	padding-left: 10px; 
	padding-right: 10px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	/*text-align: center;*/	/* Defined on Body - Should inherit */
}

#rodape, #corpo, #container  {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

/* ############################################################################################# */
/* BUTTON GROUP - MENU */

.btn-group button {
	background-color: #5F2167; /*  background */
	border: 1px solid #FFFFFF; /*  border */
	color: white; /* White text */
	padding: 0px 0px; /* Some padding */
	cursor: pointer; /* Pointer/hand icon */
	float: left; /* Float the buttons side by side */
	font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, Arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

/*  .btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
} */

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: #800080;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.send_btn {
	background-color: #00dd00; /*  Green background */
	border: 1px solid #5F2167; /*  border */
	color: #5F2167; /* Dark Purple text */
	padding: 0px 0px; /* Some padding */
	cursor: pointer; /* Pointer/hand icon */
	font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	height: 25px;
	width: 90px;
	margin-left: 0;
	margin-right: 0;
}

.reset_btn {
	background-color: #ff0000; /*  Green background */
	
	color: #ffffff; /* Dark Purple text */
	padding: 0px 0px; /* Some padding */
	cursor: pointer; /* Pointer/hand icon */
	font-family: "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	height: 25px;
	width: 90px;
	margin-left: 0;
	margin-right: 0;
}

/* HEADERS and PARAGRAPHS */

H1 {	
	padding: 5px 0px  5px 0px;
	font-size: 26pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167;
	/*text-align: center;*/
}

H2 {
	padding: 5px 0px  5px 0px; 
	font-size: 22pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167;
	text-align: center;
}

H3 {
	padding: 0px 0px  5px 0px; 
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167;
	/*text-align: center;*/
}

H4 {	
	padding: 0px 0px  5px 0px; 
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167;
	/* text-align: center; */
}

H5 {
	padding: 5px 0px  0px 0px; 
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	/*color: navy;*/
	/*text-align: center;*/
}

H6 {
	display: block;
	padding: 5px 0px  0px 0px; 
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167;
	text-align: center;
}

H6.warning {	
	color: red;
}

.std_count	{display: inline; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: lighter; color: green; min-width: 25px; }

P.std14 {
	display: inline;
	font-size: 14pt;
	font-weight: normal;
}

P.std12 {
	display: inline;
	font-size: 12pt;
	font-weight: normal;
}

ul { 
    display: block;
    list-style-type: square;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

label {	
	/*padding: 3px 0px 3px 0px;*/
	display: block;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #5F2167; 
	background-color: transparent;
}


/* Floating one image on top of other */
.float-base-frame {
  position: relative;
  top: 0;
  left: 0;
}
.base-img {
  position: relative;
  top: 0;
  left: 0;
}
.flag-en {
  position: absolute;
  top: 10px;
  left: 997px;
  /* border: 1px solid #ffffff;  border */
}
.flag-pt {
  position: absolute;
  top: 40px;
  left: 997px;
  /* border: 1px solid #ffffff;  border */
}
.flag-es {
  position: absolute;
  top: 70px;
  left: 997px;
   /*  border: 1px solid #ffffff;border */
}