@charset "UTF-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	background-color:#fff;
}
img {
	border:none;	
}
.full {
	width:1000;
	height:100%;
	margin:none;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}
.full td{
	text-align:center;
	vertical-align:bottom;
}
.thumbs {
	width:900px;
	text-align:center;
}
.fotos {
	margin-bottom:100px;	
}
.bottom {
	height:30px;
	text-align:left;
	vertical-align:bottom;
}
.data {
	float:right;
	font-size:14px;
	text-align:right;
	margin-top:10px;
	margin-right:55px;
	color:#B7B7B7;
	margin-bottom:10px;
}
.data a {
	color:#666;	
	font-weight:bolder;
	text-decoration:none;
}
.logo {
	float:left;
	margin-left:50px;
	cursor:pointer;
	margin-bottom:10px;
}
#foto {
	height:600px;
	vertical-align:middle;
}

#nav {
	margin-top:10px;
	font-size:13px;
	color:#CCC;
}
#nav a {
	color:#333;
	text-decoration:none;
}
#nav a:hover {
	text-decoration:underline;	
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 895px;
    height:135px;
	margin-left:auto;
	margin-right:auto;
} 
 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}




#tooltip { 
    display:none; 
    background:transparent url(/img/black_arrow.png); 
	background-repeat:no-repeat;
    font-size:11px; 
    height:85px; 
    width:180px; 
    padding:5px; 
    color:#666;     
}
.tips {
	display:none;
	height:500px;
	width:200px;
	font-size:11px;
	padding:5px;
}
.tips img {
	margin-bottom:4px;
	margin-top:0px;
	border:none;
}
.anterior {
	float: left;
	color:#FFF;
}
.siguiente {
	float: right;
	color:#FFF;
}
.anterior img, .siguiente img {
	border:none;
}
.semblanza {
	font-size: 13px;
	padding-right:10px;
	height: 505px;
	max-height:505px;
	width: 810px;
	overflow: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:30px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}
.semblanza #texto_rt{
	height:500px;
	max-height:500px;
	overflow:auto;
}
.regresar {
	padding:3px;
	background:#333;
	color:#FFF;
	font-size:11px;
	border-bottom:#000 solid 2px;
	border-left:#000 solid 2px;
	border-top:#666 solid 2px;
	border-right:#666 solid 2px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-decoration:none;
	font-weight:bold;
}
#xtras {
	font-size:13px;
	display:block;
	width: 350px;
	float: right;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	position:relative;
	left:3px;
}
#xtras a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#xtras a:hover {
	color:#000;
	text-decoration:none;
	font-weight:bolder;
}
.links {
	width:100%;
}
.links td {
	height:430px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.mail {
	font-weight:normal;
	color:#999;
}
.video_desc {
	background-color:#000;
	color:#CCC;
	font-size:11px;
	padding:10px;
	position:relative;
	width:460;
	max-width:460;
	top:-3px;
	margin-bottom:65px;
}
.video_desc hr {
	margin-top:20px;
	margin-bottom:20px;
}