/* Body properties */

body#body {color: #1d1d1d; background: #333333; font-weight: normal; font-family: "Trebuchet MS", "Lucida Sans Unicode";
  font-size: 12px; line-height: 17px; text-align: justify; 
  margin:0;
  padding:0;
  padding-top: 0px;}
  
body {color: #444; background: #fff; font-weight: normal; font-family: "Trebuchet MS", "Lucida Sans Unicode"; 
  font-size: 11px;    font-stretch: narrower;
  margin:0;
  padding:0;
  padding-top: 0px;
  text-align:center;}

/*Novo código*/

#centrar1
{   position: relative;
    padding: 0px;
    height: 313px;
    background: url(../imagens/bg_linha1.jpg) repeat}
#centrar2
{   position: relative;
    padding: 0px;
    min-height: 320px;
    background: #b8b9be;}
    
#centrar3
{position: relative;
 padding: 0px;
 height: 40px;
 background: #333333 url(../imagens/bg_fundo.jpg) repeat-x top}


/* corpo */
#aniversario { width: 125px; height: 123px; background: url(../imagens/canto_aniversario.png) top right no-repeat; position: absolute; top:0px; right: 0px}
#linha1 {width:1000px; height:313px; margin: 0 auto }
  #logotipo {float:left; width: 300px; height:52px;position: relative; background: transparent url(../imagens/logotipo.png) no-repeat;}
  #menu_topo {float:right;width:650px; height: 52px; position: relative;} 
    #alinhamento_menu {width: 650px; padding-top: 35px; text-align: right}
  #banner {background: transparent url(../imagens/banner.jpg) no-repeat; width:1000px; height: 209px; position: relative; clear: both}
  #menu_principal {width:1000px; height: 52px; text-align: right; position: relative;}
  #pub {
    width: 1000px; height: 35px;
    background: url(../imagens/menu.png) no-repeat;
    margin: 0px; padding: 0px;
    position: relative;}
  #pub li {
    margin: 0px; padding: 0px; list-style: none;
    position: absolute; top:0px }
  #pub li, #pub a {
    height: 35px; display: block;}   
  #pub_1 {left: 178px; width: 158px;}
  #pub_2 {left: 342px; width: 158px;}
  #pub_3 {left: 506px; width: 158px;}
  #pub_4 {left: 671px; width: 158px;}
  #pub_5 {left: 0px; width: 0px;}
  #pub_1 a:hover {background: transparent url(../imagens/menu.png) -178px -35px no-repeat;}
  #pub_2 a:hover {background: transparent url(../imagens/menu.png) -342px -35px no-repeat;}
  #pub_3 a:hover {background: transparent url(../imagens/menu.png) -506px -35px no-repeat;}
  #pub_4 a:hover {background: transparent url(../imagens/menu.png) -671px -35px no-repeat;}
  #pub_5 a:hover {background: transparent url(../imagens/menu.png) 0 -35px no-repeat;}
  

#linha2 {width: 1000px; padding: 6px; margin: 0 auto; height: auto; background:#b8b9be;}
#conteudos{width: 1000px; padding: 9px; margin: 0 auto; height: auto; background:#fff; -moz-border-radius: 9px;
border-radius: 9px; text-align: left;overflow: hidden  }
  #content {width:1000px; height: auto;  min-height: 520px; position: relative}


#linha3 {width:1000px ; height:40px ; margin: 0 auto; clear: both;}
  #rodape {width: 1000px; height: 40px; text-align: left; background: url(../imagens/fundo.jpg)}
 
   

/*HOMEPAGE*/

#home_titulo { width: 1000px; height: 22px; background: url(../imagens/titulos.png) no-repeat}
#home_conteudo { width: 1000px; height: auto; background: #000 url(../imagens/bg_home.png) repeat; overflow-y: hidden}
  #home_1 {padding-right: 2px; padding-top: 3px; padding-left: 10px; float: left; width: 308px; position: relative; }
   table.home {width: 300px; padding: 4px;}
   td.home_img { width: 112px; padding: 4px; text-align: center}
   td.home_img img.img_fancy { width: 95px;}
   td.home_text {width: 180px; color: #1d1d1d; font-weight: bold; 
	font-size: 10px; line-height: 14px; text-align: left; text-transform: uppercase }
  #home_2 {padding-top: 3px; padding-right: 4px; padding-left: 4px; float: left; width: 352px; position: relative; }
  #home_3 {padding-right: 10px; padding-left: 2px; padding-top: 3px; float: right; width: 308px; position: relative; }




td {font-weight: normal;  font-size: 10px: -moz-border-radius: 2px; border-radius: 2px; }

