/***********************************
	MENU
***********************************/

ul.button {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	clear: left;
}

ul.button li {
	float: left;
}

ul.button li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0px 0px;
	margin-right: 8px;
	font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.button li input {
	float: left;
	text-decoration: none;
	color: #0d5f83;
	width: 230px;
	height: 20px;
	padding: 5px 0px 0px 8px;
	margin-right: 20px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-size: 14px;
	background-image: url('../img/bg_input.jpg');
	border-width:0;
}

ul.button li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.button li a:hover {
 	color: #222222;
	background: url(../img/bg_button_noactive.png) no-repeat top right;
}

ul.button li a:hover span {
	background: url(../img/bg_button_noactive.png) no-repeat top left;
}

ul.button li a.current {
	background: url(../img/bg_button.png) no-repeat top right;
	color: #454b0f;
 	/*color: #686f31;*/
}

ul.button li a.current span {
	background: url(../img/bg_button.png) no-repeat top left;
}

/* AZUL */

ul.button2 {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: right;
	clear: right;
}

ul.button2 li {
	float: right;
}

ul.button2 li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0px 0px;
	margin-right: 8px;
	font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.button2 li input {
	float: left;
	text-decoration: none;
	color: #0d5f83;
	width: 230px;
	height: 20px;
	padding: 5px 0px 0px 8px;
	margin-right: 20px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	font-size: 14px;
	background-image: url('../img/bg_input.jpg');
	border-width:0;
}

ul.button2 li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.button2 li a:hover {
 	color: #222222;
	background: url(../img/bg_button_noactive.png) no-repeat top right;
}

ul.button2 li a:hover span {
	background: url(../img/bg_button_noactive.png) no-repeat top left;
}

ul.button2 li a.current {
	background: url(../img/bg_button2.png) no-repeat top right;
	color: #124574;
 	/*color: #686f31;*/
}

ul.button2 li a.current span {
	background: url(../img/bg_button2.png) no-repeat top left;
}

ul.button2 li a.noactive {
	background: url(../img/bg_button_noactive.png) no-repeat top right;
	color: #222222;
 	/*color: #686f31;*/
}

ul.button2 li a.noactive span {
	background: url(../img/bg_button_noactive.png) no-repeat top left;
}

ul.button2 li a.noactive:hover {
 	color: #124574;
	background: url(../img/bg_button2.png) no-repeat top right;
}

ul.button2 li a.noactive:hover span {
	background: url(../img/bg_button2.png) no-repeat top left;
}

/***********************************
	BOTONES MENU
***********************************/

.button_menu, .button_menu_active_1,
.button_menu_active_2, .button_menu_active_3,
.button_menu_active_4, .button_menu_active_5 {
  position: relative;
  padding: 5px;
  background-image: url('../img/bg_button_off.jpg');
  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #666666;
  margin-bottom: 10px;
  height: 24px;
}

.button_menu a.text, .button_menu_active_1 a.text,
.button_menu_active_2 a.text, .button_menu_active_3 a.text,
.button_menu_active_4 a.text, .button_menu_active_5 a.text {
  text-decoration:none; 
  display: block;
  color: #eeeeee;
  margin-left: 38px;
  height: 32px;
}

.button_menu .only, .button_menu_active_1 .only,
.button_menu_active_2 .only, .button_menu_active_3 .only,
.button_menu_active_4 .only, .button_menu_active_5 .only {
  position: absolute;
  top: 4px;
  left: 241px;
  padding: 5px;
  color: #eeeeee;
  background-color: #333333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
}

.button_menu .only:hover, .button_menu_active_1 .only:hover,
.button_menu_active_2 .only:hover, .button_menu_active_3 .only:hover,
.button_menu_active_4 .only:hover, .button_menu_active_5 .only:hover {
  background-color: #666666;
  border: 1px solid #eeeeee;
}

.button_menu .only a, .button_menu_active_1 .only a,
.button_menu_active_2 .only a, .button_menu_active_3 .only a,
.button_menu_active_4 .only a, .button_menu_active_5 .only a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 10px;
  text-decoration:none; 
  color: #eeeeee;
  display: block;
}

.icon_menu_active_1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #3b7cbe;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.icon_new_active_1 {
  border: 4px solid #3b7cbe;
}

.icon_new {
  border: 4px solid #000000;
}

.icon_menu_active_off {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #000000;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.button_menu_active_1 {
  background-image: url('../img/bg_button_on.jpg');
  background-repeat: repeat-x;
}

.button_menu_active_1 a {
  color: #ffffff;
}

.icon_menu_active_2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #ff6206;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.icon_new_active_2 {
  border: 4px solid #ff6206;
}


.button_menu_active_2 {
  background-image: url('../img/bg_button_on.jpg');
  background-repeat: repeat-x;
}

