/*
Theme Name: Tema do sítio da mostra Derek Jarman
Theme URI: http://www.mostraderekjarman.com.br
Description: Tema desenvolvido para o sítio da mostra Derek Jarman
Author: Lucas Martins

*/

@charset "utf-8";
/* CSS Document */


html, body, span, p, form, img, a, ul, ol, li, table, tr, td, div{
text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Another';
    src: url('fontes/another_0-webfont.eot');
    src: url('fontes/another_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/another_0-webfont.woff') format('woff'),
         url('fontes/another_0-webfont.ttf') format('truetype'),
         url('fontes/another_0-webfont.svg#anotherregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Majala';
	    src: url('fontes/reughelt-webfont.eot');
    src: url('fontes/reughelt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/reughelt-webfont.woff') format('woff'),
         url('fontes/breughelt-webfont.ttf') format('truetype'),
         url('fontes/reughelt-webfont#breugheltregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

a, li {
	color: #ffe795;
	text-decoration: none;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;	
}

a:hover {
	color: #FFFFFF;	
}

body {
	margin: 0;
	padding: 0;
	background-image: url(imagens/fundo_body.jpg?v=3);
	cursor: default;
	margin-top: -25px;
}

	#fundo_topo {
		width: 1348px;
		background-repeat: repeat;
		margin: 0 auto;
		background-size: 100% 100%;
		position: relative;
	}
	
	#cabecalho img.arte {
		width: 100%;
	}
	
		#topo {
			display: inline-block;
			width: 100%;
			margin: auto;
			clear: both;
			
			
		}
		
			#cabecalho {
				position: relative;
				margin-bottom: 20px;
				left: 0;
				right: 0;
				margin: auto;
			}
			
			#cabecalho img {
				border: 0;
			}
			
			#caixa, #logo, #data {
				position: absolute;
				top: 6%;	
			}
			
			#caixa {
				width: 9%;	
			}
			
			#data {
				width: 16%;
			}
			
				#caixa {
					left: 3%;
				}
				
				#logo {
					width: 28%;
					left: -3%;
					right: 0;
					margin: auto;
				}
				
				#data {
					right: 3%;
					text-align: right;
				}
				
				#caixa img, #logo img, #data img {
					width: 100%;
				}
				
				@media screen and (max-width: 480px) and (orientation: portrait) {
				#logo {
					width: 60%;
					left: 0;
					right: 0;
					margin: auto;
				}
				#caixa {
					left: 1%;
					width: 15%;
				}
				#data {
					right: 0;
					text-align: right;
					left: 0;
					bottom: 0;
					margin: 0 auto;
					top: inherit;
				}
				#data {
					width: 27%;
				}
				}
				
		#meuMenu {
			width:100%;
			margin-top: 0;
		}

#fundo_menu {
	float: left;
	clear: both;
	width: 100%;
	background-image: url(imagens/fundo_menu.png?v=4);
	padding-top: 100px;
	padding-bottom: 31px;
	position: relative;
	left: 0;
	bottom: 72px;
}

		@media screen and (min-width: 480px) and (max-width: 1200px) {
			#meuMenu, #fundo_menu {
				width: 1348px;
			}
		}
		
			img.logo_menu {
				width:279px;
				position:relative;
				top:-20px;
			}
		
#menu {
    width: 1200px;
    margin: auto;
    font-family: Another;
    font-size: 27px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0;
    margin: 0 auto;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	#fundo_menu {
		background-image: none;
		background-color: #00026e;
		padding-top: 0;
		padding-bottom: 0;
		width: 100%;	
	}
	
	#fundo_topo {
		width: 100%;	
	}
	
	#menu {
		width: 100%;
	}
}
			
#botao {
    float: left;
    margin-right: 1%;
    width: 22%;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	#botao {
		display: none;
	}
}

#botao img {
	width: 100%;
}
				
				#botao_ultimo {
					float: right;
					position: relative;
					right: 10px;
				}
				
				#rj_pe {
					font-size: 9pt;
				}
				
					#rj_pe a.rj {
						margin-right: 10px;
					}
					
					#botao_ultimo:hover {
						cursor: pointer;
					}
				
					#botao a, #botao_ultimo a {
						color: #FFFFFF;
						text-decoration: none;
						cursor: pointer;
					}
					
					#botao a:hover, #botao_ultimo a:hover {
						color: #c2a12c;
					}

