body{background:#ededed;}
#topo{width:100%; float:left;}
#topo img{ width:100%; max-width:550px; margin:5px;}
#centraliza{max-width:1024px; width:95%; margin:0 auto; padding:0px; }
#MenuFixo{background:#275781; width:100%; font-family: 'Open Sans', sans-serif; min-height:30px; float:left; position:relative; transition:1s;}
#MenuFixo a:link{color:#FFF; font-family: 'Open Sans', sans-serif; font:22px 'Open Sans', sans-serif; margin:5px;}
#MenuFixo a:visited{ color:#FFF;}
#MenuFixo a:hover{ color:#FFF; font-weight:bold;}
#MenuFixo ul{list-style:inside; position:relative; padding:15px;}
#MenuFixo ul mark{background:#fa7c00; clear:both;}
#MenuFixo ul li{display: inline; }
#azul{background:#275781; width:100%; font-family: 'Open Sans', sans-serif; min-height:30px; float:left;}
#Video{ overflow:hidden;border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px; float:left;}
#Video iframe{height:100%; min-height:365px;}
.ajustaDiv{clear:both;}
#Apresentacao{float:left; max-width:454px;  margin:10px; margin-top:25px; padding-bottom:15px;}
#Apresentacao img{ width:100%; transition:1s;}
#sobreLivro {margin-top:10px; padding-top:150px;}
#sobreLivro img {float:left; margin-top:15px; max-width:400px; transition:1s;}
#TextoSobreLivro h1{ color:#FFF; border-bottom:1px solid #FFF; text-align:left; font-weight:bold; margin-bottom:0px; padding-bottom:0px; }
#TextoSobreLivro {width:60%; float:right;}
#TextoSobreLivro h2{font:60px 'Patua One', cursive; padding:0px; margin:0px; text-align: right; color:#FFF; margin-top:-10px; font-family: 'Patua One', cursive; margin-bottom:0px; padding-bottom:0px;}
#TextoSobreLivro h3{ font-family: 'Alike', serif; font:38px'Alike', serif; color:#FFF; text-align:right; margin:0px; padding:0px; margin-top:-10px;}
#TextoSobreLivro h4{ background:#FFF; color:#275781; text-align:right; max-width:460px; padding:5px; float:right; font:18px 'Open Sans';}
#TextoSobreLivro h5{ width:100%; text-align:right; max-width:100%; float:right; color:#FFF; font:15px 'Open Sans'; margin-top:30px; margin-right:0px;}
#TextoSobreLivro p{ width:100%; text-align: justify; float:right; color:#FFF; font:20px 'Open Sans'; margin-top:40px; }
#Sobre-Os-Autores{ float:left; padding-bottom:20px;  padding-top:100px;}
#Sobre-Os-Autores h1{ width:100%; font:18px 'Open Sans'; border-bottom:1px solid #000; text-align:left;  font-weight:bold; margin-top:5px; padding-top:5px;}
#autoresCicero{width:70%; float:left; text-align:right; padding-top:20px;} 
#autoresCicero h2{ font:18px 'Open Sans'; font-weight:bold; margin-bottom:5px; padding-bottom:5px;}
#autoresCicero p{text-align:justify; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#autoresCicero img{ float:right;}

#autoresPaulo{width:70%; float:right; text-align:left; padding-top:20px;} 
#FotoPaulo{ float:left !important; left:0px;}
#autoresPaulo h2{ font:18px 'Open Sans'; font-weight:bold; margin-bottom:5px; padding-bottom:5px;}
#autoresPaulo p{text-align:justify; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#Vantagens h1{text-align:left; color:#FFF; border-bottom:1px solid #FFF; margin:0px; padding:0px; font:18px 'Open Sans'; font-weight:bold; padding-top:10px;}
#Vantagens h2{ font:32px 'Patua One', cursive; text-align:left; margin-top:10px; color:#FFF;}
#Vantagens img{width:100%; max-width:619px; float:left;}
#Vantagens p{ font:40px 'Open Sans'; text-align:center; width:100%; float:left; margin:0 auto; color:#FFF; padding:2px; margin:3px; }
#Vantagens p b{ background:#ff8500; padding:2px;}
#Vantagens {padding-bottom:30px; float:left; margin-bottom:60px;  padding-top:130px;}
#Cadastrar {float:left; width:100%; padding-bottom:50px;}
#Cadastrar .titulocadastrar{ background:#ff8500; color:#FFF; font:40px 'Andada', serif; font-weight:bold; width:300px; text-align:center; margin:0 auto; margin-top:-30px; font-family: 'Andada', serif; padding:5px;}
#CorpoForm {width:100%; background:url(../img/face.png) no-repeat; min-height:610px; padding-top:10px;}
#CorpoForm form{ background:rgba(34,67,145,0.7); max-width:500px; margin:0 auto; padding:10px; margin-top:50px; padding-top:25px; border-radius:5px;}
#CorpoForm input[type=text]{ width:89%; margin:5px; padding:10px; color:#727272; font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#CorpoForm input[type=email]{ width:89%; margin:5px; padding:10px; color:#727272; font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#CorpoForm input[type=submit]{ background:#ffcc00; font:32px 'Andada', serif; color:#000; border:1px solid #ffcc00; border-radius:5px; margin:10px; font-weight:bold; padding:5px;	 padding-left:10px; padding-right:10px; box-shadow:0px 2px 3px #ffcc00; cursor:pointer;}
#CorpoForm select{  width:89%; margin:5px; padding:10px; color:#b7b8b9; font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#facebook{border-top:1px solid #275781; float:left; width:100%; min-height:300px; display:none;}
#facebook .tituloComentarios{ background:#275781; color:#FFF; font:35px 'Andada', serif; font-weight:bold; width:300px; text-align:center; margin:0 auto; margin-top:-30px; font-family: 'Andada', serif; padding:2px;}
#botAbreMenu{ cursor:pointer}
#botAbrirFecha{ cursor:pointer}
.Rodape{float:left; width:100%; padding:5px;}
.Rodape img {width:80px; margin:5px;}
@media (min-width:280px) and (max-width:360px) {
#Video{ overflow:hidden; max-width:95%; width:95%; border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px;}
#Video iframe{height:100%; min-height:305px; width:100%;}	
#Apresentacao{float:left; max-width:95%;  margin:5px; margin-top:25px; width:100%; }
#sobreLivro {margin-top:10px; padding-top:120px;}
#sobreLivro img {width:90px; float:left;}
#TextoSobreLivro{float:right; margin-top:-110px;}
#TextoSobreLivro h1{ color:#FFF; border-bottom:1px solid #FFF; text-align:left; font-weight:bold; margin-bottom:0px; padding-bottom:0px; width:65%; float:right }
#TextoSobreLivro {width:100%; float:right; padding-right:5px;}
#TextoSobreLivro h2{font:40px 'Patua One', cursive; padding:0px; margin:0px; text-align: right; color:#FFF; margin-top:-8px; font-family: 'Patua One', cursive; margin-bottom:0px; padding-bottom:0px;}
#TextoSobreLivro h3{ font:16px'Alike', serif; text-align:right; max-width:60%; float:right;}
#TextoSobreLivro h4{ max-width:60%; padding:5px; float:right; font:14px 'Open Sans';}
#TextoSobreLivro h5{ width:95%; text-align:right; max-width:95%; font:15px 'Open Sans'; margin-top:30px; margin-right:0px;}
#TextoSobreLivro p{ width:95%; text-align: justify; float:right; color:#FFF; font:18px 'Open Sans'; margin-top:40px;  }
.Menu{display:none;}
#Sobre-Os-Autores{ padding-top:110px;}
#Sobre-Os-Autores h1{ width:95%;}
#autoresCicero{ width:95%;}
#autoresPaulo{ width:95%; float:left;}
#Vantagens {padding-top:110px;}
#Vantagens p{ font:16px 'Open Sans'; text-align:center; width:100%; float:left; margin:0 auto; color:#FFF; padding:2px; margin:3px; }
#CorpoForm select{ width:91%;}
#botAbreMenu{ padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:10px; width:40px;}
#Cadastrarlink{ background:#fa7c00; color:#FFF;  font:25px 'Open Sans'; float:right; height:40px; padding:5px;  padding-top:14px;}
.Menu{display:none;  transition:2s; overflow:hidden; width:100%;  height:0px; }
#MenuFixo ul{list-style:inside; position:relative; }
#MenuFixo ul li{ display:block;
				float:left;
				width:100%;
				text-align:left;
				margin:5px;
				}
#botAbrirFecha{display:none;  padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:10px; width:40px;}
}


