/*FORMATAÇÃO GERAL*/
body {
	margin: 0px;
	padding: 0px;
	background: #760202; 
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 0.7em;	
}

#container{
	width:950px;
	margin: 0 auto;
	background-color:##760202;
	display:table;
	}

/*CABECALHO TOP TOP TOP*/
#cabeca {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-color: #fff;
	border-width: 1px;
	background: #d3d3d3;
	height: 50px;
}
	
#title {
	position: relative;
	top: 15px;
	left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 270%;
	color: #780C0C;
}

#links{
	color:#fff;
	text-align:right;
	padding:10px 4px;
	font-size:1.1em;
	font-weight:bold;
	height:28px;
}

#links a{
	color:#fff;
	}
	
#links a:hover{
	color:#d3d3d3;
	text-decoration:underline;
	}

/*MENU*/
#menu {
	width: 160px;
	border: 3px solid #fff;
	background: url(../images/idmostra.jpg) #D3D3D3 no-repeat;
	padding-bottom:0.5em;
	font-size:1.1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 0px;
	float:left;
}


body>#menu {
width: 150px;
}
#menu ul{
	padding:0px 0px;
	margin:11px 0px 0px 0;
}
#menu ul ul{
	margin:8px  0 0px 8px;
	padding: 0 0;
}

.submenu{
	list-style-position: inside;
	list-style-image: url(../images/menu_bullet.gif);
	padding: 0 0 5px 0;
}
.subplus{
	list-style-position: inside;
	list-style-image: url(../images/menu_bullet1.gif);
	padding: 0px 0 8px 0;
}
#menu a {
	text-decoration: none;
	color: #000;
}
#menu a:visited {
	text-decoration: none;
	color: #666;
}
#menu a:active a:hover{
	color: #780c0c;
	text-decoration:underline;
}


/*MENU LADO DIREITO*/
#menudireito {
	position:relative;
	top: 12px;
	left: 0px;
	width: 150px;
	border:  1px solid #441a0a;
	background: #d3d3d3;	
	font-size:em;
	voice-family: "\"}\"";
	voice-family: ;
	padding: 10px 15px 0px 0px;
	margin: 0 0px 20px 0px;
	float: right;
	text-align:right;

}

body>#menudireito {
width: 150px;
background:#9900CC;
}
#menudireito ul{
	padding:0px 0 5px 0px;
	margin:0px 0 0px 0px;
	list-style:none;	
}
#menudireito li{
	padding:0px 0 5px 0px;
	margin:0px 0 0px 0px;
	list-style:none;	
}
#menu a {
	text-decoration: none;
	color: #000;
}
#menu a:visited {
	text-decoration: none;
	color: #666;
}
#menu a:active a:hover{
	color: #780c0c;
	text-decoration:underline;
}

/*TITULO DA PAGINA (CONTEUDO)*/
h2 {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 3px;
	clear: both;
	text-transform: uppercase;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
}

/*setas de direção*/
#setas{
	clear:both;
	border-top: 1px solid #780c0c;
	border-bottom: 1px solid #780c0c;
	height:20px;
}
.ant {
	float:left;
	font-size: 80%;
	width:150px;
	}
.seg {
	float:right;
	font-size: 80%;
	width:150px;
	text-align:right;
	}	

/*PRIMEIRO PARAGRAFO*/
.primo {
	padding-top: 10px;
}

.grande { 
color: #780C0C; 
font-size: 170%; 
font-weight: bold; 
float: left 
}

.citacao{
	padding-top:2em;
	/*font-size: 95%;*/
	font-style: italic;
	text-align:left;
	}
	
.bloque{
padding-left:60px;
}

/*PE*/
#pe {
	clear:both;
	background: url(../images/rodape2.jpg) #d3d3d3 no-repeat;
	background-position: bottom center; 
	height:70px;
	text-align: left;
	text-indent:-5000em;
	}

/*FOTOS*/
.fotoDir{	
	float: right;
	margin: 0 0 0 10px;
	padding: 5px;
	border: 1px solid #666;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #d3d3d3;
}

