/* ESTRUTURAÇÃO GERAL - PRATA DA CAIXA 2009
___________________________________________ */

body{
	background:#1f8ddc url("../img/bg/bg_body.jpg") no-repeat center top;
}
#general{
	margin:0 auto;
	width:730px;
}

/* HEADER
_________ */

#header{
	float:left;
	height:100px;
	position:relative;
	width:100%;
}
#header .bt_goToHome{
	background:url("../img/bt/bt_backToHome.png") no-repeat;
	float:left;
	height:27px;
	margin-top:25px;
	overflow:hidden;
	text-indent:-999em;
	width:92px;
}
#header h1{
	background:url("../img/tx/tx_h1_prataDaCaixa.png") no-repeat;
	height:69px;
	left:50%;
	margin-left:-49px;
	overflow:hidden;
	position:absolute;
	text-indent:-999em;
	top:20px;
	width:98px;
}
#header h1 a{
	display:block;
	height:69px;
	overflow:hidden;
	text-indent:-999em;
	width:98px;
}
#header .logo_caixaSeguros{
	background:url("../img/tx/tx_caixaSeguros.png") no-repeat;
	float:right;
	height:45px;
	margin:20px 13px 0 0;
	overflow:hidden;
	text-indent:-999em;
	width:54px;
}

/* CONTENT
__________ */

#content{
	float:left;
	margin-top:20px;
	width:100%;
}
#content div.modelHome{
	background:url("../img/bg/bg_modelHome.jpg") no-repeat top left;
	height:384px;
	padding:20px 0 0 20px;
	width:706px;
}
#content div.modelInner{
	float:left;
	width:100%;
}
#content div.modelInner div.main{
	float:left;
	width:640px;
}
#content div.sidebar{
	float:right;
	width:86px;
}
#content div.sidebar div.peopleRevealed h2{
	background:url("../img/tx/tx_sidebar_PratasRevelados.png") no-repeat;
	display:block;
	height:29px;
	margin:0 auto 10px;
	overflow:hidden;
	text-indent:-999em;
	width:51px;
}
#content div.sidebar div.peopleRevealed a{
	background:transparent url("../img/bg/bg_sidebar_PratasRevelados_numeros.jpg") no-repeat scroll 0 0;
	color:#003663;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:54px;
	letter-spacing:-1px;
	line-height:1.8em;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	width:57px;
}
#content div.sidebar div.peopleRevealed a.active{
	color:#c6d7e6;
	text-decoration:underline;
}
#content div.sidebar div.peopleRevealed a span{
	display:block;
}
#content div.sidebar .bt_playNow
, #content div.sidebar .knowTheBest{
	display:block;
	margin:10px auto;
	overflow:hidden;
	text-indent:-999em;
}
#content div.sidebar .bt_playNow{
	background:url("../img/bt/bt_sidebar_jogarAgora.png") no-repeat;
	height:91px;
	width:62px;
}
#content div.sidebar .knowTheBest{
	background:url("../img/bt/bt_sidebar_knowTheBest.png") no-repeat;
	height:119px;
	width:57px;
}
#content div.sidebar div.previousYears h2{
	background:url("../img/tx/tx_sidebar_PratasAnteriores.png") no-repeat;
	display:block;
	height:29px;
	margin:0 auto 8px;
	overflow:hidden;
	text-indent:-999em;
	width:54px;
}
#content div.sidebar div.previousYears a{
	background:url("../img/bg/bg_sidebar_anosAnteriores_links.png") no-repeat;
	color:#003663;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:20px;
	margin:3px auto;
	padding:5px 10px;
	width:42px;
}
#content div.sidebar div.previousYears a.active{
	color:#c6d7e6;
	text-decoration:underline;
}

/* CONTENT
	>> Login
____________ */

#content div.login{
	background:url("../img/bg/bg_Login_cofre.png") no-repeat;
	height:274px;
	margin:45px auto;
	padding:95px 80px 0;
	width:158px;
}
#content div.login h2{
	background:url("../img/tx/tx_login_h2.png") no-repeat;
	display:block;
	height:26px;
	margin:0 auto 10px;
	overflow:hidden;
	text-indent:-999em;
	width:144px;
}
#content div.login ul li{
	display:block;
	margin-bottom:8px;
}
#content div.login ul li span{
	background:url("../img/bg/bg_login_inputs.png") no-repeat;
	display:block;
	height:14px;
	margin:0 auto 3px;
	padding:4px 6px;
	width:144px;
}
#content div.login ul li span input{
	background-color:#e2e7ea;
	border:none;
	color:#2b3238;
	display:block;
	font-size:12px;
	height:14px;
	padding:0;
	width:144px;
}
#content div.login ul li label{
	display:block;
	height:9px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999em;
}
#content div.login ul li label.login{
	background:url("../img/tx/tx_login_labelLogin.png") no-repeat;
	width:27px;
}
#content div.login ul li label.password{
	background:url("../img/tx/tx_login_labelSenha.png") no-repeat;
	width:29px;
}
#content div.login .bt_submit{
	background:url("../img/bt/bt_login_entrar.png") no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:24px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-999em;
	width:76px;
}