@media (min-width:361px) and (max-width:660px){
#Video{ overflow:hidden; max-width:95%; width:95%; border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px;}
#Video iframe{height:100%; min-height:305px; width:100%;}	
#Apresentacao{float:left; max-width:95%;  margin:5px; margin-top:25px; width:100%; }
#sobreLivro {margin-top:10px; padding-top:30px;}
#sobreLivro img {width:180px; float:left;}
#TextoSobreLivro{float:right; margin-top:-210px;}
#TextoSobreLivro h1{ color:#FFF; border-bottom:1px solid #FFF; text-align:left; font-weight:bold; margin-bottom:0px; padding-bottom:0px; width:55%; float:right }
#TextoSobreLivro {width:100%; float:right; padding-right:5px;}
#TextoSobreLivro h2{font:40px 'Patua One', cursive; padding:0px; margin:0px; text-align: right; color:#FFF; margin-top:-8px; font-family: 'Patua One', cursive; margin-bottom:0px; padding-bottom:0px; float:right; text-align:right; width:65%;}
#TextoSobreLivro h3{ font:16px'Alike', serif; text-align:right; max-width:60%; float:right; width:100%;}
#TextoSobreLivro h4{ max-width:60%; padding:5px; float:right; font:14px 'Open Sans';}
#TextoSobreLivro h5{ width:95%; text-align:right; max-width:95%; font:15px 'Open Sans'; margin-top:30px; margin-right:0px;}
#TextoSobreLivro p{ width:95%; text-align: justify; float:right; color:#FFF; font:18px 'Open Sans'; margin-top:40px;  }
.Menu{display:none;}
#Sobre-Os-Autores{ padding-top:10px;}
#Sobre-Os-Autores h1{ width:95%;}
#autoresCicero{ width:95%;}
#autoresPaulo{ width:95%; float:left;}
#Vantagens {padding-top:10px;}
#Vantagens p{ font:18px 'Open Sans'; text-align:center; width:100%; float:left; margin:0 auto; color:#FFF; padding:2px; margin:3px; }
#CorpoForm select{ width:88%;}
#botAbreMenu{ padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:30px; width:40px;}
#Cadastrarlink{ background:#fa7c00; color:#FFF;  font:25px 'Open Sans'; float:right; height:40px; padding:5px;  padding-top:14px; right:30px;}
.Menu{display:none;  transition:1s; overflow:hidden; width:100%;   height:0px;}
#MenuFixo ul{list-style:inside; position:relative; }
#MenuFixo ul li{ display:block;
				float:left;
				width:100%;
				text-align:left;
				margin:5px;
				}

