@charset "utf-8";
/*	Reseteo de estilos segun navegador	*/

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { /*display: list-item*/ }
HEAD            {/* display: none */}
TABLE           {/* display: table */}
TR              {/* display: table-row */}
THEAD           {/* display: table-header-group */}
TBODY           {/* display: table-row-group */}
TFOOT           {/* display: table-footer-group */}
COL             {/* display: table-column */}
COLGROUP        {/* display: table-column-group */}
TD, TH          {/* display: table-cell */}
CAPTION         {/* display: table-caption */}
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 0px; line-height: 1.12 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       {/* content: "\A" */}

/* Un ejemplo de estilos para los elementos ABBR/ACRONYM de HTML 4.0 */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { /*text-decoration: underline*/ }
:focus          {/* outline: thin dotted invert */}


/* Comienzo de la configuración de bidireccionalidad (no cambiar) */
/*
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

Elementos que son a nivel de bloque en HTML4 
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }*/
/* Fin de la configuración bidi */

/*
@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
*/


/* Genericos */
html,body{ 
letter-spacing:1px; 
text-align:center; 
margin:0px; 
height:100%;	
font-family:Futura, "microsoft sans serif",Geneva, Verdana; }
body{ background-image:url(imagenes/PIX.jpg)}
div{
margin-left: 0;
margin-right: 0;
border:none; border-width:0px;}
img{ margin:1px; margin-top:10px;}
ul,li{ margin:0px; padding:0px;}
/* imagen de la cabecer */

/* Menu horizontal */

/* tamaño de la pagina */

