* {
    margin: 0;
    padding: 0;
}
html {
    background-color:#FFF;/*Fundo da página*/
}

/* ->EI*/
/*TELA PEQUENA - INICIO*/
#tela_pequena_header {
	float: center;
	width: 320px;
	text-align: center;
	background:#FFF;
	}
#tela_pequena_container {
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	/*margin: 1em auto;  	/*Define a margem superior '1em' e as demais como automáticas*/
	width: 320px; /*Define largura do conteiner*/ 	
	background: #fff;/*Define a cor e fundo do conteiner, desnecessário quando a imagem ocupar todo o conteiner*/  
	}    
#tela_pequena_menu_esquerdo {
	float:left;
	background:#FFF;
	width: 100px;
	text-align: center;
	}  
#tela_pequena_menu_central {
	float:left;
	margin: auto auto auto 10px; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 100px;
	background:#FFF;
	text-align:center; 
	}    
#tela_pequena_menu_direito {
	float:left;
	margin: auto auto auto 10px; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 100px;  	
	background:#FFF;
	text-align:center; 
	}    
/*TELA PEQUENA - FIM*/

/*TELA MEDIA - INICIO*/
#tela_media_header {
	float: center;
	width: 450px;
	text-align: center;
	background:#FFF;
	}
#tela_media_container {
	display:block;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	/*margin: 1em auto;  	/*Define a margem superior '1em' e as demais como automáticas*/
	width: 450px; /*Define largura do conteiner*/ 	
	background: #fff;/*Define a cor e fundo do conteiner, desnecessário quando a imagem ocupar todo o conteiner*/
	}
#tela_media_menu_esquerdo {
	float:left;
	background:#FFF;
	width: 130px;
	text-align: center;
	}  
#tela_media_menu_central {
	float:left;
	margin: auto auto auto 30px; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 130px;  	
	background:#FFF;
	text-align:center; 
	}    
#tela_media_menu_direito {
	float:right;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 130px;  	
	background:#FFF;
	text-align:center; 
	}    
/*TELA MEDIA - FIM*/



/*TELA GRANDE - INICIO*/
#tela_grande_container {
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	/*margin: 1em auto;  	/*Define a margem superior '1em' e as demais como automáticas*/
	width: 760px; /*Define largura do conteiner*/ 	
	background: #fff;/*Define a cor e fundo do conteiner, desnecessário quando a imagem ocupar todo o conteiner*/  
	}

#tela_grande_header {
	background: #FFF;
	float: center;  	
	width: 760px;
	right: 100px;  	
	}  
#tela_grande_menu_esquerdo {
	float:left;
	background:#FFF;
	width: 130px;
	text-align: center;
	}
#tela_grande_coluna_central {
	float:left;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 500px;  	
	background:#FFF;
	text-align:center; 
	}
#tela_grande_menu_direito {
	float:right;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 130px;  	
	background:#FFF;
	text-align:center; 
	}    

	
	
	
/*TELA GRANDE - FIM*/



/*TELA EXTRA_GRANDE - INICIO*/
#tela_extra_grande_container {
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	/* margin: 1em auto;  	/*Define a margem superior '1em' e as demais como automáticas*/
	width: 1200px; /*Define largura do conteiner*/ 	
	background: #fff;/*Define a cor e fundo do conteiner, desnecessário quando a imagem ocupar todo o conteiner*/  
	}    
#tela_extra_grande_header {
	background: #FFF;
	float: center;  	
	width: 1200px;
	right: 100px;  	
	}  

#tela_extra_grande_menu_esquerdo {
	float:left;
	background:#FFF;
	width: 130px;
	text-align: center;
	}  

#tela_extra_grande_coluna_central {
	float:left;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 940px;  	
	background:#FFF;
	text-align:center; 
	}    

#tela_extra_grande_menu_direito {
	float:right;
	margin: auto; /*Define as margens com 10px em cada lado (top, right, bottom and left)*/
	width: 130px;  	
	background:#FFF;
	text-align:center; 
	}    
/*
#tela_extra_grande_menu_direito {
	float: left;  	
	width: 130px;  	
	background: #FFF;  	
	margin: 0;
	text-align:center;
	vertical-align:top;
	}    
*/
/*TELA EXTRA_GRANDE - FIM*/
	
	
#contents-01  {  	
	float: left;  	
	width: 150px;  	
	background: #FFF;  	
	margin: 0;
	text-align:center;  
	}    