#botAbrirFecha{display:none;  padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:10px; width:40px;}
#Botoes{display:block;}
}

@media (min-width:661px) and (max-width:899px){
#Video{ overflow:hidden; max-width:45%; width:55%; max-height:365px; border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px; float:left;}
#Video iframe{height:100%; min-height:315px; width:100%; }	
#Apresentacao{float:left; max-width:45%;  margin:15px; margin-top:25px; width:100%;}
.Menu{display:none;}
#CorpoForm select{ width:88%;}
#sobreLivro {margin-top:10px; padding-top:30px;}
#sobreLivro img {width:180px; float:left;}
#TextoSobreLivro{float:right; margin-top:-210px;}
#TextoSobreLivro h1{ color:#FFF; border-bottom:1px solid #FFF; text-align:left; font-weight:bold; margin-bottom:0px; padding-bottom:0px; width:55%; float:right }
#TextoSobreLivro {width:100%; float:right; padding-right:5px;}
#TextoSobreLivro h2{font:40px 'Patua One', cursive; padding:0px; margin:0px; text-align: right; color:#FFF; margin-top:-8px; font-family: 'Patua One', cursive; margin-bottom:0px; padding-bottom:0px; float:right; text-align:right; width:65%;}
#TextoSobreLivro h3{ font:16px'Alike', serif; text-align:right; max-width:60%; float:right; width:100%;}
#TextoSobreLivro h4{ max-width:60%; padding:5px; float:right; font:14px 'Open Sans';}
#TextoSobreLivro h5{ width:95%; text-align:right; max-width:95%; font:15px 'Open Sans'; margin-top:30px; margin-right:0px;}
#TextoSobreLivro p{ width:95%; text-align: justify; float:right; color:#FFF; font:18px 'Open Sans'; margin-top:40px;  }
.Menu{display:none;}
#Sobre-Os-Autores{ padding-top:10px;}
#Sobre-Os-Autores h1{ width:95%;}
#autoresCicero{ width:95%;}
#autoresPaulo{ width:95%; float:left;}
#Vantagens {padding-top:10px;}
#Vantagens p{ font:18px 'Open Sans'; text-align:center; width:100%; float:left; margin:0 auto; color:#FFF; padding:2px; margin:3px; }
#botAbreMenu{ padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:50px; width:40px;}
#Cadastrarlink{ background:#fa7c00; color:#FFF;  font:25px 'Open Sans'; float:right; height:40px; padding:5px;  padding-top:14px; margin-right:50px;}
.Menu{display:none;  transition:1s; overflow:hidden; width:100%; height:0px;}
#MenuFixo ul{list-style:inside; position:relative; }
#MenuFixo ul li{ display:block;
				float:left;
				width:100%;
				text-align:left;
				margin:5px;
				}

