/***************** Geral ****************/
img { behavior: url(../scripts/iepngfix.htc); }
* {
margin:0;
padding:0;
}
a {
color:#FFF;
text-decoration:none;
}
#wrapper {
margin:0 auto;
width:1000px;
}
p { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#dadada;
line-height:20px;
}
#topo {
height:162px;
background-image:url(../images/home-fundo-topo.gif);
background-position:center;
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFF;
}
#topo h1 {
text-indent:-6000px;
}
#topo #logomarca {
position:relative;
padding-top:60px;
background-image:url(../images/home-logomarca.gif);
background-position:center;
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
height:64px;
width:200px;
margin:0 auto;
}
.esconde {
display:none;
}
div.scroller {
position:relative;
width:1000px;
overflow:hidden;
}
#scroller-fix-ie {
width:1000px;
overflow:hidden;
}
div.content {
position:relative;
background-color:#000;
width:10000px;
height:324px;
}
.endereco {

margin-top:20px;
line-height:16px;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#dadada;
}
/***** Cada bloco de página *************/
div.section {
float:left;
overflow:hidden;
}
.veja {
text-decoration:overline;
}

/****** Bloco esquerda ******/
.bloco-esquerda {
background-image:url(../images/fundo-bloco.png);
background-repeat:repeat-y;
margin-top:19px;
width:500px;
height:289px;
position:relative;
}
/********** Titulos GERAL *********/
.bloco-esquerda .titulo-servicos {
background-image:url(../images/tit-servicos.png);
}
.bloco-esquerda .titulo-maria {
background-image:url(../images/tit-maria-cabelereiros.png);
}
.bloco-esquerda .titulo-equipe {
background-image:url(../images/tit-equipe.png);
}
.bloco-esquerda .titulo-maria {
background-image:url(../images/tit-maria-cabelereiros.png);
}
.bloco-esquerda .titulo-galeria {
background-image:url(../images/tit-galeria.png);
}
.bloco-esquerda .titulo-cadastre {
background-image:url(../images/tit-cadastre.png);
}
.bloco-esquerda .titulo-chegar {
background-image:url(../images/tit-chegar.png);
}
.bloco-esquerda .titulo-uti {
background-image:url(../images/tit-uti.png);
}
.bloco-esquerda .titulo-iara {
background-image:url(../images/tit-iara.png);
}
.bloco-esquerda .titulo-contato {
background-image:url(../images/tit-contato.png);
}
.bloco-esquerda .titulo-espaco {
background-image:url(../images/tit-oespaco.png);
}

.rola {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#dadada;
line-height:20px;	
}
/* Fim titulos */

.bloco-esquerda .titulo-maria, .titulo-servicos, .titulo-equipe, .titulo-galeria, .titulo-cadastre, .titulo-chegar, .titulo-uti, .titulo-iara, .titulo-contato, .titulo-espaco {
width:30px;
height:291px;
position:absolute;
background-repeat:no-repeat;
text-indent:-6000px;
}
.bloco-esquerda .cont {
padding-left:42px;
padding-top:10px;
margin-right:27px;
padding-right:35px;
}

address a {
color:#999;
text-decoration:none;
}
address a:hover {
color:#666;
text-decoration:none;
}
/*************** FIM Geral ***************/

/************** Rodape ****************/
#rodape {
height:115px;
background-image:url(../images/home-fundo-rodape.gif);
background-repeat:no-repeat;
background-position:top;
}
#menu {
padding-top:25px;
text-align:center;
}
address {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:lowercase;
font-style:normal;
color:#999;
margin-top:65px;
}
#menu ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
display:inline;
text-transform:lowercase;
margin-left:25px;
margin-right:25px;
}
#menu ul li a {
color:#666;
text-decoration:none;
}
#menu ul li a:hover {
color:#f3314e;
text-decoration:none;
}


/*********** Conteudo Home ****************/
#home {
background-image:url(../images/conteudo-fundo-home.jpg);
background-repeat:no-repeat;
background-position:center center;
width:1000px;
height:324px;
}
#home .titulo-maria {
background-image:url(../images/tit-maria-cabelereiros.png);
}

