/*------pagina de estilo para el index_1 de la version 1.5 de chainmen---*/

a { font: 10px verdana,arial;
    text-decoration: none;
    color: #eda211;
}
a:visited { text-decoration: none;
   color: #dcdcdc;
}
a:hover { text-decoration: none;  
   color: yellow;
}

.otro { font: bold 20px verdana,arial;
    color: navy;
}

.ir { font: bold 16pt verdana,arial;
    color: #1149ec;
}
.cat { font: bold 20pt verdana,arial;
    color: #ff0000;
}
.alfe { font: bold 10px verdana,arial;
    color: #1149ec;
}

body {text-align:center;
margin-top:0px;
margin-left:0px;
margin-height:0px;margin-width:0px;
background:#000000;
min-width:100%;
}

.t_mg {
 font: bold 24px arial,verdana;color:#000000;
        text-align:center;
}
.t_g {
 font: bold 20px arial,verdana;color:#000000;
        text-align:center;
}
.t_n {
 font: bold 16px arial,verdana;color:#000000;
        text-align:center;
}
.t_p {
 font: bold 12px arial,verdana;color:#000000;
        text-align:center;
}
.t_mp {
 font: bold 8px arial,verdana;color:#000000;
        text-align:center;
}

/*--------------------boton-trabajo-------------*/
.trabajo{ font: bold 1px arial,verdana;color:#ffffff;
position:absolute;
width:60px;
height:45px;
left:10px;
top:10px;
z-index:3;
text-align:left;
}


/*--------------------boton-familia-------------*/
.familia{
position:absolute;
left:3px;
top:30px;
z-index:2;
}


/*---------------------llevo dias en la web-------------*/
.tiempo{
position:absolute;
left:615px;
top:7px;
width:100px;
height:24px;
z-index:2;
font: bold 10px verdana,arial;
color: #000000;
z-index:3;
}
/*--------------------boton-llevo dias en la web-------------*/
.bot_llevo{
position:absolute;
left:615px;
top:2px;
z-index:2;
}

/*-----------imagen texto de chainmen....-------*/
.chainpie {
position:absolute;
left:100px;
top:10px;
z-index:1;
font: bold 10px verdana,arial;
color: #ffffff;
}

/*----------------- linea de separacion....-------*/
.linea {
position:absolute;
left:2px;
top:53px;
z-index:1;
}
/*--------------------texto de la revision-------------*/
.rev {
position:absolute;
width:100px;
left:90px;
top:52px;
z-index:1;
font: bold 12px verdana,arial;
color: #4d4d4d;
}

/*--------------hoy es dia..... de la cabecera-------------*/
.hola {
position:absolute;
left:265px;
top:54px;
width:360px;
z-index:2;
font: bold 10px verdana,arial;
color:#4d4d4d;
}
/*----------------posicion de la imagen de informacion */
.info {            
position:absolute;
left:585px;
top:52px;
z-index:1;
}
/*-----------hombre_cadena....-------*/
.hombre_cadena {
position:absolute;
left:215px;
top:106px;
text-align:center;
z-index:1;
}

/*-----------correo email...-------*/
.correo{
position:absolute;
left:196px;
top:425px;
text-align:left;
z-index:1;
}

/*-----------mi blog...-------*/
.blog{
position:absolute;
left:240px;
top:450px;
text-align:center;
z-index:1;
}

/*----============================================================*/
/*----============================================================*/
/*--------------- CONTENIDOS------ */
.cont {
position:absolute;
left:175px;
top:80px;
text-align:center;
z-index:1;
} 

/*----============================================================*/
/*----====================================BOTONES-OFICIO==========*/

/*------EXPLICACION DE CONTENIDOS DE OFICIO-----------*/
.cont_oficio {
	color: #ffffff;
	text-align:left;
	width:100px;
	padding:5px;
	position:absolute;
	left:10px;
	top:365px;
	z-index:2;
	background:#4d4d4d;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-family: verdana, arial;
	font-size: 12px;
}
/*-----------------------------------ENLACES OFICIO------ */
.enlaces_oficio {
position:absolute;
left:5px;
top:433px;
text-align:left;
z-index:3;
width:185px;

padding:3px;
background:#4d4d4d;
border-top:4px solid #ffffff;
border-bottom:1px solid #ffffff;
font-family: verdana, arial;
font-size: 12px;
color:#ffffff;
} 
/*--------------- OFICIO------ */
.oficio {
position:absolute;
left:11px;
top:101px;
text-align:center;
z-index:1;
} 
/*----------------CADENAS */
.cadena {
position:absolute;
left:11px;
top:130px;
z-index:1;
}
.connections {
position:absolute;
left:11px;
top:157px;
z-index:1;
}
/*----------------CARGAS*/
.cargas {
position:absolute;
left:11px;
top:183px;
z-index:1;
}
/*----------------ANCLAS----*/
.anclas {
position:absolute;
left:11px;
top:210px;
z-index:1;
}
/*----------------MISCELANEUS----*/
.miscelaneus {
position:absolute;
left:11px;
top:238px;
z-index:1;
}
/*-------------------------------///////////////////----SEPARACION IDIOMAS----------- */
.separador {
position:absolute;
left:0px;
top:260px;
z-index:1;
}
/*-------------------------------///////////////////----SEPARACION IDIOMAS----------- */
/*---------------------------------------------CASTELLANO----------- */
/*----------------CADENAS_cas */
.cadenas_cas {
position:absolute;
left:11px;
top:276px;
z-index:1;
}
/*----------------UNIONES_cas */
.uniones_cas {
position:absolute;
left:11px;
top:302px;
z-index:1;
}
/*----------------CARGAS_cas*/
.cargas_cas {
position:absolute;
left:11px;
top:326px;
z-index:1;
}
/*----------------ANCLAS_cas----*/
.anclas_cas {
position:absolute;
left:11px;
top:353px;
z-index:1;
}
/*-----------------MISCELANEA---*/
.miscelanea_cas {
position:absolute;
left:11px;
top:380px;
z-index:1;
}
/*----============================================================*/
/*----====================================BOTONES-OCIO============*/

