/* Os estilos de cada info vão neste CSS */

/*------------------------------------ CORREÇÔES ------------------------------------------*/

body {
	margin:0;
	padding:0;
}


/*------------------------------------ NAVEGACAO ------------------------------------------*/
#prox_ant{
	left: 807px;
	top:  100px
}

/*------------------------------------ MIOLO ------------------------------------------*/

#abertura {
	width:936px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
#abertura h2 {
	color:#47423a;
	font-size:31px;
	padding:5px 0 10px;
	font-weight:bold;
	margin:0;
}
#abertura p, #abertura p b {
	line-height:18px;
	color:#7f7871;
	margin:0;
	font-size:12px;
}

#conteudo {
	width:936px;
	height:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*------------------------------------ COMPARTILHAR ------------------------------------------*/


/*------------------------------------ MENU ------------------------------------------*/

#menu {
	position : absolute;
	left : 0px;
	top : 250px;
	width : 936px;
	height : 36px;
	border-top : 1px solid #d5d0cb;
	border-bottom : 1px dotted #ebe9e6;
	z-index : 20;
}
#menu h2 {
	width : auto;
	height : 40px;
	line-height : 40px;
	float : left;
}
#menu h2 a {
	width : auto;
	height : 13px;
	line-height : 13px;
	float : left;
	margin : 10px 0 0 0;
	padding : 0 10px;
	border-right : 1px solid #bbb7b3;
	color : #a39e98;
	display : block;
}
#menu h2.mne {
	border:medium none;
	float:right;
	padding:0 10px 0 0;
	color:#F90
}
#menu h2.mne a {
	border:medium none;
	float:right;
	color:#F90;
	padding:0 0;
}
#menu h2 a:hover, #menu h2.sel a, .p0 #menu h2.mn0 a, .p1 #menu h2.mn1 a, .p2 #menu h2.mn2 a, .p3 #menu h2.mn3 a, .p4 #menu h2.mn4 a, .p5 #menu h2.mn5 a, .p6 #menu h2.mn6 a, .p7 #menu h2.mn7 a, .p8 #menu h2.mn8 a, .p9 #menu h2.mn9 a, .p10 #menu h2.mn10 a, #menu.mais h2.mne a {
	color : #ff9900;
}
h2.mne a:hover {
	text-decoration:underline;
}

/*------------------------------------ MAIS ------------------------------------------*/



*{
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-decoration:none;
	border: none;

}

#conteudo{
	background-color: #25221e;
	height: 1200px;	
}
#conteudo.escola{
	height: 1400px;
	background-image:  url(img/escola.jpg);
}
#conteudo.herois{
	height: 1400px;
	background-image:  url(img/herois.jpg);
}
#conteudo.bairro{
	height: 1400px;
	background-image:  url(img/bairro.jpg);
}
#conteudo.vitimas{
	height: 1400px;
	background-image:  url(img/vitimas.jpg);
}
#conteudo.maes{
	height: 1400px;
	background-image:  url(img/maes.jpg);
}
#conteudo.assassino{
	height: 1900px;
	background-image:  url(img/assassino.jpg);
}
#conteudo.ataque{
	height: 1400px;
	background-image:  url(img/ataque.jpg);
}
#conteudo.maes{
	height: 1400px;
	background-image:  url(img/maes.jpg);
}





#conteudo.capa{
	background-image: url(img/bg.jpg);
}
#conteudo.capa #coluna{
	width: 336px;
	position: absolute;
	top: 10px;
	left: 300px;
	z-index: 2;
}
#conteudo.capa #coluna p strong a,
#conteudo.capa #coluna h2,
#conteudo.capa #coluna p,
#conteudo.capa #coluna p b,
#conteudo.capa #coluna p strong,
#conteudo.capa #coluna p i,
#conteudo.capa #coluna p em{
	color: #fff;
	font-size: 12px;
}
#conteudo.capa #coluna p{
	margin: 10px 0;
	line-height: 16px;
}
#conteudo.capa #coluna h2{
	font-size: 37px;
	margin: 0 0 25px 0 ;
}
#conteudo.capa #submenu{
	width: 910px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1;
}
#conteudo.capa #submenu h2{
	width: 260px;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
}
#conteudo.capa #submenu h2 a{
	width: 254px;
	height: 354px;
	border: 3px solid #47423a;
	display: block;
}
#conteudo.capa #submenu h2 a strong{
	display: none;
}
#conteudo.capa #submenu h2 a span{
	color: #ff9900;
	font-size: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
	left: 6px;
	top: 314px;
	text-align: center;
	background-color: #000;	
}
#conteudo.capa #submenu h2 a:hover strong{
	display: block;
	color: #fff;
	line-height: 40px;
	background-color: #000;
	height: 40px;
	width: 207px;
	text-indent: 10px;
	left: 46px;
	top: 314px;
	position: absolute;
}
#conteudo.capa #submenu h2 a:hover{
	border: 3px solid #ff9900;
}

