*{margin:0; padding:0; border:0;}
img{ margin:0; padding:0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#conjunto {text-align: center;margin: 0;padding: 0;width: 100%;height: 100%; top: 0px;position:relative;z-index:2;}
@font-face {font-family: 'Rockwell';src: url('fonts/rock.ttf') format('truetype'); font-style: normal;font-weight: normal; }

html, body {width:100%; height:101%;}

body{background:#000;}

#bg{position:fixed; left:0; top:0; z-index:1;}

#supersize {position: fixed;}
#supersize img {height:100%;position:absolute;width:100%;z-index:0;top: 0px;}

#logo {top: 15px; width: 80%; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; background-image: url(imagens/logo_A-memoria-que-me-contam.png); height: 55px; background-repeat: no-repeat; background-position: center top; z-index: 99;position: relative; }
#english { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: right; padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index: 99; position: relative; top: -17px; right: 75px; font-variant: normal; text-transform: lowercase; }
#english a:link, a:visited { color: #999; text-decoration: none; }
#english a:hover a:active { color: #999; text-decoration: underline; }
#tagline { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: none; z-index: 99; position: relative; margin: 0; padding: 0px; top: 3px; left: 180px; width: 300px; color: #FFF; }
#pagina{ margin: 0 auto; width: 940px; text-align: left; position:relative; z-index:2; }

h1 {font-family: 'Arvo',Rockwell, serif; margin-bottom: 12px;margin-left: 0px;padding: 0 0 0 0;color: #000000;font-size: 140%;font-style: normal;font-weight: normal;font-variant: normal;}
h2 {font-family:'Arvo', Rockwell, serif;margin: 18px 0 18px 0;padding: 0 0 0 0;color: #000000;font-size: 100%;font-style: normal;font-weight: normal;font-variant: normal;}
h3 {font-family: 'Arvo',Rockwell, serif; margin: 0;padding: 0;color: #000000;font-size: 80%;font-style: normal;font-weight: normal;font-variant: normal;text-transform: uppercase;}
#barraNavGeral { padding: 0;bottom: 20px;position:fixed;width: 450px; left: 50%; margin-left: -215px; z-index:2; }
#barraNavEsq { width: 220px; font-family: 'Arvo', Rockwell, serif; font-size: 80%; line-height: 170%; text-align: right; font-style:normal; float: left; font-weight: normal; color: #000; margin-left:0; margin-top: 0; margin-right: 0; margin-bottom: 0;}
#barraNavEsq ul{margin:0;padding:0;font-style:normal;text-align:right;font-weight: normal;color: #fff;}
#barraNavEsq li{ font-style:normal; text-align:right; list-style-type: none; color: #000; padding: 0 10px 0 10px; }
#barraNavEsq li a{text-decoration:none;font-style:normal;color: #fff; padding: 0 7px 0 7px;}
#barraNavEsq li a:link{text-decoration:none;color: #fff;}
#barraNavEsq li a:visited{font-style:normal;color: #fff;}
#barraNavEsq li a:hover{text-decoration:underline;font-style:normal;color: #fff;}
#barraNavEsq li a:active{text-decoration:underline;font-style:normal;color: #fff;}
#barraNavDir { width: 220px; font-family: 'Arvo', Rockwell, serif; font-size: 80%; line-height: 170%; text-align: left; font-style:normal; float: left; font-weight: normal; color: #000; margin-left:0; margin-top: 0; margin-right: 0; margin-bottom: 0; }
#barraNavDir ul{margin:0;padding:0;font-style:normal;text-align:left;font-weight: normal;color: #fff;}
#barraNavDir li{font-style:normal;margin-right:0px;text-align:left;list-style-type: none;color: #fff;}
#barraNavDir li a{text-decoration:none;font-style:normal;color: #000;padding: 0 7px 0 7px;  }
#barraNavDir li a:link{text-decoration:none;color: #fff;}
#barraNavDir li a:visited{font-style:normal;color: #fff;}
#barraNavDir li a:hover{text-decoration:underline;font-style:normal;color: #fff;}
#barraNavDir li a:active{text-decoration:underline;font-style:normal;color: #fff;}

#animacao { width: 700px; height: 160px; z-index:10; position: relative; margin-top: 15%; margin-right: auto; margin-bottom: 0; margin-left: auto; }	

#frame_home_left {top: 0px; left: 4px; position: relative; float: left; }
#frame_home_right{top: 0px; left: 15px; position: relative; float: left;}

#barralogos {margin: 0;padding: 0;width: 100%;height: 59px;bottom: 0px;position:fixed;}
.hidden {display:none;}

@media screen and (min-width: 1200px) {
#logo { top: 15px; width: 80%; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; background-image: url(imagens/logo_A-memoria-que-me-contam.png); height: 55px; background-repeat: no-repeat; background-position: center top;z-index: 10;}
#english { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: right; padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index: 99; position: relative; top: -17px; right: 75px; font-variant: normal; text-transform: lowercase; }
#english a:link, a:visited { color: #999; text-decoration: none; }
#english a:hover a:active { color: #999; text-decoration: underline; }
#tagline { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: none; z-index: 99; position: relative; margin: 0; padding: 0px; top: 3px; left: 180px; width: 300px; color: #FFF; }
#pagina{ margin: 0 auto; width: 940px; text-align: left; position:relative; z-index:2; }
}

@media screen and (max-width: 760px) {
#logo { top: 15px; width: 100%; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; background-image: url(imagens/logo_A-memoria-que-me-contam_760.png); height: 55px; background-repeat: no-repeat; background-position: center top;z-index: 10; }
#english { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: right; padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index: 99; position: relative; top: -17px; right: 00px; font-variant: normal; text-transform: lowercase; }
#english a:link, a:visited { color: #999; text-decoration: none; }
#english a:hover a:active { color: #999; text-decoration: underline; }
#tagline { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: none; z-index: 99; position: relative; margin: 0; padding: 0px; top: 3px; left: 7px; width: 300px; color: #FFF; }
#pagina{ margin: 0 auto; width: 550px; text-align: left; position:relative; z-index:2; }
#animacao { width: 0px; height: 160px; z-index:10; position: relative; margin-top: 22%; margin-right: auto; margin-bottom: 0; margin-left: auto; visibility: hidden; }
}

@media screen and (max-width: 550px) {
#logo { top: 15px;  width: 100%; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; background-image: url(imagens/logo_A-memoria-que-me-contam_550.png); height: 55px; background-repeat: no-repeat; background-position: center top;z-index: 10; }
#english { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: right; padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index: 99; position: relative; top: -17px; right: 60px; font-variant: normal; text-transform: lowercase; }
#english a:link, a:visited { color: #999; text-decoration: none; }
#english a:hover a:active { color: #999; text-decoration: underline; }
#tagline { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: none; z-index: 99; position: relative; margin: 0; padding: 0px; top: 3px; left: 55px; width: 300px; color: #FFF; }
#pagina{ margin: 0 auto; width: 550px; text-align: left; position:relative; z-index:2;}
#animacao { width: 0px; height: 160px; z-index:10; position: relative; margin-top: 22%; margin-right: auto; margin-bottom: 0; margin-left: auto; visibility: hidden; }
}

@media screen and (max-width: 400px) {
#logo { top: 15px;  width: 100%; max-width: 400px; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; background-image: url(imagens/logo_400.png); height: 55px; background-repeat: no-repeat; background-position: center top;z-index: 10; }
#english { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: right; padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index: 99; position: relative; top: -17px; right: 30px; font-variant: normal; text-transform: lowercase; }
#english a:link, a:visited { color: #999; text-decoration: none; }
#english a:hover a:active { color: #999; text-decoration: underline; }
#tagline { font-family: 'Arvo', Rockwell, serif; font-size: 100%; font-style:normal; font-weight: normal; float: none; z-index: 99; position: relative; margin: 0; padding: 0px; top: 3px; left: 25px; width: 300px; color: #FFF; }
#pagina{ margin: 0 auto; width: 350px; text-align: left; position:relative; z-index:2; }
#animacao { width: 0px; height: 160px; z-index:10; position: relative; margin-top: 22%; margin-right: auto; margin-bottom: 0; margin-left: auto; visibility: hidden; }
}