/* 1- RESET*************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** 2- Estruturas comuns (all pages) ***/

body {
	height:100%;
	min-height:100%;
	background:#1f0213 url(http://www.verticalstudio.com.br/img/bg.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	}
#mainwrap{
margin:0 auto;
width:800px;
}
#logo {
text-align: center;
margin: 25px 0 5px 0;
padding: 0;
}
#mainnav  {
background: url(http://www.verticalstudio.com.br/img/navbg.png) no-repeat center;
margin:0 auto;
width:450px;
height:25px;
}
#mainnav ul li {
padding:7px 8px 2px 8px;
font-size:70%;
display:inline;
}
#mainnav li a {
color:#FFF;
text-decoration:none;
text-transform:uppercase;
}
#mainnav li a:hover, #mainnav li a.marcado {
color:#FFCCFF;
}

#foot {
background:url(http://www.verticalstudio.com.br/img/footbg.jpg) no-repeat center bottom;
float:left;
margin-top:35px;
padding-bottom:140px;
width:100%;
}
#foot .endereco {
width:512px;
height:72px;
margin:0 auto;
color:#fff;
font-style:italic;
text-align:center;
}
#foot .endereco div {
width:230px;
font-size:85%;
float:left;
margin:0 10px;
display:inline;
}
#foot .endereco div a {
text-decoration:none;
color:#ef2f72;
}
#foot .endereco div a:hover {
text-decoration:underline;
color:#FFCCFF;
}
#foot p {
color:#FFFFFF;
font-size:80%;
text-align:center;
font-style:italic;
margin-top:5px;
}
#foot p a {
color:#ffe1e1;
text-decoration:none;
}
#foot p a:hover {
color:#FFFFFF;
font-style:normal;
}
/** adicione **/
#adicione-home {
position:absolute;
bottom:40px;
right:73px;
width:230px;
}
h5.adicionetxt {
float:left;
display:inline;
margin-right:10px;
}
img.icones {
float:left;
display:inline;
margin:0 5px;
}

/** 1 PAG Inicial ***/
div#container-abas {
background: url(http://www.verticalstudio.com.br/img/abashp_bg.jpg) no-repeat;
padding-top:27px;
padding-left:42px;
padding: 27px 0px 20px 42px;
width:738px;
position:relative;
}


/* Estilização para abas */
div.aba {
	color:#ffeded;
	text-align:justify;
	margin-bottom:20px;
	padding:10px 15px;
	float:left;
	width:540px;
	}
div.aba p {
font-size:89%;
margin-bottom:5px;
}
div.aba p a {
color:#ef2f72;
text-decoration:none;
}
div.aba p a:hover {
color:#ef2f72;
font-style:italic;
text-decoration:underline;
}
#aba1 h2, #aba2 h2, #aba3 h2, #abamodalidade h2  {
padding-top:29px;
width: 397px;
/*Esconda o texto*/
overflow: hidden;
/* Hack I explorer 5 */ 
height: 29px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0; 
}
/** h2 com imagens na pagina inicial**/
.sensual  {
background: url(http://www.verticalstudio.com.br/img/sensualmente_forma.gif) no-repeat;
height:29px;
width:243px;
}
.beneficios  {
background: url(http://www.verticalstudio.com.br/img/seu_corpo_de_bem_com_voce.gif) no-repeat;
height:29px;
width:280px;
}
.eventos  {
background: url(http://www.verticalstudio.com.br/img/muito_mais_que_uma_academia.gif) no-repeat;
height:29px;
width:280px;
}
.chmodalidade {
background: url(http://www.verticalstudio.com.br/img/entreemforma.gif) no-repeat;
height:22px;
width:325px;
margin-bottom:5px;
}
#nav {
	margin:0;
	padding:3px 0;
	width:147px;
	float:left;
	}
#nav li {
	list-style:none;
	display:block;

















	}
#nav li a {
	padding:10px 15px 10px 25px;
	background:#3a021d;
	color:#FFFFFF;
	float:left;	
	margin-bottom:1px;
	text-decoration:none;
	width:110px;
	}
#nav li a:hover {
background:#590a38;
	}
#nav li a.corrente {
	background:#590a38;
	font-style:italic;
	border-bottom:1px solid #590a38;
	}
	