#corpo {
	width: 1348px;
	clear: both;
	margin: 0 auto;
	font-family: Majala;
	position: relative;
}
		

@media screen and (max-width: 480px) and (orientation: portrait) {
	#corpo {
		width: 100%;
	}
}
		
			#pagina_inicial, #pagina_filme {
				margin: auto 0;
				padding-right: 3%;
				padding-left: 3%;
				display: inline-block;
				margin-bottom: 60px;
				position: relative;
				width: 94%;
			}
			
			@media screen and (max-width: 480px) {
				#pagina_inicial, #pagina_filme {
					padding: 0;	
					width: 100%;
				}
			}
			
#pagina_arquivo {
    margin: auto 0;
    padding-left: 5%;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: -40px;
    width: 95%;
}
			
.cycloneslider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    background: #222;
    color: #fff;
	background-color: #00026e;
	background: rgba(0, 2, 110, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
    text-align: left;
}

.cycloneslider-caption#programacao {
	width: 80%;
	padding: 3% 4%;
	right: 0;
	bottom: 7%;
	margin: auto;	
}

.cycloneslider-template-standard .cycloneslider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    background: #222;
    color: #fff;
	background-color: #00026e;
	background: rgba(0, 2, 110, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
    text-align: left;
}

#bloco_programacao .cycloneslider-caption-title {
    font-size: 22pt;
}

.cycloneslider-template-standard .cycloneslider-caption-title {
    margin-bottom: 0;
    padding: 10px 20px 5px 20px;
    font-size: 40px;
    font-family: Another;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000000;
    color: #FFE795;
    line-height: 1;
}

.cycloneslider-template-standard .cycloneslider-caption-description li {
    padding: 0 20px 15px 20px;
    line-height: 1.5;
    color: #FFFFFF;
    list-style-type: square;
    list-style-position: inside;
    float: left;
    clear: both;
    text-transform: uppercase;
}
			
				#pagina_arquivo a {
					text-decoration: none;
					border: 0;
				}
			
			#navegacao {
				float: left;
				width: 100%;
				clear: both;
			}

				#box_destaques, #box_apresentacao, #box_debates, #box_programacao, #box_pagina_programacao, #box_como_chegar, #box_exibicao, #box_sinopse, #box_ficha_tecnica, #bloco_programacao, #box_pagina_comochegar {
					position: relative;
					top: 0;
					left: 0;
				}
				
             #box_exibicao li, #box_apresentacao li {
                 position: absolute;
                 bottom:  10px;
                 right: 10px;
				 font-size: 13pt;
             }
			 
			 .cycloneslider-caption-description li {
				 font-size: 13px;
			 }
				
				#rolagem_interna {
					position: relative;
					top: -10px;
					overflow: auto;
					width: 95%;
					padding: 0;
					height: 250px;
					margin-bottom: 8%;
				}
				
				#box_apresentacao, #box_debates, #box_programacao, #box_pagina_programacao, #box_como_chegar, #box_exibicao, #box_pagina_comochegar, #box_sinopse, #box_ficha_tecnica, #bloco_programacao {
					width: 30.6%;
				}
				
				
@media screen and (max-width: 480px) and (orientation: portrait) {
				#box_apresentacao, #box_debates, #box_programacao, #box_pagina_programacao, #box_como_chegar, #box_exibicao, #box_pagina_comochegar, #box_sinopse, #box_ficha_tecnica, #bloco_programacao {
					width: 96%;
					padding: 2%;
				}
}

				#box_debates, #box_programacao, #box_sinopse, #box_ficha_tecnica {
					float: left;
					margin-right: 4%;	
				}

#bloco_programacao {
	position: relative;
    float: left;
    padding: 2%;
    margin-right: 3%;
	width: 26%;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
#bloco_programacao {
    position: relative;
    float: left;
    padding: 6.6%;
    margin-right: 0;
    width: 85%;
}
}
					