#conteudo.capa #submenu h2.smn6,
#conteudo.capa #submenu h2.smn2{
	top: 370px;
}
#conteudo.capa #submenu h2.smn7,
#conteudo.capa #submenu h2.smn3{
	top: 740px;
}
#conteudo.capa #submenu h2.smn5,
#conteudo.capa #submenu h2.smn6,
#conteudo.capa #submenu h2.smn7{
	left: 646px;
}
#conteudo.capa #submenu h2.smn1 a{	background-image: url(img/smn1.jpg);}
#conteudo.capa #submenu h2.smn2 a{	background-image: url(img/smn2.jpg);}
#conteudo.capa #submenu h2.smn3 a{	background-image: url(img/smn3.jpg);}
#conteudo.capa #submenu h2.smn4 a{	background-image: url(img/smn4.jpg);}
#conteudo.capa #submenu h2.smn5 a{	background-image: url(img/smn5.jpg);}
#conteudo.capa #submenu h2.smn6 a{	background-image: url(img/smn6.jpg);}
#conteudo.capa #submenu h2.smn7 a{	background-image: url(img/smn7.jpg);}

#conteudo.capa #submenu h2.smn4{
	left: 320px;
	top: 740px;
}




#conteudo #colunas h2{
	display: none;
}
#conteudo #colunas{
	width: 250px;
	float: left;
	margin: 210px 20px 20px 20px;
	

}
#conteudo #colunas p,
#conteudo #colunas p b,
#conteudo #colunas p strong{
		color: #fff;
}
#conteudo #colunas p i{
	font-size: 40px;
	line-height: 40px;
	float: left;
	margin: 0 5px 0 0;
	color: #ff9900;
}
#conteudo #colunas p{
	margin: 20px 0;
	line-height: 20px
	
}
#conteudo #colunas.col3,
#conteudo #colunas.col2{
	padding-top: 340px;
}
#conteudo #colunas #video{
	width: 230px;
	height: auto;
	border: 5px solid #000;
	background-color: #000;
	display: block;
	margin: 10px 0;
}
#conteudo #foto{
	position: absolute;
	left: 310px;
	top: 230px;
	background-color: #000;

}
#conteudo #foto2 p,
#conteudo #foto p{
	opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);	
	font-size: 10px;
	padding: 2px;
	color: #ccc;
}
#conteudo #video{
	border: 1px dotted #666;
	width: 540px;
	height: 340px;
	background-color: #000;
	position: absolute;
	left: 310px;
	top: 960px;
	text-align: center;
}
#conteudo #video iframe{
	margin: auto;
}
#conteudo #video p{
	color: #ccc;
	font-size: 11px;
	background-color: #000;
	padding: 3px;
	display: block;
}

#conteudo.bairro #video{
	top: 790px;
}
#conteudo.vitimas #video{
	top: 770px;
	left: 20px;
}
#conteudo.vitimas #foto{
	left: 20px;
}
#conteudo.maes #video{
	top: 860px;
}
#conteudo.assassino #video{
	top: 890px;
}
#conteudo.assassino #foto{
	left: 20px;
	top: 220px;
}
#conteudo.herois #video{
	top: 690px;
		width: 600px;
}
#conteudo.herois #foto{
	left: 600px;
	top: 230px;
	width: 310px;
}

#conteudo.assassino #foto2{
	position: absolute;
	left: 20px;
	top: 1290px;
	background-color: #000;
}

#conteudo.ataque iframe{
	position: absolute;
	top: 230px;
}