/** conteudo principal ***/
div#hp-content {
width:786px;
height:425px;
background:url(http://www.verticalstudio.com.br/img/bg_hpcontent.jpg) no-repeat center bottom;
position:relative;
}
.scrollable {
border:1px solid #fff;
position:relative;
overflow:hidden;
margin-left:65px;
height:320px;
width:650px;
}
.scrollable .items {
clear:both;
position:absolute;
width:20000em;
}
.items div {
float:left;
width:650px;
height:320px;
}
.items div h3, .mod-conteudo-3 p {
color:#666;
font-style:italic;
font-weight:normal;
}
/*********** botoes d escrolll *************/

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://www.verticalstudio.com.br/img/setas.jpg) no-repeat;
	display:block;
	width:34px;
	height:110px;
	position:absolute;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: -10px -121px; right:27px; top:120px; }
a.right:hover 		{ background-position:-57px -121px; }
a.right:active 	{ background-position:-98px -121px; } 


/* left */
a.left				{ background-position: -8px 0; left:23px; top:120px; } 
a.left:hover  		{ background-position:-50px 0; }
a.left:active  	{ background-position:-90px 0; }


/** estilização de cada aba **/
.mod-conteudo-1 {
background:#fff url(http://www.verticalstudio.com.br/img/bg_conteudo_inicial1.jpg) no-repeat;
position:relative;
}
.mod-conteudo-1 h3 {
width:218px;
position:absolute;
top:104px;
right:28px;
}
.mod-conteudo-1 h3 a {
background:url(http://www.verticalstudio.com.br/img/bt_pink.gif) repeat-x;
width:210px;
height:25px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
margin-top:10px;
}
.mod-conteudo-1 h3 a:hover {
background:url(http://www.verticalstudio.com.br/img/bt_pink.gif) repeat-x 0 -25px;
}
.mod-conteudo-2 {
background:#fff url(http://www.verticalstudio.com.br/img/bg_conteudo_inicial2.jpg) no-repeat;
position:relative;
}
.mod-conteudo-2  h3 {
width:222px;
position:absolute;
left:28px;
top:100px;
}
.mod-conteudo-2 ul {
left:75px;
top:175px;
position:absolute;
width:425px;
}
.mod-conteudo-2 ul li {
margin-bottom:5px;
}
.mod-conteudo-2 ul li a {
background:url(http://www.verticalstudio.com.br/img/bg_li.jpg) no-repeat left;
padding-left:18px;
color:#e952a1;
text-decoration:none;
}
.mod-conteudo-2 ul li a:hover {
color:#990066;
text-decoration:underline;
} 

.mod-conteudo-3 {
background:#fff url(http://www.verticalstudio.com.br/img/bg_conteudo_inicial3.jpg) no-repeat;
position:relative;
}

.mod-conteudo-3 h3 {
width:600px;
top:70px;
left:25px;
position:absolute;
}
.mod-conteudo-3 p {
bottom:50px;
left:102px;
position:absolute;
}

a.bt-sombra{
background:url(http://www.verticalstudio.com.br/img/bg_botsombra.jpg) no-repeat;
height:30px;
width:174px;
font-weight:bold;
font-size:115%;
color:#e952a1;
padding-top:13px;
text-decoration:none;
text-align:center;
}

a.bt-sombra:hover {
background:url(http://www.verticalstudio.com.br/img/bg_botsombra.jpg) no-repeat -180px 0;
color:#990066;
}
.bt-caicara {
bottom:30px;
left:275px;
position:absolute;
}
.bt-bento {
bottom:30px;
left:465px;
position:absolute;
}

/***2  Modalidades, quadro de horarios *********/
#horarios li {
	list-style:none;
	display:block;
	}
#horarios li a {
	padding:30px 20px 10px 20px;
	background:#3a021d url(http://www.verticalstudio.com.br/img/linkhorario_bg.gif) no-repeat;
	color:#FFFFFF;
	float:left;	
	text-align:center;
	text-decoration:none;
	width:110px;
	height:60px;
	}
#horarios li a:hover {
	background:#590a38 url(http://www.verticalstudio.com.br/img/linkhorario_bg.gif) no-repeat -150px 0;
	}
#quadro_horarios {
	background:#3a021d;
	color:#F6F6F6;
	text-align:justify;
	padding:10px 15px;
	float:left;
	width:670px;
	display:none;
}


#cont-modalidade {
background:#fff ;
border:10px solid #3a2e35;
margin-top:5px;
padding-bottom:15px;
margin: 0 auto;
width:704px;
}
#cont-modalidade h3.titulo {
border-bottom:1px solid #ebebeb;
color:#ef2f72;
font-size:175%;
float:left;
font-weight:lighter;
margin-top:15px;
margin-left:25px;
padding-bottom:15px;
width:650px;
}
.descricaomodalidade {
background: url(http://www.verticalstudio.com.br/img/contentmod-bg.gif) repeat-x bottom;
color:#666;
float:left;
font-size:95%;
margin-top:15px;
margin-left:25px;
padding-bottom:15px;
width:650px;
}
.descricaomodalidade p {
line-height:125%;
}
.imgtoleft {
float:left;
margin-right:20px;
margin-bottom:10px;
}
.imgtoright {
float:right;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
}
/** O acordeao mágico ****/
#basic-accordian{
	float:left;
	margin-left:16px;
	width:650px;	
}
.accordion_headings{
	padding:5px;
	background:#fe7aa8;background:#f6f6f6 url(http://www.verticalstudio.com.br/img/acordeao_bg.gif) right bottom no-repeat;
	color:#666;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#fe7aa8;
	color:#FFFFFF;
}

