﻿body
{
    background-position: center bottom;
    margin: 0;
    padding: 0;
    background-color: #323031;
    background-image: url(Images/bolas.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    font-family:arial;
    font-size:12px;
}

* {
    outline: none;
}

#Page
{
    width:850px;
    margin:0 auto;
    position:relative;
   /* background-color:#323031; */
}

#Logo
{
background-image:url(Images/logotipo_recortado.png);
background-repeat:no-repeat;
height:108px;
margin-bottom:85px;
position:relative;
top:31px;
width:489px;
}

#Home
{
    background-image:url('Images/home.png');
    background-repeat:no-repeat;
    width:851px;
    height:50px;
    margin-top:50px;
    margin-bottom:0;
    border:0 none;
    
}

#Empresa
{
    background-image:url('Images/empresa.png');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    width:851px;
    height:50px;
    border:0 none;
}

#Servicos
{
    background-image:url('Images/impressoes.png');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    border:0 none;
    width:851px;
    height:50px;
    
    
}

#Clientes
{
    background-image:url('Images/clientes.png');
    background-repeat:no-repeat;
    border:0 none;
    margin-top:0;
    margin-bottom:0;
    width:851px;
    height:50px;
   
}

#Galeria
{
    background-image:url('Images/galeria.jpg');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    margin-left:1px;
    border:0 none;
    width:851px;
    height:50px;
    
}

#Lojas
{
    background-image:url('Images/lojas.png');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    width:851px;
    height:50px;
    
}


#Eventos
{
    background-image:url('Images/eventos.png');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    width:851px;
    height:50px; 
    
    border:0 none;
}

#Recrutamento
{
    background-image:url('Images/recrutamento.png');
    background-repeat:no-repeat;
    margin-top:0;
    margin-bottom:0;
    width:851px;
    height:50px; 
    
    border:0 none;
}


#Contactos
{
    background-image:url('Images/contacto.png');
    background-repeat:no-repeat;
    background-color:#323031;
    width:851px;
    height:50px; 
    display:block;
    border:0 none;
}

#titleHome
{
background-image:url(Images/mhome.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:16px;
margin-left:46px;
margin-top:19px;
padding-right:500px;
width:48px;
border:0 none;
}

#titleEmpresa
{
background-image:url(Images/mempresa.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:21px;
margin-left:45px;
margin-top:19px;
padding-right:500px;
width:74px;
border:0 none;
}

#titleServicos
{
background-image:url(Images/mimpressoes.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:21px;
margin-left:46px;
margin-top:16px;
padding-right:500px;
width:184px;
border:0 none;
}

#titleClientes
{
background-image:url(Images/mclientes.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:16px;
margin-left:45px;
margin-top:17px;
padding-right:500px;
width:67px;
border:0 none;
}

#titleLojas
{
background-image:url(Images/mlojas.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:21px;
margin-left:45px;
margin-top:16px;
padding-right:500px;
width:38px;
border:0 none;
}

#titleEventos
{
background-image:url(Images/meventos.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:21px;
margin-left:45px;
margin-top:17px;
padding-right:500px;
width:188px;
border:0 none;
}

#titleRecrutamento
{
background-image:url(Images/mrecrutamento.png);
background-repeat:no-repeat;
display:inline;
float:left;
height:16px;
margin-left:46px;
margin-top:17px;
padding-right:500px;
width:118px;
border:0 none;
}

#titleGaleria
{
display:inline;
float:left;
height:16px;
margin-left:46px;
margin-top:17px;
padding-right:500px;
width:118px;  
border:0 none;
}


#titleContactos
{
background-image:url(Images/mcontacte.png);
background-repeat:no-repeat;
height:16px;
margin-left:45px;
margin-top:17px;
padding-right:500px;
position:absolute;
width:114px;
border:0 none;
}

#SetaHome
{
    background-image:url('Images/botao2.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    display:inline;
    float:right;
margin-right:33px;
margin-top:17px;
    
}

#SetaEmpresa
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    display:inline;
    float:right;
margin-right:33px;
margin-top:17px;
}

#SetaServicos
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    display:inline;
    float:right;
margin-right:33px;
margin-top:17px;
}

#SetaClientes
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    float:right;
    display:inline;
margin-right:33px;
margin-top:17px;
}

#SetaGaleria
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    float:right;
    display:inline;
margin-right:33px;
margin-top:17px;
}

#SetaLojas
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    float:right;
    display:inline;
margin-right:33px;
margin-top:17px;
}

#SetaEventos
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    float:right;
    display:inline;
margin-right:33px;
margin-top:17px;
}

#SetaLojas
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    float:right;
    display:inline;
margin-right:33px;
margin-top:17px;
}

#SetaRecrutamento
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    display:inline;
    float:right;
margin-right:33px;
margin-top:17px;
}

