html {
height: 100%;
margin: 0;
padding: 0;
font-family:Carrois Gothic, tahoma, arial;
overflow:hidden;
}

span.asterisco {
font-size:0.8em;
color:red;
font-weight:bold;
padding-left:10px;
}

div.itemTITULO {
width:33%;
float:left;
}

#divMAIN {
width:100%;
height:100%;
float:left;
}

/* icones usados em divs dinamicas */
div.btnICONE {
font-size:2em;cursor:pointer;
line-height:40px;
height:40px;
vertical-align:middle;
color:white;
float:right;
text-align:center;
border:1px solid white;
width:5%;
}
div.btnICONE:hover {
background-color:#f1f6fc;
border:1px solid blue;
}


div.menu {
float:left;
height:50px;
line-height:50px;
width:100%;
color:black;
text-align:center;
background-color:#FFE9CD;
position:relative;
border-left: solid 1px gray;
border-right: solid 1px gray;
}

div.itemMENU {
width:19%;
float:left;
font-size:18px;
color:black;
}


div.itemMENU:hover {
background-color:#FF3333;
cursor:pointer;
color:white;
}


div.itemMENU_CLICADO {
width:19%;
float:left;
font-size:18px;
color:red;
font-weight:bold;
}
div.itemMENU_CLICADO:hover {
background-color:#FF3333;
cursor:pointer;
color:white;
}


div.rodape  {
position: fixed;
bottom:8px;
font-size:0.8em;
color:blue;
left:30px;
}