/*********** Conteudo Serviços ****************/
#servicos {
background-image:url(../images/conteudo-fundo-servicos.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:#009900;
width:1000px;
height:324px;
}
#servicos .bloco-esquerda {
background-image:url(../images/fundo-bloco.png);
padding-top:0px;
margin-bottom:30px;
width:800px;
margin-right:27px;
}
	/********* CSS Sanfona *********/
	ul li h2 {
		text-indent:-20000px;
		position:absolute;
	}
	#servicos ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#servicos ul li{
	float: left;
	padding: 0px;
	display: block;
	margin-right: 0px;
	}
	#servicos ul li a{
	display: block;
	overflow: hidden;
	height: 200px;
	height:280px;
	width: 40px; 
	}
	#servicos #a1{
	width: 40px; /* largura inicial do primeiro */
	height:280px;
	}
	#servicos ul li img{
	cursor:pointer;
	position: absolute;
	border-right: 1px solid #FFF; /* Borda das imagens */
	}
	#servicos ul li span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:16px;
	margin: 0;
	padding: 0;
	height:270px;
	width: 250px;
	display: block;
	margin-left: 47px; 
	}
	/******** Fim Sanfona *********/

/*********** Conteudo Equipe ****************/
#equipe {
position:relative;
background-image:url(../images/conteudo-fundo-equipe.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
#equipe img {
border:solid #FFF 2px;
margin-top:30px;
}
.equipe {
display:block;
margin-bottom:7px;
}
.vai-equipe {
text-decoration:none;
color:#FFF;
}
.equipeTabela tbody tr td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
padding:2px;
line-height:12px;
border-bottom:1px solid #FFF;
}
thead tr th{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
font-weight:bold;
text-align:left;
border-bottom:1px solid #FFF;
}
.profissional {
width:200px;
}
.equipeTabela {
margin-top:35px;
}
.rolagem {
position:relative;
width:20px;
height:120px;
background-color:#00CC33;
}
.mask {
overflow:hidden;
width:406px;
height:250px;
}
.leia-mais {
font-weight:bold;
text-align:center;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.desce, .sobe {
text-decoration:none;
color:#FFF;

}
.sobe {
border:none !important;
}
.desce{
border:none !important;
}
/*************** Conteudo Galeria ******************/
#espaco {
position:relative;
background-image:url(../images/conteudo-fundo-salao.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
#espaco img {
border:solid #FFF 2px;
}
/*************** Conteudo Galeria ******************/
#galeria {
position:relative;
background-image:url(../images/conteudo-fundo-servicos.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
#galeria img {
border:solid #FFF 2px;
}
/*************** Conteudo Cadastre-se ******************/
#cadastrese {
position:relative;
background-image:url(../images/conteudo-fundo-equipe.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
.formulario label, td { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#dadada;
}
.formulario input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:13px;
margin-top:3px;
}
.formulario textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.formulario td {
width:150px;
}
.formulario .data {
width:20px;
}
.formulario .ano {
width:40px;
}
.formulario .botao {
color:#FFF;
background-color:#f3314e;
margin-top:-4px;
width:56px;
height:16px;
border:solid 1px #ccc;
}
.formulario .tamanho {
width:220px;
}
.formulario textarea {
height:80px;
}

/************ Conteudo UTI **************/
#utidocabelo {
position:relative;
background-image:url(../images/conteudo-fundo-equipe.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
.uti {
	line-height:18px;
}
/************ Conteudo Coluna da Iara **************/
#artigos {
position:relative;
background-image:url(../images/conteudo-fundo-servicos.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
.destaques {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
}

/************ Conteudo Contato **************/
#contato {
position:relative;
background-image:url(../images/conteudo-fundo-servicos.jpg);
background-color:#CCC;
width:1000px;
height:324px;
}
.tamanho-contato {
margin-top:3px;
width:220px;
height:290px;
}
#txt-destaque {
margin-left:95px;
}
.img-destaque {
float:left;
border:solid 2px #FFF;
}
hr {
margin-top:4px;
border-bottom: 1px solid #FFF;
margin-bottom:4px;
}
.ultimas li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
line-height:20px;
list-style:none;
background-image:url(../images/marquer.png);
background-repeat:no-repeat;
background-position:2px 7px;
padding-left:17px;
}
#revide {
padding-top:3px;
padding-left:7px;
padding-right:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#FFF;
position:absolute;
margin-top:-20px;
width:220px;
height:90px;
}
#revide img {
float:left;
margin-right:3px;
border:none;
}
#revide a {
border:none;
}
#revide p {
margin-left:60px;
color:#333;
}

#revide2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
position:absolute;
left:287px;
top:139px;
padding:5px;
width:150px;
}
#bloco-destaque > .ultimas {
*margin-top:-6px;
}

#revide2 img {
margin-right:3px;
border:none;
}
#revide2 a {
border:none;
}
#revide2 p {
color:#333;
}
address a {
	position:relative;
}
address a img {
	border:none;
	margin-bottom:-2px;
}