#SetaContactos
{
    background-image:url('Images/botao.png');
    background-repeat:no-repeat;
    width:17px;
    height:18px;
    display:inline;
    float:right;
    margin-right:30px;
    margin-top:20px;
    
}


#ContentHome
{
position:relative;
background-color:white;
display:block;
font-size:12px;
font-family:Arial;
height:285px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
width:760px;
overflow:hidden;
/*position:relative;*/
}

#ContentEmpresa
{
    position:relative;
background-color:white;
display:none;
font-size:12px;
font-family:Arial;
height:240px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}

#ContentEmpresa a
{
 color:#96BA38;
 text-decoration:none;   
}

#ContentServicos
{
background-color:white;
display:none;
font-size:11px;
height:280px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}

#ContentClientes
{
background-color:white;
display:none;
font-size:12px;
font-family:Arial;
height:110px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}

#ContentLojas
{
background-color:white;
display:none;
font-size:12px;
font-family:Arial;
height:500px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
position:relative;
width:760px;
z-index:1;
overflow:hidden;
}

#ContentLojas h2
{
 font-family:Arial;
 font-size:12px;
 text-decoration:none;
 font-weight:normal;   
 color:#D82128;   
}

#ContentGaleria
{
background-color:white;
display:none;
font-size:12px;
font-family:Arial;
height:480px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}


#ContentEventos
{
background-color:white;
display:none;
font-size:12px;
font-family:Arial;
height:290px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
position:relative;
width:760px;
z-index:-1;
overflow:hidden;
}

#ContentEventos h1
{
 text-decoration:none;
 color:#C3076E;   
}

#ContentEventos h2
{
 text-decoration:none;
 color:#C3076E;   
}

#ContentEventos a
{
 text-decoration:none;
 color:#C3076E;   
}

#ContentEventos img
{
 margin:0 0 0 225px;   
}


#ContentRecrutamento
{
background-color:white;
display:none;
font-size:11px;
height:290px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}

#ContentRecrutamento h1
{
 color:#652881;   
 text-decoration:none;
}

#ContentRecrutamento h2
{
 color:#652881;   
 text-decoration:none;
}

#ContentRecrutamento a
{
 color:#652881;   
 text-decoration:none;
}

#ContentContactos
{
background-color:white;
color:#0793D2;
display:none;
font-size:11px;
height:185px;
margin-left:1px;
padding-left:44px;
padding-right:46px;
padding-top:1px;
/*position:relative;*/
width:760px;
z-index:-1;
overflow:hidden;
}



/* CSS Conteudo */

#ContentHome p
{
    
}

#ListaServicos
{
    
    list-style:none;
    font-weight:bold;
    padding:0;
    margin-left:0;
    
}

#ListaServicos li
{
 display:inline;   
 cursor:pointer;
 color:#818286;
}

#PrincipaisServicos
{
width:720px; 
}

#ImpressaoDigital
{
width:720px;
display:none;
}


#ImpressaoGFormatos
{
width:720px;
display:none;
}


#Acabamentos
{
width:720px;  
display:none;
}

#Encadernacao
{
width:720px; 
display:none;
}

#OutrosServicos
{
width:720px; 
display:none;
}

#Estampagem
{
width:720px;
display:none;
}

#LeftForm
{

display:inline;
float:left;
margin-left:46px;
margin-top:13px;
width:215px;
  
}

#ItemsFormContactos
{
    
 padding:0;
 margin:0;
 list-style:none;   
}

#ItemsFormContactos li
{
  
}

#ItemsFormMensagem
{
    list-style:none;
}

#ItemsFormMensagem li
{
    
    
}

#RightForm
{
display:inline;
float:left;
height:170px;
margin-left:30px;
margin-top:0;
width:425px;
}