.fotoDir img { border: 1px solid #000; }

.fotoDirSF{
	text-align: right;
	margin: 0 0 5px 10px;
	padding: 5px;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	
}
	
.fotoEsq{
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 1px solid #666;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #d3d3d3;
}

.fotoEsq img { border: 1px solid #000; }

.fotoEsqSF{
	float: left;
	margin: 0 0 5px 10px;
	padding: 5px;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	/*background-color: #FFFFFF;*/
}
.fotoCent{
	margin: auto;
	padding: 5px;
   display:block;
	padding: 5px;
	border: 1px solid #666;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #d3d3d3;
}

.fotoCent img { border: 1px solid #000; }

.fotoCentSF{
	margin: auto;
	padding: 5px;
   display:block;
	font-style: italic;
	padding: 5px;
	font-style: normal;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/*background-color: #FFFFFF;*/
}

.lgd {
 	font-size: .85em;
	font-style:italic;
	}

/*OUTRAS*/
p {
margin: 5px 0px 10px 0px;
text-align: justify;
line-height: 20px;
}

a {
text-decoration: none;
color: #780C0C;
}

a:visited {
text-decoration: none;
color: #555555;
font-stretch: ultra-condensed;
}

a:hover {
color: #441a0a;
text-decoration:underline;
}

.dirLink {
	text-align:right;
	margin: 5px 0px 5px 15px;
	padding: 5px;
}

.dirImg {
	float: right;
	padding: 5px 0px 5px 5px;
}

.esqImg {
	float: left;
	padding: 10px 15px 5px 0px;
}

.clear {
     clear: both;
     overflow: hidden;
     width: 0;
     height: 0;
}

.links	a {
text-decoration: none;
color: #000;
}

.links a:visited {
text-decoration: none;
color: #555555;
}

.links a:hover {
color: #000;
text-decoration:underline;
}

/*PULAR INTRODUÇÃO*/

p.pularintroducao {
	text-align: center;
}
/*a:active, a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
*/

#container-index2 {
   margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 0 0px 0;
	width: 761px;
	background-color: #F2F2F2;
	border-left: 0px solid #bababa;
	border-right: 0px solid #bababa;
	display: table;
}

#menuesquerdo {
   float: left;
   width: 150px;
	height: 360px;
	line-height: 20px;
	border-top: 1px solid #CBCBCB;
	border-left: 0px solid #CBCBCB;
	border-bottom: 0px solid #CBCBCB;
	background-color:#F2F2F2;
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	list-style: none;
	}
	
#menuesquerdo li {
	text-align: left;
	margin: 1px 0px 0px 0px;
	padding: 5px 1px 5px 15px;
	border-bottom: solid 1px #cbcbcb;
	}
	
#menuesquerdo a{
	text-decoration: none;
	color: #000;
}

#menuesquerdo a:hover{
text-decoration: underline;
}

/*CONTEUDO*/
#conteudo {
	position:relative;
	left: 18px;
	background:#D3D3D3;
	width:720px;	
	border: 3px solid #fff;
	padding: 5px 20px 20px 20px;
	margin: 0 15px 10px 0px; 
	font-size: 1.1em;
	float: left;
}

#textoabaixo{
position:relative;
float: left;
}	

#textoabaixo2{
	position:relative;
	left: 38px;
	width:620px;
	padding: 5px 20px 20px 20px;
	margin: 0 15px 10px 0px; 
	float: left;
}	
	
#midia{
width: 250px;
position:relative;
float:left;
margin: 0px 0 0px 15px;
padding: 0 0 0 0 60px;
}

#midia ul li{
margin: -10px 0 0px 15px;
}

#release{
width: 300px;
position: relative;
float:left;
margin: 0 0 0px 120px;
padding: 0 0 0 0 60px;
}

#release ul li{
list-style:none;
}

#informacoestecnicas{
	margin: 0 0 0 50px;
}

#informacoestecnicas ul li{
	list-style:none;
}

#dados {
	width: 300px;
	float: left;
	}
#subcoluna1 {
	float: right;
	}
#subcoluna2 {
	margin: auto;
	padding: 5px;
   display:block;
	}
#limpando {
	clear:both;
	}

