@charset "iso-8859-1";
/* CSS Document */

<!--Botão padrao popup -->

.btnPopup {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}



.botao01{
border:1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 15px 5px 15px; text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);font-weight:bold; color: #000000;
 background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
 background-image: -webkit-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -ms-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: -o-linear-gradient(top, #FFFFFF, #CFCFCF);
 background-image: linear-gradient(to bottom, #FFFFFF, #CFCFCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#CFCFCF);
}

.botao01:hover{
 border:1px solid #7A7A7A;
 background-color: #EEEEEE; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C7C7C7));
 background-image: -webkit-linear-gradient(top, #EEEEEE, #C7C7C7);
 background-image: -moz-linear-gradient(top, #EEEEEE, #C7C7C7);
 background-image: -ms-linear-gradient(top, #EEEEEE, #C7C7C7);
 background-image: -o-linear-gradient(top, #EEEEEE, #C7C7C7);
 background-image: linear-gradient(to bottom, #EEEEEE, #C7C7C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#C7C7C7);
}






.botao200{
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 200px;
    }
.botao200:hover {
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;
	 box-shadow: 0 2px 0 rgba(0, 0, 0, .3),0 1px 4px rgba(0, 0, 0, 0.2);

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 200px;
	 
}
	


.botao150{
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 150px;
    }
.botao150:hover {
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;
	 box-shadow: 0 2px 0 rgba(0, 0, 0, .3),
                   0 1px 4px rgba(0, 0, 0, 0.2);

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 150px;
}

.botao50{
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 50px;
    }
.botao50:hover {
     background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     background: linear-gradient(bottom, #E0E0E0, #F9F9F9 90%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;
	 box-shadow: 0 2px 0 rgba(0, 0, 0, .3),
                   0 1px 4px rgba(0, 0, 0, 0.2);

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 50px;
}


.botao150Verde{
     background: -webkit-linear-gradient(bottom, #E50003, #F9F9F9 70%);
     background: -moz-linear-gradient(bottom, #E50003, #F9F9F9 70%);
     background: -o-linear-gradient(bottom, #E50003, #F9F9F9 70%);
     background: -ms-linear-gradient(bottom, #E50003, #F9F9F9 70%);
     background: linear-gradient(bottom, #E50003, #F9F9F9 70%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 150px;
    }
.botao150Vermelho:hover {
     background: -webkit-linear-gradient(bottom, #E50003, #F9F9F9 90%);
     background: -moz-linear-gradient(bottom, #E50003, #F9F9F9 90%);
     background: -o-linear-gradient(bottom, #E50003, #F9F9F9 90%);
     background: -ms-linear-gradient(bottom, #E50003, #F9F9F9 90%);
     background: linear-gradient(bottom, #E50003, #F9F9F9 90%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;
	 box-shadow: 0 2px 0 rgba(0, 0, 0, .3),
                   0 1px 4px rgba(0, 0, 0, 0.2);

     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 12px;
     font-weight: bold;
     line-height: 18px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 150px;
}	


.buttonVerde {

    background-color: #4CAF50; /* Green */
    border: 1px;
    color: white;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
	font-weight: bold;
 
}

.buttonAzulClaro {
    background-color: #CCDBEB; /* AZUL CCLARO*/
    border: 1px;
    color: black;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
	font-weight: bold;
 
}