@charset "utf-8";
/* CSS Document */

/*GERAL*/
*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #919191;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

sup{
	vertical-align: text-top;
	font-size: 80%;
  position:relative;
  top:0;
}

strong{ font-weight: bold;}

/*TAGS*/
html, body{
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #DADADA;
}

html{ overflow: visible; }

a{
	font-weight: bold; 
	overflow: hidden;
	color: #919191;
	text-decoration: none; 
}

a:hover{ text-decoration: underline; }

img, fieldset{ border: 0; }

li{ list-style: none; }

p{ margin-bottom: 20px; }

table{ border-collapse: collapse; }

button{ cursor: pointer; }

textarea{ overflow: auto; }

input, select, textarea{ outline: none; }

embed, object{ outline: none; }

/* ALERT BOX IE */
.alertbox{
	width:344px;
	position:absolute;
	padding:0px;
	margin:0px;
	border:solid 1px #000000;
}
.alerttitle{
	background-color:#9B1317;
	color:#FFFFFF;
	font-size:12px;
	width:344px;
	cursor:pointer;
	text-align:center;
	margin:0px;
	padding:0px;
}
.alerttxt{
	background-color:#ffffff;
	margin:0px;
	font-size:11px;
	text-align:center;
	padding:0px;
	width:344px;
}
.alertfoot{
	background-color:#9B1317;
	text-align:center;
	width:344px;
	margin:0px;
	padding:0px;
}
.alertbut{
	margin-top:2px;
	cursor:pointer;
}

/*CONTAINER*/
div.container{
	width: 980px;
	margin: 0 auto;
	background: url(../img/bg.png) no-repeat top center;
	overflow: hidden;
}

/*HEADER*/
div.header{ clear: both; }

div.header h1{
	width: 102px;
	height: 82px;
	float: left;
	display: inline;
	text-indent: -9999px;
	font-size: 0;
	background-image: url(../img/logo_arb.png);
	letter-spacing: -1px;
	margin-left: 20px;
}

div.header h1 a{
	height: 100%;
	display: block;
}

div.header_content{
	width: 730px;
	float:left;
	margin-left:30px;
}

/*MENU*/
ul.menu{
	width: 1021px;
	height: 86px;
	float: left;
	clear: both;
	display: inline;
	margin: 7px 0 0;
	position: relative;
	z-index: 1;
	background-image: url(../img/bg_menu.png);
}

ul.menu li{
	height: 86px;
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
	margin-right: -1px;
	text-indent: -9999px;
	font-size: 0;
	letter-spacing: -1px;
}

ul.menu li a{
	height: 100%;
	display: block;
	position: relative;
}

ul.menu li a:hover{ background-position: 0 -86px; }

ul.menu li.selected a, ul.menu li.selected a:hover{ background-position: 0 -172px; }

li.mn_estrutura a{
	width: 130px;
	background-image: url(../img/mn_estrutura.png);
}

li.mn_modalidade{ margin-left: -12px; }

li.mn_modalidade a{
	width: 130px;
	background-image: url(../img/mn_modalidade.png);
}

li.mn_fisioterapia{ margin-left: -12px; }

li.mn_fisioterapia a{
	width: 130px;
	background-image: url(../img/mn_fisioterapia.png);
}

li.mn_horario{ margin-left: -12px; }

li.mn_horario a{
	width: 130px;
	background-image: url(../img/mn_horario.png);
}

li.mn_galeria{ margin-left: -12px; }

li.mn_galeria a{
	width: 130px;
	background-image: url(../img/mn_galeria.png);
}

li.mn_entre_em_contato{ margin-left: -12px; }

li.mn_entre_em_contato a{
	width: 130px;
	background-image: url(../img/mn_entre_em_contato.png);
}

ul li.mapa_do_site{
	width: 18px;
	background: url(../img/mapa_do_site.png) no-repeat top right;	
	height: 19px;
	margin-top:34px;
}

/***************/
/*    HOME     */
/***************/

/*MAIN*/
div.main{
	clear: both;
	float: left;
	display: inline;
	width: 940px;
	padding: 0 30px 30px 0;
	overflow: hidden;
}

div#hjaneiro {
	position: absolute;
	top: 360px;
	left: 50%;
	width: 390px;
	height: 180px;
	border: 2px solid #990000;
	background-color: #FCE0DA;
	padding: 20px;	
}

