/*
Folha de estilo
site: Corpo e Ação
desenvolvido por: Diego Cupello
*/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../img/bg_fundo.jpg) no-repeat top center;
	margin:0 auto;
	color:#525252;
	font-size:13px
}

html{
	background:url("../img/bg_fundo.jpg") no-repeat scroll center 373px transparent}



a {
	color:#827ea9
}
a:hover {
	color:#a64786
}
/*GLOBAL --------------------------------------------------------------------------*/

#global {
	width:990px;
	margin:0 auto;
	background:url("../img/logo_inicial.png") no-repeat scroll center 48px transparent
}
#redes_socias li {
	float:left;
	margin-right:7px
}
#redes_socias {
	float:right;
	margin:4px -10px 17px 0;
}
#redes_socias li a {
	text-indent:-5000px;
	display:block
}
#redes_socias li a.orkut {
	background:url(../img/icone_orkut.png) no-repeat;
	width:22px;
	height:23px
}
#redes_socias li a.twitter {
	background:url(../img/icone_twitter.png) no-repeat;
	width:22px;
	height:23px
}
#redes_socias li a.orkut:hover, #redes_socias li a.twitter:hover {
	background-position:0 -25px
}
#conteudo_new {
	width:990px;
	margin:0 auto;
}
#conteudo_new form {
	display:none;
	margin:10px 0 10px 6px
}
#conteudo_new form label {
	color:#FFF;
	font-size:14px
}
#conteudo_new form input {
	margin-right:12px;
	width:220px
}
.global_new {
	background:none repeat scroll 0 0 #4E4167;
	min-height:5px;
}

.global_new_aberto {
opacity:0.9;
position:absolute;
width:100%;
z-index:1;
}

.form_news_aberto {
    margin:20px 0 -10px 6px !important;
}

.bt_new {
	background:url("../img/bt_new.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:right;
	height:27px;
	margin:5px 18px 0;
	text-indent:-5000px;
	width:107px;
}

.bt_news_aberto {
    position:relative;
    top:27px;
    background:url("../img/bt_new_sobe.png") no-repeat scroll 0 0 transparent;
}

.global_aberto {
    padding-top:5px;
    background-position:center 53px !important;
}

.redes_socias_aberto {
    position:relative;
    right:143px;
    top:66px;
    z-index:2;
}

.bt_enviar {
	background:url("../img/bt_enviar.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	height:25px;
	position:relative;
	text-indent:-5000px;
	text-transform:uppercase;
	top:2px;
	margin-bottom:5px;
	width:84px;
}
.link_moda_praia, .link_moda_fitness {
	background:url("../img/modelo_praia.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:705px;
	margin:-15px 0 -251px 5px;
	position:relative;
	text-indent:-5000px;
	top:7px;
	width:403px;
}

.link_moda_praia{
	height:692px}


.link_moda_fitness {
	background:url("../img/modelo_fitness.png") no-repeat scroll 0 0 transparent;
	float:right;
	height:705px;
	margin:-28px 29px -251px 0;
	width:442px;
}
/*RODAPE --------------------------------------------------------------------------*/

#global_rodape {
background:none repeat scroll 0 0 #211C2A;
color:#FFFFFF;
height:153px;
margin-bottom:-48px;
opacity:0.8;
position:relative;
top:-21px;
border-bottom:6px solid #000000
}

#home_body #global_rodape{
	height:140px;
	top:6px}
	
.logo_action {
	background:url("../img/logo_action.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:right;
	height:46px;
	margin:11px 2px 0 0;
	position:relative;
	text-indent:-5000px;
	width:192px;
}
.digicriativa {
	clear:right;
	float:right;
	margin:6px 10px 0 0;
	
}

.digicriativa a{
	font-weight:bold}

.digicriativa a:hover{
	color:#FFD406}

#rodape {
	width:990px;
	margin:0 auto
}
.creditos_rodape ul {
	float:left;
	margin:18px 0 16px 5px;
	position:relative;
}
.creditos_rodape ul li {
border-right:1px solid;
float:left;
margin-right:6px;
padding:0 6px;
width:205px;
}

.creditos_rodape ul li.li_menor{
	width:176px}


.creditos_rodape ul li.no_border {
	border:none
}
.direitos {
	float:left;
	font-size:11px;
	margin:5px 0 0 12px
}
/*MENU --------------------------------------------------------------------------*/

#global_menu {
	background:url("../img/bg_menu.gif") repeat-x scroll 0 0 transparent;
	border-bottom:5px solid #0F0D16;
	border-top:5px solid #0F0D16;
	height:51px;
	margin-top:0;
	opacity:0.85;
	position:relative;
	top:29px;
}

#home_body #global_menu  {

top:56px;}

#home_body #menu {
	top:0}

#menu {
	left:32px;
	margin:0 auto;
	position:relative;
	top:-27px;
	width:990px;
}
#menu li {
	float:left
}
#menu li a {
	background:url("../img/menu.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:51px;
	text-indent:-5000px;
}
#menu li a.moda_praia {
	width:130px
}
#menu li a.moda_praia:hover {
	background-position:0 -56px
}
#menu li a.moda_fitness {
	background-position:-130px 0;
	width:141px
}
#menu li a.moda_fitness:hover {
	background-position:-130px -56px
}
#menu li a.quem_somos {
	background-position:-270px 0;
	width:143px;
}
#menu li a.quem_somos:hover {
	background-position:-270px -56px
}
#menu li a.onde_comprar {
	background-position:-413px 0;
	width:148px;
}
#menu li a.onde_comprar:hover {
	background-position:-413px -56px
}
#menu li a.look_book {
	background-position:-562px 0;
	width:113px;
}
#menu li a.look_book:hover {
	background-position:-562px -56px
}
#menu li a.representacao {
	background-position:-674px 0;
	width:151px;
}
#menu li a.representacao:hover {
	background-position:-674px -56px
}
#menu li a.fale_conosco {
	background-position:-824px 0;
	width:88px;
}
#menu li a.fale_conosco:hover {
	background-position:-824px -56px
}
/*MENU SELECIONADO --------------------------------------------------------------------------*/