/* conteudos e menus*/
#content_guia {background-color: #b8b9be;  font-size:9px; font-weight:normal; color: #fff; margin-bottom: 9px; margin-top: 4px; padding-left: 5px; padding-right: 5px; font-stretch: narrower;  -moz-border-radius: 3px;
border-radius: 3px; height: 15px; text-transform: uppercase; padding-top: 2px} 
#content_cabecalho { text-transform: uppercase; font-size: 17px; font-weight:bold; color: #494a4a; margin-bottom: 4px;  padding-right: 5px; font-stretch: narrower; padding-bottom: 5px; } 
h1, h2, h4, h3, h6, p { font-weight:normal; color: #2b2b2b; margin-bottom: 2px; margin-top: 0; padding-left: 3px; padding-right: 3px; font-stretch: narrower} 
 
h1 {font-size: 12px; line-height: 17px; text-align: justify}
h2 {font-size: 12px; line-height: 17px}
h3 {font-size: 13px; line-height: 16px}
h4 {font-size: 13px; line-height: 16px; font-stretch: normal; font-variant: small-caps}
h5 {font-size: 14px; line-height: 16px; font-stretch: normal; font-variant: small-caps}
h6 {text-transform: uppercase; color: #cc6600; font-size: 15px; font-weight: bold;}

a {text-decoration: none; font-style: normal; color: #cc6600; outline: none}
a:hover{outline: none; color: #000}

span{
	
} 
.menu	{ font-variant: small-caps; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #b8b9be; font-size: 9px;  line-height: 15px; font-stretch: narrower; padding-left: 5px; padding-right: 5px;padding-top: 4px}
a.menu  {font-size: 9px;}
a.menu:hover {color: #a29b99;}


.menu_cimo	{ font-variant: small-caps; font-weight:100; text-transform: uppercase; text-decoration: none; color: #b8b9be; font-size: 10px;  line-height: 12px; font-stretch: narrower;}
a.menu_cimo  {}
a.menu_cimo:hover {color: #fff;}

a.h4 {font-weight: normal; font-family: arial;
	font-size: 12px; color: #484545; line-height: 16px; font-stretch: normal; text-decoration: none}

a.h4:hover {font-weight: normal; font-family: arial;
	font-size: 12px; color: #484545; line-height: 16px; font-stretch: normal; text-decoration: underline}


p {font-weight: normal;  font-size: 10px;}
img{ border: 0;}
img.img_fancy { border: 3px; border-color: #b8b9be; border-style:solid; -moz-border-radius: 3px;
border-radius: 3px; }

  ul
{
list-style-image:url(../imagens/li.png);
  }
 


/*FLASH*/
.flash {width: 280px; height:520px; text-align: center; background-color: #ffffff}

/* Domain cell */
.dominio{
	text-align: center;
	
	font-size: 0.6em;
	color: #000000;
}

/* Domain cell */
td#dominio{
	text-align: center;}

/* login area */
#loginarea{
	float: left;
	width: 90%;
	height: 25px;
	margin-top: -1px;	
	margin-left: 23px;	
}

form {
	margin: 0;
}

/*Form's input*/
textarea    { color: #000; font-size: 10px;  font-weight: normal; background: #fff; padding: 0; border: solid 1pt #000 }
select, input    { color: #2b2b2b ; font-size: 10px;  font-weight: normal; background: #fff; padding: 1px; border: solid 1pt #424242; margin-bottom: 3px }

/*webdesign*/
.cinza{
	background-color: #dddddd;
}
/*contacto*/
#form_box     { color: #ff8000; font: 11px Arial; background: #ffbd5e; margin-top: 5px; margin-bottom: 2px; padding: 0.2em; width: 350px; border-style: dashed dashed solid; border-width: 0; border-color: #e4e4e4 #d6d6d6 #d6d6d6 #e4e4e4 }
#form_box div {
	padding: 0.2em 0.2em;
}
#form_box div.hr   { margin-top: 0; margin-bottom: 5px; height: 0; border-bottom: 1px dashed #ff925e }
#form_box p  { margin: 4px 0; width: 100px; float: left }

#log {
  position: relative;
	width: 350px;
	margin-top: 5px;
	text-align:justify; font-size: 11px; color: #131313; padding-left: 0px; font-family: arial; padding-right: 5px
}
#log_res {
  position: relative;
	overflow: auto;
} 

#log_res.ajax-loading {
	padding: 5px 0;
	position: relative;
	background: url(../../portfolio/teste/spinner.gif) no-repeat center;
}

/*MENU PRINCIPAL*/

#mainMenu{
		margin:0px;
		top: 0px; /*posicao do menu*/
		position:relative;	/* não mudar este atributo */
		width: 1000px;
		background: transparent;
		text-align: left;
		height: 35px;	
	}
/*
	Estilos e atributos para o menu 
	*/
	#mainMenu .activeMenuItem{
        height: 35px;
		}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
		
	}
   
   /*
	estilos e atributos do menu inactivo
	*/
	#mainMenu .inactiveMenuItem{		
		color: #ffffff;	
		cursor:pointer;	
	}

	#submenu{		
		padding:0px;
		height: 20px;
		text-align: left;
		padding-left: 200px;
		top:31px;
		left:0px;
		position: absolute;
		padding-top: 0px;
		width: 800px;
	}	
	#submenu div{
		white-space:nowrap;
		
	}

	#submenu a{	
		text-decoration:none;	
		padding:2px 6px;	
		color: #000;	
		background: #fff;
		font-size:10px; 
		text-transform: uppercase;
		font-stretch:narrower;
		font-weight: bold;
		letter-spacing: 0px;
		-moz-border-radius:4px;
	    -webkit-border-radius:4px;
	    border-radius:4px;
	}
	
	#submenu a:hover{
		color: #db6821;
		cursor:pointer; 
		bottom:0px;  
		padding:2px 6px;			
		background: #000;
		-moz-border-radius:4px;
	    -webkit-border-radius:4px;
	    border-radius:4px;  
		
	}


/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../portfolio/grafismos/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	margin-left: 40px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu_galeria {
	/* This is the container for the thumbnails */
	height:45px;
	text-align: center;
}

#gallery ul{
	margin:0px;
	padding:0px;
}

#gallery li{
	/* Every thumbnail is a li element */
	width:40px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../portfolio/grafismos/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../portfolio/grafismos/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../portfolio/grafismos/divider.png) no-repeat right;
}

#gallery li a{
	display:block;
	background:url(../portfolio/grafismos/divider.png) no-repeat right;
	height:35px;
	padding-top:15px;
	font-weight: bold;
	font-size: 20px;
}

#gallery a img{
	border:none;
}

/*tabs*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #b8b9be;
	border-left: 1px solid #b8b9be;
	width: 99%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #b8b9be;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #b8b9be;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 99%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}