body {
    margin: 0;
    text-align: center;
	background-color: #FFFFFF;
}

#wrapper {position: relative;
    margin: 0 auto;
  	clear:both;
	width: 964px;/* Ancho de la pagia. Banner en este caso */
}

#header {position: relative;
    width: 100%;
    height: 208px;/* Alto del header. El Banner */
	z-index: 10;
}

#spain {position: absolute;
    width: 50px;
    height: 30px; 
	top: 80px;
	right: 20px;
	z-index: 12;
}

#uk {position: absolute;
    width: 50px;
    height: 30px; 
	z-index: 15;
	top: 120px;
	right: 20px;
	z-index: 12;	
}

#footer {position: relative;
    width: 100%;
    height: 40px;  /* Alto del footer. Cenefa */
    clear: both;
	z-index: 15;
	top: -10px;
}

#copyright{position: absolute;
    width: 420px;
    height: 60px; 
	z-index: 15;
	bottom: 50px;
	left: 235px;
}

#contador{position: absolute;
    width: 276px;
    height: 40px; 
	z-index: 15;
	bottom: 55px;
	right: 0px;
}

#floatwrapper {position: relative;
    float: left; 
	width: 688px; /* panel izdo + pestanas + pestanas2 */
	z-index:3;
}

#paneldcho {position: relative;
    float: right;
	width: 276px; /* panel dcho = ancho pagina - floatwrapper */
/*	height:603px;*/
	z-index: 2;

}

#panelizdo {position: relative;
	float: left; 
	width: 200px;/* Ancho del tablon izdo */

}

#pihead {position: relative;
	clear: both; 
	height: 428px;/* Alto del tablon izdo */
	text-align: left;
	z-index: 5;
}

#pitail {position: relative;
	clear: both; 
	text-align: center;
	z-index: 2;
}

#wrapcp { position:relative;
	clear:both;
	float: right;
	width: 488px; /* pestanas + pestanas2 */
}


#chead {position:relative;
	clear:both;
	height: 110px;
	z-index: 9;
}

#content {position: relative;
	clear:both;
/*    height: 750px;/* Altura minima del panel de contenidos. Marcara la altura minima de la pagina */	
	text-align:left;
}

#frase {
	position:absolute; 
/* Posicion del cuadro frase respecto a la esquina inferior derecha de panelderecho */	
	top: 530px; 
	right: 60px; 
/* Alto y Ancho del cuadro frase */		
	height: 280px; 
	width: 170px; 
	z-index: 15;
}

#papelquemado {
	position:absolute; 
/* Posicion del papel quemado respecto a la esquina superior izda de panelizquierdo */	
	left: 0px; 
/* Alto y Ancho de papel quemado */		
	width:200px; 
	height:74px; 
}

#panelmetal {
	position:absolute;
	background-image:url(/imagenes/bgmetal.gif);
	z-index: 8;
	width: 473px; /*ancho del panel metalico*/
	left: 6px; /*margen izdo del panel metalico*/
	top: 110px;
	height: 750px;/* Altura estatica del panel de contenidos. */	
	border-color:#000000;
	border-left-style:solid;
	border-left-width: 2px;
	border-right-style:solid;
	border-right-width: 2px;
}

#panelpersa{
	position:absolute;
	z-index: 9;
	width: 437px; 
    top: 125px; /*margen superior del panel metalico*/
	left: 24px;
	background-image:url(/imagenes/bgpers2.gif);
	border-color:#000000;
	border-style:solid;
	border-width: 1px;
	height: 735px;/* Altura estatica del panel de contenidos. */
}

#texto {
	position:relative; 
	z-index:10;
	padding-left: 30px;
	padding-right: 31px;
	padding-top: 0px;
	padding-bottom: 80px;
}
.style1 {color: #FFCC33}
.style36 {font-size: 14px}
.style45 {font-size: 14px; color: #FFCC33;}
.style49 {font-size: 24px}
.style50 {	color: #FF9900;
	font-weight: bold;
}
.style51 {font-size: 36px}
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.peque {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.pequeb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	font-weight: bold;
}
a:active {
	text-decoration: none;
}
body,td,th {
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	color: #FFCC33;
}
#style53 {font-style: italic; font-size: 12px; color: #FFFFFF;}
.style55 {font-size: 16px}
.style57 {font-size: 16px; font-weight: bold; }