div#hjaneiro p.btn_close {
	position: absolute;
    right: 5px;
    top: 0;	
}

div#hjaneiro p {
	text-align: center;
	color: #900;
	font-size: 13px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;	
}

div#hjaneiro a {
	color: #600;
	text-decoration: none;
}

/*CONTENT HOME*/
div.content_home, 
div.content_thankyou, 
div.content_estrutura, 
div.content_modalidade, 
div.content_horario, 
div.content_galeria, 
div.content_entre-em-contato,
div.content_fisioterapia,
div.content_mapadosite {
	width: 950px;
	float: left;
	display: inline;
	margin-left: 20px;
}

div.content_home h2{
	font-size:18px;
}

div.content_home h2 span{
	font-size:18px;
	color:#990000;
}

div.callout_left, div.callout_center, div.callout_right{
	width: 270px;
	height:	270px;
	float: left;
	display: inline;
	border-right:#990000 2px solid;
}

div.callout_center{width:310px;}

div.callout_center, div.callout_right{ margin-left:20px; }

div.callout_center p{ margin: 5px 0;}

div.callout_center ul{ width:290px;}

div.callout_center li{ 
	list-style-position:inside;
	list-style-type:disc;
	margin: 0 0 5px 2px;
	color:#990000;
}

div.callout_center li span{ color:#999999;}

/*CUTENEWS*/
div.cute-readmore { float: right; }

div.cute-readmore a, div.cute-author a {
	color:#990000;
	text-decoration: none; 
}

/*FORM NEWSLETTER*/
form.form_newsletter{ margin-top: 15px;}

input.btn_cad{ margin-top: 10px;}

/*FORM THANK YOU*/
div.content_thankyou p{ margin: 5px 0;}

div.content_thankyou p a{ color:#990000; }

div.content_thankyou li{ 
	list-style-position:inside;
	list-style-type:disc;
	margin-left:2px;
	color:#990000;
}

div.content_thankyou li span{ color:#999999;}

/*CONTENT*/
.content{
	width: 710px;
	float: left;
	display: inline;
	margin-left: 70px;
}

/* DESTAQUE HOME */
ul.destaque_home{
	width: 935px;
	clear: both;
	overflow: hidden;
}

ul.destaque_home li{
	float: left;
	display: inline;
	margin: 15px 0 0;	
}

ul.destaque_home li a{
	height: 100%;
	display: block;
}

ul.destaque_home li.redline{ 
	border-right: #d82618 2px solid;
	height: 249px;
}

/*SELOS NA WEB*/
div.selos_web{
	height: 45px;
	clear: both;
	padding: 20px 0 10px;
	margin: 0px auto 25px;
	position: relative;
	top: 10px;	
}

ul.selos{
	width: 935px;
	clear: both;
	overflow: hidden;
	margin: 0 0 0 15px;
}

ul.selos li{
	height: auto;
	float: left;
	display: inline;
	text-indent: -9999px;
	font-size: 0;
	letter-spacing: -1px;
}

ul.selos li a{
	height: 100%;
	display: block;
	margin: 0 0 0 60px;
}

ul.selos li.selo_bodysystems a{
	width: 92px;
	height: 34px;
	margin-left: 0;
	background-image: url(../img/selo_bodysystems.png);
}

ul.selos li.selo_lesmills a{
	width: 92px;
	height: 34px;	
	background-image: url(../img/selo_lesmills.png);
}

ul.selos li.selo_goingup a{
	width: 122px;
	height: 34px;
	background-image: url(../img/selo_goingup.png);
}

ul.selos li.selo_w3c_xhtml a{
	width: 92px;
	height: 34px;
	background-image: url(../img/selo_w3c_xhtml.png);
}

ul.selos li.selo_w3c_css a{
	width: 92px;
	height: 34px;
	background-image: url(../img/selo_w3c_css.png);
}

ul.selos li.selo_seoscore a{
	width: 100px;
	height: 40px;	
	background-image: url(../img/selo_seoscore.png);
}


/*FOOTER*/
div.footer_arb{
	width: 937px;
	clear: both;
	margin: 0;
	background: #DADADA url(../img/line_footer.png) no-repeat center top;
}

div.footer_arb div.ft_redbar{
	width: 913px;
	height: 27px;
	clear: both;
	margin: 0;
	background: #DADADA url(../img/ft_redbar.png) no-repeat center top;	
}

div.footer_arb div.ft_redbar li{
	float: left;
	display: inline;
	margin: 5px 0 0;
	color: #fff;
}

div.footer_arb div.ft_redbar li.first_item{ margin-left: 130px;}

div.footer_arb div.ft_redbar a{
	text-decoration: none;
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 0 15px;
}

div.footer_arb div.copyright{
	width: 100%;
	height: 40px;
	clear: both;
	margin: 0 auto;
	padding: 10px 12px 0;
	overflow: hidden;
	color: #8E8E8E;	
}

div.footer_arb div.copyright p{
	font-size: 11px;
	margin: 0 7px 0;
	text-align: center;
}

/*ACADEMIA RIO BRANCO NA WEB*/
div.arb-na-web{
	height: 45px;
	clear: both;
	padding: 20px 0 10px 0;
	margin: 0px auto 25px auto;
	background: #DADADA url(../img/line_footer.png) no-repeat bottom center;
	position:relative;
	top:10px;	
}

#tit_arb_na_web{
	position:absolute;
	top:0;
	left:28px;
}


ul.sites{
	width: 935px;
	clear: both;
	overflow: hidden;
	margin:0 0 0 15px;
}

ul.sites li{
	height: 30px;
	float: left;
	display: inline;
	text-indent: -9999px;
	font-size: 0;
	letter-spacing: -1px;
}

ul.sites li a{
	height: 100%;
	display: block;
	margin: 0 0 0 125px;
}

ul.sites li.social_orkut a{
	width: 70px;
	margin-left: 0;
	background-image: url(../img/sociais_orkut_pb.png);
}

ul.sites li.social_orkut a:hover{
	margin-left: 0;
	background-image: url(../img/socias_orkut.png);
}

li.social_youtube a{
	width: 60px;
	background-image: url(../img/sociais_youtube_pb.png);
}

li.social_youtube a:hover{
	background-image: url(../img/sociais_youtube.png);
}

li.social_twitter a{
	width: 80px;
	background-image: url(../img/sociais_twitter_pb.png);
}

li.social_twitter a:hover{
	background-image: url(../img/sociais_twitter.png);
}

li.social_facebook a{
	width: 95px;
	background-image: url(../img/sociais_facebook_pb.png);
}

li.social_facebook a:hover{
	width: 95px;
	background-image: url(../img/sociais_facebook.png);
}

li.social_meadiciona a{
	margin-top:3px;
	width: 90px;
	background-image: url(../img/sociais_meadiciona_pb.png);
}

li.social_meadiciona a:hover{
	background-image: url(../img/sociais_meadiciona.png);
}

/*GERAL INTERNAS*/
h2 {
	color:#990000;
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
}

h3 {
	color:#990000;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}

div.content_estrutura p, div.content_modalidade p{ text-align:justify;}	


/***************/
/*  ESTRUTURA  */
/***************/

/*CONTENT*/
div.content_estrutura div.callout_left, div.content_estrutura div.callout_right{ height: 615px;}

div.content_estrutura div.callout_right {
	border:none;
	width:585px;
}

div.content_estrutura ul.fotos{ 
	width:100%;
	margin-top: 20px;
}

div.content_estrutura ul.fotos li{
	height: 155px;
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
}

div.missao {
	clear: both;
}


/****************/
/*  MODALIDADE  */
/****************/

/*CONTENT*/
div.content_modalidade p { 
	width: 870px;
	margin-bottom:10px;
}

div.mododalidade{ 
	border-bottom:#990000 1px solid;
	height:	440px;
	margin-bottom: 20px;
}

div.mododalidade_combat{
	border-bottom:#990000 1px solid;
	height:	460px;
	margin-bottom: 20px;
}

img.mod_tit { 
	margin-bottom:10px;
	display: block;
}

div.mod_img{
	float:left;
	width:181px;
	height:385px;
}

div.mod_txt{
	float: left;
	margin-left: 20px;
}

div.mod_txt p { width:670px;}

ul.mod_beneficios{ width:690px;}

ul.mod_beneficios li{ 
	list-style-position:inside;
	list-style-type:disc;
	margin: 0 0 5px 2px;
	color:#990000;
}

/*******************/
/*  HORÁRIO AULAS  */
/*******************/
div.content_horario h2 {
	padding-bottom: 30px;
}

th {
	background-color: #900;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

td.tb_img {
	width: 60px;
}

td.tb_alt {
	height: 205px;
}

td.tb_alt_noite {
	height: 305px;
}

td {
	font-size: 12px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color:#000;	
}

td.ftbtexto {
	background-color: #900;
	color: #FFF;
	font-size: 13px;
	width: 100px;
}

table.semana_fitness th {
	border: 1px solid #ccc;	
}

table.semana_fitness td {
	height: 40px;
	border: 1px solid #ccc;	
}

/*******************/
/*  GALERIA FOTOS  */
/*******************/

div#galfotos {
	display: inline;
	margin:0 10px 0 10px;
	text-align:center;
	float:left;
}

div.content_galeria p {
	margim: 0 50px 0 50px;
	text-align: center;
}

div#galfotos p {
	text-align:center;
	font-size:13px;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#galfotosthumb {
	width:300px;
	display: inline;
	margin:0 10px 20px 10px;
	text-align:center;
}

/**********************/
/*  ENTRE EM CONTATO  */
/**********************/

/* Formulário */
div#formulario {
	font-size: 11px;
	width: 850px;	
	height: 25em;
}

div#formulario form {
	text-align:center;
}

