/* BODY */
body {
	margin:0;
	background-color:#187e82;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/back6.jpg)
	
	
	} 
	
/* OUTROS */
strong{
background-color: #747d88;
font-weight: normal;
color:#ffffff;
}
p{ line-height: 1.4em;
margin: 0 0 1.3em 0; }
a {
	text-decoration: none;
	color: #CCCCCC;}
.user,
.user:visited,
.users a,
.users a:visited {color: #95999d;}
a.user:hover,
.users a:hover {
	background-color: #18b0b6;
	color: #272f3a;
	/*font-weight: bold;*/ }
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 
/*style das imagens do portfolio*/
ul.thumbs_port{ list-style: none; margin: 10px 0 20px 50px; padding: 0; }
ul.thumbs_port li{ float: left; padding: 0; margin: 9px; position: relative; }
ul.thumbs_port li a img {border: 5px solid #5e6062;}
ul.thumbs_port li a:hover img {border: 5px solid #97a2ac;}
ul.thumbs_port li:hover {color:#000000; /* Dummy definition to overcome IE bug */}
/*style do thumbs das fotos*/
ul.thumbs_fotos{ list-style: none; margin: 0 3px 3px 3px; padding: 0; }
ul.thumbs_fotos li{ float: left; padding: 0; margin: 3px; position: relative; }
ul.thumbs_fotos li a img {border: 1px solid #5e6062;}
ul.thumbs_fotos li a:hover img {border: 1px solid #ffcc00;}
ul.thumbs_fotos li:hover {color:#000000; /* Dummy definition to overcome IE bug */}
 
 /*Tamanho do texto AAAA*/
.tf_imagens { 
    width:76px;
	margin: 2px 0 5px 10px; }
	
ul.alt_texto{ list-style: none; margin: 0px 0px 0px 5px; padding: 0; height:25px; }
ul.alt_texto li{ float: left; padding: 0; margin: 0px;  }
.espacamento1 { margin: 10px 10px 0 10px; }
 
h1 {
	font-size:11px;
	color: #18b0b6;
	font-weight: bold;
	text-align:left;
	margin: 7px 0 7px 10px; }
	
.p1 {
	font-size: 11px;
	color: #666666; }
  
.p2 {
	font-size: 11px;
	color: #95999d;
	text-align:center;
	margin: 15px 0 7px 10px;
	 }
#p3 {
	font-size: 11px;
	color: #95999d;
	margin: 0px 0px 10px 180px;
	width:420px;
	 }
  
.texto_desc_home {
	color: #a7aaac;
	font-weight: bold; }
	
.negrito{
font-weight: bold;
color:#ffffff;
}
  
/* CONTATO */
input {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #18b0b6;
	background-color: #272F3A;
	border: thin solid #666666; }
textarea {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #18b0b6;
	background-color: #272F3A;
	border: thin solid #666666; }
/* FINAL OUTROS */
	
/* GLOBAL */
#global {
	width:770px;
	background-color:#272f3a;
	border: 3px solid #5e6062;
	margin: 0px auto;
	padding:0px;}	
/* TOPO */  
	#topo {
		width:762px;
		height:92px;
		border: 1px solid #5e6062;
		margin: 3px 3px 3px 3px;} /*sentido horário - top right botton left*/
			#topo_lat_esq {
				width:361px;
				float:left;}
					#logo {
					width:361px;
					height: 87px;
					margin-top:0px;
						  /* imagem */        /* canto */   /* se repete */
					background:url(../img/logo.jpg) top left no-repeat; } /* imagem de marcação e não conteúdo por isso colocar no css */
					
					#logo h1 {  /*O texto que aqui faz referência só aparecerá no print.css*/
						margin:0;
						padding:0;
						text-align:left;
						text-indent:-9000px;  /* -9000px garantia de que não irá aparecer*/
						display:none;}
			#topo_lat_dir {
			width:401px;
			float:right;}
					#menu {
/*					width:295px;
*/					margin-top:40px;
					height: 0px;
					}
					
					#menu ul {  /* descontruindo a lista - ver página 143 */
						margin: 0;
						padding: 0;
						list-style-type:none;} /* retirando os bullets da lista - bolinhas */
						
						#menu ul li {
						float:left;
						display:block;}
						
						#menu ul li a {
						display:block;
						height:24px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						font-weight:bold;
						color: #8a8c8e;
						text-align:center;
						text-decoration:none;}/* retirando o traço do link */	
						
						/*HOME*/
						#menu ul li#home a  {
						background-image:url(../img/bg_home1.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:44px;}
						
						#menu ul li#home a:hover  {
						background-image:url(../img/bg_home2.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;	}
						
						#menu ul li#home.ativo a  {
						background-image:url(../img/bg_home2.gif); 
						color:#ffffff;}
						
						/*LINKS*/
						#menu ul li#links a  {
						background-image:url(../img/bg_home1.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:44px;}
						
						#menu ul li#links a:hover  {
						background-image:url(../img/bg_home2.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;	}
						
						#menu ul li#links.ativo a  {
						background-image:url(../img/bg_home2.gif); 
						color:#ffffff;}
						
						/*EMPRESA*/
						#menu ul li#empresa a  {
						background-image:url(../img/bg_ct11.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:68px;}
						
						#menu ul li#empresa a:hover  {
						background-image:url(../img/bg_ct22.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;}
						
						#menu ul li#empresa.ativo a  {
						background-image:url(../img/bg_ct22.gif); 
						color:#ffffff;}
						
						/*NOVIDADES*/
						#menu ul li#novidades a  {
						background-image:url(../img/bg_curr1.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:80px;}
						
						#menu ul li#novidades a:hover  {
						background-image:url(../img/bg_curr2.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;}
						
						#menu ul li#novidades.ativo a  {
						background-image:url(../img/bg_curr2.gif); 
						color:#ffffff;}
						
						/*WEBMAIL*/
						#menu ul li#webmail a  {
						background-image:url(../img/bg_ct11.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:68px;}
						
						#menu ul li#webmail a:hover  {
						background-image:url(../img/bg_ct22.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;}
						
						#menu ul li#webmail.ativo a  {
						background-image:url(../img/bg_ct22.gif); 
						color:#ffffff;}
						
						/*CONTATO*/
						#menu ul li#contato a  {
						background-image:url(../img/bg_ct1.gif);
						background-repeat:no-repeat;
						padding-top: 0px; /* espaçamento interno */	
						width:68px;}
						
						#menu ul li#contato a:hover  {
						background-image:url(../img/bg_ct2.gif); /* estou herdando tudo do de cima, coloco aqui o que quero mudar */
						color:#ffffff;}
						
						#menu ul li#contato.ativo a  {
						background-image:url(../img/bg_ct2.gif); 
						color:#ffffff;}
