html{background-color:#F2F2F2;}
body{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#F2F2F2; padding-top:20px;}

#page{ margin:auto; width:770px; text-align:left; }

#menu{ list-style-type:none; margin:0px 0px 0px 0px; padding:0px;}
#menu li{ float:right; margin-left:20px;}
#menu li a{ text-decoration:none; color:#666}
#menu li a:hover{ color:#000}

.submenu{ clear:both; font-size:10px; list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
.submenu li{ float:right; margin-left:20px;}
.submenu li a.sub{ text-decoration:none; color:#989898}
.submenu li a.sub:hover{ color:#000}

a.newSUB{ text-decoration:none; color:#000}

#content{ clear:both; position:relative;height:318px; text-align:right; overflow:hidden; margin-bottom:52px;}


/* Gallery */
#description{position:absolute; z-index:100; /*padding-top:280px;*/ padding-top:320px; /*color:#A5A5A5;*/ color:#999; font-size:9px; text-align:left;}
#thumbs{ height:53px; background-color:#E6E6E6; overflow:hidden; position:relative;}
.thumb{ padding:0px 5px; /*border:#000 1px solid;*/ /*width:71px;*/ height:53px; float:right; text-align:center; overflow:hidden; cursor:pointer}


/* Chronology */
.thumbborde{padding-top:17px; float:left; text-align:left;}
.thumbborde .year{font-size:11px; color:#666; padding-bottom:5px;}
.thumb2{background-color:#E5E5E5; padding:0px; /*width:133px;*/ width:150px; height:103px; text-align:center; overflow:hidden; cursor:pointer}
.thumb2 a{ color:#E5E5E5}
.thumb2 a:hover{ color:#F00}

.thumb3{background-color:#E5E5E5; padding:0px; width:120px; height:95px; text-align:center; overflow:hidden; cursor:pointer}
.thumb3 a{ color:#E5E5E5}
.thumb3 a:hover{ color:#F00}

#descripcion{/*color:#A5A5A5;*/ color:#666; font-size:10px; text-align:left;}

/* CV */
#bigimage{position:absolute; z-index:100; width:226px; height:390px; float:left; /*border:1px solid #999;*/}
.evento{width:530px;float:right; /*border:#000 1px solid;*/ }
.evento .images{float:left; text-align:right; height:31px; width:220px; /*border:#000 1px solid*/}
.evento .images img{ cursor:pointer;border:1px solid #F2F2F2}
.evento .datos{float:right; width:300px; padding-top:7px; /*border:#000 1px solid*/}


.titleCV{ clear:both; font-size:12px; font-weight:bold;}
.subtitleCV{ clear:both; font-size:11px; padding-bottom:10px; font-style:italic;}


.mLogo { float:right; display: block; width: 119px; height: 15px; background: url(images/mLogo.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mLogo:link, a.mLogo:visited, a.mLogo:active {background: url(images/mLogo.gif) no-repeat;	}		
a.mLogo:hover { background-position: -119px;}
.mLogo2 { float:right; display: block; width: 119px; height: 15px; background: url(images/mLogo.gif) no-repeat #FFFFFF;background-position: -238px; text-indent: -9999px;}		

.mNews { display: block; width: 30px; height: 10px; background: url(images/mNews2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mNews:link, a.mNews:visited, a.mNews:active {background: url(images/mNews2.gif) no-repeat;	}		
a.mNews:hover { background-position: -30px;}
.mNews2 { display: block; width: 30px; height: 10px; background: url(images/mNews2.gif) no-repeat #FFFFFF;background-position: -60px; text-indent: -9999px;}		

.mRecent { display: block; width: 70px; height: 10px; background: url(images/mRecent2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mRecent:link, a.mRecent:visited, a.mRecent:active {background: url(images/mRecent2.gif) no-repeat;	}		
a.mRecent:hover { background-position: -70px;}
.mRecent2 { display: block; width: 70px; height: 10px; background: url(images/mRecent2.gif) no-repeat #FFFFFF;background-position: -140px; text-indent: -9999px;}		


.mEarlier { display: block; width: 71px; height: 10px; background: url(images/mEarlier2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mEarlier:link, a.mEarlier:visited, a.mEarlier:active {background: url(images/mEarlier2.gif) no-repeat;	}		
a.mEarlier:hover { background-position: -71px;}
.mEarlier2 { display: block; width: 71px; height: 10px; background: url(images/mEarlier2.gif) no-repeat #FFFFFF; background-position: -142px;text-indent: -9999px;}		

.mChrono { display: block; width: 67px; height: 10px; background: url(images/mChrono2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mChrono:link, a.mChrono:visited, a.mChrono:active {background: url(images/mChrono2.gif) no-repeat;	}		
a.mChrono:hover { background-position: -67px;}
.mChrono2 { display: block; width: 67px; height: 10px; background: url(images/mChrono2.gif) no-repeat #FFFFFF; background-position: -134px; text-indent: -9999px;}		


/*
.mWritings { display: block; width: 55px; height: 12px; background: url(images/mWritings.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mWritings:link, a.mWritings:visited, a.mWritings:active {background: url(images/mWritings.gif) no-repeat;	}		
a.mWritings:hover { background-position: -55px;}
.mWritings2 { display: block; width: 55px; height: 12px; background: url(images/mWritings.gif) no-repeat #FFFFFF; background-position: -55px;text-indent: -9999px;}		
*/
.mCV { display: block; width: 13px; height: 10px; background: url(images/mCV2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mCV:link, a.mCV:visited, a.mCV:active {background: url(images/mCV2.gif) no-repeat;	}		
a.mCV:hover { background-position: -13px;}
.mCV2 { display: block; width: 13px; height: 10px; background: url(images/mCV2.gif) no-repeat #FFFFFF; background-position: -26px;text-indent: -9999px;}		

.mContact {display: block; width: 45px; height: 10px; background: url(images/mContact2.gif) no-repeat #FFFFFF; text-indent: -9999px;}		
a.mContact:link, a.mContact:visited, a.mContact:active {background: url(images/mContact2.gif) no-repeat;	}		
a.mContact:hover { background-position: -45px;}
.mContact2 { display: block; width: 45px; height: 10px; background: url(images/mContact2.gif) no-repeat #FFFFFF; background-position: -90px;text-indent: -9999px;}