*	{ margin: 0; padding: 0;}

body {      
          background-color: #0a0a0a; /**/
          font-family: Arial, Verdana, Helvetica, sans-serif;
          font-size: 14px; color: #aaa;
          text-decoration: none;
          text-align:justify;
}
#content {
          width:980px;  /* height: 500px;  */
          margin: 0 auto;
          
          border-color:#222;
          border-style: solid;
          border-right-width:  1px;
          border-left-width:   1px;
          border-top-width:    1px;
          border-bottom-width: 1px;
          
          /* Centra la altura del contenedor - invisible para IE 5 */
          position:absolute;
          margin:-320px 0 0 -480px;  
          left:50%;
          top:50%;
          /* fin hack */
}

img {border: none;}
h1, h2{ 
        font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1.2em;
        text-align: center;
        color:white;
        letter-spacing: 0.1em;
}

hr {
    width:100%;  
    height:0px;         /*solo queremos borde*/  
    border-top:0px;     /*quita el grosor extra de Opera y FFox*/  
    border-bottom:#ffc solid 1px; 
         margin: 20px 10px 20px 10px;
}
/* ############## header ############# */

#header  {
          width:980px;  height: 80px; 
          margin: 0 auto;
          padding: 0px;
          background-color: #000;
}
#header h1 {font-size: 2em; }

#sound {
          width:100px;
          margin: 10px;
          color: #8a8;
}

#main  {
        width:980px;  height: 480px;
        margin: 0 auto;
        padding: 0px;
        background-color: #000;
}

#main.fondo {background:#000 url(loyola_intro.jpg) top left no-repeat;}
/*.logo {background:#000 url(loyola_bn.jpg) -220px 0px no-repeat;}   */
.logo {background:#000 url(logo_RL.gif) 80px 0px no-repeat;}


#firma {
        position:absolute;
        width:361px;   height: 151px;   
        margin: 300px 580px ;
        padding: 0px;
        background:#000 url(firma.gif) top center no-repeat;
}
/* ========================================= */


#contacto {
        position:absolute;
        width: 400px;   
        margin: 50px 550px ;
}
#contacto p {
        font-size: 1.2em;
        margin: 20px 20px ;
        color:#8a8;
        letter-spacing: 0.06em;
}
/* ========================================= */


#curriculum {
        width: 840px;   height: 480px;  
        margin: 0px auto; 
        background:#000 url(logo_RL.gif) top center no-repeat;
/*  filter: alpha(opacity=50);   hack para IE*/
/*        opacity:0.5;  */
}
#cv_txt {
        width: 100%;   height: 480px;
}
#cv_txt p { 
        margin: 10px 45px ;
        color: #8a8;
        text-align:left;
        text-indent: -3.15em; 
}
/* ========================================= */

#criticas {
        width: 840px;   height: 480px;  
        overflow:hidden;
        margin: 0px auto; 
        font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
        font-weight: normal;
        background:#000 url(logo_RL.gif) top center no-repeat;        font-size: 1em;
}
#criticas  p{
        text-align:left;
        margin: 10px 0 0 360px; 
}

#criticas  .mini{
        width: 50px;  height: 50px;        
        margin: 30px 6px -20px 0;
        padding: 4px; 
}
#criticas  a{ color:#acf;  text-decoration:none;}
#criticas  a:hover{ color: #ffc;}
#criticas  a:visited{ color: #a6a;}

#criticas  #cv_txt { width: 100%;   height: 480px; }
#criticas  #cv_txt img{ margin: 20px 0;}

#criticas  #cv_txt p { 
        margin: 20px 80px ;
        color: #686;
        text-align:justify;
        text-indent: 2em; 
}
#criticas  #cv_txt  .firma { 
        margin: 20px 80px ;
        color: #8a8;
        text-align:right;
}
#criticas  #cv_txt  .verso { 
        margin: 20px 240px ;
        color: #ffc;
        text-align:center;
}
/* Corresponde al plugin jScrollPane */
a.jScrollArrowUp { background: url(../scripts/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../scripts/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover { 	background-position: 0 -15px;}
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover { background-position: 0 -30px;}




/*################ menu ####################*/

#menu {
      background-color: #000;
         width:980px;  /* height: 80px;     */
         margin: 1px auto;
         border-color:#222;
         border-style: dotted;
         border-right-width:  0px;
         border-left-width:   0px;
         border-top-width:    1px;
         border-bottom-width: 1px;   
}
#menu a{
         margin: 0 20px;
         border: 0;
         border-width:0;
         outline: none; /*Elimina linea punteada de los enlaces*/
}
#menu img{  border-width:0; }


/*########### Pie de pagina ############*/
#pie {
        width:980px;  height: 80px;   /*  */
        margin: 0 auto;
        padding: 0px;
        background-color: #000;
}
#pie p {
        padding: 10px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px; color: #bbb;
        text-align:left;
        letter-spacing: 0.08em;
        line-height: 170%;
}
#pie a {
        margin: 5px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px; color: #ffc;
}




/*########### Lightbox ###########*/

.alertbox  {
        background  : url(../sexy-lightbox-2.3/images/dialog-help.png) no-repeat scroll left top;
        margin      : 0 10px;
        padding     : 0 0 5px 40px;
        font-family : Verdana;
        font-size   : 12px;
        text-align  : left;
}
.alertbox .buttons  {  text-align  : right;}
 
 
#galerias {
    width:800px; height:100px;
    top: -80px;
    overflow: hidden;
    margin:0 auto;
}
#galerias_caption {
    color: #cca;
    font-family : calibri;
    font-size   : 1em;
}

#showgallery {
    width:880px; height:200px;
    position: relative;
    top: -100px;
    margin:0 auto;
}

/*#############################*/