/* CORPO */ 
	#corpo {width:770px;}
			#corpo_lat_esq {float:left;}
					#paginas {
					width:763px;
					border: 1px solid #5e6062;
					margin-left: 3px;
					/*Os atributos de Fonte estão aqui por causa do comando de alterar o tamanho de fonte, que está fazendo referência a esta DIV*/
					font-size: 11px;
					color: #ECF3FB;
					text-align:left;
					}
					
					#paginas p {
					margin: 15px 10px 10px 10px;
					 }
					 
           			/*	#quem_sou {
					display:none;
					text-indent:-9000px;   -9000px garantia de que não irá aparecer
					}*/
					#portfolio {
					width:763px;
					text-align:center; /*centralizando o conteúdo da div*/
					margin: 0 auto;/*comando para centralizar uma div em relação a anterior ou a pai*/
					border: 1px solid #5e6062;
					margin: 3px 0 3px 3px; /*Espaçamento da borda - 0 para magin direita */
					padding-bottom:33px; /*espaço para ficar com a altura proxima da coluna de fotos -  dependendo do conteudo do portfolio posso diminuir ou retirar esta linha */
					 }
		
			.booo {
			clear:both;
			}
		
/* RODAPE */ 		
	#rodape {
		width:752px;
		position: relative;
		font-size: 71%;
		text-transform: uppercase;
		color: #95999d;
		border: 1px solid #5e6062;
		margin: 0 3px 3px 3px;
		padding: 10px 5px 10px 5px;
	}
			#rodape p {
				padding: 0 0 0.25em 10px; 
				margin: 0 290px 0.50em 0;   /*Este p só funciona dentro do rodape, aqui estou colocando margin-botton 0.50 , diferente do p lá de cima que está outro valor e que serve para todo o restante*/
			}
			
			#rodape p.logo {
			float:left;
						}
						
			#rodape p.copyr {
			float:right;
			
			}
			
			#final {
			float:left;
			width:710px;
			margin-left:10px;}
			
			#rodape ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				list-style-image: none;
				list-style-position: outside;
				position: absolute;
				top: 1.0em;
				right: 10px;
			}
			
				#rodape ul li {
					float: left;
					background-image: url(../img/check.gif); 
					background-repeat: no-repeat; 
					background-position: 0 50%;
					padding: 0 10px 0 10px;  /*espaçamento entre o XML, html e a impressorinha*/
				}
			#rodape ul li.printerFriendly{ background-image: none; padding: 0; }
			#rodape a, #rodape a:link, #rodape a:active, #rodape a:visited, #rodape a:hover{ color: #93a8a9; text-decoration: none; border-bottom: 1px #4e6364; }
			#rodape a:hover{ color: #18b0b6; border: 0 none; }