/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Folha de Estilo para a Home Page do Site - Pizza Planet
 * FABEL - Turma 32EM
 * Autores: Ana Carolina, Carol, Hudson, Samuel
 * 
 * Estrutura visual do trabalho de final de curso - 2016 
 */

#Babado
/* Define o espaço para o babado */
	{
	top: -25px;
	left: 0px;
	right: 0px;
	height: 232px;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	/* width: 1024px; */
	line-height: 160%;
    background-image:url("imagens/babado.png");
	

	}
 
#Corpo  
/* Define a largura total - todas as partes do site ficam dentro desta DIV */
	{
	top: 15px;
	left: 0px;
	right: 0px;
	bottom: 10px;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 1024px;
	line-height: 160%;
	}


#MenuLateral 
/* Posiciona o menu das páginas internas do Site */
	{
    top: 200px;
    left: 0px;
	width:  180px;
   	height: 340;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}
			ul {
			    list-style-type: none;
			    margin: 0;
			    padding: 0;
			    width: 180px;
			}
			
			li a {
			    display: block;
			    color: #000;
			    padding: 8px 0 8px 16px;
			    text-decoration: none;
			}
			
			/* Change the link color on hover */
			li a:hover {
			    background-color: red;
			    color: #F8F88C;
			}	
			
	
#FormatoGeral 
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 3150px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}	


#FormatoGeralCasa
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 2320px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}	


#FormatoGeralBebidas
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 1180px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}	

#FormatoGeralCardapio 
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 2940px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}	
	
	
#FormatoGeralKids
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 3180px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	background-color: #550000;
	box-shadow: 3px 3px 25px red;
	}	

#FormatoGeralVazio
/* Posiciona o texto das páginas dentro do Corpo do Site */
	{
    top: 200px;
    left: 200px;
    right: 20px;
	width:  850px;
   	height: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	}	


#Logotipo 
/* Posiciona o logotipo do Site */
	{
    top: 10px;
	left: 10px;
	width:  350px;
	height: 150px;
	position: absolute;
	}

#LinksCabec	 
/* Posiciona os links no topo direito do Site */
	{
    top: 10px;
	right: 10px;
	width:  320px;
	height: 20px;
	position: absolute;
	}


	
#MenuPrincipal 
/* Posiciona o menu principal do Site */
	{
    top: 135px;
	right: 10px;
	width:  600px;
	height: 23px;
	position: absolute;
	}	

#Endereco
/* Posiciona o link para o endereco da Pizzaria */
	{
    top: 10px;
	right: 20px;
	width:  200px;
	height: 110px;
	position: absolute;
	}
	
#Delivery 
/* Posiciona o box do Delivery do Site */
	{
    top: 1200px;
	width:  100%;
	height: 190px;
	position: relative;
	background-color: #550000;
	background-image:url("imagens/fundo_delivery.jpg");	
	box-shadow: 3px 3px 25px red;
	}	

	
#AdmLogin  
/* Posiciona o ícone de acesso à área administrativa do Site */
	{
    top: 1450px;
	width:  100%;
	height: 250px;
	position: absolute;
	}	


#MarqeeFoguete1   
/* Posiciona faixa com o foguetinho */
	{
    top: 1420px;
	right: 10px;
	width:  600px;
	height: 25px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 1024px;
	}	
	
/* As DIV's abaixo posicionam as propagandas gerais da página principal do Site */	
#Propaganda01 
	{
    top: 200px;
	left: 0px;
	width:  100%;
	height: 500px;
	position: absolute;
	background-color: #550000;
	background-image:url("imagens/fundo_prop01b.jpg");
	box-shadow: 3px 3px 25px red;
	}	

#Propaganda02
	{
    top: 770px;
	left: 0px;
	width:  325px;
	height: 350px;
	position: absolute;
	background-color: #550000;
	background-image:url("imagens/fundo_bebidas.jpg");
	box-shadow: 3px 3px 25px red;
	}	

#Propaganda03
	{
    top: 770px;
	left: 350px;
	width:  325px;
	height: 350px;
	position: absolute;
	background-color: #550000;
	background-image:url("imagens/fundo_kids.jpg");
	box-shadow: 3px 3px 25px red;
	}	
	
#Propaganda04
	{
    top: 770px;
	left: 700px;
	width:  325px;
	height: 350px;
	position: absolute;
	background-color: #550000;
	background-image:url("imagens/fundo_pizzas.jpg");
	box-shadow: 3px 3px 25px red;
	}	
/* Fim das DIVs de propaganda da página principal do Site */


	
/* Estilos Gerais definidos para todo o Site */	
	
A:link {color: #FFFFFF;}
A:visited {color: #FFFFFF;}
A:hover {color: #F8F88C;}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}


body	{	
  
    background-color:color: #bcc7c7; 
    background-image:url("imagens/fundo.jpg");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: white;
	
	};




 