.cycloneslider-slide img, #bloco_programacao img {
	width: 100%!important;
	height: auto!important;
}
				
					#box_ficha_tecnica img {
						width: 809px;
						height: 355px;
					}
				
				#box_destaques, #box_apresentacao, #box_exibicao, #box_pagina_comochegar {
					margin-bottom: 10%;
				}
				
				.celular, #celular {
					display: none;	
				}
				
				
				
				#box_apresentacao, #box_como_chegar, #box_exibicao, #box_pagina_comochegar, #single_foto2 {
					float: right;
					background-image: url(imagens/fundo_dourado_388.png);
					background-size: 100% 100%;
				}
				
				#box_como_chegar {
					float: left;	
				}
				
				#box_exibicao {
					min-height: 375px;
				}
				
					#imagens_hidden, #imagens_hidden img, #imagens_hidden div, #imagens_hidden dt, imagens_hidden img {
						visibility: hidden;
						width: 0;
						height: 0;
						position: absolute;
						top: 0;
						left: 0;
					}	
				
					#box_como_chegar h2>a, #box_pagina_comochegar h2>a {
						font-size: 11pt;
                        text-transform: uppercase;
                        margin-top: 20px;
						margin-right: 20px;
						color: #FFFFFF;
						cursor: pointer;
						text-transform: #FFFFFF;
						float: left;
						font-family: Majala;
						text-decoration: underline;
					}
				
				#box_como_chegar img, #box_como_chegar img div, #single_foto img {
					padding: 20px;
				}
				
				#box_como_chegar iframe, #box_sinopse iframe {
					padding-left: 20px;
					padding-right: 20px;
				}
				
#box_como_chegar iframe.como_chegar, #box_sinopse iframe.vinheta {
    width: 88%;
    min-height: 245px;
	padding-bottom: 10%;
	display: block;
	margin: auto;
}
				
				#box_pagina_programacao {
					float: right;
				}
				
				#box_sinopse, #box_ficha_tecnica, #bloco_programacao, #box_programacao, #box_pagina_programacao {
					background-image: url(imagens/fundo_dourado_388.png);
					background-size: 100% 100%;
				}
			
				#box_destaques {
					width: 64.4%;
					float: left;
				}
				
				@media screen and (max-width: 480px) and (orientation: portrait) {
					#box_destaques {
						width: 100%;
					}
				}
				
#pagina_filme #box_destaques {
    width: 40%;
    float: right;
}
@media screen and (max-width: 480px) and (orientation: portrait) {
#pagina_filme #box_destaques {
    width: 96%;
	margin-right: 0!important;
	margin-top: 6%;
}	
}
				
				#pagina_filme.pagina #box_destaques {
					width: 64%;
					float: left;
				}
				
				@media screen and (max-width: 480px) and (orientation: portrait) {
					#pagina_filme.pagina #box_destaques {
						width: 100%;
					}
				}
				
					#single_foto {
						position: relative;
						top: 0;
						left: 0;
					}
					
					
				
				#box_apresentacao {
					
				}
				
				#box_debates {
					
				}

#pagina_filme #box_programacao {
    position: absolute;
    left: -630px;
    top: -0.3%;
    right: 0;
    margin: auto;
	width: 458px;
	z-index: 9;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
