@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'SFAtarian';
  src: url('SFAtarian.eot');
  src: url('SFAtarian.eot?#iefix') format('embedded-opentype'),
       url('SFAtarian.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
    font-size:1.0em;
	font-family: "SFAtarian",serif;
	background:url(../img/fondo.jpg);

}
h2{font-size:1.3em; margin:0; padding:0; color:#3FB52D;}

p{font-size:1.1em; color:#168411;}

ul{margin:0;padding:0;}
li{margin:0;padding:0;}

#content{
	margin:0; padding:0;
	max-width:550px;
	max-height:900px;
}

#botones{
	padding-top:5px;
	float:left;	
}

#field{
	margin-top:10px;
    width: 480px;
	height:800px;
	background:url(../img/campo.jpg) no-repeat;
	float:left;
}

.position{
	height: 82px;
    width: 80px;
	background:url(../img/camisetascolor_pque/blanco.png) no-repeat top center;
	position:absolute;	
	cursor:pointer;	
}
.position span {
	top:10px;
	left: 32px;
	position:relative;
	text-align: center;
    font-size:2.0em;
	font-weight:bold;
    width: 100%;
	color: #FF0000;	
	z-index:10;
}
#num01 span, #num01a5 span, #num01b5 span{
	padding-left: 4px;
}

.position input {
	left: 0px;
	position:absolute;
    margin-top: 65px;
    text-align: center;
    width: 100%;
	color: #004080;
	background-color:#FFF;
	border: 1px solid #004080;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

button img{
	padding-top:5px;
}

.myButton {
	-moz-box-shadow: 2px 2px 0px 0px #899599;
	-webkit-box-shadow: 2px 2px 0px 0px #899599;
	box-shadow: 2px 2px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #7db381;
	display:inline-block;
	cursor:pointer;
	color:#2b994e;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4a8a34;
	font-size:1.0em;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}


.rayav {
    top: 6px;
	left:75px;
    background: #FFF;
    margin-left:12px;
    width: 20px;
    height: 238px;
	position:relative;
	list-style:none;
	display:inline-block;
  }
  

.minirayasv {
	top:2px;
	left: 24px;
	position:absolute;
	z-index:5;
}

.minirayav {
    background: #DD41DC;
    margin-left:0px;
    width: 5px;
    height: 60px;
	position:relative;
	list-style:none;
	display:inline-block;
	z-index:5;
  }
  
.rayah {
    top: 10px;
	left:80px;
	background: #F90;
    margin-bottom:15px;
	width: 141px;
    height: 20px;;
	position:relative;
	list-style:none;
}

.minirayash {
	top:5px;
	left: 23px;
	position:absolute;
	z-index:5;
}
.minirayah {
	background: #F90;
    margin-bottom:8px;
	width: 34px;
    height: 7px;;
	position:relative;
	list-style:none;
	z-index:5;
}

#camisa{
	background-image: url(../img/camisetascolor/blanco.png);
	width:300px; height:250px;
  }
#dorsal{
	top:40px;
	position:absolute;
	left: 130px;
    font-size:7.7em;
	font-weight:bold;
	color: #FF0000;	
}

/* Futbol 11 */
#num01{ top: 700px; left: 210px; }
#num02{ top: 525px; left: 390px; }
#num03{ top: 525px; left: 30px; }
#num04{ top: 525px; left: 265px; }
#num05{ top: 275px; left: 265px; }
#num06{ top: 525px; left: 140px; }
#num07{ top: 75px; left: 265px; }
#num08{ top: 275px; left: 390px; }
#num09{ top: 75px; left: 140px; }
#num10{ top: 275px; left: 140px; }
#num11{ top: 275px; left: 30px; }

/* Futbol 5*/
#num01a5{ top: 700px; left: 210px; }
#num02a5{ top: 600px; left: 120px; }
#num03a5{ top: 600px; left: 310px; }
#num04a5{ top: 450px; left: 120px; }
#num05a5{ top: 450px; left: 310px; }
#num01b5{ top: 50px; left: 210px; }
#num02b5{ top: 150px; left: 120px; }
#num03b5{ top: 150px; left: 310px; }
#num04b5{ top: 300px; left: 120px; }
#num05b5{ top: 300px; left: 310px; }