/*quadro todo*/
#container_right {
	position:relative;
	width:540px; 
	height:400px; 
	background:#d3d3d3; 
	border:1px solid #441a0a;
	margin:1em auto;
	float: left;
	}

#container_right img {border:0;}

/*imagem em eventos*/

.imagem_eventos {
	position: absolute;
	left: 48px;
	top: 26px;
}

/*quadro todo para loucura de portas abertas*/

#container_center {
	position: relative;
	left: 85px;
	width: 540px;
	padding: 0 0 13px 0px;
}

.primo2 {
	padding-top: 10px;
	position: relative;
	left:85px;
	width: 540px;
}

/*área dos thumbs*/
#container_right .thumbs {
	width:460px; 
	position:absolute; 
	right:20px; 
	top:300px; 
	height:140px;
	}

/*área da legenda*/
#container_right a.gallery:hover span {
display:block; 
position:absolute; 
width:470px; 
height:25px; 
top:-50px; 
left:0px; 
padding:5px; 
font-style:italic; 
font-size:0.9em; 
color:#000;  
z-index:100;
}

#container_right a.gallery:hover span:first-line {
font-style:normal; 
font-weight:bold; 
font-size:1.2em; 
color:#000;
}

/*área da galeria*/
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #441a0a;}

#container_right a.gallery:active em, #container_right a.gallery:focus em {
display:block; 
position:absolute; 
width:350px; 
height:242px; 
top:-285px; 
left:32px; 
padding:0px; 
background:#fff; 
border:1px solid #441a0a; 
z-index:50;
}

/*nome do modulo*/
#container_right h1 {
clear:both; 
margin:0 ; 
padding-top:60px; 
padding-left:108px; 
width:320px; 
text-align:center; 
font-family: georgia, "times new roman", serif; 
font-size:3em; 
font-weight:normal;
color:#fff;
}


/*------------------------------Nova Galeria de Fotos da Itinerância (Baseada na Galeria de Fotos da Mostra da Aids)-------------------------*/

.galeriaitinerancia {
	width:700px;
	height: auto;
	border:1px solid #000;
	margin:10px auto;
	text-align:left;
	padding: 10px 10px 10px 10px; 
	}
	
.galeriaitinerancia2 {
	width:700px;
	height: 460px;
	border:1px solid #000;
	margin:10px auto;
	text-align:left;
	padding: 10px 10px 10px 10px; 
	}
	
ul.fotositinerancia {
	position:relative;
	list-style:none;  
	width:300px;
	padding:1px;
	margin:0; 
	padding:0; 
}
.fotositinerancia:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotositinerancia li {
	width:75px;
	height:50px;
	float:left;
	border:1px solid #000; 
	margin:1px; 
}
ul.fotositinerancia li img {
	border:none; 
	width:75px;
	height:50px;
}
ul.fotositinerancia li span img {
	border:none;
	width: auto;
	height:auto;
	background-color: aqua;
}
ul.fotositinerancia a.img {
	display: block;
	} 
ul.fotositinerancia a.img span {
	display: none;
}
ul.fotositinerancia a.img:hover span {
	display: block;
   position: absolute; 
	top:20px; 
	left: 300px; 
	border:0px solid #000;
}
ul.fotositinerancia a.img:hover span.legenda {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align:center;
	font-size: 12px;
	width:320px;
	position:absolute;
	top:320px;
	left:-1px;
	border-color: #4d4d82;
	color: #000;
}
ul.fotositinerancia a.img:hover span.legenda2 {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align:center;
	font-size: 12px;
	width:320px;
	position:absolute;
	top:300px;
	left:-1px;
	border-color: #4d4d82;
	color: #000;
}
ul.fotositinerancia a.img:hover span.legendasfotosverticais {
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align:center;
	font-size: 12px;
	width:250px;
	position:absolute;
	top:370px;
	left:-1px;
	border-color: #4d4d82;
	color: #000;
}
ul.fotositinerancia a.img:hover span.fotosverticais {
	display: block;
   position: absolute; 
	top:20px; 
	left: 346px; 
	background:#393961;
	border:0px solid #000;
}