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

/* LAYOUT IDs */
#site {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -450px;
	background: black;
	width: 900px;
	height: 576px;
	color: white;
}

#header {
	width: 900px;
	height: auto;
}

#navigation {
	width: 900px;
	height: 30px;
	padding: 0;
	margin: 0;
	line-height: 0px;
	*line-height: 18px;
}

#content {
	width: 900px;
	height: 440px;
	padding-left: 10px;
	padding-top: 5px;
	_margin-top: -10px;
}

#vitorfaria {
	clear: both;
	width: auto;
	height: auto;
	text-align: right;
	position: fixed;
	bottom: 2px;
	right: 2px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-top: 0px;
	_margin-right: -10px;
}

/* DIV Classes */

div.content_floatbox {
	float: left;
	width: auto;
	height: auto;
	text-align: center;
}

div.content_floatbox ul.dropdown {
	list-style: none;
	text-align: left;
}

div.content_floatbox a, a:link, a:visited, a:focus {
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: small;
	color: white;
}

div.content_floatbox a:hover {
	color: #b55814;
}

div.sobre_halfbox {
	float: left;
	width: 460px;
	height: auto;
	text-align: justify;
}

div.sobre_contato {
	float: left;
	width: 350px;
	height: 300px;
	border-left: 1px solid white;
	margin-left: 30px;
	padding-left: 5px;
	text-align: center;
}

div.flash {
	float: right;
	width: auto;
	height: auto;
	margin-top: 220px;
}

div.lineup {
	width: 900px;
	height: 3px;
	background: url(./images/line.jpg) repeat-x;
	margin: 0;
	padding: 0;
	_margin-bottom: -15px;
}

div.linedown {
	width: 900px;
	height: 3px;
	background: url(./images/line.jpg) repeat-x;
	margin: 0;
	padding: 0
}

/* HTML Tags */

body {
	background: black;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	border: none;
}

p.sobre {
	font-family: "Times New Roman";
	font-size: 18px;
	color: #ccc;
}

p.sobre:first-letter {
	font-family: "Times New Roman";
	font-size: 300%;
	color: #f60;
}

/* NAVIGATION BAR */

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	display: inline;
	position: relative;
}

#nav span.hidden {
	text-indent: -10000px;
}

#nav div.hidden {
	text-indent: -10000px;
}

#nav p.hidden {
	text-indent: -10000px;
}

#nav a {
	text-decoration: none;
	display: block;
}