#botAbrirFecha{display:none;  padding:10px; background:rgba(34,67,145,0.4); float:left; margin-left:10px; width:40px;}
#Botoes{display:block;}
}
@media (min-width:900px) and (max-width:1023px){
#Video{ overflow:hidden; max-width:45%; width:55%; max-height:365px; border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px; float:left;}
#Video iframe{height:100%; min-height:365px; width:100%;}	
#Apresentacao{float:left; max-width:45%;  margin:15px; margin-top:25px; width:100%;}
#azul a:link{list-style:inside; position:relative; margin:5px; padding:2px;}
#botAbreMenu{ display:none;}	
#Cadastrarlink{	display:none;}	
#CorpoForm select{ width:88%;}
#botAbrirFecha{display:none;}
#MenuFixo{background:#275781; width:100%; font-family: 'Open Sans', sans-serif; min-height:30px; float:left; position:relative; transition:1s;}
#MenuFixo a:link{color:#FFF; font-family: 'Open Sans', sans-serif; font:22px 'Open Sans', sans-serif; margin:5px;}
#MenuFixo a:visited{ color:#FFF;}
#MenuFixo a:hover{ color:#FFF; font-weight:bold;}
#MenuFixo ul{list-style:inside; position:relative; padding:15px;}
#MenuFixo ul mark{background:#fa7c00; clear:both;}
#MenuFixo ul li{display: inline; }
#sobreLivro {margin-top:10px; padding-top:30px;}
#sobreLivro img {width:310px; float:left;}
#TextoSobreLivro{float:right; margin-top:-320px;}
#TextoSobreLivro h1{ color:#FFF; border-bottom:1px solid #FFF; text-align:left; font-weight:bold; margin-bottom:0px; padding-bottom:0px; width:60%; float:right }
#TextoSobreLivro {width:100%; float:right; padding-right:5px;}
#TextoSobreLivro h2{font:55px 'Patua One', cursive; padding:0px; margin:0px; text-align: right; color:#FFF; margin-top:-8px; font-family: 'Patua One', cursive; margin-bottom:0px; padding-bottom:0px; float:right; text-align:right; width:65%;}
#TextoSobreLivro h3{ font:22px'Alike', serif; text-align:right; max-width:80%; float:right; width:100%;}
#TextoSobreLivro h4{ max-width:60%; padding:5px; float:right; font:18px 'Open Sans'; right:0px; text-align:right;  }
#TextoSobreLivro h5{ width:95%; text-align:right; max-width:95%; font:15px 'Open Sans'; margin-top:80px; margin-right:0px;}
#TextoSobreLivro p{ width:95%; text-align: justify; float:right; color:#FFF; font:22px 'Open Sans'; margin-top:50px;  }
.Menu{display:none;}
#Sobre-Os-Autores{ padding-top:10px;}
#Sobre-Os-Autores h1{ width:95%;}
#autoresCicero{ width:95%;}
#autoresPaulo{ width:95%; float:left;}
#Vantagens {padding-top:10px;}
#Vantagens p{ font:18px 'Open Sans'; text-align:center; width:100%; float:left; margin:0 auto; color:#FFF; padding:2px; margin:3px; }
#Botoes{display:none;}
}

@media (min-width:1024px){
#Video{ overflow:hidden; max-width:514px; max-height:365px; border:1px solid #333; border-radius:2px; margin:5px; margin-top:25px; float:left;}
#Video iframe{ max-width:515px; max-height:365px; width:515px; height:100%; min-height:365px;}	
#Apresentacao{float:left; max-width:453px;  margin:15px; margin-top:25px; width:100%;}	
#botAbreMenu{ display:none;}
#Cadastrarlink{	display:none;}
#botAbrirFecha{display:none; }
#MenuFixo{background:#275781; width:100%; font-family: 'Open Sans', sans-serif; min-height:30px; float:left; transition:1s;}
#MenuFixo a:link{color:#FFF; font-family: 'Open Sans', sans-serif; font:22px 'Open Sans', sans-serif; margin:5px;}
#MenuFixo a:visited{ color:#FFF;}
#MenuFixo a:hover{ color:#FFF; font-weight:bold;}
#MenuFixo ul{list-style:inside; position:relative; padding:15px;}
#MenuFixo ul mark{background:#fa7c00; clear:both;}
#MenuFixo ul li{display: inline; }
#Botoes{display:none;}
}