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

* {
margin:0;
padding:0;
}

img,fieldset {
	border:0;
	outline: 0;
}

ul,li,ol {
list-style:none;
}

input,select {
font-size:10px;
line-height:1em;
}

input.image {
background:none;
}

.adireita {
	float:right;
}

.aesquerda {
	float:left;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #990000;
	margin: 0; 
	padding: 0;
	color: #000;
}

#topo {
	background-image:url(/atelierdelasmascaras/m_geral/imgs/bg-topo.gif);
	background-repeat:repeat-x;
	height:168px;
}

#corpo {
	width: 100%;
	float:left;
	/*min-height: 384px;*/
	background-color:#ffbf80;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/bg-corpo.jpg);
	background-position: top center;
	background-repeat:repeat-y;
}



#rodape {
	width:991px;
	margin: 0 auto;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/rodape.jpg);
	background-repeat:no-repeat;
	height: 170px;
}

#ass {
	position:relative;
	top: 80px;
	right: 90px;
	float: right;
	color: #fff;
	font-size: 14px;
}

#header {
	margin: 0 auto;
	width: 991px;
	height: 135px;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/bg_header.jpg);
	background-repeat:no-repeat;
}

#logotipo {
	width: 350px;
	height: 83px;
	position:relative;
	top: 25px;
	left: 120px;
	float: left;

}

#bg-t-corpo {
	background-color:#ffbf80;
	height: 81px;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/bg-t-corpo.jpg);
	background-position: center;
	background-repeat:no-repeat;
}

#envolve {
	width:991px;
	margin: 0 auto;
}

#foto {
	position: relative;
	top: 10px;
	left:120px;
	float:left;
	width:  158px;
	/*height: 400px;*/
}

#foto p{
	margin: 0 5px ;
	font-size: 10px;
	color: #666;
}

#foto h2 {
	text-align:left;
	font-size: 14px;
	color:#990000;
	margin-bottom: 10px;
	margin-left: 10px;
}

#tamanho-fonte {
	position:relative;
	float: right;
	width:100px;
	margin-top: 10px;
}

#tamanho-fonte p {
	font-size:9px!important;
	color:#666 !important;
	text-align: right!important;
}

#fonte_p {
	/*position:relative;*/
	float: right;
	width: 38px;
	height: 32px;
	margin-top:-8px;
	margin-right: 6px;
	}

#fonte_g {
	/*position:relative;*/
	float: right;
	width: 38px;
	height: 32px;
	margin-top:-8px;
	margin-right: 6px;
	
}

#conteudo {
	float:right;
	margin-right: 100px;
	_margin-right: 50px; /*ie6*/ 
	width: 600px;
	
}

#conteudo h1 {
	text-align:left;
	font-size: 2.35em;/*38px; 2.5em;*/
	/*color:#ffbf80;*/
	color:#990000;
	font-weight:bold;
	margin-bottom: 20px;
	font-variant:small-caps;

}

#conteudo h2 {
	text-align:left;
	font-size: 1.5em; /*24px; 1.625em;*/
	color:#990000;
	margin-bottom: 10px;	
}

#conteudo p {
	margin-right: 10px;
	text-align:left;
	font-size: 1.2em;/*21px;1.375em;*/
	color:#660000;
	/*color:#990000;*/
	padding-bottom: 10px;
}

#conteudo span {
	/*margin-right: 10px; era este o espaço inconveniente*/
	text-align:left;
	font-size: 1.5em;/*26px; dentro de p*/ 
	color:#990000;
	padding-bottom: 10px;
	font-weight:bold;

}

#conteudo a {
	text-decoration: underline;
	color:#990000;
}

#conteudo a:hover {
	text-decoration: underline;
	color:#660000;
}

.conteudo ul {
	margin: 10px 10px 40px 10px;
}

.conteudo li {
	font-size: 1.2em;/*22px;1.375em;*/
	color:#990000;
	background-image: url(/atelierdelasmascaras/m_geral/imgs/bullet.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:20px;
	line-height:30px;
	text-align:left;
}

#btn_voltar {
	width: 87px;
	height: 30px;
	float: right;
	padding-top: 40px;
	padding-bottom: 10px;
}

#btn_topo {
	width: 70px;
	height: 30px;
	float: right;
	padding-top: 40px;
	padding-bottom: 10px;
}

