.pop-up-newsletter{padding:10px; color:#ffffff; border:1px solid #f1f1f1; background:#00adee;}
.popup-newsletter-txt{margin-left:10px; padding-top:5px;}


#box_subscribe_newsletter {
	width: auto;
	height: 250px;
	position: fixed;
	bottom: 30%;
	margin-top: -100px;
	left: 45%;
	margin-left: -250px;
	background-color: #E8E8E8;
	padding: 10px;
	border: 2px solid #00adee;
	clip: rect(auto, auto, 15%, auto);
	z-index: 999;
}
#box_subscribe_newsletter input[type=email], input[type=text] {
	width: 90% !important;
	margin: 0 !important;
	border-radius: 3px;
	padding: 0 10px;
	/*line-height: 24px;
	height: 34px;*/
	border: 1px solid #EBEBEB;
	background: #F7F7F7;
	font-size: 12px;
	color: #666;
	cursor: text;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#box_subscribe_newsletter input[type=button], input[type=submit] {
	color: #ffffff;
	background: #00adee;
	border-radius: 3px;
	border: 1px solid #00adee;
	/*padding: 8px;*/
	cursor: pointer;
}
#box_subscribe_newsletter.btn-shopping:hover {
	background: #404041;
}
#box_login {
	width: auto;
	height: 200px;
	position: fixed;
	bottom: 30%;
	margin-top: auto;
	left: 45%;
	margin-left: auto;
	background-color: #E8E8E8;
	border-radius: 5px;
	border: 0px solid #014a97;
	z-index: 999999999999;
}
#box_login input[type=email], input[type=text] {
	width: 90% !important;
	margin: 0 !important;
	border-radius: 3px;
	padding: 0 10px;
	/*line-height: 24px;
	height: 34px;*/
	border: 1px solid #EBEBEB;
	background: #F7F7F7;
	font-size: 12px;
	color: #666;
	cursor: text;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#box_login input[type=button], input[type=submit] {
	color: #ffffff;
	background: #00adee;
	border-radius: 3px;
	border: 1px solid #00adee;
	padding: 8px;
	cursor: pointer;
}
#box_login.btn-shopping:hover {
	background: #404041;
}
.page_subscribe_newsletter {
	padding: 25px;
	margin-top: 50px;
	width: 50%;
	margin: 0 auto;
	border: 1px solid #F1f1f1;
	border-radius: 3px;
	background: #f9f9f9;
}
.page_subscribe_newsletter input[type=email] {
	width: 98% !important;
	margin: 0 !important;
	border-radius: 3px;
	padding: 0 10px;
	line-height: 24px;
	height: 34px;
	border: 1px solid #EBEBEB;
	background: #F7F7F7;
	font-size: 12px;
	color: #666;
	cursor: text;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.page_subscribe_newsletter input[type=submit] {
	color: #ffffff;
	font: 16px 'RobotoRegular', Arial, Helvetica, sans-serif;
	background: #00adee;
	border-radius: 3px;
	border: 1px solid #00adee;
	padding: 10px;
	margin-right: 10px;
	cursor: pointer;
}
.botao_alerta {
	color: #ffffff;
	font: 1.0em 'RobotoRegular', Arial, Helvetica, sans-serif;
	background: #00adee !important;
	border-radius: 3px;
	border: 1px solid #00adee !important;
	padding: 10px;
	margin-right: 10px;
	cursor: pointer;
	min-width: 150px;
	text-align: center;
}
.redes_sociais_btn_partilha {
}
.redes_sociais_btn_partilha a {
	margin-right: 10px;
	margin-top: 2px;
	float: left;
}
#body_text_print {
	font: 0.9em 'RobotoRegular', Arial, Helvetica, sans-serif;
}
#body_text_print a {
	color: #60aeaa;
}
#body_text_print h2 {
	font: 1.5em 'RobotoRegular', Arial, Helvetica, sans-serif;
	float: left;
}
#body_text_print h3 {
	font: 1.3em 'RobotoRegular', Arial, Helvetica, sans-serif;
	float: right;
}
#body_text_print fieldset {
	border: 1px solid #DDDDDD;
}
#body_text_print footer {
	font-size: 0.8em;
	float: none;
	width: 100%;
	bottom: 0px;
	position: fixed;
	border-top: 1px solid #868686;
	background: #ffffff;
}
#corporate_license input[type=text], input[type=email] {
	width: 98%;
	border: 1px solid #EAEAEA;
	padding: 0 10px;
	line-height: 24px;
	height: 38px;
	background: #FDFDFD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#corporate_license input[type=text]:focus, input[type=email]:focus {
	background: #fff;
	border: 1px solid #00adee;
}
#corporate_license input[type=submit] {
	width: 300px;
	padding: 10px;
}
#corporate_license .label {
	font-weight: bold;
	padding-bottom: 3px;
}
#corporate_license span {
	font-weight: normal;
}
#corporate_license .form_item {
	margin-bottom: 15px;
}
#corporate_license p {
	color: #333333;
	line-height: 1.7em;
}
#corporate_license .erro {
	border: 1px solid #F00;
	padding: 10px;
	color: #F00;
	font-size: 0.95em;
	line-height: 1.3em;
	margin-bottom: 10px;
	width: 92%;
}
#corporate_license .sucesso {
	border: 1px solid #f4f4f4;
	padding: 15px;
	color: #333;
	font-size: 0.95em;
	line-height: 1.3em;
	margin-bottom: 10px;
	width: 92%;
	background-color: #DFF4FF;
}
#corporate_license .erro {
	border: 1px solid #f4f4f4;
	padding: 15px;
	color: #333;
	font-size: 0.95em;
	line-height: 1.3em;
	margin-bottom: 10px;
	width: 92%;
	background-color: #FAE9E2;
}