.button_menu_active_2 a {
  color: #ffffff;
}

.icon_menu_active_3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #d9002b;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.icon_new_active_3 {
  border: 4px solid #d9002b;
}

.button_menu_active_3 {
  background-image: url('../img/bg_button_on.jpg');
  background-repeat: repeat-x;
}

.button_menu_active_3 a {
  color: #ffffff;
}

.icon_menu_active_4 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #95c81b;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.icon_new_active_4 {
  border: 4px solid #95c81b;
}

.button_menu_active_4 {
  background-image: url('../img/bg_button_on.jpg');
  background-repeat: repeat-x;
}

.button_menu_active_4 a {
  color: #ffffff;
}

.icon_menu_active_5 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #e54f91;
  padding: 6px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-right: 1px solid #aaaaaa;
}

.icon_new_active_5 {
  border: 4px solid #e54f91;
}

.button_menu_active_5 {
  background-image: url('../img/bg_button_on.jpg');
  background-repeat: repeat-x;
}

.button_menu_active_5 a {
  color: #ffffff;
}

/***********************************
	INF CORPORATIVA
***********************************/

#menu_buttons h2.title {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 15px;
  color: #a8d26c;
}

#menu_info h2.title {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 16px;
  color: #4aa9d0;
}

#menu_info .description {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  color: #999999;
}

/***********************************
	COMMENTS
***********************************/

.comments {
  clear: left;
  padding: 5px;
}

.comment {
  padding: 5px;	
  background-color: #eeeeee;
  color: #333333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 15px;	
}

.comment_say {
  color: #7d8e2b;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0px 15px 5px;
}

.comment_text {
  color: #000000;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  margin: 0px 0px 5px 15px;
}

.pagination_comment {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 13px;
  font-weight: bold;
  color: #eeeeee;
  text-align: center; 
  margin-top: 15px;
}

/***********************************
	INFO
***********************************/

.info {
  clear: left;
  padding: 5px;
}

.info_title {
  position: relative;
  padding: 15px 5px 5px 5px;
  color: #eeeeee;
}

.info_data {
  position: relative;
  padding: 5px;
  background-color: #eeeeee;
  color: #333333;
  -moz-border-radius: 5px;	
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.info_author {
  position: relative;
  padding: 15px 5px 5px 5px;
  color: #eeeeee;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 11px;
}

.info_data a {
  color: #07266f;
}

.info_data_form {
  position: relative;
  padding: 5px;
}

.info_data_form .note {
  position: relative;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 11px;
}

#type_poi {
  font-weight: bolder;
  color: #edf6c3;
}

.data_icons {
  clear: left;
  text-align: center;
  padding: 14px 5px;
}

.data_inappropriate {
  clear: left;
  text-align: center;
  padding: 0px 0px 16px 0px;
}

#menu_newpoi h3 {
  color: #c4d860;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 4px 0px;
  border-bottom: 2px solid #c4d860;
}

#menu_newpoi input {
  width: 240px;
}

#menu_newpoi textarea {
  width: 240px;
}

#menu_newpoi select {
  width: 240px;
}

#menu_newpoi textarea {
  color: #000000;
}

#menu_newpoi textarea.empty {
  color: #666666;
}

/***********************************
	LOGIN
***********************************/

h1.title_login {
  color: #a2d84f;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 16px;
}

p.text_login {
  color: #444444;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 11px;
}

table.login {
  margin-left: 30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
}

table.login th {
  margin-left: 30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  color: #444444;
}

table.login tbody input {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  color: #0d5f83;
  width: 380px;
  padding: 3px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
  border: 1px solid #a2d84f;
}


/***********************************
	LOGIN
***********************************/

.window {
  padding: 15px;
}

.window h1.title {
  color: #a2d84f;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 16px;
}

.window p {
  color: #444444;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  text-align: justify;
  line-height: 150%;
}

.window li {
  color: #444444;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  text-align: justify;
  line-height: 150%;
}

.window b {
  color: #444444;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  text-align: justify;
}

.window table {
  margin-left: 30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
}

.window table th {
  margin-left: 30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  color: #444444;
  vertical-align: top;
}

.window table tbody input, .window table tbody textarea {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 12px;
  color: #0d5f83;
  width: 300px;
  padding: 3px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 14px;
  border: 1px solid #a2d84f;
}

/***********************************
	MENU LOGIN
***********************************/

.menu_login {
  position: relative;
  padding: 5px;
  background-color: #333333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #666666;
  margin: 5px 5px 10px 5px;
}

.menu_login a {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
  font-size: 11px;
  color: #a4cdfb;
  text-decoration: none;
}

.menu_login a:hover {
  text-decoration: underline;
}