body {
	text-align: center;
	background: url(../images/fundo.gif);
	margin: 0 20px 0px 20px;
	font-family: "Tahoma CE", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e2e6ee;
	BODY {
	SCROLLBAR-FACE-COLOR: #222222; 
	SCROLLBAR-HIGHLIGHT-COLOR: #6a6d37; 
	SCROLLBAR-SHADOW-COLOR: #4a4c24; 
	SCROLLBAR-3DLIGHT-COLOR: #4a4c24; 
	SCROLLBAR-ARROW-COLOR: #5f5f5f; 
	SCROLLBAR-TRACK-COLOR: #2b2b2b; 
	SCROLLBAR-DARKSHADOW-COLOR: #6a6d37
}
}

.page {
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
}

.page_allcovers {
	text-align: center; 
}

#logo {
	float: left;
	margin: 26px 0 7px 1px;
	border: 0;
}

.page_allcovers #logo {
   float: none;
   margin: 20px;
}

.page_allcovers .footer {
   margin: 20px;
   color: #fff;
}

#head {
	float: right;
	display: block;
	height: 24px;
	line-height: 24px;
	vertical-align: bottom;
	margin: 32px 0 1px 1px;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    line-height: 0;
    border: 0
}
/* fundo da barra do topo memu principal*/
ul#menu {
	width: 783px;
	height: 40px;
	background: url(../images/home/barrinha_superior.gif);
	margin: 0;
	font-weight: bold;
	padding: 0 15px 0 2px;
	z-index: 20;
	font-size: 10px;	
}
/* cor da palavra "menu" na barra de menu da Home*/
ul#menu li {
	line-height: 40px;
	list-style-type: none;
	float: left;
	margin: 0 0 0 16px;		
	display: inline;
	color: #fff000;
	z-index: 20;
	position: relative;	
}

ul#menu li.right {
	float: right;
}

.memarea {
	padding-right: 80px;
}

.memarea_logged {
	padding-right: 140px;
}
/* cor da letra do menu */
ul#menu li a {
	color: white;
	height: 40px;
	display: block;
	float: left;
	text-decoration: none;
}
/* cor de hover do texto do menu */
#menu li a:hover {
	color: #fff000;
}
/* cor da palavrinha "contato" ao final da barrinha do menu */
ul#menu li a.highlight { 
	color: #00fce7;
}

ul#menu li a:hover.highlight { 
	color:white;
}
/* cor da palavra novidade na barra do menu principal */
ul#menu li a.shadow {
	color:#fcf304;
}
/* cor da palavra novidade na barra do menu principal DEPOIS DE HOVER*/
ul#menu li a:hover.shadow { 
	color:#03fea2;
}

ul#menu li ul li a.shadow { 
	color:#cc0000;
}

ul#menu li ul li  a:hover.shadow { 
	color:#white;
}

ul#menu li.selected a { 
	color: red;
}

ul#menu ul li.selected a { 
	color: #cc0000;
}

/* fundo do plano que contém as opções de menu qdo drop-down*/
#menu ul.submenu {
	position: absolute;
	z-index: 20;
	width: 180px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	background: white;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.8;	
}

#menu ul.submenu li {
	z-index: 20;
	font-size: 75%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	display: block;
	float: none;
	line-height: normal;
	color: red;	
}

#menu ul.submenu li span,#menu ul.submenu li a {
	color: #444444;
	padding: 0;
	margin: 0;
	line-height: 30px;
	height: 30px;
	display: block;
	float: none;
	padding: 0 0 0 6px;
	font-size: 10px;
	border: 1px solid white;
}

#menu ul.submenu li span {
	color: #cccccc;
}
/* fundinho do destaque do sub-menu quando drop-down*/
#menu ul.submenu li span:hover,#menu ul.submenu li a:hover {
	background: #c60000;
	color: white;
}

#menu ul.submenu li span:hover {
	color: #cc0000;
}

ul.menu ul {
	position: absolute;
	margin: 0;
	padding: 0;
	text-align: left;
}

.messagecontents {
	position: relative;
	width: 800px;
	z-index: 10;
}
/* fundo interno coluna total home */
.contents {
	width: 800px;
	position: relative;
	background: #171717 url(../images/transversal.jpg);
}
/* fundo interno coluna esquerda */
.contents .left {
	width: 450px;
	padding: 20px;
	float: left;
	position: relative;
	background-image: url(../images/transversal.jpg);
}

