/* Documento CSS do site da Quantum */
/* Felipe Dário - 2007 */

* { 
padding:0;
margin:0;
} 

/* Div geral centraliza em qualquer resolução: 960x400px */
#tudo{
height:400px;
width:900px;
position:absolute;
top:50%; 
left:50%;
margin:-200px auto auto -450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 1px dashed #BAD80A;
text-align:center;
background-image:url(imagens/corte_aqui.gif);
background-position: 15px 0px;
background-repeat:no-repeat;
}

/* Logo H1 */
h1{
width:135px;
height:80px;
background-image:url(imagens/logo.gif);
background-repeat:no-repeat;
position:absolute;
top:260px;
left:20px;
}

h1 span{
display:none;
}

h1 a{
width:135px;
height:80px;
display:block;
}


/* parceiros */
#parceiros{
width:224px;
height:54px;
background-image:url(imagens/parceiros.png);
background-repeat:no-repeat;
position:absolute;
top:285px;
right:30px;
}

#parceiros span{
display:none;
}

/* menu */
#menu{
padding:15px 0 15px 0;
}

#menu ul{
list-style:none;
}

#menu ul li { 
display: inline; 
padding: 0px 5px 0px 7px; 
font-size:12px;
border-left:1px solid #BAD80A;
}

#menu ul li a{ 
color:#003D4D;
text-decoration:none;
}

#menu ul li a:hover{ 
color:#064B5B;
border-bottom:1px solid #BAD80A;
}

.selecionado{
color:#064B5B;
border-bottom:1px solid #BAD80A;
}

.primeiro {
border-left:0px solid #FFF;
}

/*div central onde aparece todo o conteudo, tem a altura de 190px */
#meio{
height:190px;
text-align:left;
}

/* rodape com endereco, tel...etc */
#rodape{
position:absolute;
bottom:0;
left:-2px;
width:900px;
height:25px;
color:#808284;
font-size:9px;
text-align:center;
background-image:url(imagens/rodape01.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/* bem vindo e idiomas na pagina incial */
.bemvindo{
color:#003D4D;
font-size:12px;
padding-top:15px;
}

.idioma{
margin-top:-2px;
color:#003D4D;
font-size:10px;
position:absolute;
top:20px;
right:5px;
}

.idioma a{
color:#003D4D;
text-decoration:none;
}

.idioma a:hover{
color:#064B5B;
padding-bottom:2px;
border-bottom:1px solid #BAD80A;
}

/*divs da area A Quantum, que é divida em 4 */
#contato1, #contato2, #contato3, #contato4, #quantum1, #quantum2, #quantum3, #quantum4, #links1, #links2, #links3, #links4, #projetos1, #projetos2, #projetos3{
height:190px;
margin-right:5px;
float:left;
}

#quantum1{
width:105px;
background-color:#003B4F;
}

#quantum2{
width:455px;
background-color: #CDDF76;
overflow: auto;
}

#quantum3{
width:275px;
background-color:#D1D3D4;
overflow: auto;
}

#quantum4{
width:50px;
margin-right:0px;
background-color: #AFCB2B;
}

#quantum3, #quantum2 {
font-size:10px;
line-height:110%;
color:#003D4D;
}
#quantum3 p, #quantum2 p {
padding:5px 10px 10px 10px;
}

#quantum3 ul{
list-style:none;
list-style-position: outside;
padding:0 10px 0px 10px;
}

/*divs da area Equipe, que é divida em 4 */
#equipe1, #equipe2, #equipe3 {
height:190px;
float:left;
background-color:#003B4F;
}

#equipe1 {
width:230px;
margin-right:5px;
overflow:hidden;
}

#equipe2 {
width:440px;
margin-right:5px;
}

#equipe3{
width:220px;
}

#equipe2 {
font-size:10px;
line-height:110%;
color:#FFF;
overflow:auto;
}

#equipe2 p {
padding:7px 10px 7px 10px;
}

/* Div de Contato que é dividida em 4 */
#contato1{
width:105px;
background-color:#003B4F;
}

#contato2{
width:455px;
background-color: #CDDF76;
overflow: hidden;
}

#contato3{
width:275px;
background-color:#D1D3D4;
overflow: hidden;
}

#contato4{
width:50px;
margin-right:0px;
background-color: #AFCB2B;
}

#formulario{
padding:5px 10px 5px 10px;
font-size:11px;
color:#454545;
}

form label {
font-size: 10px;
width:80px;
color:#003B4F;
margin-top:3px;
display:block;
} 

form input {
width: 430px;
border: solid #FFF 1px;
font-size: 10px;
padding:1px;
}

form input:focus {
border-color: #003B4F;
}

.bt_enviar{
background-color:#CEDE73;
border:none;
color:#003B4F;
padding-top:0px;
}

/* Div da área Link divida em 4 */
#links1{
width:105px;
background-color: #AFCB2B;
}

#links2{
width:475px;
background-color:#D1D3D4;
overflow: auto;
}

#links3{
width:85px;
background-color:#003B4F;
}