div#formulario form #inputset {
	border-top: 1px solid #999;
	zoom:1;
	margin-top:6px;
	padding-top:13px;
}

div#formulario form #inputset p.inputset {	
	float:left;
	margin:2px 0 0 8px;
}

div#formulario form #inputset p.blue { color:#0000FF; }

div#formulario form #inputset label, 
div#formulario form #inputset input, 
div#formulario form #inputset select,
div#formulario form #inputset textarea { margin-bottom: 12px; }

div#formulario form #inputset label {
	display: block;
	width: 70px;
	float: left;
	line-height: 16px;
	margin-left: 10px;
}

div#formulario form #inputset label.first_label { margin-left: 140px; }

div#formulario form #inputset label.form-cid { 
	clear:both;
	margin-left: 140px;
}

div#formulario form #inputset input, 
div#formulario form #inputset select { 
	border:1px solid #444;
	font-size:11px;
	height:12px;
	display:block;
	width: 177px;
	margin-right:50px;
	float:left;
}

div#formulario form #inputset select { height:17px; }

div#formulario form p.boldred, 
div#formulario form span.boldred {
	font-weight:bold;
	color:#F00;
	margin-top:0px;
}

div#formulario form #inputset p.form-text { clear: both; }

div#formulario form #inputset textarea { 
	border:1px solid #444;
	margin-left: 10px;
}