#contents-02_pequena  {  	
	float: left;  	
	width: 897px;  	
	background:#FFF;
	margin: 0;
	text-align:center; 
	}    


#contents-02_grande  {  	
	float: left;  	
	width: 460px;  	
	background:#FFF;
	margin: 0;
	text-align:center; 
	}    








#footer  {  	
	clear: both;  	
	background: #FFF;
	float: center;
	text-align:center;  
	}

/*#tela_media_coluna_central {
	float: left;  	
	width: 897px;  	
	background:#FFF;
	margin: 0;
	text-align:center; 
	}    
*/


/*TELA MEDIA - FIM*/

/*
#header_pequena {
	background: #FFF;
	float: center;  	
	width: 350px;
	right: 100px;  	
	}  
*/


/*<-EI*/




/* CONFIGURAÇÃO PADRÃO RETIRADA
.container {
    margin: 30px auto;
    width: 90%;
}
*/

/* general styles */
.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu {
    height: 58px; /*Altura do conteiner do menu*/
    /*width: 350px;*/
}
.menu li {
    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#F00, #F00);/*Define a cor da targeta do menu. Os dois valores são das cores em transição de cima para baixo)*/

    border-bottom: 2px solid #FFF;/*Linha inferior do menu e submenu quando não selecionados*/
    border-top: 2px solid #FFF;/*Linha superior do menu e submenu*/
    min-width: 171px;/*Lagura do menu e submenu*/
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    border-radius: 5px 0 0;
}
.menu a {
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #FFF;/*Título do menu e submenu quando não selecionados*/
    display: block;
    font-family: 'Lucida Console';/*Tipo da fonte do menu e submenu*/
    font-size: 18px;/*Tamanho da fonte do menu e submenu*/
    line-height: 54px;/*Altura da linha do menu e submenu*/
    padding: 0 25px;
    text-decoration: none;
    text-transform:capitalize;/*Altera a fonte de menu e submenu - Todas em maiusculas, por exemplo*/
}

/* onhover styles */
.menu li:hover {
    background-color: #1c1c1c;
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
    background: linear-gradient(#FFF, #FFF);/*Gradiente do Menu quando ativo de cima para baixo*/

    border-bottom: 2px solid #FFF;/*Define cor da linha inferior do menu quando selecionado*/
    border-top: 2px solid #FFF;/*Define cor da linha superior do menu quando selecionado*/
}
.menu li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 3px solid #FFF;/*Linha separa titulos do menu quando selecionado*/
    color: #F00;/*Cor do título do menu quando selecionado*/
}

/* submenu styles */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu .submenu li:hover a {
    border-left: 3px solid #F00;/*Linha esquerda do submenu*/
    border-radius: 0;
    color: #F00;/*Cor do título do Submenu quando selecionado*/
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}


	  
.style1 {
			font-size: xx-large;
			text-align: center;
		}
.textonormal {
	text-align: center;
			 }
.textonormalvermelho {
						color: #F00;
					 }
.TextoMaiusculaVermelhoNormal {
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
}
.TextoMaiusculaBrancoNormal {
	color: #FFF;
	font-size: 14px;
}
.TituloBranco {
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
}
.TituloBranco p {
	font-size: 32px;
}
.TextoMaiusculaBrancoNormal .TituloBranco {
	text-align: center;
	font-size: 34px;
	color: #000;
}
.TextoMaiusculaVermelhoNormal .TextoMaiusculaBrancoNormal .TextoMaiusculaBrancoNormal {
	font-size: 24px;
}
.titulopeqnegrito {
	font-weight: bold;
}
/*
body  {  	
	margin: 0;  	
	padding: 0;  	
	background: #ddd;  
	}    
#container  {  	
	margin: 1em auto;  	
	width: 1200px;  	
	background: #fff;  
	}    
#header {
	background: #63C;
	float: right;  	
	width: 1200px;
	right: 100px;  	
	}  
#contents-01  {  	
	float: left;  	
	width: 40px;  	
	background: #9F9;  	
	margin: 0 0 0 20px;  
	}    
#contents-02  {  	
	float: center;  	
	width: 100px;  	
	background: #0CF;  	
	margin: 0 0 0 20px;  
	}    
#contents-03  {  	
	float: right;  	
	width: 40px;  	
	background: #FFC;  	
	margin: 0 0 0 20px;  
	}    
#footer  {  	
	clear: both;  	
	background: #FF9;  
	}  
*/#container #contents-03 strong {
	text-align: center;
}