/* 
    Document   : fmsistemas
    Created on : 23/04/2012, 11:14:09
    Author     : fernandocamacho
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.maiusculo{
    text-transform: uppercase;
}

*{
    padding:0;
    margin: 0;
    font-family: verdana;
}
.viewtd td{
    cursor: pointer;    
}
.titped{
    text-align: center;
    font-size:12px;
    background: #A0A0A0;
    padding:10px;
    line-height: 18px;
}
.botao{
    cursor: pointer;
}
.titped:hover, .titped A:hover{
    background:#006600;
    color:#ffffff;
}
.aba{
    cursor: pointer;
}

A{
    text-decoration:none;
    color:#000000;
    font-weight: bold;
}
body{
    font-size: 11px;
    font-family: Verdana;
}
table{

}
.red{
    background:red;
    color:#ffffff;
    font-weight: normal;
    padding:4px !important;
}
.nome_campo{
    font-weight: bold;
    text-align: right;
}
th{
    background-color: silver;
    font-weight: bold;
    padding:5px 10px 5px 10px;
}
.black{
    background: black;
    color:#ffffff;
    font-weight: normal;
    padding:4px !important;
}

.greeny{
    color:greenyellow;
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    padding:4px !important;
}

td{
    padding:2px;
}

.numero{
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}
.campo_texto{
    width: 400px;
}





ul{ list-style: none;}


.dropdown a{
    color:#ffffff;

}
.topo_menu{
    padding-right: 10px;
    padding-left:10px;
    height: 30px;
    background-position: right;
}
.topo_menu a{ color:#ffffff; }
/*
    LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index: 9999999999}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;  }
ul.dropdown a:hover                 { color: #000; }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { display: block; margin-top:3px;padding: 4px 0px; border-right: 1px solid #333; font-size:12px
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: black; color: #ffffff; position: relative; }
ul.dropdown li.hover a              { color: #ffffff;  }
ul.dropdown li.hover a:hover        { color: #00FF00;  font-weight: bold; }


/*
    LEVEL TWO
*/
ul.dropdown ul                      { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li                   { font-weight: normal; background: #000; color: #000;
                                      border-bottom: 1px solid #ccc; float: none; }

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; width: 100%; display: inline-block; }

/*
    LEVEL THREE
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }

.logado{
    position: fixed;
    padding:5px;
    width: 100%;

    text-align: left;
    padding-left:10px;
    font-weight: bold;
    font-size:16px;
    color: #21331E;
    background-color: #ffffff;
    top: 0;
}

.menu{
    position: fixed;
    width: 100%;
    top:42px;
    border:0px solid #3CB371;
    height: 30px;
    /*background: #000;*/
    background: #2E64FE;
/*    background-image: url(img/fmenu.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;*/
}

.sub_menu{
    border:0px solid black;
/*    background-color: #ffffff !important;*/
    background-color: transparent !important;

}


.button {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    margin-bottom: 10px;

}
.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:#77a809;
}.button:active {
    position:relative;
    top:1px;
}

.destaque_medidas {
    font-family: Verdana;
    color: white;
    background-color: gray;
    font-size: 12px;
}
.branco{
    z-index: 10000000000000;
    position: fixed;
    top:0px;
    width: 100%;
    height: 100%
}
.opaco{
    z-index: 10000000000000;
    background: #000000;
    position: fixed;
    top:0px;
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
    width: 100%;
    height: 100%
}

.borda_pcompra{
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border:2px solid black;
    width: 200px;
    padding:10px 40px 10px 40px;
    background: silver;
    font-weight: bold;
    cursor: pointer;

}

.inicio{
    margin-bottom: 30px;
    margin-right:30px;
    padding:10px;
    line-height:22px;
}

.estufa{
    text-align: center;
    width: 320px;
    min-height: 200px;
    float:left;
    border:1px solid black;
    margin:10px;
    text-align: center;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding:10px;
    color:#ffffff;

}

.estufa_vermelha{
    background: #990033;
}
.estufa_verde{
    background: #006600;
}
.borda{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:2px;
}

.alerta{
    z-index: 10000000000000;
    background: #000000;
    position: fixed;
    top:0px;
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
    width: 100%;
    height: 100%;
    padding-top: 5%;
    padding-botton: 10%;
    padding-left: 10%;
    padding-right: 10%;
        
}
#alertatxt{
    color:red;
    font-size: 18px;
    opacity:2;
    -moz-opacity: 2;
    filter: alpha(opacity=200);
}