@media screen and (max-width: 1260px) {
 /*#containeredinner*/
 #containeredinner {
  width: 100%;
 }
 #contenttext, #contentimageright {
  float: none;
  display:inline-block;
  vertical-align: top;
  *display: inline;   
  padding-left: 10px;
  padding-right: 10px;
 }
 
}

@media screen and (max-width: 1200px) {
/*content*/
#containerphotobleft img, #containerphotobright img{
 width: 100%;
 height: auto;
}

}

@media screen and (max-width: 900px) {
 
 /*footer*/
 #footerinner img {
  width: 50px;
  height: auto;
 }
}

@media screen and (max-width: 860px) {
/*header titulo*/
#contentopheaderinner {
 font-size: 44px;
 color: #FFFFFF;
 font-family: 'Great Vibes', cursive;
}

}

@media screen and (max-width: 740px) {
/*header titulo*/
#contentopheaderinner {
 font-size: 34px;
 color: #FFFFFF;
 font-family: 'Great Vibes', cursive;
}

/*footer*/
#footerinner img {
  width: 40px;
  height: auto;
}

}

@media screen and (max-width: 690px) {
  /*content*/	
  #containerphotobleft, #containerphotobright, #containerdownloadright {
  float: none;
  clear: both;
  display:block;
  vertical-align: top;
  *display: inline; 
  text-align: center;
  }	
  #containerphotobleft, #containerphotobright {
   padding-top: 0px;
   width: 90%;
  }
  #containerphotobright {
   padding-top: 30px;
  }
  #containerdownloadright {
   width: 90%;
  }
  #containerphotobleft img, #containerphotobright img{
   width: 242px;
   height: auto;
   margin: 0px auto;
  }
}

@media screen and (max-width: 630px) {
 /*content red*/
 #contentimageright img{
  width: 100%;
  height: auto;
 }	
}

@media screen and (max-width: 580px) {
  /*header*/
  #header {
   height: 240px;
  }
  #header #logo img{
   width: 290px;
   height: auto;
  }
}

@media screen and (max-width: 510px) {
  /*content red*/
  #contenttext {
   width: 95%;
  }	
  #contenttext .header img{
   width: 95%;
   height: auto;
  }
  #contenttext .contentextmain {
   font-size: 13px;
  }
  
  /*header*/
  #header #logo img {
   width: 230px;
   height: auto;
  }
  #header {
   height: 200px;
  }
}

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

  /*content red*/
  .contentphone {
   clear: both;
   padding-top: 20px;
   width: 120px;
   background-position: bottom left;
  }
  .contentlogopub {
   padding-top: 20px;
  }
  #contenttext {
   width: 93%;
  }	
  #contenttext .header img{
   width: 93%;
   height: auto;
  }
  .contentlogopub {
   padding-top: 20px;
  }
}
