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

/***********Estrutura**********/

body {
	background: #90978f url(../imagens/estrutura/bg_espaco.jpg)  repeat-x;
	font-family: Georgia, "Century Schoolbook", "Lucida Bright", serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align:center; /* hack para o IE */	
	}
	
	div#aquarela {
		width: 100%;
		background: url(../imagens/estrutura/bg_miolo.jpg) no-repeat center 170px;
		}	
	
	div#tudo {
		width: 985px;
		margin:0 auto;			
		padding: 5px;
		padding-top: 0;
		display: table;
		text-align:left; /* "remédio" para o hack do IE */	
		}
		
	div#topo {
		width: 100%;
		height: 195px;
		}
		
		div#logo {
			width: 385px;
			height: 142px;
			background:	url(../imagens/estrutura/div_logo.png) no-repeat;
			float: left;
			text-align: center;
			}
			
			
	div#miolo {
		width: 760px;
		margin: 20px 10px 0 0;
		float: left;
		display: table;
		}
		
	div.coluna_grande {
		width: 480px;
		margin: 0 20px 10px 0;
		float: left;
		position: relative;
		} 
		
	div.coluna_media {
		width: 260px;
		margin: 0 0 10px 20px;
		display: table;
		}
		
	div.destaque1 {
		width: 345px;
		height: 110px;
		margin: 10px 5px 0 0;
		padding: 5px 20px 20px 5px;
		float: left;
		background: url(../imagens/estrutura/destaques.jpg) no-repeat;
		} 
		
	div.destaque2 {
		width: 345px;
		height: 110px;
		margin: 10px 0 0 5px;
		padding: 5px 20px 20px 5px;
		float: right;
		background: url(../imagens/estrutura/destaques.jpg) no-repeat;
		} 
		
	div#barra_lateral {
		width: 175px;
		height: auto;
		margin: 20px 0 0 10px;
		padding: 15px;
		float: right;
		background: url(../imagens/estrutura/barra_lateral.jpg) no-repeat;
		}
		div.nota {
			width: 100%;
			margin-bottom: 30px;
			}
			
	div#rodape {
		width:97%;
		height: 120px;
		padding: 20px;
		clear: both;
		background:url(../imagens/estrutura/rodape.jpg) no-repeat;
		}
		div.contato {
			width: 190px;
			margin: 0 150px;
			}
			
		
/************ Texto *************/
	p {
		font-family: Georgia, "Century Schoolbook", "Lucida Bright", serif;
		font-size: 12px;
		line-height: 150%;
		text-align:justify;
		margin: 5px 0 15px 0;
		}
		p.nota {
			font-size:10px;
			line-height:12px;
			margin: 10px 0;
			}
		p.destaque1, p.destaque2{
			padding: 0 10px 0 15px;
			}
	
	h1 {
		font-style: italic;
		font-size: 26px;
		font-weight: normal;
		margin: 0 0 15px 0;
		line-height: 85%;
		}
		
	h2 {
		margin: 10px 0 ;
		font-style: italic;
		font-size: 18px;
		font-weight: normal;
		}

		h2.flag {
			width:100%;
			height: 40px;
			padding-left: 15px;
			margin: 10px 0 -10px 0;
			font-style: italic;
			font-weight: normal;
			font-size: 18px;
			color: #fff;
			display: table;
			background: url(../imagens/estrutura/flag.png) no-repeat;
			}
			h2.flag a {
				color:#FFFFFF;			
				}
				h2.flag a:hover {
					color:#B5D8D3;			
					}
		
		
	h3 {
		width: 100%;
		font-style:italic;
		font-size: 14px;
		font-weight: normal;
		line-height: 115%;
		border-bottom: 1px solid #777e76;
		margin: 0 0 -2px 0;
		display: block;
		}
		h3.destaque1, h3.destaque2 {
			margin: 0 10px 0 10px;
			}
		
	ul {
		margin: 0 0 20px 20px;
		list-style: url(../imagens/estrutura/marcador.jpg);
		}
		li {
			font-size: 12px;
			line-height: 22px;
			color: #d3d7d2;
			}	
			
			
/************ Links *************/
	a {
		color: #003f5a;
		text-decoration: none;
		}
		
	a:hover {
		color: #B5D8D3;
		text-decoration: none;
		}
		
	a img {
		border: 1px solid #000000;
		padding: 3px;
		}
		
	a.mais {
		font-size: 18px;
		margin: 0 5px;
		line-height: 50%;
		}
	

				
/*********** Navegação ***********/
	ul.menu {
	display: table;
	position: relative;
	right: 0;
	width: 372px;
	margin-top: 11px;
	list-style: none;
	float: right;
		}
		ul.menu li {
			float: left;
			font-size: 14px;
			}
			ul.menu li a {
				width: 83px;
				height: 40px;
				display: block;
				padding: 88px 0 0 10px;
				margin: 0;
				color: #FFFFFF;
				}
				
			ul.menu li a:hover {
				color: #B5D8D3;
				}
				
				ul.menu li a#portfolio {
					background:url(../imagens/estrutura/menu/portfolio_a.png) no-repeat;
					}
					ul.menu li a#portfolio:hover {
						background:url(../imagens/estrutura/menu/portfolio_hover.png) no-repeat;
						}
				ul.menu li a#solucoes {
					background:url(../imagens/estrutura/menu/solucoes_a.png) no-repeat;
					}
					ul.menu li a#solucoes:hover {
						background:url(../imagens/estrutura/menu/solucoes_hover.png) no-repeat;
						}
				ul.menu li a#sobre {
					background:url(../imagens/estrutura/menu/sobre_a.png) no-repeat;
					}
					ul.menu li a#sobre:hover {
						background:url(../imagens/estrutura/menu/sobre_hover.png) no-repeat;
						}
				ul.menu li a#contato {
					background:url(../imagens/estrutura/menu/contato_a.png) no-repeat;
					}
					ul.menu li a#contato:hover {
						background:url(../imagens/estrutura/menu/contato_hover.png) no-repeat;
						}


/*********** Imagens ************/

		img#logotipo {
			margin-top: 25px;
			border:none;
			}
			
		.img_mini {
			margin: 5px;
			border: none;
			padding: 0;
			}
			
		div.img_media {
			position:relative;
			}
			


/************ Extras ************/
	.divisor {
		width: 100%;
		height: 23px;
		background: url(../imagens/estrutura/divisor.png) center center no-repeat;
		display: table;
		margin: 20px 0;
		clear: both;
		}
		
	table {
		border: none;
		}
		td {
			vertical-align: top;
			border:none;
			}
			
	input, textarea {
		background: #d3d7d2;
		border: 1px solid #777e76;
		border-bottom: 3px solid #777e76;
		font-family: Georgia, "Century Schoolbook", "Lucida Bright", serif;
		font-style: italic;
		}
		
	.img_media a:hover span.lupa {
		width: 32px;
		height: 32px;
		background:url(../imagens/estrutura/lupa.png) no-repeat;
		position:absolute;
		top: 10px;
		left: 10px;
		display: block;
		}