#links4{
width:220px;
margin-right:0px;
background-color: #CDDF76;
}

#links2 {
font-size:10px;
line-height:110%;
color:#003D4D;
}

#links2 p {
padding:5px 10px 10px 10px;
}

#links2 a:link{
color:#003D4D;
text-decoration:none;
}
#links2 a:visited{
color:#336471;
text-decoration:none;
}
#links2 a:hover{
text-decoration: underline;
}
#links2 a:active{
background-color:#AFCB2B;
text-decoration:none;
}
/* Div de Projetos */

#projetos1{
width:130px;
background-color: #CEDF77;
}

#projetos2{
width:330px;
overflow: hidden;
background-image:url(imagens/projetos_pp.jpg);
}

#projetos3{
width:430px;
margin-right:0px;
background-image:url(imagens/projetos_pv.jpg);
}

#projetos2, #projetos3 {
font-size:10px;
line-height:110%;
color:#FFF;
overflow:auto;
}

#projetos2 p{
padding:5px 10px 10px 10px;
}

#projetos3 p {
padding:5px 10px 10px 30px;
width: 320px;
}

#projetos2 a:link, #projetos3 a:link{
color:#FFF;
text-decoration:none;
text-align:center;
}

#projetos2 a:visited, #projetos3 a:visited {
color:#DEDEDE;
text-decoration:none;
}

#projetos2 a:hover, #projetos3 a:hover{
text-decoration: underline;
}
#projetos2 a:active, #projetos3 a:active{
background-color:#AFCB2B;
text-decoration:none;
color:#003D4D;
}

/* Div de Protifolio, divido em 3 e o ultimo maior, além do descricao da foto */
#portifolio1, #portifolio2, #portifolio3, #portifolio4 {
float:left;
margin-right:5px;
}

#portifolio1, #portifolio2, #portifolio3 {
height:190px;
}

#portifolio1{
width:110px;
background-color: #AFCB2B;
}

#portifolio2{
background-color: #CDDF76;
width:140px;
overflow: hidden;
position: relative;}

#portifolio3{
width:640px;
margin-right:0px;
background-image:url(imagens/loading_icon.gif);
background-position:center center;
background-repeat:no-repeat;
background-color:#EFEFEF;
overflow:hidden;
}

#portifolio4{
width:180px;
background-color:#003D4D;
z-index:2;
position:absolute;
right:0px;
margin-right:0px;
bottom:175px;
}

#portifolio1, #portifolio2, #portifolio4 {
font-size:10px;
line-height:110%;
}

#portifolio1, #portifolio4 {
overflow:auto;
}

#portifolio4 p{
padding:5px 10px 10px 10px;
color:#FFF;
}

#portifolio1 ul, #portifolio2 ul{
list-style:none;
list-style-position: outside;
}


/* coluna 1 do portifolio */
#portifolio1 ul{
margin-top:15px;
}

#portifolio1 ul li{
margin-bottom:15px;
}

#portifolio1 ul li a{
text-decoration:none;
color:#003D4D;
display:block;
padding:2px 2px 2px 5px;
}

#portifolio1 ul li a:hover{
background-color: #CDDF76;
}

#portifolio1 ul li a:active{
background-color: #FFF;
}

.portifolio1_sel{
background-color: #FFF;
color:#003D4D;
display:block;
padding:2px 2px 2px 5px;
}

/* coluna 2 do portifolio */
#portifolio2 ul{
margin-top:5px;
}

#portifolio2 ul li{
margin-bottom:2px;
}

#portifolio2 ul li a{
text-decoration:none;
color:#003D4D;
display:block; 
padding:2px 4px 2px 5px;
}

#portifolio2 ul li a:hover{
background-color: #E3EEAA;
}

#portifolio2 ul li a:active{
background-color: #FFF;
}

.portifolio2_sel{
background-color: #FFF;
color:#003D4D;
display:block;
padding:2px 4px 2px 5px;
}

#proxima{
background-image: url(imagens/seta_proxima.gif);
background-repeat:no-repeat;
}

#anterior{
background-image:url(imagens/seta_anterior.gif);
background-repeat:no-repeat;
}

#anterior a, #proxima a{
height:12px;
width:15px;
display:block;
}

#anterior a span, #proxima a span{
display:none;
}

#anterior, #proxima, #navegacao{
float:left;
}

#pos_navegacao{
right:0;
top:250px;
position:absolute;
width:360px;
}

#navegacao{
font-size:10px;
padding:0 10px 0 10px; 
}

#navegacao p{
text-align:center;
}

#navegacao a{
text-decoration:none;
color: #666;
}

#navegacao a:hover{
color:#AFCB2B;
}

.port_atual{
color: #003B4F;
font-size:12px;
}

.Scroller-Container {
position: absolute;
top: 0px;
right: 0px;
z-index:1;
}

.Scrollbar-Up {
cursor: pointer;
position: absolute;
top: 2px;
right: 2px;
z-index:2;}

.Scrollbar-Down {
cursor: pointer;
position: absolute;
top:172px;
right: 2px;
z-index:2;}