#pagina_filme #box_programacao {
    position: relative;
	width: 96%;
    float: left;
	left: 0;
	top: 0;
}	
}
					#leia_programacao {
						float: right;
						position: relative;
						left: -10px;
						top: -40px;
						color: #FFFFFF;
					}
				
					#calendario {
						clear: both;
						margin-bottom: 20px;
						display: inline-block;
						margin-top: -10px;
					}
					
						#data_calendario, #dia_calendario {
							color: #FFFFFF;
							font-size: 20px;
							padding: 10px; 
							margin-bottom: 10px;
							width: 23px;
							text-align: center;
						}
						
						#data_calendario {
							background-image: url(imagens/fundo_dourado_388.png);
							height: 15px;
						}
						
						#data_calendario, #dia_calendario {
							float: left;
							margin-right: 12px;
							font-size: 17px;
						}
						
						#data_calendario_direita {
							float: right;
						}
				
				#box_como_chegar {
				}
				
					#box_apresentacao h1, #box_debates h1, #box_programacao h1, #box_pagina_programacao h1, #box_como_chegar h1, #box_exibicao h1, #box_pagina_comochegar h1, #box_sinopse h1, #box_ficha_tecnica h1, #navegacao h1, #bloco_programacao h1 {
						float: left;
						color: #FFFFFF;
						margin: 0;
						padding: 30px 30px 20px;
						font-size: 40px;
						text-transform: uppercase;
						font-family: Another;
						text-shadow: 2px 2px 2px #000000;
					}
					
					#bloco_programacao .cycloneslider-caption-title {
							font-size: 23px;
						}
					
						#navegacao li {
							font-family: Majala;
							font-size: 20px;
							color: #FFE795;
							list-style-type: square;
							list-style-position: inside;
							text-shadow: 2px 2px 2px #000000;
							float: left;
							clear: both;
							padding-left: 20px;
							text-shadow: 2px 2px 2px #000000;
							padding-bottom: 40px;
						}
					
						li.leia_mais {
							position:absolute;
							top:336px;
							left:287px;
						}
					
					#box_sinopse a, #bloco_programacao a {
						text-decoration: none;
						font-weight: bold;
						color: #FFFFFF;
					}
					
					#box_destaques h1 {
						float: left;
						color: #FFFFFF;
						margin: 0;
						padding-top: 20px;
						padding-left: 20px;
						padding-right: 20px;
						font-size: 50px;
						text-transform: uppercase;	
						font-family: Another;	
						text-shadow: 2px 2px 2px #000000;				
					}
					
					#box_apresentacao p, #box_programacao p, #box_exibicao p, #box_sinopse p, #box_ficha_tecnica p {
						clear: both;
						color: #FFFFFF;
						padding-left: 30px;
						padding-right: 30px;
						font-size: 13pt;
						text-align: justify;
						line-height: 24px;
						text-shadow: 2px 2px 2px #000000;
					}
					
					#box_ficha_tecnica p {
						text-align: left;
					}
					
					#box_apresentacao p {
						padding-bottom: 18%;
					}
					
					#box_pagina_comochegar p {
						text-shadow: 2px 2px 2px #000000;
						font-family: Majala;
						clear: both;
						color: #FFFFFF;
						padding-left: 30px;
						padding-right: 30px;
						font-size: 13pt;
						text-align: justify;
						line-height: 21px;
						margin-bottom: -16px;
					}
					
						#box_pagina_comochegar img.contato {
							border: 0;
							margin-bottom: 20px;
							float: left;
							clear: both;
							margin-left: 30px;
						}
					
					#box_exibicao p {
						text-transform: uppercase;
						text-shadow: 2px 2px 2px #000000;
					}

#box_destaques iframe, #box_destaques div.cycle-slideshow {
	background-image: url(imagens/fundo_dourado_828.png);
	width: 96%;
	height: 335px;
	padding: 20px;
	 position: relative;
	 background-size: 100% 100%;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	#box_destaques iframe, #box_destaques div.cycle-slideshow {
		background-image: url(imagens/fundo_dourado_828.png);
		width: 100%;
		padding: 3% 0;
		height: auto;
		position: relative;
		background-size: 100% 100%;
	}
}

.cycle-slideshow #bloco_filme {
	width: 100%;
	margin: auto;
	position: relative;
}
@media screen and (max-width: 480px) and (orientation: portrait) {
.cycle-slideshow #bloco_filme {
    width: 92%;
    margin: auto;
    position: relative;
    padding: 4%;
}
}

#bloco_filme:hover > p.legenda {
	color: #FFFFFF;
}
	p#destaque1.legenda {
		width: 94%;
	}
@media screen and (max-width: 480px) and (orientation: portrait) {
	p#destaque1.legenda {
		width: 86%;
	}
}

#bloco_filme img {
	width: 94%;
	display: block;
	position: relative;
	margin: auto;
	margin-top: 20px;
}

#bloco_filme p.legenda {
	position: absolute;
	display: block;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
	width: 88%;
	background-color: #00026e;
	background: rgba(0, 2, 110, 0.7);
	color: #FFF;
    margin-bottom: 0;
    padding: 2% 3%;
    font-size: 40px;
    font-family: Another;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000000;
    color: #FFE795;
    line-height: 1;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	#bloco_filme p.legenda {
    position: absolute;
    display: block;
    margin: auto;
    bottom: 5%;
    left: 0;
    right: 0;
    width: 87%;
    background-color: #00026e;
    background: rgba(0, 2, 110, 0.7);
    color: #FFF;
    margin-bottom: 0;
    padding: 6% 3%;
    font-size: 25pt;
    font-family: Another;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000000;
    color: #FFE795;
    line-height: 1;
}
#pagina_inicial #bloco_filme p.legenda {
	width: 75%;
	padding: 3% 6%;
}
}