#moda_praia_body #menu li a.moda_praia {
	background-position:0 -56px
}

#moda_fitness_body #menu li a.moda_fitness{background-position:-130px -56px}

#quem_somos_body #menu li a.quem_somos{
	background-position:-270px -56px
}

#onde_comprar_body #menu li a.onde_comprar {
	background-position:-413px -56px
}

#representacao_body #menu li a.representacao {
	background-position:-674px -56px
}

#contato_body #menu li a.fale_conosco {
	background-position:-824px -56px}


/*MODA PRAIA --------------------------------------------------------------------------*/

#moda_praia_body .link_moda_praia {
background:url("../img/modelo_praia2.png") no-repeat scroll 0 0 transparent;
float:right;
height:702px;
margin:-188px -47px -251px 0;
cursor:default
}

#moda_fitness_body .link_moda_fitness{	
float:right;
margin:-191px -47px -251px 0;
width:440px;
background:url(../img/modelo_fitness2.png) no-repeat;
cursor:default}

#quem_somos_body .link_moda_fitness,#onde_comprar_body .link_moda_fitness,#representacao_body .link_moda_fitness,
#contato_body .link_moda_fitness{	
float:right;
margin:-191px -47px -251px 0;
width:440px;
background:url(../img/modelo_quem_somos.png) no-repeat;
cursor:default}



#moda_praia_body #global,#moda_fitness_body #global,#quem_somos_body #global,#onde_comprar_body  #global,
#representacao_body #global,#contato_body #global {
	background:none
}
.logo_interna {
	background:url("../img/logo_interna.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:176px;
	left:11px;
	position:relative;
	text-indent:-5000px;
	top:-35px;
	width:194px;
}
.conteudo_interna {
background:url("../img/box_conteudo.png") no-repeat scroll 0 0 transparent;
clear:both;
float:left;
height:265px;
margin:-20px 0 0 9px;
padding:16px 20px;
width:548px;
}

#moda_praia_body #global  .conteudo_interna p,#moda_fitness_body #global  .conteudo_interna p,#quem_somos_body  .conteudo_interna p,
#onde_comprar_body .conteudo_interna p,#representacao_body .conteudo_interna p,#contato_body .conteudo_interna p{
color:#C9D4DB;
margin:14px 0 0;}

#global h3{color:#C9D4DB;
font-size:24px}

#moda_praia_body #global  .conteudo_interna p span,#moda_fitness_body #global  .conteudo_interna p span,#onde_comprar_body p span{
	float:right}
	
#moda_praia_body #global  .conteudo_interna p img,#moda_fitness_body #global  .conteudo_interna p img{
float:left;
margin-right:7px;
position:relative;
top:-1px;}	

.galeria_fotos li,.box_rolagem li {
	float:left;
padding:0 23px 18px 0;
}
.galeria_fotos li a img,box_rolagem li a img {
	border:4px solid #24202F
}


.galeria_fotos,.box_rolagem {
	height:230px;
	overflow:auto;
}


#onde_comprar_body .conteudo_interna ul li{
color:#C9D4DB;
float:left;
margin:5px 24px 0 0;
padding-bottom:14px;
width:154px;}

#onde_comprar_body .conteudo_interna ul li strong{color:#FFFFFF;
font-size:16px;}

#onde_comprar_body .conteudo_interna ul{
float:left;
margin:7px 0 0 0px;
width:541px}

#form_site label{color:#C9D4DB;
font-weight:bold;
font-size:14px}

#form_site{
	margin:15px 0 0 0}
	
	#form_site input{color:#4F4F4F;
margin:7px 0;
padding:3px;
width:204px;}
	
	#form_site textarea{color:#4F4F4F;
height:100px;
margin:7px 0 0;
width:297px;}

.erroValidacao {
    border:1px solid red;
}

.float{
	float:left}
	
.float_2{
	position:relative;
	left:27px;
	float:left}	
	
#form_site .bt_enviar{
	float:right;
width:84px;}
	
	u{
		color:#FFD406}
		
		
#contato_body .conteudo_interna a{
	color:#C9D4DB;
	text-decoration:underline}		
	


#contato_body .conteudo_interna a:hover{
	color:#FFD406	}
	
	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #2C2C35;
	width:14px!important
}
.jScrollPaneDrag {
background:none repeat scroll 0 0 #C9D4DB;
cursor:pointer;
overflow:hidden;
position:absolute;
width:14px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


#onde_comprar_body .link_moda_fitness {
	background:url("../img/modelo_comprar.png") no-repeat scroll 0 0 transparent;}
	
#contato_body	.link_moda_fitness {background:url("../img/modelo_contato.png") no-repeat scroll 0 0 transparent;}

#representacao_body .link_moda_fitness{
	background:url("../img/modelo_representante.png") no-repeat scroll 0 0 transparent;}
	
	
#quem_somos_body .conteudo_interna p {
	width:524px}	
	
.foto_empresa{
border:4px solid #24202F;
float:left;
margin-bottom:9px;
margin-right:12px;
margin-top:2px;}