/* CONTENT
	>> Home
___________ */

#content div.modelHome div.main.theHome{
	float:left;
	width:610px;
}
#content div.modelHome div.main.theHome .bt_revealNow{
	background:url("../img/bt/bt_reveleAgoraPrataCaixa.png") no-repeat;
	display:block;
	height:69px;
	overflow:hidden;
	text-indent:-999em;
	width:140px;
}
#content div.modelHome div.main.theHome h2{
	background:url("../img/tx/tx_h2_home_descubra.png") no-repeat;
	display:block;
	height:74px;
	margin-bottom:12px;
	overflow:hidden;
	text-indent:-999em;
	width:138px;
}
#content div.modelHome div.main.theHome p{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.3em;
	margin-bottom:10px;
	width:140px;
}

/* CONTENT
	>> Lista
____________ */

#content div.modelInner div.main div.menuSide{
	float:left;
	width:150px;
}
#content div.modelInner div.main div.menuSide h2{
	background:url("../img/tx/tx_h2_conhecaOsPratas.png") no-repeat;
	display:block;
	height:70px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:138px;
}
#content div.modelInner div.main div.menuSide h4.seeAlso{
	background:url("../img/tx/tx_menuSide_vejaMais.png") no-repeat;
	display:block;
	height:12px;
	margin-bottom:5px;
	overflow:hidden;
	text-indent:-999em;
	width:71px;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions{
	margin-bottom:40px;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions li{
	border-bottom:1px solid #0f90d6;
	display:block;
	padding:5px 0 2px;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions li.first{
	border-top:1px solid #0f90d6;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions li a{
	display:block;
	height:16px;
	overflow:hidden;
	text-indent:-999em;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions li a.largestBrazil{
	background:url("../img/tx/tx_menuSide_seeAlsoOptions_MaioresDoBrasil.png") no-repeat top;
	width:109px;
}
#content div.modelInner div.main div.menuSide ul.seeAlsoOptions li a.meetTheBest{
	background:url("../img/tx/tx_menuSide_seeAlsoOptions_ConhecaOsTriPratas.png") no-repeat top;
	width:130px;
}
#content div.modelInner div.main div.menuSide h4.lookTheParticipant{
	background:url("../img/tx/tx_menuSide_procureAquiOPrata.png") no-repeat;
	display:block;
	height:28px;
	margin-bottom:8px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
}
#content div.modelInner div.main div.menuSide ul.searchForms li{
	display:block;
	margin-bottom:4px;
}
#content div.modelInner div.main div.menuSide ul.searchForms li label{
	color:#fff;
	display:block;
	font-size:10px;
	margin-bottom:2px;
}
#content div.modelInner div.main div.menuSide ul.searchForms li select
, #content div.modelInner div.main div.menuSide ul.searchForms li input{
	border:none;
	width:132px;
}
#content div.modelInner div.main div.menuSide ul.searchForms li select{
	width:140px;
}
#content div.modelInner div.main div.menuSide .bt_search{
	background:url("../img/bt/bt_menuSide_search.png") no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:18px;
	margin-top:7px;
	overflow:hidden;
	text-indent:-999em;
	width:54px;
}
#content div.modelInner div.main div.highlights{
	background:url("../img/bg/bg_modelInner_highlights.jpg") no-repeat;
	float:right;
	height:395px;
	min-height:395px;
	padding:20px;
	width:440px;
}
html > body #content div.modelInner div.main div.highlights{
	height:auto;
}
#content div.modelInner div.main div.highlights.list h3{
	background:url("../img/tx/tx_highlights_listaDosPratas.png") no-repeat;
	display:block;
	height:20px;
	margin:0 auto 5px;
	overflow:hidden;
	text-indent:-999em;
	width:264px;
}
body #content div.modelInner div.main div.highlights.year2007 h3{
	background:url("../img/tx/tx_highlights_listaDosPratas2007.png") no-repeat;
	width:259px;
}
body #content div.modelInner div.main div.highlights.year2008 h3{
	background:url("../img/tx/tx_highlights_listaDosPratas2008.png") no-repeat;
	width:265px;
}
#content div.modelInner div.main div.highlights.list h4{
	background:url("../img/tx/tx_highlights_listaCompletaDosHomenageados.png") no-repeat;
	display:block;
	height:11px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-999em;
	width:332px;
}
#content div.modelInner div.main div.highlights.list ul
, #content div.modelInner div.main div.highlights.details div.inner
, #content div.modelInner div.main div.highlights.theTop ul{
	border-top:1px solid #5aafe2;
	float:left;
	padding-top:12px;
	width:100%;
}
#content div.modelInner div.main div.highlights.list ul li{
	float:left;
	height:28px;
	margin-bottom:3px;
	width:218px;
}
#content div.modelInner div.main div.highlights.list ul li a{
	color:#fff;
	display:block;
	font-size:11px;
	text-decoration:underline;
}
#content div.modelInner div.main div.highlights.list ul li a:hover{
	text-decoration:none;
}
#content div.modelInner div.main div.highlights.list div.pagination
, #content div.modelInner div.main div.highlights.theTop div.pagination
, #content div.modelInner div.main div.highlights.triPrata div.pagination{
	clear:both;
	float:left;
	margin:20px 0;
	text-align:center;
	width:100%;
}
#content div.modelInner div.main div.highlights.list div.pagination ul
, #content div.modelInner div.main div.highlights.theTop div.pagination ul
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul{
	border:none;
	display:inline;
	float:none;
	padding:0;
	width:auto;
}
#content div.modelInner div.main div.highlights.list div.pagination ul li
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li{
	background:none;
	border-right:1px solid #FFFFFF;
	display:inline;
	float:none;
	margin:0;
	padding:0 8px 0 2px;
	text-align:center;
	width:auto !important;
}
.ie6 #content div.modelInner div.main div.highlights.list div.pagination ul li
, .ie7 #content div.modelInner div.main div.highlights.list div.pagination ul li
, .ie6 #content div.modelInner div.main div.highlights.theTop div.pagination ul li
, .ie7 #content div.modelInner div.main div.highlights.theTop div.pagination ul li
, .ie6 #content div.modelInner div.main div.highlights.triPrata div.pagination ul li
, .ie7 #content div.modelInner div.main div.highlights.triPrata div.pagination ul li{
	padding:0 5px 0 8px;
}
#content div.modelInner div.main div.highlights.list div.pagination ul li.last
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li.last
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li.last{
	border-right:none;
}
#content div.modelInner div.main div.highlights.list div.pagination ul li a
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li a
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li a{
	color:#fff;
	display:inline;
	font-size:10px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	top:-2px;
}
#content div.modelInner div.main div.highlights.list div.pagination ul li.last a
, #content div.modelInner div.main div.highlights.list div.pagination ul li.first a
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li.last a
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li.first a
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li.last a
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li.first a{
	text-decoration:underline;
}
#content div.modelInner div.main div.highlights.list div.pagination ul li.last a:hover
, #content div.modelInner div.main div.highlights.list div.pagination ul li.first a:hover
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li.last a:hover
, #content div.modelInner div.main div.highlights.theTop div.pagination ul li.first a:hover
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li.last a:hover
, #content div.modelInner div.main div.highlights.triPrata div.pagination ul li.first a:hover{
	text-decoration:none;
}