.accordion_child{
	background: url(http://www.verticalstudio.com.br/img/contentmod-bg.gif) repeat-x bottom;
	color:#666;
	font-size:85%;
	padding:15px;
	padding-bottom:30px;
	line-height:125%;
	text-align:justify;
}
.accordion_child ul{
list-style:square;
list-style-position:inside;
display:block;
}

.header_highlight{
	background:#ef2f72 url(http://www.verticalstudio.com.br/img/acordeao_selecionado.gif) no-repeat right;
	color:#FFFFFF;
}
/*** FIM ACORDEAO MAGICO*****/

/*** EVENTOS *******/
/* Fim estilização para abas */
#slideshow-eventos {
background:#FFF;
float:left;
height:480px;
margin-top:5px;
width:640px;
}
#slideshow-eventos h3, #slideshow-eventos p {
background:#F6F6F6;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:180%;
font-weight:lighter;
padding:10px;
margin-top:20%;
}
#slideshow-eventos p {
font-size:100%;
margin-top:15px;
}

/*** head professores ***/
.professores_headings h4{
	padding:5px;
	margin-left:25px;
	color:#ccc;
	font-weight:lighter;
	font-size:200%;	
	width:70%;
}

/**************************** pagina de news ************************************************************/
#destaque-news {
background:#f6ecf6 url(http://www.verticalstudio.com.br/img/bg_destaque_news.jpg) no-repeat;
display:block;
height:268px;
margin:10px auto;
width:635px;
padding:15px;
padding-left:30px;
}
#destaque-news h3, #postagem-unica h3  {
color:#ef2f72;
font-size:165%;
font-weight:lighter;
margin:10px 0;
margin-bottom:20px;
display:block;
}
#destaque-news img {
float:left;
display:inline;
margin-right:15px;
margin-bottom:15px;
}
#destaque-news p {
color:#666;
font-size:95%;
line-height:125%;
}
#destauqe-news p a {
color:#bf345d;
text-decoration:none;
}
#destaque-news p.destak-leiamais a {
padding:5px 25px;
background:#bf345d;
color:#fff;
text-decoration:none;
float:right;
}
#destaque-news p.destak-leiamais a:hover {
background:#fff;
border: 1px solid #bf345d;
border-right:none;
color:#bf345d;
} 
/** esquerda ***/
#news-left {
float:left;
width:409px;
display:inline;
margin-left:20px;
margin-top:15px;
}
.news-tease {
margin-bottom:45px;
min-height:112px;
color:#999;
width:409px;
}
.news-tease h3 {
margin-bottom:5px;
}
.news-tease a {
color:#ef2f72;
text-decoration:none;
}
.news-tease a:hover {
color:#bf345d;
}
.news-tease p {
font-size:85%;
}
.news-tease p a {
display:block;
margin-top:15px;
}
.news-tease img {
float:left;
margin:0 5px 35px 0;
}
/** Googla nav artigos**/
#google-nav-hold {
background:#ffeff4;
height:40px;
width:409px;
margin-bottom:10px;
}
#google-nav-hold p {
display:inline;
float:left;
color:#999;
margin-left:15px;
font-size:85%;
margin-top:15px;
}
#google-nav-hold ul li{
list-style: none;
}
#google-nav {
display: inline;
height: 1%;
float:right;
}
.google-nav-nolink {
color:#666;
float: left;
padding: 5px 5px;
margin: 7px 0 0 0;
height:20px;
text-decoration:none;
font-size:small;
}
.google-nav-link  {
background:none;
color:#666;
float: left;
padding: 5px 5px;
margin:7px 0 0 0;
height:20px;
text-decoration:none;
font-size:small;
}
.google-nav-link  a:link, .google-nav-link  a:visited  {
background:none;
color:#ef2f72;
text-decoration:none;
padding: 5px 10px;
}
.google-nav-link  a:hover {
color:#CC0066;
border-bottom:4px solid #CC0066;
}
/*** direita ***/
#news-right {
background:url(http://www.verticalstudio.com.br/img/bg_news_right.jpg) repeat-y;
float:right;
width:266px;
display:inline;
padding-bottom:15px;
}
#adicione-news {
width:230px;
margin-left:20px;
display:block;
}
h4.list-head {
background:#e9d7e2;
display:block;
padding:8px 0 7px 17px;
margin-top:10px;
margin-bottom:1px;
}
h4.list-head a {
color:#ef2f72;
font-size:85%;
text-decoration:none;
}
h4.list-head a:hover {
color:#CC0066;
}
ul.lista-news li {
margin-bottom:1px;
}
ul.lista-news li a {
background: #f4ebf0 url(http://www.verticalstudio.com.br/img/bg_lista_news.jpg) repeat-y;
color:#ef2f72;
display:block;
padding:8px 0 7px 35px;
text-decoration:none;
font-weight:bold;
}
ul.lista-news li a:hover {
background:#e9d7e2;
font-style:italic;
} 
#fecha-dir {
background:url(http://www.verticalstudio.com.br/img/bg_fecha_dir.jpg) no-repeat;
width:266px;
height:26px;
float:right;
}
/** postagem unica **/
#postagem-unica {
display:block;
margin:10px auto;
width:635px;
padding:15px;
padding-left:30px;
position:relative;
}
#postagem-unica p.linknext a, #postagem-unica p.linkprev a {
padding:5px 8px;
background:#f6ecf6;
color:#bf345d;
text-decoration:none;
position:absolute;
right:0;
top:0;
}
#postagem-unica p.linkprev a {
right:75px;
}
#postagem-unica p.linknext a:hover, #postagem-unica p.linkprev a:hover {
background:#bf345d;
color:#fff;
}
#postagem-unica a {
text-decoration:none;
color:#ef2f72;
}
#postagem-unica a:hover {
text-decoration:underline;
}
#galeriapost {
border-bottom:1px solid #ccc;
width:625px;
margin:0 auto;
padding:5px;
padding-bottom:10px;
margin-bottom:15px;
}
#galeriapost img {
border:2px solid #f6f6f6;
margin:5px;
}
#postagem-unica h3 {
border-bottom:#ccc 1px solid;
margin-bottom:5px;
}
#postagem-unica h5 { 
color:#ef2f72;
font-size:125%;
font-weight:lighter;
margin:20px 0;
border-bottom:#ccc 1px solid;
display:block;
}
#postagem-unica p {
color:#666;
font-size:95%;
line-height:125%;
}
#postagem-unica p.breadcrumb {
color:#ccc;
font-size:65%;
}
#postagem-unica p.metadados {
color:#999;
font-size:75%;
width:100%;
border-bottom:#ccc 1px solid;
display:block;
padding:5px 0;
margin-bottom:15px;
}
#postagem-unica ul {
margin:10px;
color:#666;
font-size:95%;
}
#postagem-unica ol {
list-style-type:disc;
list-style-position:inside;
margin:10px;
color:#666;
font-size:95%;
}
#postagem-unica li {
margin-bottom:5px;
}
#postagem-unica li a {
background:url(http://www.verticalstudio.com.br/img/bg_li.jpg) no-repeat left;
padding-left:18px;
color:#e952a1;
text-decoration:none;
}
#postagem-unica li a:hover {
color:#990066;
text-decoration:underline;
} 
.addthis_toolbox {
margin:15px 0;
padding-bottom:15px;
border-bottom:1px solid #ccc;
}