#bloco_filme a {
	text-decoration: none;
	color: inherit;
}

.example-pager {
    position: absolute;
    bottom: -11%;
    text-align: center;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
	font-size: 40pt;
	text-shadow: 2px 2px 2px #000000;
}

.example-pager span {
	color: #FFFFFF;
	cursor: pointer;
}

.example-pager span.cycle-pager-active, .example-pager span:hover {
	color: #00026e;	
}
					
				#imagem_galeria img {
                    width: 89%!important;
					height: auto!important;
                    float:left;
                    clear: both;
                }
					
					#single_foto {
						background-image: url(imagens/fundo_dourado_828.png);
						width: 828px;
					}
					
					#pagina_programacao {
						background-image: url(imagens/fundo_dourado_vertical.png);
						background-size: 100% 100%;
						padding: 7% 7%;
						width: 82%;
						color: #FFFFFF;
						font-size: 18px;
						text-shadow: 2px 2px 2px #000000;
						margin-bottom: 5%;
						position: relative;
					}
					
					#pagina_programacao #filme_thumb {
						position: relative;
						display: inline-block;
						width: 100%;	
					}
					
					#pagina_programacao #filme {
						position: relative;
						display: block;
						width: 72%;	
						float: right;
					}
					
					#pagina_programacao #thumb {
						float: left;
						width: 25%;
						margin: 3% 0;
					}
					
					#thumb img {
						width: 100%;
					}
					
						iframe#programacao {
							overflow-x: hidden;
							overflow-y: scroll;
						}
					
#pagina_programacao h1 {
	background-color: #00006e;
	padding: 1.5% 3%;
	font-size: x-large;
	float: left;
	clear: both;
	display: block;
}

#pagina_programacao h2 {
	background-color: #c2a12c;
	padding: 1.5% 1%;
	font-size: large;
	float: left;
	clear: both;
	display: block;
}

#pagina_programacao p {
	clear: both;
}
#pagina_programacao .titulo {
	font-size: x-large;
	margin-bottom: 1%;
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
					
					#arredondar {
						width: 100%;
						height: 100%;
					}
					
					#single_foto2 {
						padding: 20px;
						position: relative;
						top: 0;
						left: 0;
					}
					
						#box_destaques iframe {
							min-height: 335px;
						}
					
						#single_foto_infos {
							position:absolute;
							bottom:20px;
							left:20px;
							z-index:500;
							width:788px;
							background: #222;
							color:#fff;
							background-color: #00026e;
							background: rgba(0, 2, 110, 0.7);
							/* Para navegadores IE 5.5 - 7 */
							filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
							/* Para navegadores IE 8 */
							-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
							text-align: left;
						}
						
#mapa_calendario {
	width: 90%;
	padding: 0 5% 10%;
    display: inline-block;
}

.junho {
	display: none;
	visibility: visible;
}
						
#mapa_calendario ul {list-style-type: none; font-family: Another;}

/* Month header */
#mapa_calendario .month {
    padding: 2%;
    width: 96%;
    background: #00026e;
}

/* Month list */
#mapa_calendario .month ul {
    margin: 0;
    padding: 0;
}

#mapa_calendario .month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 2% 5%;
}

/* Previous button inside month header */
#mapa_calendario .month .prev {
    float: left;
    padding-top: 0;
}

.maio .next:hover, .junho .prev:hover {
	cursor: pointer;
}

/* Next button */
#mapa_calendario .month .next {
    float: right;
    padding-top: 0;
}

/* Weekdays (Mon-Sun) */
#mapa_calendario .weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #ddd;
    padding: 6% 4%;
    font-size: 12pt;
	text-transform: uppercase;
}

#mapa_calendario .weekdays li {
    display: inline-block;
    width: 13%;
    color: #666;
    text-align: center;
}

#mapa_calendario .days li {
    list-style-type: none;
    display: inline-block;
    width: 13%;
    text-align: center;
    margin-bottom: 0;
    font-size: 12px;
    color: #777;
    padding: 5% 0;
}