.contents .left_allcovers {
	width: 755px;
	padding-left: 22px;
}

.contents .left a {
	color: #A68B53;
	text-decoration: none;
	font-weight: bold;
}

.contents .left a:hover {
	color: #cc0000;
}

.contents .left .buttons img {
	float: left;
	border: 0;
	margin-right: 5px;
}

.contents .right {
	float: left;
	width: 290px;
	padding-top: 20px;
}

/* cor da tarjinha "vermelha" de títulos das páginas */
.panel h1.head,.panel p.head,.space p.head {
	display: block;
	height: 17px;
	line-height: 16px;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding-left: 6px;
	margin: 0;
	position: relative;
	background-color: #C60000;
}
/* layout de separação do segundo link dentro da barrinha */
.space .abcd {
	color: #00fcff;
}

/* layout dos links dentro de algumas barrinhas (ENTRAR)*/
.panel p.head a,.space p.head a {
	color: white;
	text-decoration: none;
	padding-right: 12px;
	margin-right: 7px;
	position: absolute;
	text-align: right;
	right: 0;
	top: 0;
	background: url(../images/arrow_right.gif) no-repeat right 6px;
}

.panel p.slideshow_title a {
	background: none;
	margin-right: 80px;
}

.panel p.continue a {
	background: none;
	margin-right: 250px;
}

.panel p.head a.first {
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	padding:  0 0 0 12px;
	margin: 0 0 0 7px;
	width: 108px;
	background: url(images/arrow_left.gif) no-repeat 0 6px;
}

.panel p.head a.begin {
	padding: 0 0 0 12px;
	float: left;
	background: url(images/madeira.gif) no-repeat 0 6px;
}

.panel p.head a:hover {
	color: #660000;
}

.panel img {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}

/* textinho dentro do pequeno quadro sob big_front*/
.rectangle {
	color: #ff0000;
	font-weight: bold;
	padding: 5px 5px 3px 10px;
	font-size: 10px;
	height: 14px;
	overflow: hidden;
	position: relative;
}


.space {
	margin-top: 20px;
}

.space2 {
	margin-top: 17px;
}
.space3 {
	margin-top: 15px;
}

/* layout de downloads no final da página de novidades */
.downloads img {
	float: left;
	padding: 10px 6px 0px 6px;
}
/* layout de downloads no final da página de novidades */
.downloads p {
	text-align: center;
}
/* layout de downloads no final da página de novidades */
.support_downloads {
	margin: 10px 0px 15px 6px;
}
/* layout de algumas fotos digitais na home sob big_front */
.list img, .list div {
	float: left;
	margin-left: 6px;
	margin-top: 6px;
}

.left .media img {
	margin-left: 5px;
}

.list img.bigger_margin, .list div.bigger_margin {
	margin-left: 10px;
	margin-top: 10px;
}

div.wallpaper {
	width: 222px;
	height: 167px;
}

div.ecard {
	width: 108px;
	height: 144px;
}
	
.f-row {
	margin-top: 0 !important;
}

.f-col {
	margin-left: 0 !important;
}
/* borda de algumas fotos */
img.border, div.border {
	border: 1px solid #4a4c24;
}

div.border_notop {
	border-top: none;
}

div.border_notop img {
	padding-top: 1px;
	padding-left: 0px;
}

