a {
	color: #333; 
	text-decoration: none
}

a:hover {
	color: #ccc; 
	text-decoration: none
}

#mask {
	display: block;	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
}
  
#boxes .window {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	z-index: 9999;
	padding: 20px;	 
}

.close {
	display: block; 
	text-align: right; 
	padding-right: 5%;
}

/* esse é: #solinforma */
#boxes #solinforma {
	width: 100%;
	height: 400px;
	padding: 10px;
	background-color: #CCC;
	display: none;
	top: 30%;
	left: 50%;
	margin-left: -50%;
	margin-top: -15%;
	bottom: 0;  
}

#boxes #solinforma label {
	width: 100%;
	margin-top: 7px;  
	float: left;
	clear: both;
	vertical-align: top;
}

#boxes #solinforma .divisor {
	width: 2%;
	float: left;
	clear: none;
	padding: 0 5px 0 5px;
}

#boxes #solinforma .radio {		
	width:inherit;
	clear: none;
	margin-right:5%;
}

#boxes #solinforma .labelMensagem {		
	width:90%;	
}
 
/* fim #solinforma */

/* ============================================================================================= */

/* esse é: agenda */
#boxes #agenda {
	width: 100%;
	height: 500px;
	padding: 10px;
	background-color: #CCC;
	display: none;
	top: 30%;
	left: 50%;
	margin-left: -50%;
	margin-top: -15%;
	bottom: 0;  
}

#boxes #agenda label {
	width: 100%;
	margin-top: 7px;  
	float: left;
	clear: both;
	vertical-align: top;
}

#boxes #agenda .divisor {
	width: 2%;
	float: left;
	clear: none;
	padding: 0 5px 0 5px;
}

#boxes #agenda .radio {		
	width: inherit;
	clear: none;
	margin-right:5%;
}

#boxes #agenda .labelMensagem {		
	width:90%;	
} 
/* fim agenda */

/* ============================================================================================= */

/* esse é: #calculadora */
#boxes #calculadora {
	width: 100%;
	height: 500px;
	padding: 10px;
	background-color: #FFF;
	display: none;
	top: 30%;
	left: 50%;
	margin-left: -50%;
	margin-top: -15%;
	bottom: 0;  
}

#boxes #calculadora label {
	width: 100%;
	margin-top: 7px;  
	float: left;
	clear: both;
	vertical-align: top;
}


#boxes #calculadora .divisor {
	width: 2%;
	float: left;
	clear: none;
	padding: 0 5px 0 5px;
}

#boxes #calculadora .radio {		
	width: inherit;
	clear: none;
	margin-right:5%;
}

#boxes #calculadora .labelMensagem {		
	width:90%;	
} 
/* fim #calculadora */

/* ============================================================================================= */

/*indamigo */
#boxes #indamigo {
  width:350px; 
  height:300px;
  padding:10px;
  background-color:#ffffff;
}
/* fim #indamigo */

/* ============================================================================================= */

/*dialog1 */
#boxes #dialog1 {
	width:375px; 
	height:203px;
}

#dialog1 .d-header {
	background:url(login-header.png) no-repeat 0 0 transparent; 
	width:375px; 
	height:150px;
}

#dialog1 .d-header input {
	position:relative;
	top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}


@media only screen and (min-width: 480px)) {
#boxes #calculadora {
	width: 95%;
}
}

@media only screen and (min-width: 480px), only screen and (orientation:landscape) {
#boxes #solinforma label{
	width: 10%;
}

#boxes #agenda label {
	width: 10%;
}

#boxes #calculadora label {
	width: 10%;
}	
}

@media only screen and (min-width: 600px) {
#boxes #solinforma {
	top: 40%;
}

#boxes #agenda {
	width: 450px;
	left: 50%;
	margin-left: -100px;
	top: 35%;
	margin-top: -225px;	
	position: fixed;
}

#boxes #calculadora {
	width: 450px;
	left: 50%;
	margin-left: -100px;
	top: 35%;
	margin-top: -225px;	
	position: fixed;
}
}


@media only screen and (min-width: 770px) {
#boxes #solinforma {
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -225px;	
	position: fixed;
}

#boxes #agenda {
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 40%;
	margin-top: -225px;	
	position: fixed;
}

#boxes #calculadora {
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 40%;
	margin-top: -225px;	
	position: fixed;
}
}