/*
    Document   : style
    Created on : 18-feb-2009, 14:36:09
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background-attachment:fixed;
    background-color:#FFFFFF;
    color:#666666;
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    margin:0;
}
h1, h2, h3 {
    color:#000000;
    margin:0;
    padding:0;
}
strong {
    color:#000000;
}
p, ul, ol {
    margin-bottom:1.5em;
}
ul {
    margin:0;
    padding:0;
}
a {
    color:#000000;
}
a:hover {
    color:#A70F1A;
    text-decoration:underline;
}
#head {
    height:62px;
    margin:0 auto;
    width:800px;
}
#header h1, #header h2 {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin:0;
    padding:0;
}
#header h1 {
    float:left;
    font-size:3em;
    padding:70px 10px 10px 20px;
}
#header h2 {
    font-size:1.4em;
    padding:73px 10px 0 0;
}
#menu {
    background:transparent url(http://redalyc.uaemex.mx/redalyc/media/inc/img/logos/redalyc_barra.png) no-repeat scroll center center;
    height:30px;
    margin:0 auto;
    width:800px;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}
#menu li {
display:inline;
font-family:Arial;
font-size:12px;
font-style:normal;
}
#menu a {
border:medium none;
color:#FFFFFF;
display:block;
float:left;
padding:5px 20px;
text-decoration:none;
}
#menu a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/*#wrapper {
margin:0 auto;
padding:0 0;
width:840px;
}
#content {
margin:0 auto;
width:800px;
}*/
#content h2 {
border-bottom:1px dashed #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
#content p {
}
#content a {
text-decoration:none;
}
#right {
float:right;
padding:5px;
width:625px;
}
#right ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 3em;
padding:0;
}
#right li {
background:transparent url(../images/img06.jpg) no-repeat scroll 0 7px;
line-height:17px;
margin-bottom:8px;
padding-left:10px;
}
#right .post {
}

/*#left {
    float:left;
    width:160px;
    margin-top:25px;
}*/

#left b {
    text-decoration: none;
}


#left h2 {
    border-bottom:1px dashed #CCCCCC;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
}

.imgpie{background:transparent url(http://redalyc.uaemex.mx:89/redalyc/media/inc/img/logos/redalyc_pie.png) no-repeat scroll center;}
.citar{border-bottom:medium solid #CCCCCC; width:95%;}
/*#footer {
background:transparent url(http://148.215.1.128:89/redalyc/media/inc/img/logos/redalyc_pie.png) no-repeat scroll center center;
clear:both;
color:#FFFFFF;
font-size:12px;
height:40px;
margin:0 auto;
width:800px;
position:absolute; height:50px; top: 4800px; margin:10px; background-color:#FFFFFF; clear:both;
}
*/
#footer .copyright {
float:left;
margin:0;
padding-left:20px;
text-align:center;
}
#footer .links {
float:right;
margin:0;
padding-right:20px;
text-align:center;
}
#footer a {
color:#E5E5CC;
text-decoration:none;
}
#img {
background:transparent url(../images/redalyc_logo.jpg) no-repeat scroll 0 0;
caption-side:top;
float:left;
height:50px;
margin-top:10px;
vertical-align:top;
width:250px;
}

#articulos{
    padding:10px 10px 10px 8px;
}

#articulos1{
    padding:10px 10px 10px 8px;
}

#articulos2{
    padding:10px 10px 10px 8px;
}

#articulos3{
    padding:10px 10px 10px 8px;
}

.logo {
margin-bottom:0;
margin-left:0;
margin-right:0;
}
#encabezado {
caption-side:top;
float:right;
font-family:Arial;
margin-right:10px;
margin-top:10px;
text-align:right;
vertical-align:top;
width:500px;
}
.Titulo {
color:#A70F1A;
font-family:Arial;
font-size:13px;
font-style:normal;
font-weight:bold;
}
.Titulo2 {
color:#A70F1A;
font-family:Arial;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.Titulo3 {
color:#C6C6C6;
font-family:Arial;
font-size:10px;
font-style:normal;
font-weight:bold;
}
.TitGris {
color:#666666;
font-family:Arial;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.TextPie {
color:#FFFFFF;
font-family:Arial;
font-size:11px;
font-style:normal;
font-weight:normal;
}
.TextRed {
color:#A70F1A;
font-family:Arial;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.TextGris {
color:#999999;
font-family:Arial;
font-size:10px;
font-style:normal;
font-weight:normal;
}
.TextoGris {
color:#9C9E9F;
font-family:Verdana;
font-size:12px;
}

.TextoGrisObscuro {
    color:#808284;
    font-family:Verdana;
    font-size:18px;
    font-weight:bold;
}

.TextoGrisClaro {
    color:#9C9E9F;
    font-family:Verdana;
    font-size:11px;
}

.TextoGrisCursiva {
color:#999999;
font-family:Verdana;
font-size:14px;
font-style:normal;
font-weight:normal;
}
.TextoGrisCursivaBold {
color:#808284;
font-family:Verdana;
font-size:14px;
font-weight:bold;
}
.style4 {
color:#666666;
font-family:Verdana;
font-size:11px;
font-weight:bold;
}
.style2 {
color:#999999;
font-family:Verdana;
font-size:11px;
}

.tblPub, .tblPub td, .tblPub tr {
background-color:#FFFFFF;
border:1px solid #666666;
height:65px;
text-align:justify;
}

a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#FFFFFF !important;
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #A70F1A; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}