/***************** Geral ****************/
img { behavior: url(../scripts/iepngfix.htc); }
* {
margin:0;
padding:0;
}
a {
color:#FFF;
text-decoration:none;
}

#fraternite{
	display:none;
	width:600px;
	height:355px;
	position:absolute;
	z-index:9999;
	margin:146px 0 0 200px;
}
	
#ofusca {
	z-index:9999;
	position:absolute;
	background:url(../images/ofusca.png);
	width:100%;	height:100%;
}

#fecha {
	cursor:pointer;
	display:none;
	z-index:99999;
	margin-top:133px;
	margin-left:793px;
	position:absolute;
	width:30px;
	height:30px;
}

#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-videos{
background-image:url(../images/tit-videos.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;	
margin-top:-284px;
}
/* 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:20px;
margin-right:20px;
}
#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:280px;
margin:-6px 0 0 0;
}
.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 ******************/
.cont p a img {
	width:74px;
	height:74px;
} 

#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;
}
#videos{
    width: 1000px;
}
/*************** 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;
}

#redes{
    list-style: none;
    display: inline;
}
#redes li{
    float: left;
}
#social{
    width: 300px;
    margin: 15px 392px 0 392px;
}
#redes{
    list-style: none;
    display: inline;
}
#redes li{
    float: left;
}
#blog a{
    background-image: url('../images/blogspot.jpg');
    width: 17px;
    height: 25px;
    display: inline-block;
}
#blog a:hover{
    background-position: 0 25px;
}
#twitter a{
    background-image: url('../images/twitter.jpg');
    width: 19px;
    height: 25px;
    display: inline-block;
}
#twitter a:hover{
    background-position: 0 25px;
}
#flickr a{
    background-image: url('../images/flickr.jpg');
    width: 19px;
    height: 25px;
    display: inline-block;
}
#flickr a:hover{
    background-position: 0 25px;
}
#face a{
    background-image: url('../images/facebook.jpg');
    width: 20px;
    height: 25px;
    display: inline-block;
}
#face a:hover{
    background-position: 0 25px;
}
#orkut a{
    background-image: url('../images/orkut.jpg');
    width: 18px;
    height: 25px;
    display: inline-block;
}
#orkut a:hover{
    background-position: 0 25px;
}
#youtube a{
    background-image: url('../images/youtube.jpg');
    width: 19px;
    height: 25px;
    display: inline-block;
}
#youtube a:hover{
    background-position: 0 25px;
}