/* fundo do quadrinho Seja Bem Vindo + Wing na Home */
.bem_vindo {
	background: url(../images/bem_vindo.jpg);
	width: 250px;
	height: 240px;
	padding: 20px;
	overflow: hidden;
}
/* cor da palavra SEJA BEM VINDO na Home */
.bem_vindo h1 {
	color: #ffd56a;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
/* cor do texto dentro da cs SEJA BEM VINDO na home sobre a wing */
.bem_vindo p {
	color: #b2bb9e;	
	margin: 0;
}
.bem_vindo div.enter_about {
     padding: 38px 0px 0px 0px;
}

.newspanel a.more, .welcome a.about {
	margin: 30px 0 0 0;
}

.newspanel a.more, .info a.pdf, .welcome a.about {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.info a:hover.pdf,.newspanel a:hover.more, .welcome a:hover.about {
	color: black;
}

/* caixinhas que emolduram textos dando o afastamento certo */ 
.box, .info {
	padding: 14px;
}

.info img {
	margin: 0 0 20px 0;
}

.newspanel h2 a:hover {
	color: #cc0000;
}

.info .newspanel p {
	margin: 0;
	font-weight: normal;
	color: #666666;
}

/* fundo, quadros=design gráfico, novidades=home, curriculum - para cor, substituir por = background-color: #000000;*/
.darkpanel {
	padding: 15px;
	background: url(../images/back22.gif);
}

/* título das cx de amostras em Design Gráfico */
.darkpanel p.title,.darkpanel h1 {
	color: #333333;
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* cor usada no título do texto do quadro=design gráfico,embalagens etc*/
.darkpanel h1.red {
	color: #beb789;
}
/* chamadinha sob a frase "Veja as Novidades" na home */
.darkpanel h2.diary a {
color: #a7df2a;
}
/* chamadinha novidades na home cor da hover */
.darkpanel h2.diary a:hover {
	color: yellow;
}
/*Chamadinha novidade na home - tamanho da fonte */
.darkpanel h2.diary {
	color: #cc0000;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 12px 0px;
}

/* decoração do textinho novidade na home */
.darkpanel a {
	color: #717680;
	text-decoration: none;
	margin: 0;
}

.darkpanel a:hover {
	color:	#cc0000;
}
/* texto explicativo cx amostras de design grafico e novidades na home */
.darkpanel p {
	color: #b2bb9e;
	margin: 0;
}
.darkpanel p.indent {
	margin-bottom: 10px;
}
/* cor da barra embaixo - dá prá por textura*/
#footer {
	height: 40px;
	background: url(../images/madeira.jpg);
	padding: 0 20px 0 20px;
	color: white;
}


#footer p {
	float: left;
	height: 40px;
	display: block;
	line-height: 40px;
	margin: 0 0 0 20px;
	padding: 0;
}

.body1 {
	background: #171717 url(../images/body_1.jpg) no-repeat top right;
}
.body2 {
	background: #171717 url(../images/body_2.jpg) no-repeat top right;
}
.body3 {
	background: #171717 url(../images/body_3.jpg) no-repeat top right;
}
.body4 {
	background: #171717 url(../images/body_4.jpg) no-repeat top right;
}
.body5 {
	background: #171717 url(../images/body_5.jpg) no-repeat top right;
}
.body6 {
	background: #171717 url(../images/body_6.jpg) no-repeat top right;
}
.body7 {
	background: #171717 url(../images/body_7.jpg) no-repeat top right;
}
.body8 {
	background: #171717 url(../images/body_8.jpg) no-repeat top right;
}
.body9 {
	background: #171717 url(../images/body_9.jpg)  no-repeat top right;
}
.body10 {
	background: #171717 url(../images/body_10.jpg) no-repeat top right;
}
.body11 {
	background: #171717 url(../images/body_11.jpg) no-repeat top right;
}
.body12 {
	background: #171717 url(../images/body_12.jpg) no-repeat top right;
}
.body13 {
	background: #171717 url(../images/body_13.jpg) no-repeat top right;
}
.body14 {
	background: #171717 url(../images/body_14.jpg) no-repeat top right;
}
.body15 {
	background: #171717 url(../images/body_15.jpg) no-repeat top right;
}
/* texto da cx na página contato, personal tech, novidades, aeron, tratimage, cursos,   */
.data {
	padding: 15px;
	color: #8c9369;
}
/* título das cx de textos explicativos das páginas de amostras */
.data h1 {
	font-weight: normal;
	font-size: 18px;
	color: #D20D1C;
	margin: 25px 0 15px 0;
	padding: 0;
}

.data p {
	margin: 0px 0 15px 0;	
}

.data .space_small {
    margin: 0;
	padding: 0;
}

img.block {
display: block;
}
/* não encontrado */
.info p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #343434;
}

.info ul,.darkpanel ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.info li,.darkpanel ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.darkpanel ul.disc li {
	list-style-type: disc;
	padding: 10px 0 0 0;
	margin: 0 0 0 15px;
}
.darkpanel ul.disc li.first {
	padding-top:0;
}

.darkpanel p.line-through {
    text-decoration: line-through;
}
/* não encontrado */
.darkpanel span.bigger_red {
    color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}

