/* 
    Document   : css
    Created on : 20-jul-2011, 12:37:51
    Author     : Pablo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
	margin: 0px;
}
#logo{
	width: 300px;
        margin: 20px;
}
#divPiz{
    margin: 20px 15px;
    width: 321px;
}
#logo-handballtools{
    max-width: 210px;
}
.logos div{
	width: 49%;
	float: left;
}
footer{
    margin: 20px;
}
.pizarra_pizbm{
    width: 300px;
    height: 300px;
    border: dotted 1px gray;
}
.paypal{
	margin-top: 20px;
}
.row-pizarra{
	background-color: #333333;
	border-radius: 4px;
	border: solid 2px #222222;
	min-height: 400px;-moz-box-shadow:    
	inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.botonera{
    height: 600px;
    background-color: White;
    border: solid 1px gray;
    width: 66px;
    clear: both;
	position: fixed;
	top: 15px;
	right: 15px;
}
.bot{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: left;
}
.bot_def{
    background-image: url(./i/bot_def.png);
}
.bot_ata{
    background-image: url(./i/bot_ata.png);
}
.bot_ata_dis{
    background-image: url(./i/bot_ata_dis.png);
}
.bot_entr{
    background-image: url(./i/bot_entr.png);
}
.bot_bal{
    background-image: url(./i/bot_bal.png);
}
.bot_pase{
    background-image: url(./i/bot_pase.png);
}
.bot_lanz{
    background-image: url(./i/bot_lanz.png);
}
.bot_mov{
    background-image: url(./i/bot_mov.png);
}
.bot_curva{
    background-image: url(./i/bot_curva.png);
}
.bot_curva2{
    background-image: url(./i/bot_curva2.png);
}
.bot_text{
    background-image: url(./i/bot_text.png);
}
.bot_con{
background-image: url(./i/bot_con.png);
}
.bot_val{
background-image: url(./i/bot_val.png);
}
.bot_clear{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_clear.png);
}
.bot_save{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_save.png);
}
.bot_undo{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_undo.png);
}
.bot_return{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_undo.png);
}
.bot_cerrar{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_cerrar.png);
}
.bot_cam_ata{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_cam_ata.png);
}
.bot_cam_def{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_cam_def.png);
}
.bot_cam_ent{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_cam_ent.png);
}
.bot_cam_ent_tum{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_cam_ent_tum.png);
}
.bot_pista1{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_pista1.png);
}
.bot_pista2{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_pista2.png);
}
.bot_pista3{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_pista3.png);
}
.bot_pista4{
    background-image: url(./i/bot.png);
    width: 32px;
    height: 32px;
    background-position: 0 0;
    float: right;
    background-image: url(./i/bot_pista4.png);
}
.colorInput{
    width: 32px;
    height: 32px;
    color: transparent;
    float: right;
}
.addText{
    width: 64px;
    height: 28px;
    color: #000;
    float: left;
	margin: 2px 0 0 0;
}
#divDonacion{
	float: right;
	margin: 20px;
	font-family: Trebuchet MS, Arial;
	color: #444;
	width: 400px;
}
#divTodo{
	width: 1050px;
}
.div_navegadores{
	padding: 20px 0 0 0;
	font-size: 12px;
	color: #444;	
	font-family: Trebuchet MS, Arial;
	clear: both;
}
#instrucciones{
	font-size: 10px;
	font-family: Arial;
        display: none;
}