
/* button 
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    width: 5px;
    height: 22px;
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.green {
    color: #a5d1d1;
    border: solid 1px #306161;
    background: #306161;
    background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
    width: 5px;
    height: 22px;
}
.green:hover {
    background: #4e9a9a;
    background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}
.green:active {
    color: #a5d1d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}

.rednew {
    color: #faddde;
    border: solid 1px #971316;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
    width: 5px;
    height: 22px;
}
.rednew:hover {
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}
.rednew:active {
    color: #faddde;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #63a379,  #244848);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}

.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

.greenMedium {
	color: #e9e9e9;
	border: solid 1px #808080;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
	background: -moz-linear-gradient(top,  #63a379,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}

.greenMedium a {
	color: #e9e9e9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a379', endColorstr='#244848');
}

.greenMedium:hover {
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
	background: -moz-linear-gradient(top,  #63a379,  #244848);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.greenMedium:active {
	color: #afafaf;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#63a379), to(#244848));
	background: -moz-linear-gradient(top,  #63a379,  #244848);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#244848', endColorstr='#888888');
}

.redMedium {
	color: #3e0000;
	color: #800000;
	color: #e9e9e9;
	border: solid 1px #808080;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#3e0000));
	background: -moz-linear-gradient(top,  #800000,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#3e0000');
}

.redMedium a {
	color: #e9e9e9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#3e0000');
}

.redMedium:hover {
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#3e0000));
	background: -moz-linear-gradient(top,  #800000,  #3e0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.redMedium:active {
	color: #afafaf;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#800000));
	background: -moz-linear-gradient(top,  #800000,  #3e0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e0000', endColorstr='#888888');
}

.grayMedium {
	color: #e9e9e9;
	border: solid 1px #808080;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#575757));
	background: -moz-linear-gradient(top,  #c0c0c0,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#575757');
}

.grayMedium a {
	color: #e9e9e9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#575757');
}

.grayMedium:hover {
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#575757));
	background: -moz-linear-gradient(top,  #c0c0c0,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.grayMedium:active {
	color: #afafaf;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#575757));
	background: -moz-linear-gradient(top,  #c0c0c0,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.blueMedium {
	color: #e9e9e9;
	border: solid 1px #808080;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#20577d), to(#051b2a));
	background: -moz-linear-gradient(top,  #20577d,  #051b2a);
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#20577d', endColorstr='#051b2a');
}

.blueMedium a {
	color: #e9e9e9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#153a53', endColorstr='#051b2a');
}

.blueMedium:hover {
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#166da9), to(#051b2a));
	background: -moz-linear-gradient(top,  #166da9,  #051b2a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.blueMedium:active {
	color: #afafaf;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#153a53), to(#051b2a));
	background: -moz-linear-gradient(top,  #153a53,  #051b2a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b2a', endColorstr='#888888');
}

.blueLight {
	color: #e9e9e9;
	border: solid 1px #808080;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#3596da), to(#204e6d));
	background: -moz-linear-gradient(top,  #3596da,  #204e6d);
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3596da', endColorstr='#204e6d');
}

.blueLight a {
	color: #e9e9e9;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#153a53', endColorstr='#051b2a');
}

.blueLight:hover {
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#4ca9ea), to(#204e6d));
	background: -moz-linear-gradient(top,  #4ca9ea,  #204e6d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.blueLight:active {
	color: #afafaf;
	background: #c0c0c0;
	background: -webkit-gradient(linear, left top, left bottom, from(#153a53), to(#051b2a));
	background: -moz-linear-gradient(top,  #153a53,  #051b2a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#051b2a', endColorstr='#888888');
}

.botao01{
     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;
     box-shadow: 0 3px 0 rgba(0, 0, 0, .3),
                   0 2px 7px rgba(0, 0, 0, 0.2);
     color: #616165;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     text-align: center;
     text-decoration: none;
     text-shadow:1px 1px 0 #FFF;
     padding: 5px 15px;
     position: relative;
     width: 60px;
     height: 18px;
     float: left;
     margin-top: 20px;
     margin-right: 20px;
}
 
.botao01:before{
    border: 1px solid #FFF;
    border-radius: 3px;
    box-shadow: inset 0 -2px 12px -4px rgba(70, 70, 70, .2),
                  inset 0 3px 2px -1px rgba(255, 255, 255, 1);
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 5px;
    position: absolute;
}
 
.botao01:after{
    background: rgba(255, 255, 255, .4);
    border-radius: 2px;
    content: "";
    bottom: 15px;
    left: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
}

.botao01:active{
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .2);
    top: 4px;
}

.botao01:active:before{
    border: none;
    box-shadow:none;
}

.botaoVejaMais{
     background: -webkit-linear-gradient(bottom, #153a53 0%,#051b2a 50%,#153a53 51%,#153a53 100%);
     background: -moz-linear-gradient(bottom, #153a53 0%,#051b2a 50%,#153a53 51%,#153a53 100%);
     background: -o-linear-gradient(bottom, #153a53 0%,#051b2a 50%,#153a53 51%,#153a53 100%);
     background: -ms-linear-gradient(bottom, #153a53 0%,#051b2a 50%,#153a53 51%,#153a53 100%);
     background: linear-gradient(bottom, #153a53 0%,#051b2a 50%,#153a53 51%,#153a53 100%);
     border: 1px solid #CCCCCE;
     border-radius: 3px;
     box-shadow: 0 3px 0 rgba(0, 0, 0, .3),
                   0 2px 7px rgba(0, 0, 0, 0.2);
     color: white;
     display: block;
     font-family: "Trebuchet MS";
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     text-decoration: none;
     text-shadow:1px 1px 0 #4e4c4c;
     padding: 3px 10px;
     width: 100px;
     height: 25px;
     float: right;
     margin-right: 28%;
}

.botaoVejaMais img{
	float: left;
	margin-top: 0.3em;
}