.darkpanel span.small_red {
    color: #02ff14;
	font-weight: bold;
}

.info li  {
	padding: 0 0 4px 0;
}

.info li a span {
	font-weight: normal;
	
}

.info li a {
	color: #70747f;
	text-decoration: none;
	font-weight: bold;
}

.info li a:hover {
	color: #cc0000;
}

.darkpanel .resolution ul li label {
	color: #6f737c;
}

.darkpanel .resolution ul li input {
	margin: 8px 3px -4px 0;
	_margin: 2px 0 -2px 0;
}

.resolution {
	margin: 0;
	padding: 0;
	display: inline;
}

.panel .center {
	text-align: center;
}
/* cor dos textos principais em quase todas as páginas */
.box p {
	color: #8c9369;
	margin: 15px 0 0 0;
	font-weight: normal;
	font-size: 10 points;
}

.box h2 {
	color: #cc0000;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}

.darkpanel h2 {
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}

.box h2.title {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.box h2.title a {
	color: #333333;
	text-decoration: none;
}

.box h2.title span.title {
	color: #cc0000;
}

.box h2.title a:hover {
	color: #cc0000;
}

.box img.face {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.box a {
	color: #333333;
}

.box a:hover {
	color: #cc0000;
}

.box .post {
	text-align: right;
	margin: 4px 0 18px 0;
	font-size: 11px;
}

.box .antera {
	color: #cc0000;
}

.wall p {
	color: #cc0000;
	font-weight: bold;
}

.wall ul {
	margin: 16px 0 0 0;
	padding: 0;	
}

.wall ul li {
	list-style-type: none;
	display: inline;
	font-weight: bold;
	margin-right: 20px;
}

.wall ul li a {
	color: #333333;
}

.wall ul li a:hover {
	color: #cc0000;
}
/* títulos de várias cx de texto*/
.blog h1 {
	color: #3e9b8f;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
/* cor do texto das chamadinhas em serviço */
.blog p.date {
	color: #A68B53;
	font-weight: bold;
	margin: 0;
}
/**/
.blog .holder {
	width: 130px;
	height: 130px;
	float: left;
	margin-bottom: 15px;
	margin-left: 14px;
	line-height: 130px;
	text-align: center;
}

.holder img {
	border: 0;
	display: inline;
	vertical-align: middle;
}

.blog .f-row {
	margin-top: 16px !important; 
	
}

.fix {
	_height: 1%;
}

.allbody {
	min-height: 980px;
	_height: 980px;
}

.mainlink img,.link img {
	float: right;
	margin-left: 20px;
}
/* dá a altura do iniciar do texto nas observações nos rodapés de amostras
em design gráfico como rótulos, embalagens, folheteria, anúncios */
.link p { 
	margin-top: 0;
}

/* cor do texto TÍTULO página Links e Parceiros*/
.link h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	color: #c6ad07;
}

.link h3.indent {
	padding-top: 10px;
}

.link a {
	text-decoration: none;
	color: #747474;
	font-weight: bold;
}

.mainlink p {
	margin-bottom: 16px;
}

.mainlink a {
	color: #cc0000;
	font-weight: bold;
}

.mainlink a:hover  {
	color: black;
	font-weight: bold;
}



p.first {
	margin-top: 0;
}


input.errorfield {
	height: 13px;
}

input.errorfield, textarea.errorfield {
	border: 2px solid red;
	padding: 3px 1px 1px 1px;
}

p.mandatory {
	margin: 12px 10px 0 0;
	padding:0;
	display:block;
	float:right;
	height:20px;
	line-height:20px;
	color: red;
}

.elhide {
	display: none;
}

#retmessage {
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;	
	z-index: 35;
}

#retmessage .layerclose img {
	float: right;
	margin: 0;
}

#retmessage h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#retmessage p {
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 0;
}
#retmessage a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#retmessage a:hover {
	color: #cc0000;
}

#retmessage {
	position: absolute;
	left: 250px;
	top: 0;
	width: 305px;
	background: #ffffff;
	padding: 18px 18px 18px 18px;
	color: white;
	font-size: 10px;
	z-index: 10;
}



#intro {
	margin: 0 auto 0 auto;
	width: 600px;
	text-align: center;	
	position: relative;
}

#intro p {
	font-size: 11px;
	color: white;
	margin: 0;
	padding: 20px 0 0 0;
}