.textMensagem
{
height:88px;
margin-bottom:5px;
width:350px;
}

#MessageStatus
{
background-color:white;
font-family:Arial;
font-size:11px;
height:113px;
margin-left:1px;
margin-top:0;
padding-left:60px;
padding-top:50px;
width:790px;
}

#MessageStatus h1
{
 margin-top:0;
 padding-top:0; 
 font-size:11px;  
}

#MessageStatus a
{
 color:#06A3E2;   
 text-decoration:none;
 font-size:11px;
    
}

#aspnetForm
{
    
}

#Registration
{
background-color:white;
color:#0793D2;
display:block;
font-size:11px;
height:300px;
margin-left:1px;
overflow:hidden;
padding-left:44px;
padding-right:46px;
padding-top:1px;
position:relative;
width:760px;

}

#AboutRegistration
{
background-color:white;
color:#0793D2;
display:inline;
float:left;
height:170px;
margin-left:30px;
margin-top:13px;
width:425px;
}

.galleria_wrapper
{
 text-align:center;   
 width:761px;   
 height:360px;
 margin-top:15px;
}

.nav
{
clear:both; 
color:#d14f01;   
}

.nav a
{
 text-decoration:none;
 color:#d14f01;   
}

.nav a:hover
{
 text-decoration:none;
 color:black;   
}

.gallery galleria
{
    
}

.galleria_container
{
height:380px;
width:761px;  
margin-top:20px;
}

.ServiceContent
{
display:inline;
float:left;
font-family:arial;
font-size:12px;
height:135px;
width:345px;
}

.ServiceImage
{
display:inline;
float:left;
margin-left:83px;
padding:0;
}   

.ServiceImage img
{
border:1px solid #DD9211;
padding:0;
margin:0;
margin-top:15px;
width:286px;
}  

#accordion
{
 width:850px;   
 padding:0;
 margin:0;
 
    
}

#contentwrapper
{
 position:relative;   
}

#RecrutamentoLeft
{
display:inline;
float:left;
width:320px;
margin-left:46px;
margin-top:13px;
    
}

#RecrutamentoRight
{
display:inline;
float:left;
height:170px;
margin-left:30px;
margin-top:13px;
width:358px;   
}

.recrutamentoItems
{
   padding:0; 
   margin:0;    
}

.recrutamentoItems li
{
    list-style:none;
    color:#692B85;
    
}

.ui-helper-reset
{
}

.ui-state-active
{
}

.ui-corner-top
{
    
}

.ui-state-focus
{
    
}

.ui-accordion-header 
{
    
}

#LojasItems
{
display:inline;
/*float:left; */
height:145px;
width:200px; 
}

#LojasMap
{
height:400px;
left:416px;
position:absolute;
top:104px;
width:369px;
}

#Loja3
{
 position:absolute;   
    
}

#RecrutamentoMessage
{
font-size:12px;
color:#692B85;
}


#ContactsMessage
{
color:#0793D2;
font-size:12px;
margin-left:46px;
margin-top:5px;
position:absolute;
}

#Expressate
{
background-image:url(Images/expressa_te.jpg);
background-repeat:no-repeat;
bottom:12px;
height:66px;
left:153px;
position:absolute;
width:340px;
}

#bycreative
{
font-size:10px;
height:50px;
margin-top:5px;
text-align:center;
width:851px;    
color:#069FDD;
}

#direitos
{
color:White;
margin:0 0 2px 0;
padding:0;

}

#bycreative a
{
    
    color:#069FDD;
    text-decoration:none;
}

#bycreative a:hover
{
    
    color:white;
    text-decoration:none;
}

.promo1
{
position:absolute;
right:496px;
top:32px;
}

.promo2
{
height:200px;
position:absolute;
right:250px;
width:200px;
}

.parque
{
position:absolute;
right:54px;
top:48px;
width:128px;
}

#signPromo
{
background-image:url(Images/promocoes.png);
background-repeat:no-repeat;
height:174px;
position:absolute;
right:0;
top:0;
width:300px;    
}

#ShowPromo
{
left:194px;
padding-left:56px;
padding-top:0;
position:relative;
top:112px;
}

#ScrollNoticias
{
 
  padding-top:14px;
  padding-bottom:13px;
    
}