﻿* {
    border:0px;
    padding:0px;
    margin:0px;
    list-style:none;
    outline:none;
}

html, body {
    height:100%;
}

body {
    background:url(Images/bg_body.jpg) top center repeat-y;
    border-top:2px solid #feba12;
    font-family:Arial;
    color:#666;
}

.clear {clear:both;}

h4 {
    font-size:18px;
    font-weight:normal;
    color:#a73131;
}

h5 {
    font-size:14px;
    font-weight:bold;
}

div.site {
    min-height:100%;
    position:relative;
}

/*HEADER*/
div.header {
    border-top:2px solid #c51d23;
    padding-top:14px;
    height:68px;
}

h1 {
    text-indent:-9999cm;
    margin-left:30px;
    float:left;
}

h1 a {
    background:url(Images/logo_levant.gif) top left no-repeat;
    display:block;
    width:138px;
    height:54px;
}

div.nav {
    float:right;
}

div.nav a {
    background:top no-repeat;
    display:block;
    height:14px;
    margin-right:4px;
    text-decoration:none;
}

div.nav a:hover {
    background-position:bottom;
}

div.nav h2 {
    display:block;
    height:44px;
    text-indent:-9999cm;
}

div.navextranet h2 {
    width:575px;
}

div.navextranet ul.menu {
    float:right;
    *float:none;
    *padding-left:365px;
}

div.nav h2 a.home {
    background-image:url(Images/breadcrumb_home.gif);
    height:26px;
    width:30px;
    margin-right:0px;
}

div.nav h2 span {
    background:top no-repeat;
    display:block;
    height:26px;
    margin:4px 0 0 8px;
}

div.nav h2 span.home {
    background-image:url(Images/breadcrumb_titulo_home.gif);
    margin-top:0;
    width:66px;
}

div.nav h2 span.empresa {
    background-image:url(Images/breadcrumb_titulo_empresa.gif);
    width:113px;
}

div.nav h2 span.boulevard {
    background-image:url(Images/breadcrumb_titulo_boulevard.gif);
    width:186px;
}

div.nav h2 span.obras {
    background-image:url(Images/breadcrumb_titulo_obras.gif);
    width:172px;
}

div.nav h2 span.fale {
    background-image:url(Images/breadcrumb_titulo_faleconosco.gif);
    width:138px;
}

div.nav h2 span.extranet {
    background-image:url(Images/breadcrumb_titulo_extranet.gif);
    width:92px;
}

div.nav h2 a, div.nav h2 span {
    float:left;
}

ul.menu li {
    float:left;
    height:14px;
    padding-right:30px;
    text-indent:-9999cm;
}

ul.menu a.empresa {
   background-image:url(Images/menu_empresa.gif);
   width:57px;
}

ul.menu a.boulevard {
   background-image:url(Images/menu_boulevard.gif);
   width:94px;
}

ul.menu a.obras {
   background-image:url(Images/menu_obras.gif);
   width:86px;
}

ul.menu a.news {
   background-image:url(Images/menu_news.gif);
   width:106px;
}

ul.menu a.disponibilidade {
   background-image:url(Images/menu_disponibilidade.gif);
   width:78px;
}

ul.menu a.fale {
   background-image:url(Images/menu_fale.gif);
   width:68px;
   margin-right:0px;
}
ul.menu a.relatorio {
   background-image:url(Images/menu_relatorios.gif);
   width:78px;
}

/*TÍTULO*/
div.titulo {
    background:url(Images/bg_titulo.jpg) center center no-repeat;
    text-indent:-9999cm;
}

div.titulo h2 {
    background:center left no-repeat;
    display:block;
    height:22px;
    padding:29px 0px 29px 0px;
    margin-left:30px;
}

div.titulo h2.aempresa {
    background-image:url(Images/titulo_aempresa.gif);
    width:102px;
}

div.titulo h2.obras {
    background-image:url(Images/titulo_obras.gif);
    width:165px;
}

div.titulo h2.boulevard {
    background-image:url(Images/titulo_boulevard.gif);
    width:173px;
}

