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

#div_geral{
	width:955px;
	height:890px;
	border:1px #060 solid;
	
}
#div_menu{
	width:955px;
	height:70px;
	float:left;
}
#div_menu2{
	width:955px;
	height:70px;
	float:left;
}

#div_topo{
	width:955px;
	height:223px;
	float:left;
}
#div_meio{
	background:url(../jpg/fundo_meio3.jpg);
	width:755px;
	height:300px;
	float:left;
	
}

#div_meio1{
	width:755px;
	height:70px;
	float:left;
	

}
#div_meio2{
	width:680px;
	height:80px;
	margin-left:50px;
	margin-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	
}
#div_meio3{
	width:755px;
	height:255px;
	float:left;
}
#div_video{
	background:url(../jpg/fundo_video.jpg);
	width:200px;
	height:300px;
	float:left;
}
#div_video1{
	margin-top:30px;
	margin-left:5px;
	width:180px;
	height:200px;
		
	
}
#div_promocao{
	width:955px;
	height:200px;
	float:left;
}
#div_texto2{
	width:755px;
	height:200px;
	float:left;
	background:url(../jpg/fundo_meio2.jpg);	
	
}
#div_texto3 {
	width:700px;
	height:150px;
	margin-top:20px;
	margin-left:50px;
	overflow:scroll;
}
#div_depilar{
	width:200px;
	height:255px;
	background-color:#093;
	float:left;
	
}
#div_depilar1{
	width:160px;
	height:160px;
	background-color:#FFF;
	margin-top:20px;
	margin-left:20px;
	float:left;
}

#div_rodape{
	width:955px;
	height:30px;
	background:#15a895;
	float:left;
	font-size: 12px;
	color:#FFF;
}
#csstabs {
width:680px;
height:80px;  / * altura total da área * /
margin:0 auto;
position:relative;

}

#csstabs h3 {  /* títulos das abas */
color: #03A57E;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: bold;
height: 25px;
margin: 0;
padding: 5px 5px 5px 5px;
text-align: left;
border-top:1px solid #03A57E;
border-left:1px solid #03A57E;
border-right:1px solid #03A57E;
}
.tabcontent {   /* conteúdo das abas */
display: block;
height:255px;
width:700px;
padding:15px 0 5px 0px;
border:1px solid #03A57E;
background:url(../jpg/fundo_meio4.jpg);

ba
}
#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {
z-index: 0;
background:none;
}
#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {
opacity: 0;
z-index: 0;
}

#tab1 .tabcontent {
position:absolute;
left:0;
top:35px;
height: 200px;  /* altura total do conteúdo da aba 1 */
z-index: 2;

}
#tab1 h3 {
color:#000;
left: 0;
position: absolute;
top: 0;
z-index: 3;
background-color:#03A57E; 
}

#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {
background-color: #00aa86;
color:#000;
z-index: 4;
}
#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {
opacity: 1;
z-index: 3;
}

#tab2 .tabcontent {
height: 200px;  /* altura total do conteúdo da aba 2 */
opacity: 0;
top:35px;
z-index: 1;
position:absolute;
}
#tab2 h3 {
color:#000;
left: 148px;
position: absolute;
top: 0;
}

#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {
background-color: #00aa86;
color:#000;
z-index: 4;
}
#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {
opacity: 1;
z-index: 3;
}
#tab3 .tabcontent {
height: 200px;  /* altura total do conteúdo da aba 2 */
opacity: 0;
top:35px;
z-index: 1;
position:absolute;
}
#tab3 h3 {
color:#000;
left: 294px;
position: absolute;
top: 0;
}

#tab3:hover h3, #tab2:focus h3, #tab2:active h3 {
background-color: #00aa86;
color:#000;
z-index: 4;
}
#tab3:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {
opacity: 1;
z-index: 3;
}
#tab4 .tabcontent {
height: 200px;  /* altura total do conteúdo da aba 2 */
opacity: 0;
top:35px;
z-index: 1;
position:absolute;
}
#tab4 h3 {
color:#000;
left: 476px;
position: absolute;
top: 0;
}

#tab4:hover h3, #tab2:focus h3, #tab2:active h3 {
background-color: #00aa86;
color:#000;
z-index: 4;
}
#tab4:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {
opacity: 1;
z-index: 3;
}
/*#div_vila{
	width:955px;
	height:100px;
	float:left
}*/