#parceiros-news {
float:left;
display:inline;
text-align:center;
margin:15px 0;
margin-left:10px;
width:694px;
}
#parceiros-news h6 {
color:#666;
margin-left:15px;
margin-bottom:5px;
display:block;
text-align:left;
}
#parceiros-news img {
display:inline;
margin:0 1px 1px 0;
}

/********** Pagina de Unidades ******************************/
#unit-head {
margin:15px;
margin-top:25px;
clear:both;
display:block;
}
#unit-head p {
width:449px;
color:#666;
font-size:80%;
line-height:125%;
}
.nav-unit-hold h3 a  {
background:url(http://www.verticalstudio.com.br/images/3.jpg) no-repeat;
overflow:hidden;
left:-2000px;
display:block;
width:703px;
padding-top:128px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0; 
margin-bottom:4px;
}
.nav-unit-hold h3.saobento a {
background:url(http://www.verticalstudio.com.br/images/4.jpg) no-repeat;
}
.nav-unit-hold h3 a:hover, .nav-unit-hold h3.saobento a:hover, .nav-unit-hold h3 a.selecionado {
background-position: 0 -131px;
}
#adicione-modal {
width:230px;
margin-top:35px;
float:right;
display:block;
}
#conteudo-unidade {
display:block;
width:704px;
padding-bottom:20px;
background:url(http://www.verticalstudio.com.br/img/contentmod-bg.gif) no-repeat 0 bottom;
}
#conteudo-unidade a {
text-decoration:none;
color:#ef2f72;
}
#conteudo-unidade a:hover {
text-decoration:underline;
}
p.crumbs {
color:#999;
font-size:65%;
display:block;
margin:10px;
}
#galeria-cbox {
background:url(http://www.verticalstudio.com.br/img/bg_galeria.jpg) no-repeat;
width:350px;
padding: 35px 23px 25px 18px;
float:left;
display:inline;
}
#galeria-cbox img {
margin:2px;
border:1px solid #ef2f72;
}
#texto-unidade {
width:291px;
float:right;
color:#666;
padding-top:14px;
font-size:90%;
text-align:justify;
margin-right:15px;
display:inline;
}
#texto-unidade p {
margin-bottom:15px;
line-height:115%;
}
#texto-unidade address {
color:#330000;
width:198px;
margin-bottom:15px;
text-align:left;
}
#parceiros-unidades {
margin-left:20px;
float:left;
display:inline;
width:380px;
}
#parceiros-unidades h5 {
display:block;
font-size:85%;
font-weight:lighter;
color:#666;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:5px;
}

