* {
margin:0;
padding:0;
}

body{
    background-color:#060024; 
}

#corpo {
width:800px;
margin:0 auto;
}

#topo {
height:168px;
width:100%;
background:url("../image/topo.jpg") repeat-x;
}

#logo {
width:160px;
height:150px;
margin: 0 auto;
background:url("../image/logo.png") no-repeat center 20px;
}

#titulo {
height:130px;
text-align:center;
padding-top:30px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

#titulo2 {
padding-top:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}

#box_direito {
width:132px;
float:right;
margin-top:20px;
margin-right:20px;
background-color:#042a80;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
}

#tipo {
padding-top:8px;
border-top:thin #CCC;
}

#texto1 {
    width: 713px;
    text-align:justify;
    color:#FFF;
    background-color:#1A3A6D;
    font-family:Arial, Helvetica, sans-serif;
    padding:20px;
    float: left
}

#formulario {
background-color:#1B305E;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
padding:20px;
overflow: auto;
}

#rodape {
font-size:10px;
text-align:center;
background-color:#185CA1;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
padding:20px;
}

/* CSS desenv Marcos*/

.errors{ list-style: none; color: red; font-size: 10px; float: left; clear: left; margin: 0 0 0 150px}
.alert-error{color: red; font-size: 10px}

.logoHotel{ float: left; width: 200px; height: 110px;}
.logoHotel img{ width: 200px; height: 110px; border: 1px solid #FFF}

#tituloForm{ float: left; width: 530px; height: 90px; margin: 0 0 0 20px; border: 1px solid #FFF;
text-align: center; padding: 10px 0}

#sysform{margin: 20px 0 0 0; float: left; width: 750px}
h3{float: left; width: 750px; padding: 10px 0}
select{padding:5px; float: left; border: none}
label{width: 140px; font-size: 12px;height: 20px; float: left; text-align: right; padding: 5px}
input[type="text"]{padding: 5px; float: left; border: none}
input[type="password"]{padding: 5px; float: left; border: none}
input[type="submit"]{ margin: 0 0 0 150px;padding: 10px; float: left; border: none; cursor: pointer; background: #006dcc; color: #FFF}
textArea{height: 80px; padding: 5px; float: left; border: none; resize: none}
.mini{width: 70px}
.medium{width: 200px}
.large{width: 330px}
.xlarge{width: 560px}
.clear{clear: both}

select.mini{width: 80px}
select.medium{width: 210px}
select.large{width: 340px}
select.xlarge{width: 570px}

.fileup{float: left;}

p{font-size: 13px; float: left; margin: 0 0 10px 0}

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

#frmLogin{
    background: #0480be;
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
}
#frmLogin label{
    float: left;
    clear: left;
    margin: 0;
    width: 40px;
}
#frmLogin h2{
    margin: 0 0 15px 0;
}

#frmLogin input[type="submit"]{
    float: left;
    clear: left;
    margin: 0 0 0 50px;
    background: #1B305E
}

#frmLogin .errors{
    margin: 0 0 0 50px;
}

.box{ float: left; }
#numeroSinistro{
    width: 725px;
    overflow: auto;
    background: #0480be;
    margin: 140px auto 20px auto;
    clear: left;   
    padding: 15px;
    text-align: center;
}

#numeroSinistro p {
    margin: 20px 0;
    width: 725px;
    float: none;
    text-align: center;
}

a.btnSite{
    padding: 20px;
    background: #1A3A6D;
    color: #FFF;
    text-decoration: none;
    line-height: 30px;
    margin: 20px auto;
    font-weight: bold;
}

a:hover.btnSite  {
    color: #0480be;
    background: #FFF;
}

#frmConsulta{
    background: #0480be;
    width: 300px;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
}
#frmConsulta label{
    float: left;
    clear: left;
    margin: 0;
    width: 65px;
}
#frmConsulta h2{
    margin: 0 0 15px 0;
}

#frmConsulta input[type="submit"]{
    float: left;
    clear: left;
    margin: 0 0 0 75px;
    background: #1B305E;
    clear: left;
}

#frmConsulta .errors{
    color: red;
    font-size: 10px;
    margin: 0 0 0 50px;
}
#accordion{
    float: left;
    margin: 30px 0 0 0;
    width: 720px;
}
#accordion h3{
    padding: 5px 10px;
    background: #006dcc;
    color: #FFF;
    width: 698px;
    
}

.boxCliente{
    float: left;
    background: #62c462;
    width: 350px;
    padding: 10px;
}

.boxfase{
    float: left;
    background: #eeeeee;
    width: 350px;
    padding: 10px;
}
.boxDate{
    float: right;
    background: #eeeeee;
    width: 200px;
    padding: 10px;
}

.boxDateCliente{
    float: right;
    background: #62c462;
    width: 200px;
    padding: 10px;
}

.boxText{
    width: 100%;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
}
.boxDados{
    float: left;
}

.plarge{
    width: 100%;
}
.pmedium{
    width: 300px;
}

#accordion h4{
    width: 100%;
    float: left;
    clear: left;
    background: #eeeeee;
    padding: 10px 5px;
    margin: 0 0 10px 0;
}

.formAtualizar{
    float: left;
    margin: 30px 0 0 0;
}

.formAtualizar h1{
    font-size: 18px;
    background: #fff;
    margin: 0 0 20px 0;
    color: #042a80;
    padding: 10px;
}

.formAtualizar input{
    float: left;
    margin: 5px 0;
}

.formAtualizar input[type="submit"]{
    clear: left;
    margin-left: 150px; 
}

.boxnoticias{
    float: left;
    width: 500px;
    overflow: auto;  
    color: #fff;
}

.noticiaUnidade{
    width: 480px;
    padding: 10px 0;
}
.noticiaUnidade a.titulo{color: #fff; font-family: Arial; font-size: 14px; text-decoration: none; width: 470px; float: left; font-weight: bold; margin: 15px 0 0 0}
.noticiaUnidade a.resumo{color: #fff; font-family: Arial; font-size: 14px; text-decoration: none; width: 470px; float: left; margin: 5px 0 0 0; text-align: justify}

.boxGrupo{
    float: right;
    width: 200px;
    min-height: 300px;
    background: #185CA1;
    padding: 20px;
}
.boxGrupo h3{width: 180px}
.boxGrupo a.categorias{width: 180px; color: #fff; float: left; text-decoration: none; margin: 5px 0}

.navegator{ float: left; width: 700px; margin: 20px 0 0 0}
.navegator a{ color: #fff; text-decoration: none}
.current{font-weight: bold}
.tituloNot{font-size: 16px}