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

/*capa*/
#abertura {
	background-image:url(img/capa.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:800px;
}
#abertura h2{
	width:250px;
	padding-left:640px;
	padding-top:50px;
	color:#FFF;
}
#abertura p{
	width:250px;
	padding-left:640px;
	padding-top:20px;
	color:#FFF;
}
#abertura a.veja {
	position:absolute;
	left:640px;
	display:block;
	width:123px;
	height:24px;
	background:url(https://www.terra.com.br/economia/infograficos/15-passos-para-virar-milionario/img/veja-mais.gif);
	text-indent:-5000px;
	margin:15px 0 0 0;
}
#abertura a.veja:hover {background-position:0 -30px;}
#fonte{
	font-size:10px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	/*top:695px;*/
	top:795px;
	width:936px;
	left:0;
	z-index:10;
	/*background-color:#000;
	opacity:0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);*/
	padding:2px;
}
#fonte h2{
	font-size:10px;
	color:#beb7af;
	font-style:italic;
}
#fonte a{
	font-size:10px;
	font-style:italic;
	color:#bbb7b3;
	text-decoration:none;
}
#fonte a:hover{
	color:#ff9900;
	text-decoration:underline;
}
/*capa*/

/*internas*/
#bg{
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:900px;
}
#conteudo #texto{
	display:block;
	width:290px;
	left:640px;
	overflow:hidden;
	position:absolute;
	top:28px;
}
#conteudo #texto h2{
	font-size:22px;
	font-weight:bold;
	padding-bottom:0px;
	text-align:left;
	height:55px;
	color:#47423a;
	line-height:50px;
}
#conteudo #texto h2 strong{
	width:55px;
	height:55px;
	line-height:55px;
	font-size:22px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	color:#fff;
	background-color:#ff9900;
}
#conteudo #texto h3{
	font-size:22px;
	font-weight:bold;
	padding-bottom:0px;
	text-align:left;
	height:55px;
	color:#47423a;
	line-height:27px;
	margin-top:17px;
}
#conteudo #texto h3 strong{
	width:55px;
	height:55px;
	line-height:55px;
	font-size:22px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	color:#fff;
	background-color:#ff9900;
}
#conteudo #texto h5{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#47423a;
}
#conteudo #foto {
	display:block;
	position:absolute;
	margin:15px 0 0 5px;
}
#conteudo #texto ul{margin:0 0; padding: 0 0;}
#conteudo #texto li{}
#conteudo #texto li a{
	display:block;
	text-decoration:none;
	padding:0 9px;
	background-image:url(img/bullet2.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	color:#47423a;
}
#conteudo #texto li a:hover{
	text-decoration:none;
	color:#ff9900;
	padding:0 9px;
	background-image:url(img/bullet1.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}
#legenda{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:452px; width:446px;
	left:0;
	z-index:10;
	background-color:#000;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	padding:2px;
}
#credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:486px;
}
.credito{
	font-size:11px;
	color:#beb7af;
	font-style:italic;
}
/*internas*/

/*submenu*/
#submenu{
	width:301px;
	height:30px;
	border-top:1px solid #d5d0cb;
	border-bottom:1px solid #d5d0cb;
	float:left;
	margin:0 0 30px 0;
}
#submenu h4{
	width: auto;
	height: 30px;
	float: left;
}
#submenu h4 a{
	width: auto;
	height: 13px;
	line-height: 13px;
	float: left;
	margin: -7px 0 0 0;
	padding: 0 15px;
	border-right: 1px solid #bbb7b3;
	color: #5d5850;
	display: block;
	font-size:12px;
	text-decoration:none;
}
#submenu h4 a:hover,
#submenu h4#sel a{
	color: #ff9900;
	font-size:12px;
}
/*submenu*/

/* os-dois-lamarcas */
#os2lamarcas{
	background-image:url(img/os-dois-lamarcas.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:900px;
}
#os2lamarcas #texto1,
#os2lamarcas #texto2{
	display:block;
	width:385px;
	left:15px;
	overflow:hidden;
	position:absolute;
	top:15px;
}
#os2lamarcas #texto2{left:536px;}

#conteudo #texto1 h2,
#conteudo #texto2 h2{
	font-size:22px;
	font-weight:bold;
	padding-bottom:0px;
	text-align:left;
	color:#47423a;
	line-height:25px;
}
#os2lamarcas #texto1 p,
#os2lamarcas #texto2 p{}
/* os-dois-lamarcas */