﻿.center{ margin: 0 auto 0 auto;}
.coluna{ width: 208px; height: 399px; float: left; margin: 5px 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; position: relative;}
.idvisual{ width: 158px; height: 161px; margin: 7px 0 0 47px; z-index: 2;}
			
body{ background: #252525 url(./img/texturaBg.jpg) center; font-family: arial, verdana, tahoma, sans-serif; text-align: center; font-size: 9pt; color:#c9c9c9;}

p{ width: 195; position: relative; left: 27px; padding: 0 15px;}

.coluna a{ text-indent: -9999px;}
			
#tudo{ width: 800px; height: 600px; text-align: left; position: relative;}
		
#col1, #col2, #col3{ background: #393939; z-index: -1; position: absolute; opacity: 0.3;}
		
#header{ width: 689px; height: 113px; margin: 15px; background: url(./img/dezAnos.png) no-repeat top right;}
			
#header h1{ height: 76px; background: url(./img/headerLogo.png) no-repeat; padding: 25px 0 0 105px; font-size: 9pt; font-weight: normal; line-height: 1.5em;}
#header h1:before{ content: url(./img/headerLogo2.png); padding-left: 5px;}
#header h1 span{ font-weight: bold;}
#header h1 span:first-child{ font-size: 11pt; vertical-align: super;}
			
#comunicacao{ background: url(./img/expertCom.png) no-repeat center; width: 158px; height: 161px;}
#sistemas{ background: url(./img/expertSis.png) no-repeat center;}
#tecnologia{ background: url(./img/expertTec.png) no-repeat center;}
#comunicacao:hover{ background: url(./img/expertCom2.png) no-repeat center;}
#sistemas:hover{ background: url(./img/expertSis2.png) no-repeat center;}
#tecnologia:hover{ background: url(./img/expertTec2.png) no-repeat center;}

#footer{ font-size: 8pt; position: relative; bottom: 51px; right: 27px; width: 900px;}
#footer p:before{ content: url(./img/eFooter.png);}