input[type="button"].btnPADRAO{
background-color: lightgrey;
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: black;
font-family: 'Helvetica Neue', Arial, sans-serif;;
font-size: 0.9em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnPADRAO:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

table.tabSUBTABELA {
color: rgb(102, 102, 102);
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 1em;
background-color: white;
border-spacing:0;
border-top: 0px solid rgb(221, 221, 221);
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 0px solid rgb(221, 221, 221);
table-layout: fixed;
}
table.tabSUBTABELA th {
line-height:30px;
height: 30px;
background-color: #EAEAEA;
margin-left: auto;
margin-right: auto;
border-spacing:0px;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
table.tabSUBTABELA tr.trHORARIO  {
color:black;
background-color:white;
}
table.tabSUBTABELA tr.trHORARIO td { 
vertical-align:top;
min-height:120px;
height:120px;
border:1px solid lightgray;
}

table.tabSUBTABELA tr.trHORARIO:hover { 
background-color:#F0F0F0 ;
cursor:pointer;
}
table.tabSUBTABELA tr.trHORARIO td:hover {
cursor:pointer;
}

div.postitHORARIO {
position: absolute;
z-index: 200;
cursor: pointer;
font-size: 0.9em;
color:black;         
border: 1px solid grey;
display:block;
background-color: white;
font-family: monospace;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #e6eeff; 
}

div.postitHORARIO:hover {
background-color: #ffff66;
}

input[type="text"].menor {
text-transform: uppercase;
font-size:1em;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
margin-top:2px;
color:black;
font-family:  'Trebuchet MS', Helvetica, Arial, sans-serif;
width:90%;
}
input[type="text"].menor:hover { 
border-color: green;
background-color: #E6E6FF;
}
input[type="text"].menor:focus { 
background-color: #FFFFCC;
border-color: green;
}

.cssDIV_ESCONDE  { display:none; }

.cssDIV_AJAX {
width: 120px;
height: 50px;
position: absolute;
z-index:1000024;
background: rgba(146, 200, 167, 0.5);
background: rgba(100,	149	,237, 0.5);	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top:29px;
}

table.tabPADRAO th {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
line-height:25px;
height: 25px;
background-color: #EAEAEA;
margin-left: auto;
margin-right: auto;
border-spacing:0px;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

table.tabPADRAO {
color: rgb(102, 102, 102);
font-family: monospace;
font-size: 1.1em;
background-color: white;
border-spacing:0;
border-top: 0px solid rgb(221, 221, 221);
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 0px solid rgb(221, 221, 221);
table-layout: fixed;
}

input[type="button"].btnGRAVAR{
background-color: rgb(209, 72, 54);
background-image: -webkit-linear-gradient(top, rgb(221, 75, 57), rgb(209, 72, 54));
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: white;
display: block;
float: left;
font-family: 'Helvetica Neue', Arial, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnGRAVAR:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

input[type="button"].btnCONTINUAR{
background-color: rgb(27, 127, 831);
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: white;
display: block;
float: left;
font-family: 'Helvetica Neue', Arial, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnCONTINUAR:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

span.btnFECHARDIV {
font-size:1.3em;cursor:pointer;
}
span.btnFECHARDIV:hover {
background-color:#737373;
cursor:pointer;
}
div.avisoCENTRAL {
background-color: #ffebeb;
border-color: #b40000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-style: solid;
border-width: 1px;
color: #c40000;
font-family: 'Carrois Gothic', Arial,sans-serif;
font-size: 1.3em;
height:100px;
line-height:30px;
padding-top:15px;
position:absolute;
z-index:10000;
bottom:25px;
width:90%;
}

table.tabSUBTABELA tr.trSALA  {
color:black;
background-color:#fefabc;
font-size:1.3em;
height:30px;
}

table.tabSUBTABELA tr.trSALA:hover { 
background-color:lightgray;

cursor:pointer;
}
textarea  {
font-size:1em;
height:1.2em;
line-height:1.2em;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
margin-top:2px;
color:blue;
resize: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
textarea:hover { 
border-color: green;
background-color: #E6E6FF;
}
textarea:focus { 
background-color: #FFFFCC;
border-color: green;
}

input[type="button"].btnSAIR{
background-color: lightgrey;
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: black;
font-family: 'Helvetica Neue', Arial, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}


input[type="button"].btnSAIR:hover{
border-color:white;
background-color:red;
box-shadow: black 0px 0px 3px 0px;
}

#avisoEMAIL_PARTICULAR {
background-color: #ffebeb;
border-color: #b40000;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-style: solid;
border-width: 1px;
color: #c40000;
font-family: 'Helvetica Neue', Arial, sans-serif;;
height:110px;
font-size:14px;
position:absolute;
padding-top:8px;
right:10px;
padding-left:20px;
padding-right:20px;
top:65px;
z-index:200;
}

div.setaAUTOCOMPLETE:hover {
cursor:pointer;
background-color:#f1f6fc;
}
div.cmpAUTOCOMPLETE {
float:left;;
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
}

div.setaAUTOCOMPLETE {
float:left;
vertical-align:middle;
background-image: url('../imagens/escolheIC.png');
background-position: bottom center;
background-repeat: no-repeat;
height:37px;
width:30px;
margin-top:4px;
}

/* sobreescrevendo alguns css dos dialogos modais do jquery (jquery dialog()) */
.ui-corner-all {
    border-radius: 0;
}
.ui-dialog-titlebar {
  background-color: #333c83;
  background-image: none;
  color: white;
  font:1em;
}
.ui-dialog-titlebar-close {
  visibility: hidden;
}
.ui-dialog-title{
    font-size: 14px;
    color: white;
}

.ui-widget-overlay {
   opacity: 0;
   filter: Alpha(Opacity=0);
}
.ui-widget-content {
    border: 1px solid black;
    padding:0;
    font-size: 14px;
}

.ui-dialog { z-index: 1000045 !important ;}
.ui-widget-overlay { 
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;
  z-index:1000044;

  background-color: rgb(50, 50, 50) !important; 
}


div._cachorrinho {
bottom:5px;
right:25px;
z-index:11;
position:fixed;
width:32px;
height:32px;
float:right;
cursor:pointer;
background: url('../imagens/dog.png') no-repeat top left;
}




div._cachorrinho_1 {
bottom:1px;
display:none;
right:30px;
z-index:2101;
position:fixed;
width:16px;
height:16px;
float:right;
background: url('../imagens/pens_1.png') no-repeat top left;
}

div._cachorrinho_2 {
bottom:1px;
display:none;
right:30px;
z-index:2101;
position:fixed;
width:30px;
height:30px;
float:right;
background: url('../imagens/pens_2.png') no-repeat top left;
}
div._cachorrinho_3 {
display:none;
bottom:-100px;
right:30px;
z-index:2101;
position:absolute;
width:342px;
height:133px;
float:right;
background: url('../imagens/pens_3.png') no-repeat top left;
}

div.setaAUTOCOMPLETE_MESMALINHA:hover {
cursor:pointer;
background-color:#f1f6fc;
border:1px solid blue;
}
div.setaAUTOCOMPLETE_MESMALINHA {
float:left;
vertical-align:middle;
background-image: url('../imagens/setaAC.png');
background-position: bottom center;
background-repeat: no-repeat;
border:1px solid transparent;
height:27px;
width:30px;
margin-top:-8px;
padding-top:-8px;
}

table.tabPADRAO tr.trLARANJA td {
padding-left:6px;
}

table.tabPADRAO tr.trLARANJA {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
}
table.tabPADRAO tr.trLARANJA_CLICADA {
background-color:#ff9900;                                              
line-height:25px;
height: 25px;
max-height: 25px;  
color:black;
cursor:pointer;
}
table.tabPADRAO tr.trLARANJA_CLICADA td {
padding-left:6px;
}
table.tabPADRAO tr.trLARANJA:hover {
background-color:#ffc266;
cursor:pointer;
}

#setaVOLTAR:hover {
cursor:pointer;
background-color:#d5e4f6;
border:1px solid blue;
}

#setaVOLTAR {
position:absolute;
bottom:0px;
width:80px;
height:80px;
text-align:center; 
border:1px solid transparent;
padding-top:15px;
position:absolute;
bottom:5px;
left:5px;
}

.cssTITLE {
background-color: #333333 !important; 
border-color: #333333 !important ;
border-bottom-left-radius: 6px !important;
border-bottom-right-radius: 6px !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
color:white !important;
font-family: 'Roboto', sans-serif !important;
font-size: 13px !important;
line-height:20px !important;
white-space: nowrap !important;
padding-left:5px !important;
padding-right:10px !important;
position: relative !important;
display: inline-block !important;;
}