form.form_form label.error, label.error {
	color: #F00;
	padding-left: 10px;
	font-size: 0.9em;
}


#form_form input[type=text], input[type=email] {width: 85% !important;}

#form_form select{width: 90% !important; padding:8px 5px}

#conteudo {
	background-color: #ccc;
	width: 50%;
}
#msg {
	color: red;
}
el.error {
	background-color: red;
}
el.ok {
	color: green;
}
.DivAberto {
	display: block;
}
.DivFechado {
	display: none;
	visibility: collapse;
	height: auto;
}
#box_login_form {
	width: auto;
	background-color: #E8E8E8;
	padding: 10px;
	border: 2px solid #00adee;
	clip: rect(auto, auto, 15%, auto);
}
#box_login_form input[type=email], input[type=text], input[type=password] {
	width: 90% !important;
	margin: 0 !important;
	border-radius: 3px;
	padding: 0 10px;
	line-height: 24px;
	height: 34px;
	border: 1px solid #EBEBEB;
	background: #F7F7F7;
	font-size: 1.0em;
	color: #666;
	cursor: text;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#box_login_form input[type=button], input[type=submit] {
	color: #ffffff;
	background: #00adee;
	border-radius: 3px;
	border: 1px solid #00adee;
	padding: 8px;
	cursor: pointer;
}
#box_login_form li {
	padding: 5px 0 5px 0;
}
.box_logon_col1 {
	display: inline-block;
	width: 98%;
	padding: 30px;
	min-height: 150px;
}

/*.box_logon_col2{display:inline-block; width:40%; padding:30px; min-height:150px;}*/

#page_forms {
	min-width: 270px;
	max-width: 450px;
	min-height: 600px;
	margin: 20px auto;
	border: 0px solid #f4f4f4;
	border-radius: 0px;
	padding: 10px;
}
#page_forms label {
	font-family: 'RobotoBold';
	font-size: 0.8em;
}
#page_forms input[type=email], input[type=text], input[type=password]{
	width: 98% !important;
	border-radius: 3px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	font-size: 1.0em;
	background:#ffffff !important;
	color: #666 !important;
	cursor: text;
	
}

select{
	width: 98% !important;
	border-radius: 3px;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background: #ffffff;
	color:#8F8F8F !important;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;}


#page_forms input[type=submit] {
	color: #ffffff;
	font: 16px 'RobotoRegular', Arial, Helvetica, sans-serif;
	background: #00adee;
	border-radius: 3px;
	border: 1px solid #00adee;
	padding: 10px;
	margin-right: 10px;
	cursor: pointer;
}
#page_forms .short_text {
	font-size: 0.8em !important
}
#page_forms a {
	color: #3FA9F5
}


		.escala_h_item { font-size:1.0em; padding:5px; background:#fbfbfb; margin:1px;}

/* para formatar os radio e check*/

	
	/* The container */
.FormOptionChecked {
  display: inline-block;
  position: relative;
	  padding-left: 25px;
	  margin-left: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color:#222222;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.FormOptionChecked input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%; border:1px #ccc solid;
}

.checkmark_checkbox {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 1%; border:1px #ccc solid;
}

/* On mouse-over, add a grey background color */
.FormOptionChecked:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.FormOptionChecked input:checked ~ .checkmark {
  background-color: #00adee;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.FormOptionChecked input:checked ~ .checkmark:after {
  display: block;
}
	
.FormOptionChecked input:disabled ~ .checkmark {
  display: block;position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%; border:0;
}

/* Style the indicator (dot/circle) */
.FormOptionChecked .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
}
	
/*------ checkmark_checkbox --------*/

/* On mouse-over, add a grey background color */
.FormOptionChecked:hover input ~ .checkmark_checkbox {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.FormOptionChecked input:checked ~ .checkmark_checkbox {
  background-color: #00adee;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.FormOptionChecked input:checked ~ .checkmark_checkbox:after {
  display: block;
}
	
.FormOptionChecked input:disabled ~ .checkmark_checkbox {
  display: block;position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%; border:0;
}

/* Style the indicator (dot/circle) */
.FormOptionChecked .checkmark_checkbox:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
}
		
	
	