#intro a {
	color: white;
}

#intro a:hover {
	color: #cc0000;
}

#intro p.header {
		margin: 50px 0 15px 0;
		font-size: 12px;
		padding: 0;
}

#intro p.yellow {
	color: #ffff00;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#intro ul#intromenu {
	background: #bbc0cb;	
	width: 574px;
	height: 40px;
	margin: 20px 0 30px 0;
	padding: 0 0px 0 26px;
}

#intro ul#intromenu li {
	list-style-type: none;
	float: left;
}

#intro ul#intromenu li a {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	width: 60px;
	padding: 0 7px 0 8px;
}

#intro ul#intromenu li a:hover {
	color: #cc0000;
}

#intro .gray {
	color: #717680;
}

#intro .warning {
	text-align: left;
}

#intro .links a {
	padding: 0 4px 0 4px;
}

img.uni_logo {
    padding-top: 60px; 
}

img {
    border: 0;
} 

.data p.nospace {
    padding: 0;
	margin: 0; 
}

.data p.nospace.last {
    padding-bottom: 10px;
}

#bottom_wrapper {
    padding: 20px 0px 70px 0px;
	margin: 20px 0px 50px 0px;
}



.darkpanel .interview_left {
   	float: left;
}

.darkpanel .interview_right {
   	float: right;
}



.floating_panel_left, .floating_panel_right {
   	width: 190px; 
} 

.floating_panel_left {
    float: left;
}

.floating_panel_right {
    float: right;
}

.left .allabout div.floating_panel_left {
	width: 125px;
}
/* fundo do quadrinho na página referencias */
.grass {
   	background:  #685d49 url(../images/home/grade.jpg) no-repeat;
	color: #fff;
	border: 2px solid #4a4c24;
}

.grass p.orange {
    color: #FF9900;
	font-weight: bold;
}

.grass ul {
    padding-left: 1px;
	margin-left: 25px;
}

/* fundinho de legendas de fotos */
.list .wrapper {
    width: 146px; 
	background-color: #252525;
	overflow: hidden;
}

.list .wrapper_large {
    width: 222px; 
	background: none;
}

.list .wrapper img , .list .wrapper div {
    margin: 0;
	padding: 0px 0px 0px 0px;
}

/* moldurinha das fotos em amostras de Fotografia*/
.list .wrapper p {
	text-align: left;
	border: 1px solid #4a4c24;
	border-top: none;
	padding: 8px 8px 8px 8px;
	margin: 0;
    color: #717680;
	font-size: 10px;
   	font-weight: normal;	
}

.list .wrapper .inner p.center {
	text-align: center;
}

.list .wrapper .inner p.bold, .wrapper .inner span.bold {
   	font-weight: bold;	
}

.list .wrapper .inner a {
   margin-right: 5px;
}

.list .wrapper .inner a.last {
   	margin-right: 0px;
}

.list .wrapper .inner a.redlink {
   	color: #cc0000;
}

.list .wrapper .inner a.redlink:hover {
   	color: #717680;
}

.list .wrapper .inner {
    width: 100%;	
}
.list .wrapper a, .list .wrapper span {
	white-space: nowrap;
	overflow: hidden;
}
/* moldura de fotos em fotografia*/
.photo_wrapper {
	height: 144px;
	width: 144px;
	border: 1px solid #4c4b24;
	text-align: center;
	margin-left: 5px;
	margin-top: 6px;
	float: left;
}
.photo_wrapper img {
	text-align: center;
	margin: 0 auto 0 auto;
	display: block;
}



/***********************
turma de banner na home
***********************/

.potd {
    padding: 30px 0px 70px 0px;
	margin: 0px;
	font-size: 12px;	
}

.potd .logo {
    padding: 10px 0px 20px 0px;
}

.potd img.bordered {
    border: 20px solid #fff;
	margin-bottom: 40px;
}

.potd img.enter {
    margin: 0px 0px 1px 30px;
}

.potd p {
    margin: 30px;
}



#mainbanner {
	margin:0;
	padding: 0 20px 20px 20px;
	border: none;
	display: block;
}

#mainbanner2 {
	margin:0;
	padding: 0 20px 20px 20px;
	border: none;
	display: block;
	
}

#podbanner {
	margin:0;
	padding: 20px 0 0 0;
	border:none;
	display:block;
}