/**************************************************************************************************/
/* CSS general para los widgets de propietarios                                                   */
/**************************************************************************************************/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

:focus{
	outline: -webkit-focus-ring-color auto 0px;	/* Elimina el resplandor que pone chrome */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, button, textarea, blockquote, th, td, section, nav, img{ margin: 0; padding: 0; }

body{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	background-color: transparent;
	overflow: hidden;
}

img{
	border: 0;
}

label{
	font-weight: bold;
}

select, input[type=text]{
	padding: 3px;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.oculto{ display: none; }

/* ------------------- */
/* Reglas para botones */
/* ------------------- */

a.btn{
	text-decoration: none;
}
.btn{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	padding: 7px 13px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	.btn.azul{
		background: #78adc4;
		border: 1px solid #6F9BB4;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.azul:hover{
			background: #88bdd4;
		}
		.btn.azul:active{
			background: #689db4;
			-webkit-box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
		}
	.btn.gris{
		background: #514C52;
		border: 1px solid #000000;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #000000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #000000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #000000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.gris:hover{
			background: #727272;
			}
		.btn.gris:active{
			background: #000000;
			-webkit-box-shadow: 0px 1px 0px 0px #727272, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #727272, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #727272, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.rojo{
		background: #FF0000;
		border: 1px solid #CC0000;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #990000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #990000, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #990000 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.rojo:hover{
			background: #FF3300;
			}
		.btn.rojo:active{
			background: #FF6666;
			-webkit-box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #689db4, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.verde{
		background: #4a8a00;
		border: 1px solid #3F3F3E;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.verde:hover{
			background: #539901;
		}
		.btn.verde:active{
			background: #447f00;
			-webkit-box-shadow: 0px 1px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #2E5600, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
		}
	.btn.azulOscuro{
		background: #2C6BC0;
		border: 1px solid #354D6E;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.azulOscuro:hover{
			background: #5080C2;
		}
		.btn.azulOscuro:active{
			background: #2B65B4;
			-webkit-box-shadow: 0px 1px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #305A93, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
		}
	.btn.morado{
		background: #9136B3;
		border: 1px solid #581C6E;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #7B3197, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #7B3197, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #7B3197 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.morado:hover{
			background: #A94ACC;
			}
		.btn.morado:active{
			background: #7C3298;
			-webkit-box-shadow: 0px 1px 0px 0px #7B3197, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #7B3197, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #7B3197, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.naranja{
		background: #FF5C00;
		border: 1px solid #D34F04;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #D86423 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.naranja:hover{
			background: #FD7B32;
			}
		.btn.naranja:active{
			background: #E85400;
			-webkit-box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.naranjaClaro{
		background: #FFAE00;
		border: 1px solid #DE8108;
		font-weight: bold;
		text-shadow: 1px 1px rgba(126,75,10,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #F39002, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #F39002, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #F39002 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.naranjaClaro:hover{
			background: #FDB44C;
			}
		.btn.naranjaClaro:active{
			background: #EAA001;
			-webkit-box-shadow: 0px 1px 0px 0px #F39002, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #F39002, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #F39002, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.rosa{
		background: #DD2B94;
		border: 1px solid #A81E6F;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #B42C7C, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #B42C7C, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #B42C7C inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.rosa:hover{
			background: #DB4A9F;
			}
		.btn.rosa:active{
			background: #D80582;
			-webkit-box-shadow: 0px 1px 0px 0px #B42C7C, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #B42C7C, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #B42C7C, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}
	.btn.verdeClaro{
		color: #E8F8B9;
		background: #91BD09;
		border: 1px solid #739705;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.verdeClaro:hover{
			background: #B1CE56;
		}
		.btn.verdeClaro:active{
			background: #88AE12;
			-webkit-box-shadow: 0px 1px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #718A24, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
		}

/* ------------------- */
/* Reglas para Firefox */
/* ------------------- */

html.gecko .btn{
	padding: 4px 8px!important;

}