@charset "iso-8859-2";
/* CSS Document */


/* COMUNICACIÓN GLOBAL
/* Autor: Gemma Valls
/* Empresa: Entorno Digital - www.entornodigital.es
/* Creado: 26/11/2007
--------------------------------------------------------------------------- */


/* 1. BASICOS
--------------------------------------------------------------------------- */

body {padding: 0; margin: 0; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; text-align:left; background: url(../img/fondo_degradadogris.jpg) repeat-x top left; scrollbar-face-color: #DFDFDF; scrollbar-shadow-color: #B4C8F6; scrollbar-highlight-color: #CACAC1; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #68685F; scrollbar-track-color: #F0F0F0; scrollbar-arrow-color: #68685F}

p { margin: 0 0 10px 0;}

h1 { margin:0; padding:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 48px; font-weight:normal;}

h2 { margin:0; padding:0; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;}

h3 { margin:0; padding:0; text-align:center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal;}

ul { padding: 15px; margin:0;}

li { margin-top: 8px; padding:0;}

input { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

img {border: 0;}

input { background-color: #000; border: 1px solid #999; padding: 2px; margin: 2px 0 2px 0; color: #FFF; width: 180px;}

textarea { background-color: #000; border: 1px solid #999; padding: 2px; margin: 2px 0 2px 0; color: #FFF; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; width: 380px; height: 100px;}

.clear {clear: both;}

form {margin:0;padding:0;}

marquee { width: 100%;}

/* 2. ESTRUCTURA
--------------------------------------------------------------------------- */

#estructura { position: absolute; top: 50%; left: 50%; margin-top: -299px; margin-left: -400px; /*margin: 0 auto;*/ width: 800px; height: 598px;}

html>body #pantalla { position: absolute; width: 470px; height: auto; top: 50%; left: 50%; margin-top: -240px; margin-left: -235px;}
#pantalla { position: absolute; width: 470px; height: auto; top: 50%; left: 50%; margin-top: -240px; margin-left: -235px;}

#contenido { float: left; width: 400px; height: 352px; background-color: #000; padding: 30px 35px 15px 35px; color: #FFF;}
	#contenido .tit { float: left; width: 400px; height: 25px;}
	#scrollbaraviso { position: relative; float: left; width: 370px; height: 295px; color: #FFF; line-height: 17px; text-align: justify; padding: 0 24px 0 0; margin-top: 25px; overflow: auto;}


#pie { width: 470px; padding-top: 8px; margin: 0 auto;}
	#pie .idiomas { float: left; width: 360px;}
		#pie .idiomas .enlace { font-weight: bold; text-decoration: none; color: #000; margin-right: 8px;}
		#pie .idiomas .enlace:hover { font-weight: bold; text-decoration: none; color: #8fd300; margin-right: 8px;}
	#pie .aviso { float: left; widht: 200px;}
		#pie .aviso .enlace { font-size: 11px; font-weight: bold; text-decoration: none; color: #000;}
		#pie .aviso .enlace:hover { font-size: 11px; font-weight: bold; text-decoration: none; color: #999;}


/* INICIO IDIOMAS */

#logoinicio { width: 226px; padding-top: 229px; margin: 0 auto;}
#idiomas { width: 226px;  margin: 0 auto; padding: 7px; margin-top: 12px; border-top: 1px solid #c8c7c7; border-bottom: 1px solid #c8c7c7; text-align: center;}
	#idiomas .enlace { font-size: 11px; font-weight: bold; text-decoration: none; color: #000; margin: 0 8px 0 8px;}
	#idiomas .enlace:hover { font-size: 11px; font-weight: bold; text-decoration: none; color: #8fd300; margin: 0 8px 0 8px;}
	

/* INICIO MENU */

#parchis { width: 798px; height: 596px; background:url(../img/parchis.gif) no-repeat top left; border: 1px solid #c8c7c7;}

html>body #logo { float: left; width: 94px; margin: 25px 0 0 30px;}
#logo { float: left; width: 94px; margin: 24px 0 0 15px;}

#menuinicio { position: absolute; width: 470px; top: 50%; left: 50%; margin-top: -235px; margin-left: -230px;}
	#menuinicio #cuadrado1 { float: left; width: 213px; height: 213px; margin: 0 44px 44px 0;}
	#menuinicio #cuadrado2 { float: left; width: 213px; height: 213px; margin: 0 0 44px 0; text-align: center; font-weight: bold;}
	#menuinicio #cuadrado3 { float: left; width: 213px; height: 213px;margin: 0 44px 0 0; text-align: center; font-weight: bold;}
	#menuinicio #cuadrado4 { float: left; width: 213px; height: 213px;}
	
#dadoanim { position: absolute; width: 94px; height: 94px; top: 50%; left: 50%; margin-top: -47px; margin-left: -43px;}

#eslogan { width: 793px; height: auto; background-color: #c8c7c7; margin-top: 577px; text-align: center; font-size: 11px; color: #333333; /*font-weight: bold;*/ padding: 3px;}


/* MENU */

html>body #menu { float: right; width: 140px; height: 133px; margin: 24px 11px 0 0;}
#menu { float: right; width: 140px; height: 133px; margin: 24px 5px 0 0;}

html>body #roll {float: right; width: 140px; height: 14px; margin: 16px 12px 0 0; text-align: center; color: #FFF;}
#roll {float: right; width: 140px; height: 14px; margin: 16px 6px 0 0; text-align: center; color: #FFF;}
	

/* AVISO LEGAL */

#bottom { float: left; width: 470px; height: 84px; background: url(../img/aviso_fondo.gif) top left no-repeat;}
#cerraraviso {  float: left; width: 470px; height: 84px; background: url(../img/aviso_fondo.gif) top left no-repeat;}
	#cerraraviso .icono { float: right; margin: 35px 35px 0 0;}
		

/* COORDINADORES */

#cerrarcoord { float: left; width: 470px; height: 84px; background: url(../img/coord_fondo.gif) top left no-repeat;}
	#cerrarcoord .icono { float: right; margin: 35px 35px 0 0;}
		

/* REGLAS */

#cerrareglas { float: left; width: 470px; height: 84px; background: url(../img/reglas_fondo.gif) top left no-repeat;}
	#cerrareglas .icono { float: right; margin: 35px 35px 0 0;}
.enlacerojo { text-decoration: none; color: #FF0000;}
.enlacerojo:hover { text-decoration: underline; color: #FF0000;}
	

/* RANKING */

#contranking { float: left; width: 400px; height: 352px; background: url(../img/ranking_img.gif) no-repeat left bottom #000; padding: 30px 35px 15px 35px;}
#ranking { float: left; width: 390px; height: 295px; color: #FFF; line-height: 17px; text-align: justify; margin-top: 25px;}
.clientes { float: left; width: 190px; color: #FFF; line-height: 17px; text-align: left; margin-top: 25px;}
.clientes2 { float: left; width: 210px; color: #FFF; line-height: 17px; text-align: left; margin-top: 25px;}
.logos { float: right; width: 88px; height: 57px; margin: 45px 0 0 13px;}
#cerraranking { float: left; width: 470px; height: 84px; background: url(../img/ranking_fondo.gif) top left no-repeat;}
	#cerraranking .icono { float: right; margin: 35px 35px 0 0;}
	#cerraranking .bot { float: left; margin: 30px 0 0 27px; text-align: left;}
			

/* PARTIDA */

.campos { float:left; width: 200px;}
.campos2 { float:left; width: 400px; margin-top: 2px;}
.boton { float: left; width: 70px; background-color: #FFFF00; color: #000; margin: 4px 27px 0 0;}
#formulario {float: left; width: 400px; background-color: #000; padding: 30px 0 0 0; color: #FFF;}
#cerrarpartida { float: left; width: 470px; height: 84px; background-color: #ffff00;}

	body>html #cerrarpartida .dir { float: left; width: 300px; margin: 27px 0 0 35px; font-size: 11px; color: #000;}
	#cerrarpartida .dir { float: left; width: 250px; margin: 27px 0 0 17px; font-size: 11px; color: #000;}

	body>html #cerrarpartida .icono { float: right; margin: 35px 35px 0 0;}
	#cerrarpartida .icono { float: right; margin: 35px 35px 0 0;}