div.titulo h2.fale {
    background-image:url(Images/titulo_fale.gif);
    width:126px;
}
div.titulo h2.relatorio {
    background-image:url(Images/titulo_relatorio.gif);
    width:95px;
}
div.titulo h2.titExtranet {
    background-image:url(Images/titulo_bem_vindo_a_extranet.gif);
    width:202px;
}

div.titulo a.voltar {
    background:url(Images/titulo_bt_voltar.gif) top left no-repeat;
    display:block;
    width:64px;
    height:26px;
    float:right;
    margin:-51px 27px 0px 0px;
}

/*INTERNAS*/
div.page {
    background:url(Images/bg_content.jpg) top center no-repeat;
    padding:36px 0px 105px 0px;
}

div.layer {
    width:959px;
    margin:auto;
}

/*FOOTER*/
div.footer {
    background:url(Images/bg_footer.jpg) top center no-repeat;
    padding-top:37px;
    width:100%;
    height:68px;
    position:absolute;
    bottom:0px;
    text-align:center;
    font-size:11px;
    color:#999999;
}

div.footer2 {
    background:url(Images/bg_footer.jpg) top center no-repeat;
    padding-top:37px;
    width:100%;
    height:68px;    
    bottom:0px;
    text-align:center;
    font-size:11px;
    color:#999999;
}

div.footer ul li {
    display:inline;
    padding:0px 7px;
}

div.footer2 ul li {
    display:inline;
    padding:0px 7px;
}

div.footer a {
    color:#fea00b;
    text-decoration:underline;
}

div.footer2 a {
    color:#fea00b;
    text-decoration:underline;
}

div.footer a:hover {
    text-decoration:none;
}

div.footer2 a:hover {
    text-decoration:none;
}

div.footer p {
    padding-top:10px;
}

div.footer2 p {
    padding-top:10px;
}

body.popUp{background:none; font-size:11px;}
.popDisponibilidade{border-top:2px solid #C51D23;}
.popDisponibilidade div.top{margin:10px 0 0; padding:0 16px;}
.popDisponibilidade div.top h1{float:right;}
.popDisponibilidade div.top h2{color:#C61D23; float:left; font-size:18px; margin-top:15px;}
.popDisponibilidade div.top div{float:left; margin:10px 0 0; position:relative; width:100%;}
.popDisponibilidade div.top div label{display:block; font-size:12px; font-weight:bold; margin-bottom:5px;}
.popDisponibilidade div.top div select{border:1px solid #666666; font-size:11px;}
.popDisponibilidade div.top div a{color:#C61D23; font-size:12px; font-weight:bold; position:absolute; right:50px; text-decoration:none; top:15px;}
.popDisponibilidade div.top div a:hover{text-decoration:underline;}

.popDisponibilidade div.top2{margin:10px 0 0; padding:0 165px;}
.popDisponibilidade div.top2 h1{float:right;}
.popDisponibilidade div.top2 h2{color:#C61D23; float:left; font-size:18px; margin-top:15px;}
.popDisponibilidade div.top2 div{float:left; margin:10px 0 0; position:relative; width:100%;}
.popDisponibilidade div.top2 div label{display:block; font-size:12px; font-weight:bold; margin-bottom:5px;}
.popDisponibilidade div.top2 div select{border:1px solid #666666; font-size:11px;}
.popDisponibilidade div.top2 div a{color:#C61D23; font-size:12px; font-weight:bold; position:absolute; right:50px; text-decoration:none; top:15px;}
.popDisponibilidade div.top2 div a:hover{text-decoration:underline;}

.popDisponibilidade div.disponibilidade{float:left; margin-top:10px; width:100%;}
.popDisponibilidade div.disponibilidade h3{background:#FEB612; color:#C61D23; font-size:20px; line-height:80px; text-align:center;}

.popDisponibilidade div.descricao{margin:10px 0 0; padding:0 16px;}
.popDisponibilidade div.descricao .cores{float:left; margin:10px 40px 0 0; width:auto;}
.popDisponibilidade div.descricao .cores span{margin-left:5px;}

.popDisponibilidade div.quadro{float:left; margin-top:20px; width:100%;}
.popDisponibilidade div.quadro .item{border:1px solid #000;}
.popDisponibilidade div.quadro .item span{display:block; font-size:12px; margin-top:35px; text-align:center;}
