/*
=====================================================
Projeto: "Agência BR8"

Desenvolvedores:Atual/CD{
            BR8(Layout),
			Carlos Roberto (XHTML/CSS),
			Carlos Eduardo(Programação)}
			
Data Inicio:24/03/2009
Data Término:15/04/2009
=====================================================
*/

/*
=====================================================
CONFIGURAÇOES BÁSICAS DOS ELEMENTOS
=====================================================
*/

@charset "iso-8859-1";

/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body {
	overflow:hidden;
	height:100%;
}

body {
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
	color:#666666;
	/*background-image:url(../images/bg-8.jpg);
	background-repeat:no-repeat;
	background-position:3000px 3px;*/
	overflow:hidden;
}

img {
	border:none;
}

fieldset {
	border:none;
}

a {
	text-decoration:none;
	color:#ffffff;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

ul li {
	list-style-type:none;
}

ol li {
	list-style-type:none;
}

address {
	font-style:normal;
	display:block;
}

.clear {
	clear:both;
}

#container {
	margin:0 auto;
	width:831px;
}

#topo {
	margin:0 0 0 46px;
	/*padding:48px 0 12px 0;*/
padding:20px 0 12px 0;
}

#topo #logo-br8 {
	float:left;
	display:inline;
}

#topo #main-nav {
	float:left;
	display:inline;
	height:24px;
	padding:16px 0 0 0;
	margin:0 0 0 31px;
	border:0px solid #000;
}

#topo #main-nav li {
	display:inline;
}

#topo #main-nav li a {
	font-size:13px;
	float:left;
	display:inline;
	margin:0 31px 0 0;
	color:#990000;
	text-decoration:none;
	border-bottom:3px solid #990000;
}

#topo #main-nav li a:hover {
	border-bottom:5px solid #990000;
}

#agencia #topo #main-nav li a.agencia, #cases #topo #main-nav li a.cases, #contato #topo #main-nav li a.contato {
	border-bottom:5px solid #990000;
}

#c-top {
	height:22px;
	background:url(../images/bg-container-top.png) no-repeat 0 0;
}

#c-center {
	height:100%;
	background:url(../images/bg-container-center.png) repeat-y 0 0;
}

#c-bottom {
	height:22px;
	background:url(../images/bg-container-bottom.png) no-repeat -1px 0;
}

#conteudo {
	width:770px;
	padding:0 0px 0px 39px;
	margin:0 auto;
}

/*
=====================================================
-ESTILOS DA PÁGINA HOME
=====================================================
*/


#home #main-content {
	width:445px;
	float:left;
	display:inline;
	height:450px;
}

#home #main-content #h1-destaque {
	width:260px;
	height:125px;
	margin:23px 0 23px 0;
}

#home #main-content p {
	text-transform:uppercase;
	font-size:9px;
	width:360px;
	font-weight:bold;
	margin:0 0 18px 0;
}

#home #main-content #nav {
	margin:34px 0 0 0;
}

#home #main-content #nav li {
	width:440px;
	background:url(../images/bg-menu-home-grey.gif) repeat-y;
	margin:0 0 3px 0;
}

#home #main-content #nav li a {
	display:block;
	padding:9px 10px 9px 110px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

#home #main-content #nav li a span {
	background:url(../images/seta-menu-home.gif) no-repeat 0 3px;
	padding:0 0 0 35px;
}

#home #main-content #nav li a:hover {
	background:url(../images/bg-menu-home-red.gif) repeat-y;
}

#home #secundary-content {
	margin:0px 0px 0 0;
	width:275px;
	float:right;
	display:inline;
}

#home #secundary-content h2 {
	font-size:11px;
	margin:23px 0 1px 0;
}

#home #false-col {
	border:0px solid #000;
	float:right;
	position:relative;
	top:-608px;
}

#home #false {
	border:0px solid #000;
	height:605px;
	width:433px;
	background:url(../images/false-8.png) no-repeat 0 0;
}

/*
=====================================================
-ESTILOS DA PÁGINA AGÊNCIA
=====================================================
*/

#agencia #main-content {
	width:445px;
	float:left;
	display:inline;
	padding:0 0 0 0;
	height:450px;
}