#topo_box {
position:relative;
left: 30px;
	width: 533px;
	height: 37px;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/topo_box.gif);
	background-repeat:no-repeat;
}

#miolo_box {
position:relative;
left: 30px;
	width: 533px;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/miolo_box.gif);
	background-position: top center;
	background-repeat:repeat-y;

}

#miolo_box p {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 0.9em;
}

#miolo_box p span{
	font-weight: normal !important;
	font-size: 0.8em;
	color:#660000 !important;
}

#miolo_box a {
	text-decoration: underline;
	color:#990000;
}

#miolo_box a:hover {
	text-decoration: underline;
	color:#660000;
}

#miolo_box h3 {
	padding-top: 20px;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 1.1em;
	color:#990000;
	

}

#miolo_box h4 {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 1.4em;
	color:#990000;
	

}

#rodape_box {
position:relative;
left: 30px;
	width: 533px;
	height: 52px;
	background-image:url(/atelierdelasmascaras/m_geral/imgs/rodape_box.gif);
	background-repeat:no-repeat;

}


/**************************************** Menu *****************************************/
#navigation {
	width: 991px;
	height: 33px;
	margin: 0 auto;
}

#navigation ul {
	display: block;
	list-style: none;
	background: url(/atelierdelasmascaras/m_geral/imgs/menu.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 991px;
	height: 33px;
	padding-left:109px;
}

	
#navigation ul li#artista {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 33px;
}
	
#navigation ul li#processo {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 33px;
}

#navigation ul li#materiais {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 196px;
	height: 33px;
}

#navigation ul li#galeria {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 157px;
	height: 33px;
}
	
#navigation ul li#atelier {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 222px;
	height: 33px;	
}
	
#navigation ul li a {
	outline:0;
	display: block;
	text-decoration: none;
	text-indent: -999em;
	height: 33px;
}
	
#navigation ul li a:hover,
#navigation ul li a.current {
	background-image: url(/atelierdelasmascaras/m_geral/imgs/menu.gif);
	background-repeat: no-repeat;
	
}
	
#navigation ul li#artista a:hover { background-position: -109px -33px; }
#navigation ul li#artista a.current,
#navigation ul li#artista a.current:hover { background-position: -109px -66px; }

#navigation ul li#processo a:hover { background-position: -217px -33px; }
#navigation ul li#processo a.current,
#navigation ul li#processo a.current:hover { background-position: -217px -66px; }

#navigation ul li#materiais a:hover { background-position: -417px -33px; }
#navigation ul li#materiais a.current,
#navigation ul li#materiais a.current:hover { background-position: -417px -66px; }

#navigation ul li#galeria a:hover { background-position: -613px -33px; }
#navigation ul li#galeria a.current,
#navigation ul li#galeria a.current:hover { background-position: -613px -66px; }

#navigation ul li#atelier a:hover { background-position: -770px -33px; }
#navigation ul li#atelier a.current,
#navigation ul li#atelier a.current:hover { background-position: -770px -66px; }


#navigation ul li a.current:hover { cursor: default; }


/***************************************** Formulário ****************************************/

#contato {
	margin-top: 30px;
	
}

form#contato legend {
	display:none;
	
}


form#contato label{
	float:left;
	margin-left:15px;
	font-size:14px;
	margin-bottom:10px;
	color:#990000;
	
}

form#contato input#nome{
	width:310px;
	border: #990000 solid 1px;
	height:15px;
	font-size:14px;
	margin-left: 68px;
}

form#contato input#email{
	width:310px;
	border: #990000 solid 1px;
	height:15px;
	font-size:14px;
	margin-left: 65px;
}

form#contato input#telefone{
	width:310px;
	border: #990000 solid 1px;
	height:15px;
	font-size:14px;
	margin-left: 60px;
}

form#contato input#localidade{
	border: #990000 solid 1px;
	width:310px;
	height:15px;
	font-size:14px;
	margin-left: 23px;
}

form#contato textarea{
	width:310px;
	height:100px;
	border: #990000 solid 1px;
	font-size:14px;
	margin-left: 40px;
}

#botoes {

	margin-left: 250px;
	margin-top: 10px;
}

ul.galeria{
  	margin:0 30px 0 50px;
	_margin:0 30px 0 30px;
	padding:0;
	list-style:none;
	
}
 
li.galeria{
 	float:left;
	margin: 20px 10px 20px 10px;
	padding:0;
	list-style:none;
}