/* Days (1-31) */
#mapa_calendario .days {
    padding: 1% 4%;
    background: #eee;
    margin: 0;
}

#mapa_calendario .days li {
    list-style-type: none;
    display: inline-block;
    width: 13%;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    color: #00026e;
    padding: 5% 0;
}

/* Highlight the "current" day */
#mapa_calendario .days li.active, .days li:hover {
    background: #00026e;
    color: white !important;
	cursor: pointer;
}

#mapa_calendario .days li.inativo, .days li.inativo:hover {
	cursor: inherit;
	background: inherit;
	color: inherit;	
}
							
					#titulo_filme { 							
						position: absolute;
						left: 20px;
						bottom: 20px;
						width: 348px;
						height: 50px;
						background-color: #c2a12c;
					}
					
					span.infos {
						color: #ffe795;
						text-shadow: 2px 2px 2px #000000;
					}
						
						#titulo_filme p {
							font-size: 18px;
							float: left;
							clear: both;
							text-transform: uppercase;
							padding-left: 20px;
							padding-right: 20px;
							padding-bottom: 20px;
						}
						
						#single_foto_infos p, #single_foto_infos li {
							text-shadow: 2px 2px 2px #000000;
							color: #FFE795;
							list-style-type: square;
							list-style-position: inside;
							float: left;
							clear: both;
							text-transform: uppercase;
							padding-left: 20px;
							padding-right: 20px;
							padding-bottom: 20px;
							padding-top: 29px;
						}
					
					#box_programacao img, #box_pagina_programacao img {
						padding-top: 20px;
					}
					
						#box_apresentacao .leia_mais a, #box_exibicao .leia_mais a {
							color: #ffe795;
							text-shadow: 2px 2px 2px #000000;
							text-decoration: none;
							text-transform: uppercase;
							float: right;
							clear: both;
							padding-bottom: 20px;
						}
						
						#box_apresentacao li, #box_apresentacao a, #box_exibicao li, #box_exibicao a {
							color: #ffe795;
							text-shadow: 2px 2px 2px #000000;
							list-style-type: square;
							list-style-position: inside;
							text-transform: uppercase;
							float: right;
							clear: both;
							float: right;
							
						}
						#box_apresentacao li, #box_exibicao li {
							padding-right: 5%;
							padding-bottom: 5%;
							text-align: right;
							width: 80%;
						}
					
		#fundo_rodape {
			display: inline-block;
			width: 100%;
			float: left;
			clear: both;
			background-image: url(imagens/fundo_rodape.jpg);
			height: 200px;
			position: relative;
		}
		
		#fundo_patrocinios {
			display: inline-block;
			width: 100%;
			float: left;
			background-color: #FFFFFF;
			position: relative;
		}
		
		#fundo_patrocinios.viva {
			background-color: transparent;	
		}
		
		@media screen and (min-width: 480px) and (max-width: 1200px) {
			#fundo_patrocinios {
				width: 1348px;
			}
		}
		
		#rodape {
			padding: 3%;
			width: 93%;
			clear: both;
			margin: 0 auto;
			font-family: Another;
		}
		
		#patrocinios {
			width: 50%;
			clear: both;
			margin: 0 auto;
			padding: 4%;
		}
		
		@media screen and (max-width: 480px) and (orientation: portrait) {
			#patrocinios {
				width: 80%;
			}
			
		}
		
		#patrocinios img {
			border: 0;
			width: 100%;
		}
		
			#logo_rodape {
				float: left;
			}
			
				#logo_rodape img {
					border: 0;
				}
				
			#menu_rodape {
				float: right;
			}
			
			#icones_rodape, #links_rodape {
				float: left;
				margin-left: 40px;
			}
			
				#icones_rodape img {
					margin-left: 20px;
					width: 18px;
					border: 0;
				}
				
				#links_rodape p, #links_rodape a {
					padding: 0;
					margin: 0;
					text-transform: uppercase;
					text-decoration: none;
					color: #FFFFFF;
					font-size: 19px;
				}
				
				#links_rodape a:hover {
					color: #c2a12c;
				}
				
@media screen and (max-width: 480px) and (orientation: portrait) {
					.desktop, #desktop {
						display: none;	
					}
					.celular, #celular {
						display: block;	
					}
				}