/* CSS Document */

*{margin:0; padding:0;}
body{
	margin:0; padding:0; background:url(images/bg.gif) repeat-x 0 0 #000000;
	
	}

div, p, h1, h2, h3, ul, li, a, form, input, label, img{
	margin:0; padding:0; 
	
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	.conteudos{
		  width:580px;
		  height:auto;
		  display:block;
		  float:left;
		  margin:10px;
		  padding:10px;
		  list-style:none;
		 
		}
		.lista{
			padding-left:15px;
			 color:#FFFFFF;
			}
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	margin:0 auto; padding:0px 0px 54px 0px; width:778px; display:block;
	}
	
#header{
	position:relative;
	background:url(images/paula_02.jpg) no-repeat 0 0 #000000; color:#FFFFFF;
	width:778px; height:328px; margin:0 0 15px 0; float:left;
	}
	
#header ul.headerTop{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:18px;
	top:5px;
	width: 836px;
	}
#header ul.headerTop li{	
	background:url(images/header_nav_border.gif) no-repeat right top #003737;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
	color:#FFFFFF; text-align:center; float:left;
	}
#header ul.headerTop li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#003737; 
	color:#FFFFFF; text-decoration:none; display:block; padding:0 17px; margin:0 1px 0 0;
	}
#header ul.headerTop li a:hover{
	background:url(images/header_nav_bg.gif) no-repeat 3px 0 #003737;
	color:#FFFFFF;
	}
#header ul.headerTop li a.home{
	background:url(images/header_nav_bg.gif) no-repeat 3px 0 #003737;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFFFFF; text-decoration:none; display:block; padding:0 17px; margin:0 1px 0 0;
	}
#header ul.headerTop li.contact{
	background:none; background-color:#003737; 
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
	color:#FFFFFF; text-align:center; float:left;
	}

#header img{
	position:absolute;
	left:310px;
	top:94px;
	background:url(images/ptt_05.jpg) no-repeat 0 0 #000000;
	color:#FFFFFF;
	width: 421px;
	height: 82px;
	}
	
#header h1{
	position:absolute;
	left:266px;
	top:195px;
	background:url(images/ptt_09.jpg) no-repeat 0 0 #000000;
	;
	font:bold 20px/22px Arial, Helvetica, sans-serif;
	color:#333333;
	text-indent:-1000px;
	width:506px;
	height:26px;
	}

#header a.login{
	position:absolute;
	right:36px;
	top:6px;
	background:url(images/login_bg.gif) no-repeat 0 0 #000000;
	color:#333333;
	text-indent:-1000px;
	width:86px;
	height:72px;
	}
	
#header form#search{
	position:absolute; left:313px; top:32px;
	width:443px; height:24px; padding:1px 0 1px 22px; margin:0;
	background-color:#FF0084; color:#000000;
	}
#header form#search label{
	background:url(images/search_icon.gif) no-repeat 0 0 #FF0084;
	font:normal 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding:0 5px 0 22px; margin:0; float:left;
	}
#header form#search input{
	background-color:#FFFFFF; border:#A90158 solid 1px;
	width:140px; height:20px;
	font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; margin:1px 0; padding:0 4px; float:left;
	}
	
#header ul.headerBottom{
	position:absolute;
	left:316px;
	top:252px;
	margin:0;
	padding:0;
	list-style:none;
	}
#header ul.headerBottom li{
	float:left;	margin:0 13px 0 0;
	}
#header ul.headerBottom li.topics a{
	background:url(images/pt_05.jpg) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.meetings a{
	background:url(images/pt_07.jpg) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.support a{
	background:url(images/pt_09.jpg) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}
#header ul.headerBottom li.graph a{
	background:url(images/pt_11.jpg) no-repeat 0 0 #B0005B;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-indent:-1000px; width:72px; height:62px;
	text-decoration:none; display:block;
	}