.pagina {   
margin-left: auto;
margin-right: auto; width:900px; position:relative; text-align:center; background-color:#251e1e; }
textarea, input{border:#ffe39e solid 1px;background-color:#ffe39e; color:#000000; }
.menu 
	{ 
	text-align:center;  
	float:left; width:180px;

}
.cuerpo {


	margin-top:0px;
	margin-left:180px;
	text-align:right;
	background-color:#251e1e;
	}
.nombrepagina{
margin-bottom:20px;
margin-top:10px;
padding-left:10px;
padding-top:15px;
width:400px;
text-align:left;
font-size:38px; 
color:#ffe39e;
letter-spacing:5px;
}
.cuerpotexto{
margin-left:0px;
min-height:375px;
padding-right:20px;
padding-left:20px;
text-align:left;
width:480px;}

.texto{
margin-left:10px;
line-height:20px;
margin-bottom:20px;
margin-top:10px;
margin-right:20px;
padding-right:0px;
text-align:left;
font-size:12px; 
color:#ffe39e;
}
.negrita{ font-weight:bold;}
.titulos{line-height:24px;
font-size:16px; 
color:#ffe39e;
margin-bottom:20px;
margin-top:20px;
padding-left:5px;
margin-right:10px;
}
.menciones{
font-size:12px; 
color:#ffe39e;
font-weight:lighter;
font-style:italic;
margin-bottom:20px;
margin-top:20px;
}


/* Lateral derecho */
.publicidad {width:180px; float:right; margin-top:0px; margin-left:0px; text-align:center;}


.bannerdestacado { text-align:center; margin-top:100px;}
.noticia{font-size:10px;color:#ffe39e; margin-bottom:5px; margin-top:10px; margin-right:5px; text-align:left;}
.banners{ border-bottom:solid; background-color:#fff; border-width:2px; border-color:#CCCCCC; font:Geneva, Verdana; font-size:11px; line-height:14px;}

.publicidad2 {width:140px; float:left; margin-left:10px; text-align:center;  }
.bannerdestacado2 { margin-top:8px; margin-bottom:16px; background-color:#000000; }
.banners2{ border:solid; border-width:2px; border-color:#b1b4d5;}
.pie{height:25px; line-height:20px;  color:#ffe39e; font-size:10px; background-color:#251e1e; border-top:#503333 solid 1px;}
/* Acabado del menu */
/*.menuabre{background-image:url(images/mnuarriba.jpg); height:0px; width:165px; margin-top:0px; }*/
/*.menucierra{background-image:url(images/mnuabajo.jpg); height:0px; width:165px;}*/

/* menu principal izquierda*/
#logo{ margin-top:30px;}
.colorclaro{
padding:3px;
	margin-top:30px;
	margin-bottom:10px;
	background-color:#503333;
	text-align:right;	
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
}
.colorclaroizquierda{
	padding:3px;
	margin-top:40px;
	background-color:#ffe39e;
	text-align:left;	
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
}

.colorclaroizquierda2{
	padding:3px;
	margin-top:40px;
	background-color:#f90;
	text-align:left;	
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
}
.colorclaroizquierdamini{
	height:14px;
	padding:0px;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#503333;
	text-align:left;	
	font-size:10px;
	font-weight:bold;
	list-style-type:none;
}
.textoclaro{color:#ffe39e; }
.textoactivo{color:#f90; }
.textooscuro{color:#251e1e; }
.listamenu{text-align:right;
padding:3px;
	font-size:12px;
	font-weight:600;
	color:#ffe39e;
	margin-bottom:10px;
	list-style-type:none;
	margin-top:30px;
	}
#listamenu2{
	padding:3px; 
	/* fuente de la lista */
	margin-top:20px;
	background-color:#ffe39e;
	text-align:right;	
	font-size:16px;
/*	font-weight:bold;*/
	color:#ffe39e;
	}

a{	text-decoration:none; }
a.detalle{ color: #f90;}
a.detalle:active{ color:#f90;}
/* Contenido de la pagina */
.cabecera{	background-color:#251e1e;background-image:url(imagenes/cabecera.jpg); height:102px;}
.cuerpoimagen{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gorda.jpg);
	background-position:-0px;
	}
	.img {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/lado.jpg); height:90px; text-align:center;}
.cabecera2{	background-color:#251e1e;background-image:url(imagenes/cabeceracontacto+.jpg); height:102px;}
.cuerpoimagen2{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	width:720px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordacontacto.jpg);
	background-position:-0px;
	}
	.img2 {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladocontacto.jpg); height:90px; text-align:center;}
	
	
.cabeceragames{	background-color:#251e1e;background-image:url(imagenes/cabeceragames.jpg); height:102px;}
.cuerpoimagengames{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	width:720px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordagames.jpg);
	background-position:-0px;
	}
	.imggames {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladogames.jpg); height:90px; text-align:center;}	
	
	
.cabecerawork{background-image:url(imagenes/cabecerawork.jpg); height:102px;	background-color:#251e1e;}
.cuerpoimagenwork{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	width:720px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordawork.jpg);
	background-position:-0px;
	}
	.imgwork {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladowork.jpg); height:90px; text-align:center;}
	
.cabeceranews{	background-color:#251e1e;background-image:url(imagenes/cabeceranews.jpg); height:102px;}
.cuerpoimagennews{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordanews.jpg);
	background-position:0px;
	}
	.imgnews {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladonews.jpg); height:90px; text-align:center;}
.cabeceraprojects{	background-color:#251e1e;background-image:url(imagenes/cabeceraprojects.jpg); height:102px;}
.cuerpoimagenprojects{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordaprojects.jpg);
	background-position:0px;
	}
	.imgprojects {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladoprojects.jpg); height:90px; text-align:center;}
.cabeceravideo{	background-color:#251e1e;background-image:url(imagenes/cabeceravideo.jpg); height:102px;}
.cuerpoimagenvideo{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordavideo.jpg);
	background-position:0px;
	}
	.imgvideo {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladovideo.jpg); height:90px; text-align:center;}
.cabecerasample{	background-color:#251e1e;background-image:url(imagenes/cabecerasample.jpg); height:102px;}
.cuerpoimagensample{
pading:0px;
	margin-left:0px; 
	background-color:#251e1e;
	height:268px;
	margin-top:0px;
	background-position:0px;
	background-image:url(imagenes/gordasample.jpg);
	background-position:0px;
	}
	.imgsample {	background-color:#251e1e;width:180px; float:right; margin-top:0px; margin-left:0px; background-image:url(imagenes/ladosample.jpg); height:90px; text-align:center;}
	
a.option{
color:#FFFFFF;
text-decoration:none;}

a.option:hover{
color:#FF6600;
text-decoration:underline;}