@font-face {

    font-family: 'black_jackregular';

    src: url('font/blackjack-webfont.eot');

    src: url('font/blackjack-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/blackjack-webfont.woff') format('woff'),

         url('font/blackjack-webfont.ttf') format('truetype'),

         url('font/blackjack-webfont.svg#black_jackregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body {

	background: #0B3576 url('bg/squares.png');

	font-family: arial;

	font-size: 14px;

	padding: 5px;

	margin: 5px;

}

/*<========Propiedades de restablecimiento de CSS========>*/

h1, p, form, input, div, img, label {

	padding: 0;

	margin: 0;

}

a {

	text-decoration: none;

	color: rgba(220,220,220,1);

	padding: 0;

	margin: 0;

}

/*<===============================================>*/

/*<========Reglas CSS ordenadas de arriba a abajo========>*/

.container {

	overflow: hidden;

}

.hidden {display: none;}

.loginForm {

	margin: 3em auto 0 auto;

	width: 92%;

	padding: 10px;

	

	border: 2px solid #778899;

	background: #778899;

	border-radius: 10px;

}

header h1 {

	margin-top: 20px;

	color: rgba(240,240,240,1);

	font-family: Arial;

	font-weight: bold;

	font-size: 2em;

	font-variant: small-caps;

	width: 100%;

	text-align: center;

	text-shadow: 1px 1px 4px rgba(10,10,10,1);

	letter-spacing: 1.5px;

}

header h2 {

	color: #00CCFF;

	font-family: Verdana;

	font-weight: bold;

	font-size: 1.5em;

	font-variant: small-caps;

	width: 100%;

	text-align: center;

	letter-spacing: 1.5px;

	text-shadow: 1px 1px 4px rgba(10,10,10,1);

}

input {

	background: rgba(228,232,243, 0.8) url("../../images/sprite.png") no-repeat;

	background-size: 20px 80px;

	background-position: 0.5em 0.6em;

	border: none;

	color: rgba(80,80,80,1);

	padding: 0 0 0 35px;

	height: 2.8em;

	margin: 5px 2px;

	width: 90.7%;

	outline: none;

	-webkit-transition: background-color 0.4s;

	transition: background-color 0.4s;

	border-radius: 5px;

}

input:hover {

	background-color: rgba(255,255,255, 0.8);

}

input:focus {

	background-color: rgba(255,255,255, 0.8);

}

label {

	color: rgba(220,220,220,1);

}

.profile {

	height: 14em;

	width: 14em;

}

.password {

	background-position: 0.5em -3.8em;

}

.remember {

	background: none;

	width: 1em;

	height: 1em;

	margin: 0 0.5em 0 0;

	cursor: pointer;

}

label.rem {

	font-size: 0.8em;

	cursor: pointer;

}

.recovery {

	font-size: 0.8em;	

}

.recovery:hover {

	text-decoration: underline;

}

.submit em { font-size: 14px; margin-right: 5px; }

.submit {

	display: inline-block;

	border-radius: 6px;

	margin: 0px;

	padding: 6px 10px;

	font-size: 1.2em; 

	margin-top: 15px;

	background: rgba(35,35,35, 0.6);

	color: rgba(220,220,220,1);

	cursor: pointer;

	-webkit-transition: background 0.4s;

	transition: background 0.4s;

}

.submit:hover, .submit:focus {

	background: #000;

}

div.An_Gral {width: 500px; margin: 5px auto;}

/*<============================================================>*/

/*<========Consultas de medios para otras pantallas y dispositivos========>*/

@media only screen and (max-width: 480px) {

	div.An_Gral {width: 90%; margin: 5px auto;}

	.Logo_Cab, .Logo_Cos { width: 80px;}

	.Logo_Tit { width: 300px;}

	.Logo_Fechas { width: 300px;}

	.CopyR { width: 340px !important; margin: 5px auto; }

}

/*<============================================================>*/

.cur {cursor: pointer;}

img {border: 0px none; padding: 0px; margin: 0px;}

a, span.Link, span.Enlace, a:active, a:visited, a:link {color: #00CCFF; text-decoration: none; cursor: pointer;}

a:hover, span.Link:hover, span.Enlace:hover {color: #CCFF00;}

	ol, ul {list-style:none; margin:0px;padding:0px;}

	ol.Activo { text-align:left; list-style-type: lower-alpha; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}

	ul.Activo { text-align:left; list-style-type: square; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;}

	ol.Activo span, ul.Activo span {font-weight: bold; margin-left: 0px;}

	ol.Activo li, ul.Activo li {margin: 2px 0px 2px 10px;}



.Underline {text-decoration: underline;}

.help {cursor: help;}

.p_i {float: left;}

.p_d {float: right;}





a, span.Link, span.Enlace, a:active, a:visited, a:link, .Underline, div.MenuU ul li span,div.Pestanas ul li span,.tabla_Equipos tr.Uno, .tabla_Equipos tr.Dos,.tabla_Equipos tr td div.Cubo,

div.listaBotones span, .icoHover, .spanAccion img, div.divRes div.C div.I input, .btnMenuAccess

{ -o-transition:.4s;  -ms-transition:.4s;  -moz-transition:.4s;  -webkit-transition:.4s;  transition:.4s; }



.CopyR {background-color: #778899 !important; color: #FFF; letter-spacing: 3px; font: bold italic 9px Tahoma; text-align:center; border: 1px solid #c0c0c0; text-shadow: 1px 1px 0px #333; padding: 8px 5px; width: 470px; margin: 10px auto; border-radius: 8px;}



.bgSquares {background-image: url('bg/squares.png');}