#agencia #main-content #h1-agencia {
	font-size:1px;
	text-indent:-9999px;
	width:87px;
	height:22px;
	margin:42px 0 15px 0;
	background:url(../images/header-agencia.png) no-repeat 0 0;
}

#agencia #main-content p {
	text-transform:uppercase;
	font-size:8px;
	width:390px;
	font-weight:bold;
	margin:0 0 13px 0;
}

#agencia #false-col {
	border:0px solid #000;
	float:right;
	position:relative;
	top:-485px;
	left:-7px;
}

#agencia #false {
	border:0px solid #000;
	height:475px;
	width:343px;/*background:url(../images/false-8.png) no-repeat 0 0;*/
}

/*
=====================================================
-ESTILOS DA PÁGINA CASES
=====================================================
*/

#cases #main-content {
	width:445px;
	height:383px;
	float:left;
	display:inline;
	padding:35px 0 35px 0;
	background:url(../images/cases-lateral2.png) no-repeat 0 70px;
}

#cases #main-content .jScrollPaneContainer {
	margin:0 0 0 140px;
}

#cases #main-content #cases-overlay {
	height:300px;
	width:335px;
	overflow:scroll;
	padding:0 0 60px 20px;
	margin:0 0 0 0;
}

#cases #main-content #cases-overlay ul {
	width:236px;
	margin:0 auto;
	font-size:9px;
}

#cases #main-content #cases-overlay ul li img {
	margin:34px 0 4px 0;
}

#cases #main-content #cases-overlay ul li p {
	width:225px;
	margin:0 0 0 0;
}

#cases #main-content #cases-overlay #cases-container {
/*border:1px solid red;
height:465px;
width:380px;
overflow:scroll;*/
}

#cases #false-col {
	float:right;
	position:relative;
	top:-489px;
	left:-7px;
}

#cases #false {
	border:0px solid #000;
	height:478px;
	width:235px;
	background:url(../images/bg-menu-cases.png) no-repeat 0 0;
}

#cases #secundary-content {
	padding:37px 0 0 60px;
	display:none;
}

#cases #secundary-content h2 {
	font-size:16px;
	margin:0 0 28px 0;
}

#cases #secundary-content #secundary-nav li {
	margin:0 0 19px 0;
}

#cases #secundary-content #secundary-nav li a {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

#cases #secundary-content #secundary-nav li a:hover {
	color:#990000;
}

/*----------------jScrollPane-----------------*/
.jScrollPaneTrack {
	background: url(../images/jscrollpane-track.gif) repeat-y center center;
}

.jScrollPaneDrag {
	background: url(../images/jscrollpane-slider.gif) repeat-y 1px 0;
}

.jScrollPaneDragTop {
	background:url(../images/jscrollpane-slider-top.gif) no-repeat 1px 0;
	height: 3px;
}

.jScrollPaneDragBottom {
	background:url(../images/jscrollpane-slider-base.gif) no-repeat 1px 0;
	height: 3px;
}

/*----------------jScrollPane-----------------*/


#cases #mascara-top-container {
	z-index:20;
	width:260px;
	height:100px;
	background:url(../images/mascara-top.png) repeat-x top;
	position:relative;
	top:-450px;
	left:245px;
}

#cases #mascara-bottom-container {
	z-index:20;
	width:260px;
	height:100px;
	background:url(../images/mascara-bottom.png) repeat-x top;
	position:relative;
	top:-250px;
	left:245px;
}

/*
=====================================================
-ESTILOS DA PÁGINA CONTATO
=====================================================
*/

#contato #main-content {
	width:730px;
	height:375px;
	padding:0 0 75px 0;
}

#contato #main-content #inner-content {
	margin:0 auto;
	width:382px;
}

#contato #main-content #h1-contato {
	font-weight:normal;
	width:100%;
	height:32px;
	background:url(../images/header-contato.png) no-repeat center;
	font-size:1px;
	text-indent:-9999px;
	padding:20px 0 0 0;
}

#contato #main-content #inner-content #video {
	width:347px;
	height:299px;
	margin:15px auto 0 auto;
}

#contato #main-content #inner-content address {
	display:block;
	margin:0px auto 0 auto;
	padding:22px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	width:100%;
	height:32px;
	background:url(../images/informacoes-contato.png) no-repeat center;
}