/*
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;
} 

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

	#fundo_topo {
		width: 957px;
		background-image: url('imagens/1024/fundo_topo.png');
		height: 510px;
		padding-left: 25px;
		padding-right: 25px;
		background-repeat: repeat;
		margin: 0 auto;
	}
	
		#topo {
			padding-top: 28px;
			display: inline-block;
			width: 100%;
			margin: auto;
			clear: both;
			
			
		}
		
			#cabecalho {
				float: left;
				clear: both;
				height: 446px;
				margin: auto;
			}
			
			#cabecalho img {
				border: 0;
			}
			
				#caixa {
					float: left;
					width: 286px;
				}
					#caixa img {
						width: 73px;
					}
				
				#logo {
					float: left;
					width: 368px;
				}
				
					#logo img {
						width: 327px;
					}
				
				#data {
					float: right;
					width: 286px;
					text-align: right;
				}
				
		#meuMenu {
			width:100%;
			margin-top: 0;
		}
		
		#fundo_menu {
			float: left;
			clear: both;
			width: 100%;
			background-image: url(imagens/1024/fundo_menu.png);
			padding-top: 72px;
			padding-bottom: 20px;
			position: relative;
			margin-top: 0;
			left: 0;
			bottom: 51px;
		}
		
			img.logo_menu {
				width:219px;
				position:relative;
				top: -15px;
			}
		
			#menu {
				width: 940px;
				margin: auto;
				font-family: Another;
				font-size: 20px;
				text-transform: uppercase;
				color: #FFFFFF;
				padding: 0;
				margin: 0 auto;
			}
			
				#botao {
					float: left;
					margin-right: 36px;
				}
				
				#botao_ultimo {
					float: right;
					position: relative;
					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: 940px;
			clear: both;
			margin: 0 auto;
			font-family: Majala;
		}
		
			#pagina_inicial, #pagina_filme {
				margin: auto 0;
				display: inline-block;
				margin-bottom: 43px;
			}
			
			#pagina_arquivo {
				width: 921px;
				margin: auto 0;
				padding-right: 48px;
				display: inline-block;
				margin-bottom: 40px;
				margin-top: -40px;
			}
			
				#pagina_arquivo a {
					text-decoration: none;
					border: 0;
				}
			
			#navegacao {
				float: left;
				width: 100%;
				clear: both;
				margin-left: 40px;
			}

				#box_destaques, #box_apresentacao, #box_debates, #box_programacao, #box_pagina_programacao, #box_como_chegar, #box_exibicao, #box_sinopse, #box_ficha_tecnica, #box_arquivo, #box_pagina_comochegar {
					height: 305px;
					position: relative;
					top: 0;
					left: 0;
				}
				
			#box_exibicao li {
                 position: absolute;
                 bottom:  0;
                 right: 0;
             }
				
				#rolagem_interna {
					position: relative;
					top: -5px;
					overflow: auto;
					width: 95%;
					height: 210px;
				}
				
				#box_apresentacao, #box_debates, #box_programacao, #box_pagina_programacao, #box_como_chegar, #box_exibicao, #box_pagina_comochegar, #box_sinopse, #box_ficha_tecnica, #box_arquivo {
					width: 287px;
				}			

				#box_debates, #box_programacao, #box_sinopse, #box_ficha_tecnica {
					float: left;
					margin-right: 39px;	
				}
				
				#box_destaques {
					float: left;
					margin-right: 13px;
				}
				
				#box_arquivo {
					float: left;
					margin-left: 20px;
					margin-bottom: 20px;
				}
				
					#box_arquivo div[tabindex="0"] {
						padding: 13px;
					}
				
					#box_ficha_tecnica img {
						width: 809px;
						height: 355px;
					}
				
				#box_destaques, #box_apresentacao, #box_exibicao, #box_pagina_comochegar {
					margin-bottom: 39px;
				}
				
				#box_apresentacao, #box_como_chegar, #box_exibicao, #box_pagina_comochegar, #single_foto2 {
					float: right;
					background-image: url(imagens/1024/fundo_dourado_287.png);
				}
				
					#imagens_hidden, #imagens_hidden div, #imagens_hidden dt, imagens_hidden img {
						visibility: hidden;
						width: 0;
						height: 0;
						position: absolute;
						top: 0;
						left: 0;
					}	
				
				#box_como_chegar img, #box_como_chegar img div, #single_foto img {
					padding: 13px;
				}
				
				
				
                #imagem_galeria img {
                    width: 261px;
                    height: 195px;
                    float:left;
                    clear: both;
                }
				
				#box_arquivo img[class="attachment-destaque_arquivo colorbox-5  wp-post-image"] {
					width: 261px;
					height: 251px;
                    float:left;
                    clear: both;
				}
				
				#box_arquivo .cycloneslider-template-standard .cycloneslider-slides {
					margin-top: 15px;
				}
				
					#box_como_chegar iframe.como_chegar, #box_sinopse iframe.vinheta {
						width: 261px;
						height: 210px;
						-moz-border-radius: 13px;
						-webkit-border-radius: 13px;
					 	border-radius: 13px;
						padding-left: 13px;
						padding-right: 13px;
						padding-top: 0;
					}
				
				#box_pagina_programacao {
					float: right;
				}
				
				#box_sinopse, #box_ficha_tecnica, #box_arquivo, #box_programacao, #box_pagina_programacao {
					background-image: url(imagens/1024/fundo_dourado_287.png);
				}
			
				#box_destaques {
					width: 618px;
				}
				
					#box_destaques img {
						width: 618px;
					}
				
					#single_foto {
						position: relative;
						top: 0;
						left: 0;
					}
					
					
				
				#box_apresentacao {
					
				}
				
				#box_debates {
					
				}
				
				#box_programacao {
					
				}
				
					#leia_programacao {
						float: right;
						position: relative;
						left: -10px;
						top: -40px;
						color: #FFFFFF;
					}
				
					#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, #box_arquivo h1 {
						float: left;
						color: #FFFFFF;
						margin: 0;
						padding: 20px 20px 10px 20px;
						font-size: 31px;
						text-transform: uppercase;
						font-family: Another;
						text-shadow: 2px 2px 2px #000000;
					}
					
						#navegacao li {
							font-family: Majala;
							font-size: 16px;
							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: 30px;
						}
					
						li.leia_mais {
							position:absolute;
							top:237px;
							left:188px;
						}
					
					#box_sinopse a, #box_arquivo a {
						text-decoration: none;
						font-weight: bold;
						color: #FFFFFF;
					}
					
					#box_destaques h1 {
						float: left;
						color: #FFFFFF;
						margin: 0;
						padding-top: 13px;
						padding-left: 13px;
						padding-right: 13px;
						font-size: 35px;
						text-transform: uppercase;	
						font-family: Another;	
						text-shadow: 2px 2px 2px #000000;				
					}
					
					#box_apresentacao p, #box_programacao p, #box_pagina_programacao p, #box_sinopse p, #box_ficha_tecnica p {
						clear: both;
						color: #FFFFFF;
						padding-left: 20px;
						padding-right: 20px;
						text-align: justify;
						font-size: 14px;
						line-height: 19px;
						text-shadow: 2px 2px 2px #000000;
					}
					
					#box_exibicao p, #box_ficha_tecnica p {
						clear: both;
						color: #FFFFFF;
						padding-left: 20px;
						padding-right: 20px;
						text-align: justify;
						font-size: 12px;
						line-height: 19px;
						text-shadow: 2px 2px 2px #000000;
					}
			
				.cycloneslider-caption-description li {
				 font-size: 9px;
			 }
					
					#box_pagina_comochegar p {
						text-shadow: 2px 2px 2px #000000;
						font-family: Majala;
						clear: both;
						color: #FFFFFF;
						padding-left: 20px;
						padding-right: 20px;
						font-size: 14px;
						text-align: justify;
						line-height: 21px;
						margin-bottom: -16px;
					}
					
						#box_pagina_comochegar img.contato {
							float: left;
							clear: both;
							border: 0;
							margin-bottom: 20px;
							margin-left: 20px;
						}
					
					#box_exibicao p {
						text-transform: uppercase;
						text-shadow: 2px 2px 2px #000000;
					}
					
					#box_destaques iframe {
						background-image: url(imagens/1024/fundo_dourado_611.png);
						padding-left: 13px;
						padding-top: 13px;
						padding-right: 17px;
						padding-bottom: 17px;
						-moz-border-radius:13px;
						-webkit-border-radius:13px;
						 border-radius:13px;
						 -webkit-overflow-scrolling:touch;
					}
					
					#box_destaques div[tabindex="0"] {
						background-image: url(imagens/1024/fundo_dourado_611.png);
						padding: 13px;
						-moz-border-radius:13px;
						-webkit-border-radius:13px;
						 border-radius:13px;
						 height: 267px;
					}
					
						#box_destaques img {
							width: 581px;
						}
						
							#box_destaques div#cycloneslider-destaques-1.cycloneslider {
								width: 581px;
								padding-top: 25px;
							}
							
							
							#box_arquivo div#cycloneslider-destaques-1.cycloneslider {
								width: 261px;
							}
							
							
							div[id="cycloneslider-destaques-1" class="cycloneslider cycloneslider-template-standard cycloneslider-width-responsive"] {
								width: 261px;
								height: 200px;
							}
					
					#single_foto {
						background-image: url(imagens/1024/fundo_dourado_611.png);
						width: 611px;
						height: 305px;
					}
					
					#single_foto img {
						margin-top: 15px;
					}
					
					
					#pagina_programacao {
						background-image: url(imagens/1024/fundo_dourado_611.png);
						padding-left: 20px;
						padding-right: 20px;
						width: 788px;
						height: 305px;
						color: #FFFFFF;
						font-size: 18px;
						text-shadow: 2px 2px 2px #000000;
					}
					
                   #pagina_programacao strong, #pagina_programacao b, #pagina_programacao em, #pagina_programacao i {
                         padding-left: 10px;
                         padding-right: 10px;
                   }

                     #pagina_programacao b, #pagina_programacao strong {
                         background-color: #00006e;
                     }

                      #pagina_programacao em, #pagina_programacao i {
                          background-color: #c2a12c;
                      }
					
					#arredondar {
						width: 100%;
						height: 100%;
						-moz-border-radius:23px;
						-webkit-border-radius:23px;
						 border-radius:23px;
					}
					
					#single_foto2 {
						padding: 20px;
						position: relative;
						top: 0;
						left: 0;
					}
					
						#box_destaques iframe {
							width: 581px;
							height: 275px;
						}
					
						#single_foto_infos {
							position:absolute;
							bottom:20px;
							left:20px;
							z-index:500;
							width:788px;
							background: #222;
							color:#fff;
							background-color: #000000;
							background: rgb(0, 0, 0) transparent;
							background: rgba(0, 0, 0, 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;
						}
						
					#titulo_filme { 							
						position: absolute;
						left: 20px;
						bottom: 20px;
						width: 348px;
						height: 50px;
						background-color: #c2a12c;
					}
					
					#titulo_filme 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;
						}
					
						#mapa_calendario {
							background-image: url(imagens/1024/calendario.png);
							width: 288px;
							height: 210px;
							position: absolute;
							background-repeat: no-repeat;
							top: 65px;
							left: 0;
                            display: inline-block;
						}
						
							#mapa_calendario a {
								text-decoration: none;
							}
						
						#mapa_calendario div#dia {
                            float: left;
							position: relative;
							top: 70px;
							left: 13px;
							width: 35px;
							height: 23px;
						}
							#dia.dia5 {
								margin-left: 76px;
							}
							
							#dia.dia5, #dia.dia6, #dia.dia7, #dia.dia8, #dia.dia9 {
								margin-right: 3px;
							}
							
							#dia.dia10, #dia.dia13, #dia.dia14, #dia.dia15, #dia.dia16 {
								margin-top: 2px;
								margin-right: 2px;
							}
							
                               #dia.dia12, #dia.dia19 {
                                   margin-top: 2px;
                                   margin-right: 2px;
                                   margin-left: 40px;
                               }

							#dia.dia17, #dia.dia20, #dia.dia21, #dia.dia22, #dia.dia23, #dia.dia24 {
								margin-top: 2px;
								margin-right: 2px;
							}

					
						#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 {
							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_exibicao li, #box_exibicao a, #box_apresentacao a, #box_destaques_discografia li {
							color: #ffe795;
							text-shadow: 2px 2px 2px #000000;
							list-style-type: square;
							list-style-position: inside;
							text-decoration: underline;
							text-transform: uppercase;
							float: right;
							clear: both;
							float: right;							
						}
						
						#box_exibicao li, #box_destaques_discografia li {
							padding-bottom: 5px;
						}
						
						#box_exibicao li, #box_apresentacao li, #box_destaques_discografia li {
							 position: absolute;
							 bottom:  15px;
							 right: 20px;
						}
						
						#box_exibicao, #box_destaques_discografia li {
							font-size: 8px;
						}
						
						#box_apresentacao li {
							font-size: 10px;
						}
						
						#box_arquivo .cycloneslider-caption-title {
							font-size: 16px;
						}
					
		#fundo_rodape {
			display: inline-block;
			width: 100%;
			float: left;
			clear: both;
			background-image: url(imagens/fundo_rodape.png);
			height: 180px;
		}
		
		#fundo_patrocinios {
			display: inline-block;
			width: 100%;
			float: left;
			background-color: #FFFFFF;
			height: 360px;
		}
		
		#rodape {
			padding: 20px;
			width: 940px;
			clear: both;
			margin: 0 auto;
			font-family: Another;
		}
		
			#rodape img.logo {
				width: 327px;
			}
		
		#patrocinios {
			width: 608px;
			clear: both;
			margin: 0 auto;
			height: 260px;
		}
		
		#patrocionios img {
			width: 308px;
			border: 0;
		}
		
			#logo_rodape {
				float: left;
			}
			
				#logo_rodape img {
					border: 0;
				}
				
			#menu_rodape {
				float: right;
			}
			
			#icones_rodape, #links_rodape {
				float: left;
				margin-left: 30px;
			}
			
				#icones_rodape img {
					margin-left: 17px;
					width: 14px;
					border: 0;
				}
				
				#links_rodape p, #links_rodape a {
					padding: 0;
					margin: 0;
					text-transform: uppercase;
					text-decoration: none;
					color: #FFFFFF;
					font-size: 14px;
				}
				
				#links_rodape a:hover {
					color: #c2a12c;
				}