/*------------------------------------------Header End----------------------------------*/
#corpoIndex{ padding:0; margin:0 auto; padding-left:10px;}
/*---------------------------------------home----------------------------------------------*/
#home{margin:0 auto; text-align:center; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#home ul{list-style:none;}
#home ul li{width:350px; height:115px; display:inline; float:left; margin-left:5px; padding:10px; background:#333;}
#home img.d{float:left; padding:5px;}
#home img.e{float:right; padding:5px;}
#home ul li.es{border-left:#666 1px solid; border-bottom:#666 1px solid;}
#home ul li.dr{border-right:#666 1px solid;  border-bottom:#666 1px solid;}
#home p.destaque{font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F0F; font-weight:bold;}
#home p.t{text-align:left; color:#FFFFFF;}
/*-----------------------------------------Tattoo--------------------------------------------*/
#tattoo{width:750px; height:auto; padding:15px 10px;}
#tattoo h2,#reformas h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#tattoo ul{margin:0px; padding:0px; color:#FFFFFF;}
#tattoo li{list-style:none; display:inline; padding:10px 10px; text-align:center;}
#tattoo li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*-----------------------------------------Tattoo reforma--------------------------------------------*/
#reformas{width:750px; height:auto; padding:15px 10px;}
#reformas h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#reformas ul{margin:0px; padding:0px; color:#FFFFFF;}
#reformas li{list-style:none; display:inline; padding:10px 10px; text-align:center;}
#reformas li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*-------------------------------------------desenho-----------------------------------------*/
#desenhos{width:750px; height:auto; padding:15px 10px;}
#desenhos h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#desenhos ul{margin:0px; padding:0px;}
#desenhos li{list-style:none; display:inline; margin:5px 10px;}
#desenhos li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*-------------------------------------------desenho camisas-----------------------------------------*/
#desenhosCamisas{width:750px; height:auto; padding:15px 10px;}
#desenhosCamisas h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#desenhosCamisas ul{margin:0px; padding:0px;}
#desenhosCamisas li{list-style:none; display:inline; margin:5px 10px;}
#desenhosCamisas li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*-------------------------------------------desenho tattoo-----------------------------------------*/
#desenhosTattoo{width:750px; height:auto; padding:15px 10px;}
#desenhosTattoo h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#desenhosTattoo ul{margin:0px; padding:0px;}
#desenhosTattoo li{list-style:none; display:inline; margin:5px 10px;}
#desenhosTattoo li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*------------------------------------------piercing------------------------------------------*/
#piercing{width:750px; height:auto; padding:15px 10px;}
#piercing h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#piercing ul{margin:0px; padding:0px;}
#piercing li{list-style:none; display:inline; margin:5px 10px;}
#piercing li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
/*-------------------------------------------maquiagem---------------------------------------*/
#maquiagem{width:750px; height:auto; padding:15px 10px;}
#maquiagem h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#maquiagem ul{margin:0px; padding:0px; margin-top:15px;}
#maquiagem li{list-style:none; display:inline; margin:5px 10px;}
#maquiagem li img{border:1px solid #F3B4BD; padding:5px; margin:5px;}
#texto img{float:left; margin-right:20px; margin-bottom:20px; border:1px solid #F3B4BD; padding:5px;}
#texto{font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; width:550px; margin:0 auto; margin-bottom:10px; display:block; color:#FFFFFF;}
#texto h2{text-align:center; padding:10px; text-transform:uppercase; color:#FFFFFF;}
/*------------------3----------------contatos-------------------------------------------------*/
#contatos{ width:750px; margin:10px 0 0 0; padding:0; color:#FFF;}
.gato{width:224px; height:285px; background:url(images/gato.png)0 0 no-repeat; float:right; display:block;}
#contatos form{ width:350px; height:auto; display:block; float:left;}
#contatos label{ width:100px; display:block; font:12px Verdana, Geneva, sans-serif;font-weight:bold; padding-bottom:5px;}
#contatos fieldset{ width:450px; height:auto; border:#F0C 1px solid; padding:10px;}
#contatos legend{font:18px Verdana, Geneva, sans-serif; font-weight:bold; color:#F0C;}
#contatos input{ width:380px; padding:3px 0px; font:12px Verdana, Geneva, sans-serif; color:#F0C; font-weight:bold;}
#contatos .btn{ width:150px; background:#F9F; border:#F0C 1px solid; color:#000; cursor:pointer;}
#contatos textarea{ font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#F0C; width:380px;}
p.errof{font:13px Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF;}
/*------------------------------------------Footer Start----------------------------------*/
#home{width:800px; height:auto; padding:15px 0px;}
#home h2{text-align:center;margin:5px 0px 10px 0px;text-transform:uppercase; color:#FFFFFF;}
#home ul{margin:0px; padding:0px;}
#home li{list-style:none; display:inline; margin:10px 5px;}

.tattoo{width:250px; background:url(images/bdrCentro.png) repeat-y center center; text-align:center; float:left; margin:3px;}
.tattoo span.bdr-topo,.tattoo span.bdr-base{display:block; height:35px;}
.tattoo span.bdr-topo{background:url(images/bdrTopo.png) no-repeat center top;}
.tattoo span.bdr-base{background:url(images/bdrRodape.png) no-repeat center bottom;}

.piercing{width:250px; background:url(images/bdrCentro.png) repeat-y center center; text-align:center; float:left; margin:3px;}
.piercing span.bdr-topop,.piercing span.bdr-base{display:block; height:35px;}
.piercing span.bdr-topop{background:url(images/bdrTopop.png) no-repeat center top;}
.piercing span.bdr-base{background:url(images/bdrRodape.png) no-repeat center bottom;}