/* CONTENT
	>> Perfil
_____________ */

#content div.modelInner div.main div.highlights.details h3{
	background:url("../img/tx/tx_detalhes_h3_elesMerecemReconhecimento.png") no-repeat;
	display:block;
	height:44px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-999em;
	width:224px;
}

#content div.modelInner div.main div.highlights.details div.inner{
	position:relative;
}
#content div.modelInner div.main div.highlights.details div.inner .bt_backList{
	background:url("../img/bt/bt_voltarParaLista.png") no-repeat;
	bottom:0;
	display:block;
	height:15px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-999em;
	width:124px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations{
	float:left;
	width:130px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations h4{
	color:#fff;
	display:block;
	font-size:18px;
	margin-bottom:8px;
	text-transform:capitalize;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations h4 span{

}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul{
	border-top:1px solid #0f90d6;
	display:block;
	padding-top:8px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li{
	display:block;
	margin-bottom:12px;
	position:relative;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li h5{
	display:block;
	margin-bottom:5px;
	overflow:hidden;
	text-indent:-999em;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li.product h5{
	background:url("../img/tx/tx_detalhesPerfil_Produto.png") no-repeat;
	height:11px;
	width:62px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li.city h5{
	background:url("../img/tx/tx_detalhesPerfil_Filial.png") no-repeat;
	height:11px;
	width:33px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li.sr h5{
	background:url("../img/tx/tx_detalhesPerfil_SR.png") no-repeat;
	height:11px;
	width:15px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li p{
	color:#fff;
	display:block;
	font-size:10px;
}
div.highlights.details div.inner div.informations ul li.product p
, div.highlights.details div.inner div.informations ul li.sr p{
	text-transform:capitalize;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations ul li span.medalWinner{
	background:url("../img/bg/bg_detalhesPerfil_winner.png") no-repeat;
	display:none;
	height:28px;
	position:absolute;
	right:0;
	top:-13px;
	width:29px;
}
#content div.modelInner div.main div.highlights.details div.inner div.informations.winner ul li span.medalWinner{
	display:block;
}
#content div.modelInner div.main div.highlights.details div.inner div.data{
	float:right;
	position:relative;
	width:300px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data label{
	color:#fff;
	display:block;
	font-size:10px;
	margin-bottom:6px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data textarea{
	background-color:#fff;
	height:25px;
	width:290px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data .bt_sendMsg{
	background:url("../img/bt/bt_sendComments.png") no-repeat;
	border:none;
	cursor:pointer;
	float:right;
	height:18px;
	margin:8px 0;
	overflow:hidden;
	text-indent:-999em;
	width:54px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.msgError{
	position:absolute;
	right:100px;
	top:62px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.msgError ul li{
	font-size:12px;
	font-weight:bold;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments{
	clear:both;
	float:right;
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:10px;
	width:290px;
}
.ie6 #content div.modelInner div.main div.highlights.details div.inner div.data div.comments
, .ie7 #content div.modelInner div.main div.highlights.details div.inner div.data div.comments{
	padding-right:25px;
	width:275px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments ul li{
	border-bottom:1px solid #0F90D6;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments ul li p{
	color:#fff;
	font-size:10px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments ul li div{
	display:block;
	margin-top:8px;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments ul li div p{
	float:left;
}
#content div.modelInner div.main div.highlights.details div.inner div.data div.comments ul li div p.time{
	float:right;
}

/* CONTENT
	>> Os Melhores
__________________ */

#content div.modelInner div.main div.highlights.theTop{
	padding:20px 10px;
	width:460px;
}
#content div.modelInner div.main div.highlights.theTop h3{
	background:url("../img/tx/tx_h3_maioresDoBrasil.png") no-repeat;
	display:block;
	height:20px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-999em;
	width:222px;
}
#content div.modelInner div.main div.highlights.theTop h4{
	background:url("../img/tx/tx_h4_melhoresDoBrasil_conhecaOMaiorIndicador.png") no-repeat;
	display:block;
	height:13px;
	margin:0 auto 12px;
	overflow:hidden;
	text-indent:-999em;
	width:334px;
}
#content div.modelInner div.main div.highlights.theTop ul li{
	background:url("../img/bg/bg_melhoresDoBrasil_LI.jpg") no-repeat;
	display:inline;
	float:left;
	height:89px;
	margin:2px;
	padding:2px;
	text-align:center;
	width:107px;
}
#content div.modelInner div.main div.highlights.theTop ul li div{
	border-bottom:1px solid #a8aeb5;
	margin-bottom:4px;
	padding:4px 6px;
	width:95px;
}
#content div.modelInner div.main div.highlights.theTop ul li div h5
, #content div.modelInner div.main div.highlights.theTop ul li h6
, #content div.modelInner div.main div.highlights.theTop ul li div h5 a
, #content div.modelInner div.main div.highlights.theTop ul li h6 a{
	color:#023764;
	font-size:12px;
	letter-spacing:-0.3px;
	text-transform:uppercase;
}
#content div.modelInner div.main div.highlights.theTop ul li div h5 a:hover
, #content div.modelInner div.main div.highlights.theTop ul li h6 a:hover{
	text-decoration:underline;
}




/* FOOTER
_________ */

#footer{
	float:left;
	height:70px;
	width:100%;
}