/* Reset -------------------------------------------------------------------------------------------*/
html, body, a, img, h1, h2, h4, p, ul, li, address { margin:0; padding:0; }

/* Grid de 12 colunas ------------------------------------------------------------------------------*/
.container_12 {	margin-left: auto; margin-right: auto;	width: 960px; }
.grid_6, .grid_5, .grid_7, .grid_12 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.container_12 .grid_12 { width: 940px; }
.container_12 .grid_5 {	width: 380px; }
.container_12 .grid_7 {	width: 540px; }
.container_12 .grid_6 {	width: 460px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Estilos gerais ----------------------------------------------------------------------------------*/
body { background:#552B5D url(../images/bg.jpg) repeat-x 0 0; font-family:Helvetica, Arial, Sans-serif; color: #e5dee6; }
#container { position:relative; }

/* Header ------------------------------------------------------------------------------------------*/
div#header { position:absolute; top:50px; }
div#header a img { border:none; }
div#header a span { display:none; }

/* Banner ------------------------------------------------------------------------------------------*/
div#banner { position:absolute; top:210px; }
#frases p { text-align:center; margin-bottom:20px; color:#552B5D; }

/* Portifólio --------------------------------------------------------------------------------------*/
div#portifolio { position:absolute;top:550px; }
div#portifolio div { background:transparent url(../images/bgPortifolio.png) no-repeat 0 0; height:130px; }
div#portifolio ul li { display:inline; }
div#portifolio img.first { margin-left:50px; }
div#portifolio img { margin-top:15px; margin-right:20px; border:2px solid white; opacity: 0.5; }
div#portifolio img:hover { opacity: 1; }

/* Footer ------------------------------------------------------------------------------------------*/
div#footer { position:absolute; top:550px; background-color:#552B5D; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #8F7495; color:#e1d9e3; }
div#footer h4 { padding:10px; }
div#footer p { padding:10px; font-size: 12px; }
div#footer address { padding:10px; font-size: 12px; }
div#footer address a { color:#e1d9e3; font-size: 12px; margin-left: 15px; }
div#footer address a.contato { margin: 0; }
div#footer ul li { padding:10px; display:inline; list-style:none; }
div#footer li a img { border:none; }

/* Copyright ---------------------------------------------------------------------------------------*/
div#copyright { position:absolute; top:760px; }
div#copyright p { margin-bottom:10px; font-size:11px; }