.maquiagem{width:250px; background:url(images/bdrCentro.png) repeat-y center center; text-align:center; float:left; margin:3px;}
.maquiagem span.bdr-topoM,.maquiagem span.bdr-base{display:block; height:35px;}
.maquiagem span.bdr-topoM{background:url(images/bdrTopoM.png) no-repeat center top;}
.maquiagem span.bdr-base{background:url(images/bdrRodape.png) no-repeat center bottom;}

/*---------------------------------------conteudo---------------------------------------------*/
#conteudo{ width:700px; height:auto; padding:0; display:block; margin:0 auto;}
#login{width:550px; height:300px; margin:0 auto; padding:0;}
#login fieldset{width:250px; height:150px; padding:15px 20px; border:#F0C 1px solid; margin:0 auto;}
#login legend{ font:18px Verdana, Geneva, sans-serif; color:#F6F; font-weight:bold;}
#login span{width:100px; display:block; font:12px Verdana, Geneva, sans-serif; font-weight:bold; margin:5px 0;}
#login input{width:200px; padding:3px 0; font:12px Verdana, Geneva, sans-serif; color:#F3F; font-weight:bold;}
#login input.btnLogin{width:100px; padding:3px 0; font:12px Verdana, Geneva, sans-serif; color:#000; background:#F9F; cursor:pointer; border:#F0F; margin:5px; font-weight:bold;}
/*----------------------------------------------painel controle-----------------------------------------------*/
#controle{width:700px; height:150px; margin:0 auto; padding:0;}
#controle ul{margin:0 auto; padding:0; text-align:center; text-transform:uppercase;}
#controle li{ list-style:none; display:inline; width:200px; margin:5px; padding:5px;}
#controle li a{ text-decoration:none; color:#F0F;}
#controle li a:hover{ background:#F0F; color:#000;}
/*---------------------------------------------lista------------------------------------------------------------*/
#lista{width:800px; height:auto; margin:0 auto; padding:0; padding-bottom:20px;}
#lista ul{margin:0 auto; padding:0; text-align:center; text-transform:uppercase;}
#lista li{ list-style:none; display:inline; width:200px; margin:5px; padding:5px;}
#lista li a{ text-decoration:none; color:#F0F;}
#lista li a:hover{ background:#F0F; color:#000;}

/*------------------------------------------cadFoto----------------------------------------------*/
#cadFoto{width:700px; height:auto; margin:0 auto; padding:0;}
#cadFoto ul{margin:0 auto; padding:0; text-align:center; text-transform:uppercase;}
#cadFoto li{ list-style:none; display:inline; width:200px; margin:5px; padding:5px;}
#cadFoto li a{ text-decoration:none; color:#F0F;}
#cadFoto li a:hover{ background:#F0F; color:#000;}
#contCadfoto form{margin:0 auto; padding:0; width:400px;}
#contCadfoto fieldset{width:300px; height:150px; border:#F0F 1px solid; margin:10px; padding:10px;}
#contCadfoto legend{font:18px Verdana, Geneva, sans-serif; font-weight:bold; color:#F6F; text-transform:uppercase;}
#contCadfoto input{width:250px; padding:3px 0; font:12px Verdana, Geneva, sans-serif; color:#F6F;}
#contCadfoto span{display:block; font:12px Verdana, Geneva, sans-serif; font-weight:bold;padding-bottom:5px;}
#contCadfoto input.btCad{ margin-top:10px;background:#F9F; width:80px; border:#F0F 1px solid; color:#000; cursor:pointer;}
#contCadfoto select{margin-right:200px; font:12px Verdana, Geneva, sans-serif; color:#F3F; font-weight:bold;}
/*-----------------------------------------------lista de fotos--------------------------------------------------*/
.lFotos{width:750px; height:auto; margin:0 auto; padding:0; color:#FFF; text-align:center; position:relative;}
.lFotos ul{margin:15px 0px;}
.lFotos ul li{display:inline; width:200px; float:left; font:14px Verdana, Geneva, sans-serif; font-weight:bold; color:#F6F;}
.lFotos ul li.limg{text-align:center; padding:0; width:250px; height:32px;}

/*-----------------------------------------------lista de fotos--------------------------------------------------*/

#reformas{width:750px; height:auto; margin:0 auto; padding:15px 10px; color:#FFF; text-align:center; position:relative;}
#reformas ul{margin:15px 0px;}
#reformas ul li{display:inline; width:200px; float:left; font:14px Verdana, Geneva, sans-serif; font-weight:bold; color:#F6F;}
#reformas ul li.limg{text-align:center; padding:0; width:250px; height:32px;}
/*-----------------------------------------------conteudo da lista------------------------------------------------*/
#conLista{width:650px; height:auto; margin:0 auto; padding:0;color:#FFF;}
#conLista ul{ height:50px; border-bottom:#F0F 1px solid;padding-bottom:15px;}
#conLista ul li{display:inline; width:200px; height:52px; text-align:left; float:left;font:12px Verdana, Geneva, sans-serif; }
#conLista ul li.img{text-align:center; padding:0; width:250px; height:52px;}



#footerOutside{
	background-color:#121212; color:#FFFFFF;
	}
	
#footer{
	margin:0 auto; width:681px;
	background:url(images/footer_logo.gif) no-repeat 0 0 #121212;
	color:#FFFFFF; height:107px;
	padding:16px 46px 0 51px;
	display:block;
	}
	
