@charset "UTF-8";
/* CSS Document */

/* botões em Metro UI */
.config_metro {
	display:inherit;
	padding:10px;
}
.config_metro div {
	/* 315 × 155 */
	width:305px;
	height:150px;
	padding:0px !important;
	border:0px !important;
	margin:10px !important;
	display:inline-block;
	
	opacity:0.8;
		
	-moz-transition-property: all;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-property: all;
	-o-transition-duration: .5s;
	-o-transition-timing-function:ease-in-out;
	transition-property: all;
	transition-timing-function:ease-in-out;
	transition-duration: .5s;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(00, 00, 00, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(00, 00, 00, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(00, 00, 00, 0.5);
	
	z-index:1000;
	background-color:transparent !important;
}
.config_metro div:hover {
	opacity:1;
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(00, 00, 00, 1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(00, 00, 00, 1);
	box-shadow: 0px 0px 30px 0px rgba(00, 00, 00, 1);
	background-color:#000000;
	
	z-index:1000000;
}

#p001, #p002, #p003, #p004, #p005, #p006, #p007, #p008, #p009, #p010, #blocked {
	-moz-transition-property: all;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-property: all;
	-o-transition-duration: .5s;
	-o-transition-timing-function:ease-in-out;
	transition-property: all;
	transition-timing-function:ease-in-out;
	transition-duration: .5s;
	
	overflow:hidden;
}

#p001 spam, #p002 spam, #p003 spam, #p004 spam, #p005 spam, #p006 spam, #p007 spam, #p008 spam, #p009 spam, #p010 spam, #blocked spam {
	margin-left:160px;
	opacity:0;
}
#p001:hover spam, #p002:hover spam, #p003:hover spam, #p004:hover spam, #p005:hover spam, #p006:hover spam, #p007:hover spam, #p008:hover spam, #p009:hover spam, #p010:hover spam, #blocked:hover spam {
	opacity:1;
}
#p001 spam img, #p002 spam img, #p003 spam img, #p004 spam img, #p005 spam img, #p006 spam img, #p007 spam img, #p008 spam img, #p009 spam img, #p010 spam img, #blocked spam img {
	max-height:100px;
	max-width:100px;
}


#p001 {
	background:url(img_dengue/main_001.png) no-repeat center;
	background-size: 100%;
}
#p002 {
	background:url(img_dengue/main_002.png) no-repeat center;
	background-size: 100%;
}
#p003 {
	background:url(img_dengue/main_003.png) no-repeat center;
	background-size: 100%;
}
#p004 {
	background:url(img_dengue/main_004.png) no-repeat center;
	background-size: 100%;
}
#p005 {
	background:url(img_dengue/main_005.png) no-repeat center;
	background-size: 100%;
}
#p006 {
	background:url(img_dengue/main_006.png) no-repeat center;
	background-size: 100%;
}
#p007 {
	background:url(img_dengue/main_007.png) no-repeat center;
	background-size: 100%;
}
#p008 {
	background:url(img_dengue/main_008.png) no-repeat center;
	background-size: 100%;
}
#p009 {
	background:url(img_dengue/main_009.png) no-repeat center;
	background-size: 100%;
}
#p010 {
	background:url(img_dengue/main_010.png) no-repeat center;
	background-size: 100%;
}
#blocked {
	background:url(img_dengue/main_blocked.png) no-repeat center;
	background-size: 100%;
}