/********************************************************************************/
/*									B U T T O N S								*/
/********************************************************************************/
/*_________________________________N_O_R_M_A_L__________________________________*/
/*-----GLOBAL-----*/
.button,
.buttonB,
.button3D,
.buttonB3D
{
	font-family: helvetica,arial,sans-serif;
	font-weight: bold;
	text-align:center;
	padding:0px 2px;
	text-decoration:none;
	margin:0px;
	font-size:11;
}
/*----------------------H-O-V-E-R------------------------------*/
/*------TEXT-----*/
.buttonB:hover,
.button:hover,
.button3D:hover,
.buttonB3D:hover
{
	color:#000000;
    cursor: pointer;
}
/*----BACKGROUND----*/
.buttonB:hover,
.button:hover,
.button3D:hover,
.buttonB3D:hover
{
	background-color:#7777ff;
}
/*-----OKRAJ-----*/
.buttonB:hover,
.button:hover,
.button3D:hover,
.buttonB3D:hover
{
	border: 1px solid Black;
}
/*----------------------N-O-R-M-A-L-----------------------------*/
/*------TEXT-----*/
.button,
.buttonB,
.button3D,
.buttonB3D,
.button a
{
	color: #F0FFF0;
}
/*----BACKGROUND----*/
.buttonB,
.button3D,
.buttonB3D,
.button
{
	background-color: #3CB371;
}
/*-----OKRAJ-----*/
.buttonB,
.button3D,
.buttonB3D,
.button
{
	border: 1px solid #006400;
}
/*BLOKOVY ELEMENT*/
.buttonB,
.buttonB3D
{
	display:block;
	width:100%;
}

/*_________________________________3_D__________________________________*/

/*----------------------H-O-V-E-R------------------------------*/
/*-----OKRAJ-----*/
.button3D:hover,
.buttonB3D:hover
{
	border-top:2px solid #383838;
	border-left:2px solid #383838;

	border-right:2px solid #c0c0c0;
	border-bottom:2px solid #eeeeff;
}
/*----------------------N-O-R-M-A-L-----------------------------*/
/*-----OKRAJ-----*/
.button3D,
.buttonB3D
{
	border-top:2px solid #eeeeff;
	border-left:2px solid #c0c0c0;

	border-right:2px solid #383838;
	border-bottom:2px solid #383838;
}
/*______________________________S_P_E_C_I_A_L________________________________*/
a.special1,
a.special2,

a.special
{
	text-decoration:none;
	padding:1px;
	margin:1px;
	font-weight:bold;
	font-size:90%;

}

a.special1
{
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color:black;
	color:white;
	margin:1px;
}
a.special2
{
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color:white;
	color:black;
	margin:0px;
}
.special3
{
	padding:0px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color:black;
	color:white;
}
.special4
{
	padding:0px;

	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color:white;
	color:black;
}

/*------------------------------------EXAMPLES-------------------------------------
<textarea class="input"  cols="10" rows="5"></textarea>
<input class="button" type="Submit" name="ahoj" >
<input class="buttonB3D" type="Submit" name="ahoj" >
<a href="" class="button">hlavni menu</a><br>
<a href="" class="buttonB">hlavni menu</a><br>
<a href="" class="button3D">hlavni menu</a><br>
<a href="" class="buttonB3D">hlavni menu</a><br>
<a href="" class="special"><span class="special3" style="background-color:blue;">POWERED BY</span><span style="color:blue;" class="special4">MIra</span></a>
<a href="" class="special"><span class="special3">POWERED BY</span><span class="special4">MIra</span></a>
<span><a href="a" class="special1">NON</a><a class="special2" href="">zac</a></span>

*/

label.notBold {
	font-weight: normal;
}