#footer ul.nav{
	margin:0; padding:0; list-style:none;
	}
	
#footer ul.nav li{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; float:right; 
	display:block;
	}
	
#footer ul.nav li a{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; text-decoration:none; padding:0 8px;
	}
#footer ul.nav li a:hover{
	background-color:#292929; color:#FFFFFF;
	}

#footer p{
	width:454px; margin:5px 5px 8px 0; text-align:right;
	height:16px; background-color:#1C1C1C; color:#B2B2B2; 
	float:right;
	}
#footer p span{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#1C1C1C; 
	}
	
#footer ul.navlink{
	margin:0; padding:0; list-style:none;
	}
	
#footer ul.navlink li{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; 
	float:right;
	}
	
#footer ul.navlink li a.xhtml{
	background:url(images/xhtml_icon.gif) no-repeat 42px 2px #121212;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; width:40px; 
	padding:0 15px 0 0; display:block; margin:0 8px 0 0; 
	}
#footer ul.navlink li a.xhtml:hover{
	background:url(images/xhtml_icon.gif) no-repeat 42px 0px #121212;
	color:#FFFFFF;
	}

#footer ul.navlink li a.css{
	background:url(images/xhtml_icon.gif) no-repeat 27px 2px #121212;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; width:38px; 
	padding:0 7px 0 0; display:block;
	}
#footer ul.navlink li a.css:hover{
	background:url(images/xhtml_icon.gif) no-repeat 27px 0px #121212;
	color:#FFFFFF;
	}
	
#footer ul.design{
	margin:0; padding:6px 6px 0 0; list-style:none;
	}
	
#footer ul.design li{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212;  
	float:right;
	}
#footer ul.design li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#00DDDD; background-color:#121212; text-decoration:none;
	text-transform:uppercase;  
	}
#footer ul.design li a:hover{
	background-color:#292929; color:#00DDDD;
	}

/*------------------------------------------Footer End----------------------------------*/
/*----------------------------------------- novoc --------------------------------------*/
#verssiculo{
	width:450px;
	padding:5px;
	position:absolute;
	bottom:28px;
	right:39px;
	}
.separador{clear:both;}
#map{
	 width:400px;
	 height:350px;
	 float:left;
	 margin:30px 30px 30px 0px;
	 color: #309;	
	}
#localizacao{
	margin:30px 30px 30px 0px;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	}
.infoMapa img{
	 float:left;
	 padding:4px;
	 border:0.08em #D7D7D7 solid;
	}
.infoMapa p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #309;	 
	padding:5px;
	}
#estudio{
	color:#FFFFFF;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:5px 10px;
	}
.ttuloTabela{
	 padding:4px;
	 font-weight:bold;
	 border-bottom:1px solid #FFF;
	 margin-bottom:10px;
	}
.linhaTabela{
	 padding:5px;
	 font-weight:bold;
	 border-bottom:1px solid #FFF;
	 
	}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  .window {
  width:440px;
  height:200px;
  display:none;
  padding:10px;
 
}
#box-janela{
  width:440px;
  height:200px;
  display:none;
  padding:10px;
}
#imgModal{
	width:50px;
	height:50px;
	padding:5px;
	border:1px solid #fff;
	margin:10px auto;
	}
.close{
	 position:absolute;
	 top:-21px;
	 right:-21px;
	 width:25px;
	 height:25px;
	 background:url(images/delete24.png) no-repeat;
	}
#menu-aba{
	 border-bottom:1px solid #FFF;
	}
#menu-aba ul{
	width:700px;
	margin:5px auto;
	
	}
#menu-aba ul li{
	list-style:none;
	display:inline;
	margin:5px 10px;
	}
#menu-aba ul li a{
	 padding:5px 10px;
	 text-decoration:none;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	 background:#333;
	 font-weight:bold;
	 border-left:1px solid #fff;
	 border-right:1px solid #fff;
	 border-top:1px solid #fff;
	}
.aba{display:none;}
#fotoEstudio{
	width:310px;
	
	float:right;
	}
#fotoEstudio img{
	padding:5px;
	border:1px solid #fff;
	}