/******* Pagina de contato****************/
form.zemContactForm  {
width:540px;
display:block;
clear:both;
margin-left:45px;
}
form.zemContactForm legend {
display:none;
}
form.zemContactForm label {
font-size:90%;
display:block;
margin:7px 0;
}
form.zemContactForm input, form.zemContactForm textarea {
background:#fff;
border:none;
border:#8c3b71 1px solid;
padding:3px;
display:block;
width:530px;
height:35px;
}
form.zemContactForm input:focus, form.zemContactForm textarea:focus {
background:#f7e0f7;
border:#fff 1px solid;
}
form.zemContactForm  textarea {
height:85px;
}
form.zemContactForm  input.zemSubmit {
width:250px;
margin:10px;
margin-left:0;
}
ul.zemError {
background:#ffb4e7;
margin:15px;
list-style-type:disc;
list-style-position:inside;
padding:15px;
}
ul.zemError li {
margin-bottom:10px;
color:#8c3b71;
}
#endereco-principal {
background:url(http://www.verticalstudio.com.br/img/bg_endereco.jpg) no-repeat;
padding:165px 50px 0 50px;
height:132px;
width:550px;
margin-left:25px;
}
#endereco-principal div {
width:230px;
font-size:85%;
float:left;
margin:0 20px;
display:inline;
color:#333;
font-size:80%;
text-align:center;
font-style:italic;
}
#endereco-principal div a {
text-decoration:none;
color:#ef2f72;
}
#endereco-principal div a:hover {
text-decoration:underline;
color:#8c3b71;
}
/****************** Equipe ***************/
#logo-equipe {
float:left;
display:inline;
margin-left:20px;
width:295px;
}
#equipe-right {
width:330px;
float:right;
}
.tease-equipe {
background:url(http://www.verticalstudio.com.br/img/bg_star_tesase.jpg) no-repeat bottom center;
width:330px;
margin-right:20px;
float:right;
padding-bottom:25px;
}
.tease-equipe h3  {
font-size:135%;
font-weight:lighter;
}
.tease-equipe a {
color:#990066;
text-decoration:none;
display:block;
}
.tease-equipe a:hover {
color:#993399;
text-decoration:underline;
} 
.tease-equipe img {
display:block;
}
.tease-equipe p {
margin:10px 0;
}
.tease-equipe p a {
color:#333333;
}
 
