/*	
	CFD Version: Beta .33

	This file is part of CSSButtons.

    CSSButtons is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    CSSButtons is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with CSSButtons. If not, see <http://www.gnu.org/licenses/>.
*/


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BUTTON DEFINITION CLASS */

button.cssbutton
{
    border: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

button.cssbutton span
{
    font-weight: bold;
    color: #555;
    display: block;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    height: 23px;
    margin-left: 1px;
    padding: 0 10px 0 9px;
}
/* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	LINK DEFINITION CLASS */

a.cssbutton
{
    border: 0;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}

a.cssbutton span
{
    font-weight: bold;
    color: #555;
    display: block;
    float: left;
    white-space: nowrap;
    height: 23px;
    margin-left: 1px;
    padding: 0 10px 0 9px;
}
/* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	INPUT DEFINITION CLASS */

div.cssbutton
{
    border: 0;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

div.cssbutton input
{
    border: 0;
    font-weight: bold;
    color: #555;
    display: block;
    cursor: pointer;
    float: left;
    white-space: nowrap;
    height: 23px;
    margin-left: 1px;
    padding: 0 10px 0 9px;
}
/* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	CENTRALIZED CONTAINER DEFINITION CLASS */
	
table.cssbutton.container.centralized
{
    margin-left: auto;
    margin-right: auto;
    border: none;
}

table.cssbutton.container td
{
    padding: 0px 5px 0px 0px;
}


.botaobaixo{    border: 0;
    text-align: center;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
    color: #555;
    display: block;
    position: relative;
    white-space: nowrap;
    margin-left: 1px;
    padding: 0 10px 0 9px;
    color: white;
background: url("../cssbuttons/skins/glass/glass_cRight.gif") no-repeat right 0;
height: 21px;
line-height: 21px;
font-size: 11px;
}


/* novo layout */

@charset "utf-8";
/* CSS Document */





.button_azul {
background:  #6873B7;
background-image: -webkit-gradient( linear, left top, left bottom, from(#6873B7), to(#434492));
background-image: -moz-linear-gradient(top center, #6873B7 0%, #434492 100%); width:100%;
}

.button_major {
	background: #5BA53C;
background-image: -webkit-gradient( linear, left top, left bottom, from(#8abc6b), to(#579544));
background-image: -moz-linear-gradient(top center, #8abc6b 0%, #579544 100%);
}

.button_major, .button_azul {
	color: white !important;
	font-size: 18px;
	font-weight: 500;
	height: 30px;
	line-height: inherit;
	padding: 0 10px;
	text-decoration: none;
	display: inline-block;
	margin: 0 1px 1px 1px;
	border-color: #6D8266;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5);
}


.button_pegarcarona {
	background: #5BA53C;
background-image: -webkit-gradient( linear, left top, left bottom, from(#8abc6b), to(#579544));
background-image: -moz-linear-gradient(top center, #8abc6b 0%, #579544 100%);
}

.button_darcarona {	background: #6873B7;
background-image: -webkit-gradient( linear, left top, left bottom, from(#6873B7), to(#434492));
background-image: -moz-linear-gradient(top center, #6873B7 0%, #434492 100%); 
}


.button_pegarcarona, .button_darcarona {
color: white !important;
float:right; 
right:0px; bottom:0px;
position:static;
font-size: 14px;
font-weight: 800;
height: 20px;
line-height: 20px;
padding: 0 5px;
text-decoration: none;
display: inline-block;
margin: 0 1px 1px 1px;
border-color: #6D8266;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.50), 0 1px 0px rgba(0,0,0,0.6);
text-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
}


/* QUERO ESTA CANORA */

caronabotao { background: -webkit-gradient(linear,left top,left bottom,from(#FDA352),to(#FB8F3D));
background-color: #FDA352;
border: 1px solid #FB8F3D;	
border-radius: 2px;	
box-sizing: content-box;		
color: white;	
cursor: pointer;	
display: inline-block;	
float:right;	
font: -webkit-small-control;	
font-family: inherit;	
font-size: 11px;	
font-style: inherit;	
font-weight: bold;	
height: 27px;	
letter-spacing: normal;	
line-height: 26px;	
margin: 0 4px 0 0;	
outline: 0;	
padding: 0 10px;
text-align: center;	
text-indent: 0px;	
text-shadow: none;	
text-transform: none;	
vertical-align: middle;	
-webkit-border-radius: 2px;	
-webkit-box-align: stretch;	
-webkit-box-sizing: content-box;	
-webkit-transition: all 0.2s;	
-webkit-user-select: none;	
word-spacing: normal;
}







/* Voltar para resultados */

.botaocinzav {
-webkit-transition: all 0.2s;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-collapse: collapse;
border-radius: 2px;
border-spacing: 2px;
border-top-color: rgba(0, 0, 0, 0.1);
color: #666;
cursor: pointer;
display: inline-block;
font: 75% arial,sans-serif;
font-size: 75%;
font-weight: bold;
margin: 0 8px 0 0;
outline: none;
padding: 7px 12px;
position: relative;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
-webkit-border-radius: 2px;
-webkit-user-select: none;
white-space: nowrap;
   }

.botaocinzav:hover {
border-color: #CCC;
   color: #333;shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   }
.botaocinzav:active {
   text-shadow:-1px -1px 0px #FFFFFF;
   background: #F1F1F1;
   color: #666;
   }
   
   
   
   
   

/* botoes padrao */



/* start div botoes */
.buttons {
    float: left;
    padding-bottom: 10px;
    clear: both;
}
/* end div botoes */


/* start botao padrao */
a.button {
    font: bold 11px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
/* end botao padrao */

/* start botao CINZA */
a.button {
	color: #6e6e6e;
	text-shadow: 0 1px 0 #fff;
	background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
}
a.button:hover {
    color: #333;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
/* end botao CINZA */



/* start botao Laranja */
a.laranja {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #999;
	background: #FDA352;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
    border: solid 1px #FB8F3D;
}
a.laranja:hover {
    color: #FFFFFF;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.laranja:active {
    color: #FFFFFF;
    border-color: #444;
	box-shadow: none;
}

a.confirmar {
    background: url(sprite.png) 10px 7px no-repeat  #FDA352;  
    padding-left: 30px;

    background: url(sprite.png) 10px 7px -moz-linear-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
	background: url(sprite.png) 10px 7px -webkit-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
    border: solid 1px #FB8F3D;
}

/* start botao Azul */
a.azul {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #999;
	background: #5289fd;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#5289fd),to(#3d83fb));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#5289fd),to(#3d83fb));
    border: solid 1px #06F;
}
a.azul:hover {
    color: #FFFFFF;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.azul:active {
    color: #FFFFFF;
    border-color: #444;
	box-shadow: none;
}

/* start botao verde */
a.verde {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #999;
	background:  #5BA53C;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#5BA53C),to(#579544));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#5BA53C),to(#579544));
    border: solid 1px #060;
}
a.verde:hover {
    color: #FFFFFF;
    border-color:  #030;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	    border: solid 1px #060;
}
a.verde:active {
    color: #FFFFFF;
    border-color:  #CCC;
	box-shadow: none;
}

/* start botao vermelho */
a.vermelho {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #999;
	background: #fd6a52;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#fd6a52),to(#fb503d));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#fd6a52),to(#fb503d));
    border: solid 1px #FB8F3D;
}
a.vermelho:hover {
    color: #FFFFFF;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.vermelho:active {
    color: #FFFFFF;
    border-color: #444;
	box-shadow: none;
}


a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save {
    background: url(sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.back {
    background: url(sprite.png)  10px -202px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete {
    background: url(sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.edit {
    background: url(sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.up {
    background: url(sprite.png)  13px -133px no-repeat #f3f3f3;
    width: 18px;
}
a.down {
    background: url(sprite.png)  13px -168px no-repeat #f3f3f3;
    width: 18px;
}

a.share {
	background: url(sprite.png)  10px -236px no-repeat #5289fd;
    padding-left: 30px;
	}

a.share-big {
    background: url(sprite.png) 15px -231px no-repeat #5289fd;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}

a.save-big {
    background: url(sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}

a.add-big {
    background: url(sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}

a.delete-big {
    background: url(sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.flag-big {
    background: url(sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.up-big {
    background: url(sprite.png)  15px -128px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}
a.down-big {
    background: url(sprite.png)  15px -163px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}   

a.big {
    font-size: 16px;
    padding: 10px 15px 10px 15px;
}




/* start div botoes */
.minibuttons {
    float: left;
    padding-bottom: 0;
    clear: both;
}
/* end div botoes */


/* start botao padrao */
a.minibutton {
    font:  11px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 2px 6px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* end botao padrao */
/* start botao CINZA */
a.minibutton {
	color: #6e6e6e;
	text-shadow: 0 1px 0 #EAEAEA;
	background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
}
a.minibutton:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.minibutton:active {
    color: #000;
    border-color: #444;
}
/* end botao CINZA */

/* bordas diferenciadas */

a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
	
	
	/* start botao combinar */
a.combinar {
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-shadow: 1px 1px 0 #999;
	background: #FDA352;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#FDA352),to(#FB8F3D));
    border: solid 1px #FB8F3D;
}
a.combinar:hover {
    color: #FFFFFF;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.combinar:active {
    color: #FFFFFF;
    border-color: #444;
	box-shadow: none;
}


/* start botao info */
a.info {
	text-shadow: 0 0 0 #999;
}
a.info:hover {
    color: #FFFFFF;
    border: solid 1px #060;
	background: #5BA53C;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#5BA53C),to(#1CB020));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#5BA53C),to(#1CB020));
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.info:active {
    color: #FFFFFF;
    border-color: #444;
	box-shadow: none;
}
    