div#formulario form p.btn-send { text-align:center; }

/* Localização */

iframe, small { margin-left:140px; }

div#localizacao h2 { margin: 50px 0 30px; }

/**********************/
/*    FISIOTERAPIA    */
/**********************/

div.content_fisioterapia img {
	border: 1px solid #990000;
	margin-right: 15px;
}

/**********************/
/*    MAPA DO SITE    */
/**********************/

div.content_mapadosite ul{
	width: 285px;
	overflow: hidden;
	float: left;
	padding: 40px;
}

div.content_mapadosite ul li{
	color: #B9B9B9;
	font-weight: bold;
	list-style-image:url(../img/red_bullet.png);
	margin-bottom: 10px;
}

div.content_mapadosite ul ul{
	float: none;
	padding: 0 0 0 20px;
}

div.content_mapadosite ul ul li{
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: left -9px;
	background-image: url(../img/list_mapa_do_site.png);
	list-style-image:none;
	margin-bottom:0;
}

div.content_mapadosite ul ul li.last_mod {
	background-image: url("../img/list_mapa_do_site.png");
  background-position: left -24px;
  background-repeat: no-repeat;
  padding: 0 0 0 10px;	
}

div.site {
	float: right;
  height: 45px;
  position: relative;
  width: 250px;
}

div.site a {
	display: block;
  left: 130px;
  position: absolute;
  top: -10px;
}