/************************************************************************
*   
*   S T Y L E   C S S - #E S T R U T U R A
*   
*   Author:  Wallace Erick
*   Date:    27 Jul 2009
*   Web:     http://www.wallaceerick.com.br/
*   Email:   contato@wallaceerick.com.br
*   Company: Geosfera
*
*************************************************************************/

/*-----------------------------------------------------------------------
Estrutura
------------------------------------------------------------------------*/

body {
margin: 0;
font-family:'Verdana';
color:#333333;
font-size: 11px;}

h1, h2, h3, h4, h5, p {margin:0 0 0 0;}

a:link, a:visited, a:active {color:#333333; text-decoration:underline;}
a:hover {color:#333333; text-decoration:none;}

span {
color:#333333;}

.conteudo-principal {
width:890px;
margin:5px 20px 5px 20px;}

.descricao-transforme {
width:500px;
margin:10px 0 0 20px;}

.t-transforme {
width:234px;
height:52px;
font-size:14px;
margin:0 0 0 17px;}

.descricao-trabalhos  {
width:285px;
margin:65px 0 0 60px;}

.t-trabalhos {
font-size:14px;
width:258px;
height:52px;
margin:71px 0 0 56px;}

/*-----------------------------------------------------------------------
Classes de H1
------------------------------------------------------------------------*/

.logotipo {
height:50px;
background:url('../images/t-livro.png') top left no-repeat;
text-indent:-9999px;}

.amostra {
height:50px;
background:url('../images/t-livro.pngt-amostra.png') top left no-repeat;
text-indent:-9999px;}

.linha-mediterraneo {
height:50px;
background:url('../images/t-linha-mediterraneo.png') top left no-repeat;
text-indent:-9999px;}

.mediterraneo {
height:50px;
background:url('../images/t-mediterraneo.png') top left no-repeat;
text-indent:-9999px;}

.fineart-panoramico {
height:50px;
background:url('../images/t-fineart-panoramico.png') top left no-repeat;
text-indent:-9999px;}

.fineart {
height:50px;
background:url('../images/t-fineart.png') top left no-repeat;
text-indent:-9999px;}

.area-exclusiva {
height:50px;
background:url('../images/t-area-exclusiva.png') top left no-repeat;
text-indent:-9999px;}

.profissionais {
height:50px;
background:url('../images/t-profissionais.png') top left no-repeat;
text-indent:-9999px;}

.servicos {
height:50px;
background:url('../images/t-servicos.png') top left no-repeat;
text-indent:-9999px;}

.contatos {
height:50px;
background:url('../images/t-contatos.png') top left no-repeat;
text-indent:-9999px;}

.wireo {
height:50px;
background:url('../images/t-wireo.png') top left no-repeat;
text-indent:-9999px;}


a.link-login:link, a.link-login:visited, a.link-login:active {color:white; text-decoration:none;}
a.link-login:hover {color:white; text-decoration:underline;}


/*-----------------------------------------------------------------------
Div's
------------------------------------------------------------------------*/

#titles{
width:500px;
height:auto;
position:absolute;
top:20px;}

#menu {
position:absolute;
top:74px !important;
top:85px;
z-index:100;}

.menu-new{
z-index: 999; left: 50%; margin-left: -465px; position: absolute; top: 74px; top:74px !important;}

#html .menu-new{
top:100px;
}

#d-login {
position:absolute;
top:25px;
left:413px;
margin-left:250px;}

#trabalhos {
position:absolute;
top:-25px;
left:50%;
margin-left:55px;
background:url('../images/box-home.png') no-repeat;
width:381px;
height:278px;
z-index:100;}

#cima {
width:100%;
height:124px;
background:url('../images/bg-topo.gif') repeat-x top center;
position:relative;}

#meio {
width:100%;
height:auto;
background:url('../images/bg-meio.gif') repeat top center;
position:relative;}

#baixo {
width:100%;
height:28px;
background:url('../images/bg-baixo.gif') repeat-x top center;
position:relative;}

#header {
position:relative;
width:930px;
height:124px;
margin:0 auto;}

#main {
position:relative;
width:930px;
height:auto;
background:url('../images/bg-blank.png') repeat;
margin:0 auto;
}

#main-int {
position:relative;
width:930px;
height:auto;
background-image:url('../../web/imagens/bg-blank-int.jpg');
background-repeat: repeat-x;
background-color:#FFFFFF;
margin:0 auto;}

#footer {
position:relative;
width:930px;
height:auto;
margin:0 auto;
text-align:right;}

#rodape-logo {
float:left;
margin-left:10px;
width:77px;
height:24px;
text-indent:-9999px;
font-size:0.00001em;
background:url('../images/rodape-fotolab.jpg');}

#rodape-texto {
float:right;}

#footer p{
padding: 5px 0 0 0;
color:#714500;}

.image-home {
width:auto;
height:auto;
position:relative;
display:inline;
margin:0 10px 0 10px;}

.box-livros {
width:302px;
height:450px;
position:relative;
display:inline;
background:url('../images/box-livros.gif') top left no-repeat;}

#box-ap {
width:302px;
height:450px;
position:relative;
display:inline;
background:url('../images/box-livros.gif') top left no-repeat;}

/*-----------------------------------------------------------------------
Livros
------------------------------------------------------------------------*/
.textos{
font-family:'Verdana';
color:#333333;
font-size: 11px;}

.texto-livros1 {
width:88%;
height:auto;
margin:0 0 0 22px;}

.texto-livros {
width:88%;
height:170px;
margin:0 auto;}

.bt-exemplos{
width:93px;
height:95px;
margin:-10px 0 0 230px;
position:absolute;
z-index:100;
}

.t-ap {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-ap.gif') top left no-repeat;}

.t-fl {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-fl.gif') top left no-repeat;}

.t-wireo {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-wireo.gif') top left no-repeat;}

.t-fineart {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-fineart.gif') top left no-repeat;}

.t-mediterraneo {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-mediterraneo.gif') top left no-repeat;}

.t-contatos {
width:302px;
height:29px;
text-indent:-9999px;
background:url('../images/t-contatos.gif') top left no-repeat;}

.texto-destaque-vinho{
color:#8e0b02;
font-weight:bold;}

.texto-destaque-pranco{
color:#ffffff;
font-weight:bold;}

.texto-destaque-vermelho-p{
color:#ff4200;
font-weight:bold;}

.form{
  height:16px;
  border: 1px solid #839fb5;
  background:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#7B7B7B;
  font-size:11px;
}