/*------EXPLICACION DE CONTENIDOS DE OCIO-----------*/
.cont_ocio {
	color: #ffffff;
	text-align:left;
	width:100px;
	padding:5px;
	position:absolute;
	left:483px;
	top:243px;
	z-index:2;
	background:#4d4d4d;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font-family: verdana, arial;
	font-size: 12px;
}
/*-------------- ENLACES OCIO------ */
.enlaces_ocio {
position:absolute;
left:393px;
top:433px;
text-align:left;
z-index:2;
width:200px;
height:120px;
padding:3px;
background:#4d4d4d;
border-top:4px solid #ffffff;
border-bottom:1px solid #ffffff;
font-family: verdana, arial;
font-size: 12px;
color:#ffffff;
}  
/*--------------- OCIO------ */
.ocio {
position:absolute;
left:481px;
top:101px;
text-align:center;
z-index:1;
}              
/*----------------POR QUE SERA */
.porque {
position:absolute;
left:483px;
top:131px;
z-index:1;
}
/*----------------TRUCOS EXCEL*/
.trucos_excel {
position:absolute;
left:483px;
top:158px;
z-index:1;
}
/*----------------FONDOS----*/
.fondos {
position:absolute;
left:483px;
top:184px;
z-index:1;
}
/*-----------------PRESENTACION---*/
.presentaciones {
position:absolute;
left:483px;
top:211px;
z-index:1;
}
/*-----------------PANORAMICAS---*/
.panoramicas {
position:absolute;
left:483px;
top:238px;
z-index:1;
}
/*-----------------ARBOLES---*/
.arboles {
position:absolute;
left:483px;
top:265px;
z-index:1;
}
/*-----------------LUZ---*/
.luz {
position:absolute;
left:483px;
top:292px;
z-index:1;
}
/*-----------------WALLPAPERS---*/
.wallpapers {
position:absolute;
left:483px;
top:319px;
z-index:1;
}
/*-----------------MIS FLORES---*/
.flores {
position:absolute;
left:483px;
top:346px;
z-index:1;
}
/*-----------------VISIONES---*/
.visiones {
position:absolute;
left:483px;
top:373px;
z-index:1;
}

/*----============================================================*/
/*----====================================BOTONES-VARIOS==========*/
/*----------------saludo del autor loco----------------*/
.saludo {
position:absolute;
left:610px;
top:427px;
z-index:2;
}

.actualizada { 
position:absolute;
left:70px;
top:470px;
width:450px;
z-index:1;
font:10px verdana,arial;
color: #ffffff;
}
/*---------------------araņa---*/
.aracnido {
position:absolute;
left:620px;
top:-417px;
text-align:middle;
z-index:2;
}
/*-----------es el estilo de las tablas-----------*/

table {
text-align:center;
background:#4d4d4d;
color: #ffffff;
border-style: solid;
border-width: 2px;
border-color:#f58507;
height:100%;
width:100%; 
padding:4px;
}
/*-------------------------celdas TH------*/
th {
font: bold 14px verdana,arial;color:#000000;
background-image:url(../imagenes/fth.png);
text-align:left;
}
/*------------------------texto de la celda de las leyendas-------------*/
.ley {
font: 12px verdana,arial;color: #ffffff;
background:none;
text-align:center;
}
/*------------------------texto y situacion de las leyendas-------------*/
.leyenda {position: absolute;
left:145px;
top:170px;
z-index:3;
visibility: hidden;
width:303px;
font: bold 12px verdana,arial;color: #ffffff;
background:#4d4d4d;
text-align:left;
}
/*--------------------texto homenage-------------*/
.honor { font: bold 16px verdana,arial;
color: #f58507;
text-align:left;
position: absolute;
left:0px;
top:570px;
width:800px;
height:20px;
z-index:1;
}
/*--------------------texto y situacion de las claves-------------*/
.clave { font: bold 14px verdana,arial;
color: #ff0000;
width:350px;
height:100px;
padding:20px;
position:relative;
left:75px;
top:67px;
z-index:2;
background:#f0a554;
 border-top:3px solid #dcdcdc;
 border-right:3px solid #dcdcdc;
 border-bottom:3px solid #dcdcdc;
 border-left:3px solid #dcdcdc;
}