* { margin: 0; padding: 0; outline: 0;}

h1 {font-weight: lighter; }
h2 {font-weight: lighter; }


body{  widht: 100%;height:100%;margin:0 auto; overflow-x: hidden; overflow: -moz-scrollbars-vertical;overflow-y: scroll;background-color:#efefef;}

/* imagem e videos responsivos */
img {max-width:100%;}


.boxVideo {
    position: relative;
    padding-bottom: 56.25%; 
    
    height: 0;
    margin:0 auto;
    box-shadow:2px 2px 10px #666666;-webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666; 
}
.boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* fim imagem e videos responsivos */

#caixa {width:60%;height:100%; margin-left:20%;margin-right:20%; margin-top:20px;}

#caixatopo {width:100%;height:30px;background-color:#efefef; color:#000000; text-align:center; font-family:calibri, arial, century;font-size:22px;box-shadow:2px 2px 10px #666666;-webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;  }
#caixatopo a{width:100%;  height:30px; display: block;  background-color:#CD3367;  text-decoration: none;color:#ffffff;   }

#caixasubtopo {width:100%;height:30px;background-color:#efefef; color:#000000; text-align:center; font-family:calibri, arial, century;font-size:12px;box-shadow:2px 2px 10px #666666;-webkit-box-shadow: 2px 2px 10px #666666; -moz-box-shadow: 2px 2px 10px #666666;  }

#rodape {width:100%; height:65px;background: #000000; text-align:center; font-family:calibri, arial, century;font-size:45px; color:#000000; margin-top:450px;float:left;text-decoration: none;}




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


#caixa {width:70%;height:100%; margin-left:15%;margin-right:15%; margin-top:20px;}

	
}

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


#caixa {width:80%;height:100%; margin-left:10%;margin-right:10%; margin-top:20px;}

	
}

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


#caixa {width:85%;height:100%; margin-left:7.5%;margin-right:7.5%; margin-top:20px;}

	
}

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


#caixa {width:90%;height:100%; margin-left:5%;margin-right:5%; margin-top:20px;}

#caixatopo {width:100%;height:25px;font-size:16px; }
#caixatopo a{ height:25px;   }
#caixasubtopo {height:25px;font-size:10px; }

	
}

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


#caixa {width:95%;height:100%; margin-left:2.5%;margin-right:2.5%; margin-top:20px;}

#caixatopo {width:100%;height:25px;font-size:16px; }
#caixatopo a{ height:25px;   }
#caixasubtopo {height:25px;font-size:10px; }

	
}

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


#caixa {width:96%;height:100%; margin-left:2%;margin-right:2%; margin-top:20px;}

#caixatopo {width:100%;height:25px;font-size:16px; }
#caixatopo a{ height:25px;   }
#caixasubtopo {height:25px;font-size:10px; }

	
}

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


#caixa {width:98%;height:100%; margin-left:1%;margin-right:1%; margin-top:20px;}

#caixatopo {width:100%;height:15px;font-size:12px; }
#caixatopo a{ height:15px;   }
#caixasubtopo {height:15px;font-size:6px; }

	
}