/* --------------------------------- fotos  ---------------------------*/
#container_fotos { width:100%; padding-top: 5px; float:left; padding-bottom:3em; background: #FFFFFF; }
#fotos_container { max-width:1024px; width:100%; margin:0 auto; font-size:0.9em;  }

#fotos_container #button { float: left; padding:10px 15px; background-color:#454699; color: #ffffff; font-size:14px; margin-bottom:1em; font-weight:400; margin-left:46%; cursor:pointer; margin-top:2em; }
#fotos_container #button:hover { background-color: #333; }

#fotos_titulo { max-width:1024px; width:100%; margin:0 auto; text-align:center; }
#fotos_titulo .titulo { width:100%; float:left; font-size:2.6em; text-align:center; margin-top:1em; color:#3F3F3F; font-weight:600;  } 
#fotos_titulo .texto { width:100%; float:left; font-size:1.6em; text-align: left; margin-top:1em; color:#3F3F3F; font-weight:400;  } 

/* fotos */
.fotos { width: 28%; float: left; background-color: #E9E9EF; margin:2.5%;; cursor: pointer;  text-align:center; border:1px solid #AFAFAF;     }
.fotos:hover{ background:#f1f2f2; }
.fotos:last-child{ margin-right: 0; }
.fotos h2{ text-align:center; font-size:1.9em; color: #272727; font-family:'Roboto', Helvetica, Arial, sans-serif; 
font-weight:500; padding:5px; margin:0; z-index:9; }
.fotos h3{color: #272727;  text-align:center; font-size:2.1em; font-family:'Roboto', Helvetica, Arial, sans-serif; 
 font-weight:300; padding:15px 5px; margin:0; z-index:9;  }
.fotos p{ font-size:1.8em; color: #000; text-align:center; padding:10px 20px; }
.fotos b{ font-size:1.4em; color:#000; text-align:center; }
.fotos .foto { text-align:center; max-width:200px; z-index:8; height:170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fotos .de{ text-decoration:line-through; font-size:0.8em; }
.fotos #button_centro { float:left; margin-left:30%;  background-color: #FFFFFF; padding:10px 15px; color:#000; font-size:1.7em; margin-top:0.5em; margin-bottom:1em; box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.31);  }
.fotos #button_centro:hover { background-color: #696969; color:#FFFFFF;  }

/* exibe fotos*/
.fotos2 { width: 15%; float: left; margin:2.5%;; cursor: pointer;  text-align:center; font-size:14px;     }
.fotos2:hover{ background:#f1f2f2; }
.fotos2:last-child{ margin-right: 0; }
.fotos2 .foto { text-align:center; width:165px; height:135px; border:12px solid #D7D7D7; }

@media screen and (max-width: 1024px) {
	#fotos_container { width:98%;}
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 740px) {
	.fotos { width: 44%; }
}

@media screen and (max-width: 450px) {
	.fotos { width: 80%; margin-left:8%;  }
	.fotos span{ font-size:1.8em; }
	.fotos #button_centro { margin-left:26%;  }
}

@media screen and (max-width: 350px) {
}