/* Documentação do arquivo 
Escrito por: Anderson Almeida
Ano: 2010
Tema: Laranja
Considerações Finais: Corpo dividido em três blocos(topo, centro, rodape)
					  O Topo contem um Logo e um anuncio
					  O Centro tem quatro Blocos principais( caminho,pesquisa, blocogrande, blocopequeno)
					  O Rodape contem 2 Blocos(esquerdo, direito)
					  Obs: Tema em css criado para site avaqui, porem pode ser usado para estudo e aplicação pratica.
*/
/* Configurações Principais */
*              {margin:0px;padding:0px;border:0px;}
html           {height:100%}
body           {margin:0px;padding:0px;border:0px;font-family:Arial; font-size:12px}
#Fixador       {clear:both}/* Div que fixa o layout quando há float */
#Centralizador {width:1000px;height:auto;}
#Contencao     {width:600px;height:auto;}
a              {color:#FF6600;text-decoration:none;font-weight:bold}
a:hover        {color:#FF9900;text-decoration:underline;font-weight:bold}
a:active       {color:#FF9900;text-decoration:underline;font-weight:bold}

/*************************
	Topo
*************************/

#Topo    {width:100%;height:165px;background:url(../img/BgTopo.png);}
#TopoEsq {width:500px;height:145px;float:left}
  #TopoEsq img  {margin:25px;}
#TopoDir {width:500px;height:145px;float:left}
  #Links        {height:30px;}
  #Links img    {margin:0px;float:right}
  #Adsense      {height:95;padding:15px}
  #Adsense img  {margin:15px;}  
#TopoBar {width:100%;height:20px;color:#FFFFFF;font:Arial;font-size:12px;font-weight:bold;}

/*************************
	Menu
*************************/

#Menu      {width:100%;height:56px;}
#Menu #img {margin:0px 2px 0px 2px;float:left}
#MenuBar   {width:100%;height:30px;background:url(../img/BgMenu.png)}

/*************************
	Conteudo
*************************/

#Conteudo    {width:990px;height:auto;padding:5px;padding-bottom:0px;background:url(../img/BgConteudo.png);color:#333333}
#ConteudoEsq {width:600px;height:auto;padding:10px;float:left;}
  #ConteudoEsq h1                      {color:#FF9900;font:Arial;font-size:16px;width:600px}
  #ConteudoEsq h2                      {color:#FF6600;font:Arial;font-size:14px;width:600px;text-align:right}
  #ConteudoEsq p                       {width:600px;text-align:justify;font-family:Arial;color:#333333;padding:2px;line-height:150%;text-indent:10px;}
  #ConteudoEsq #fotoNoticia            {border:#FF9900 2px solid;margin:2px;}
  #ConteudoEsq #Ava                    {border:#FF9900 2px solid;margin:2px;}
  #ConteudoEsq h4                      {width:600px;border-top:#FF9900 1px solid;text-align:right;}
  #ConteudoEsq h4 a                    {background:#FF9900;color:#333333;font:arial;font-size:12px;padding:2px}
  #ConteudoEsq h4 a:hover, h4 a:active {background:#FF6600;color:#000000;font:Arial;font-size:12px;}
  #ConteudoEsq p                       {padding-left:5px;padding-right:5px;font-size:14px;text-align:justify;line-height:150%; text-indent:10px;}
  /* wallpapers / Galerias */
  #Bloco170x140           {width:170px;height:140px;margin:10px;float:left;background:url(../img/BgHover170x140.png)}
  #BlocoImage170x140  {margin-left:05px;margin-right:05px;border:0px;margin-top:03px;}
  #BlocoTitulo170x140 {font-size:10px;text-align:center;}
  #Bloco170x130       {width:170px;height:130px;margin:12px;float:left;background:url(../img/BgHover170x130.png)}
  #BlocoImage170x130  {margin:05px;border:0px;margin-top:06px}
  /* Contato  */
  #Contato                    {color:#333333}
  #Contato img                {border:#FF6600 2px solid;padding:2px}
  #Contato input[type=text]   {padding:2px;background:#FFCC66;border:#FF6600 2px solid;color:#333333;font:Arial;width:400px;height:20px;}
  #Contato select             {padding:2px;background:#FFCC66;border:#FF6600 2px solid;color:#333333;font:Arial;width:408px;height:30px;}
  #Contato textarea           {padding:2px;background:#FFCC66;border:#FF6600 2px solid;color:#333333;font:Arial;width:400px;height:150px;}
  #Contato input[type=submit] {padding:2px;background:#FFCC66;border:#FF6600 2px solid;color:#333333;font:Arial;width:100px;height:30px;}
  /* Paginador */
  .Paginador                                {color:#666666;boder:1px #666666 solid;font-weight:bold;padding:5px}
  .Paginador #Ultima, .Paginador #Primeira  {dysplay:block;float:left;border:1px #666666 solid;margin:2px;padding:2px;text-decoration:none;}
  .Paginador #Ultima:a.hover                {dysplay:block;float:left;border:1px #666666 solid;margin:2px;padding:2px;text-decoration:underline;}
  .Paginador #Primeira.a:hover              {dysplay:block;float:left;border:1px #666666 solid;margin:2px;padding:2px;text-decoration:underline;}
  .Paginador #Indice                        {dysplay:block;float:left;border:1px #666666 solid;margin:2px;padding:2px;text-decoration:none;}
  .Paginador #Indice.a:hover                {dysplay:block;float:left;border:1px #666666 solid;margin:2px;padding:2px;text-decoration:underline;}

  
#ConteudoDir {width:350px;height:auto;padding:8px;float:right}
  #ConteudoDir h1                      {background:#FF9900;color:#333333;font:Arial;font-size:16px;width:340px;padding:3px;margin:4px}
  #ConteudoDir p                       {width:340px;text-align:justify;font-family:Arial;color:#333333;padding:4px;}
  #ConteudoDir img                     {border:#FF9900 2px solid;margin:2px;}
  #ConteudoDir h4                      {width:350px;border-top:#FF9900 1px solid;text-align:right;}
  #ConteudoDir h4 a                    {background:#FF9900;color:#333333;font:arial;font-size:12px;padding:2px;margin:2px;}
  #ConteudoDir h4 a:hover, h4 a:active {background:#FF6600;color:#000000;font:Arial;font-size:12px;}
  /* MiniVideos */
  #BlocoVideo80x60            {width:80px;height:70px;margin-left:2px;margin-right:2px;float:left;}
  #BlocoVideo80x60            {margin:03px;border:0px;}
  #BlocoVideo80x60 a:active   {position:relative;bottom:-1px;}
  #BlocoVideo80x60 img        {border:#FF6600 solid 2px}
  #BlocoVideo80x60 img:hover  {border:#FF9900 solid 2px}
  /* MiniWallpapers */
  #BlocoWall80x60            {width:80px;height:70px;margin-left:2px;margin-right:2px;float:left;}
  #BlocoWall80x60            {margin:03px;border:0px;}
  #BlocoWall80x60 a:active   {position:relative;bottom:-1px;}
  #BlocoWall80x60 img        {border:#FF6600 solid 2px}
  #BlocoWall80x60 img:hover  {border:#FF9900 solid 2px}

/*************************
	Rodape
*************************/

#Rodape {background:#333333;margin:0px;color:#FFFFFF}