#nav a.cotidiano, a.cotidiano:link, a.cotidiano:visited, a.cotidiano:active {
	width: 71px;
	height: 18px;
	overflow: hidden;
	background: url(./images/cotidiano.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.gastronomia, a.gastronomia:link, a.gastronomia:visited, a.gastronomia:active {
	width: 93px;
	height: 18px;
	overflow: hidden;
	background: url(./images/gastronomia.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.arquit, a.arquit:link, a.arquit:visited, a.arquit:active {
	width: 164px;
	height: 18px;
	overflow: hidden;
	background: url(./images/arquit.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.cultura, a.cultura:link, a.cultura:visited, a.cultura:active {
	width: 62px;
	height: 18px;
	overflow: hidden;
	background: url(./images/cultura.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.moda, a.moda:link, a.moda:visited, a.moda:active {
	width: 48px;
	height: 18px;
	overflow: hidden;
	background: url(./images/moda.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.carnaval, a.carnaval:link, a.carnaval:visited, a.carnaval:active {
	width: 71px;
	height: 18px;
	overflow: hidden;
	background: url(./images/carnaval.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.ensaios, a.ensaios:link, a.ensaios:visited, a.ensaios:active {
	width: 57px;
	height: 18px;
	overflow: hidden;
	background: url(./images/ensaios.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.publicacoes, a.publicacoes:link, a.publicacoes:visited, a.publicacoes:active {
	width: 87px;
	height: 18px;
	overflow: hidden;
	background: url(./images/publicacoes.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.publicidade, a.publicidade:link, a.publicidade:visited, a.publicidade:active {
	width: 81px;
	height: 18px;
	overflow: hidden;
	background: url(./images/publicidade.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.sobre, a.sobre:link, a.sobre:visited, a.sobre:active {
	position: relative;
	left: 50px;
	width: 50px;
	height: 18px;
	overflow: hidden;
	background: url(./images/sobre.jpg) bottom right no-repeat;
	display: inline-block;
	border: none;
}

#nav a.cotidiano:hover, #nav a.gastronomia:hover, #nav a.arquit:hover, #nav a.cultura:hover, #nav a.moda:hover, #nav a.carnaval:hover, #nav a.ensaios:hover, #nav a.publicacoes:hover, #nav a.publicidade:hover, #nav a.sobre:hover   {
	background-position: top left;
	border: none;
}

#nav li ul.subnav {
	display: none;
	position: absolute;
	top: 18px;
	left: -2px;
	z-index: 20;
	margin: 0;
	padding: 0;
	background: black;
}

#nav li:hover ul.subnav, #nav li.over ul.subnav {
	display: block;
	z-index: 20;
}

#nav li ul.subnav a {
	z-index: 20;
}

 /* Safari */
 @media screen and (-webkit-min-device-pixel-ratio:0)
 {
 #nav li ul.subnav { 
 	top: 27px;
 	left: -2px; 	
  }
 }
 /* End Safari */

ul.subnav a.ebotafogo {
	width: 93px;
	height: 18px;
	background: url(./images/ensaiosbotafogo.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.eporto {
	width: 120px;
	height: 18px;
	background: url(./images/ensaiosporto.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.eperu {
	width: 93px;
	height: 18px;
	background: url(./images/ensaiosperu.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.eamazonia {
	width: 93px;
	height: 18px;
	background: url(./images/ensaiosamazonia.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.csaoclemente {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalsaoclemente.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.csaoclemente2 {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalsaoclemente2.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cmulata {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalmulatadogois.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.csalgueiro { 
	width: 93px;
	height: 18px;
	background: url(./images/carnavalsalgueiro.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cbeijaflor {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalbeijaflor.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cportela {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalportela.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cvilaisabel {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalvilaisabel.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cmangueira {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalmangueira.jpg) bottom right no-repeat;
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cimperatriz {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalimperatriz.jpg) bottom right no-repeat;
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cviradouro {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalviradouro.jpg) bottom right no-repeat;
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cunidos {
	width: 95px;
	height: 18px;
	background: url(./images/carnavalunidosdatijuca.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cmocidade {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalmocidade.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cimperio {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalimperioserrano.jpg) bottom right no-repeat;
 	overflow: hidden;
 	display: inline-block;
}

ul.subnav a.cporto {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalportodapedra.jpg) bottom right no-repeat;	
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cgranderio {
	width: 93px;
	height: 18px;
	background: url(./images/carnavalgranderio.jpg) bottom right no-repeat;
	overflow: hidden;
	display: inline-block;
}

ul.subnav a.cuniao {
	width: 93px;
	height: 18px;
	background: url(./images/carnavaluniaodailha.jpg) bottom right no-repeat;
	overflow: hidden;
	display: inline-block;
}

ul.subnav a:hover {
	background-position: top left;
	border: none;
}

/* FORM Classes */

form.sobre_contato {
	width: 300px;
	height: auto;
	margin: 0 auto;
	background-color: #333;
	padding: 5px; 
}

h1.sobre_contato {
	width: 300px;
	border-bottom: 1px solid white;
	font-family: Verdana;
	font-size: medium;
	margin-bottom: -10px;
	*margin-bottom: -18px;
	text-align: left;
}

p.sobre_contato {
	font-family: Verdana;
	color: #bbb;
	font-size: small;
	text-align: right;
}

p.form {
	width: 300px;
	text-align: center;
	margin-bottom: -10px;
	*margin-bottom: -15px;
	font-family: Verdana;
	font-size: small;
}

/* GALLERY IDs and CLASSES */

#menufotos {
	float: left;
	width: 150px;
}

#menufotos img.thumb {
	border: 2px white solid;
	margin: 1px;
}

#conteudofotos {
	display: table;
	position: relative;
	margin: 0 auto;
	width: auto;
	height: auto;
	*text-align: center;
	*z-index: -1;
}

#conteudofotos img.image {
	border: 4px white solid;
}

#conteudofotos span {
	display: block;
	text-align: right;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	*margin-right: 100px;
}