body {
	background: #202020 url(bg2.gif) fixed repeat-x;
	color: #beb8b4;
	font-size: 12px;
}

h1 {
	margin: 0 auto;
	font-size: 20px;
	width: 510px;
	height: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #444;
    font-style: italic;
	margin-bottom: 10px;
 	font-family: Futura, Verdana, Arial, Tahoma, Times;
	text-align: left;
	color: #CCC;

}


#yshout {
	margin-top: 10px;
}


.inicio{
z-index: 1; 
position: relative;
top: -180px; 
left: -55px; 
width: 120px; 
padding: 2px 12px; 
height: 20px; 
background: #ffdb01 url(images/orange-gradient.gif) repeat-y; 
border-color: #c25b08; 
color: black;
}

.noticias{
z-index: 1; 
position: relative;
top: -155px; 
left: -137px; 
width: 120px; 
padding: 2px 12px; 
height: 20px; 
background: #ffdb01 url(images/orange-gradient.gif) repeat-y; 
border-color: #c25b08; 
color: black;
}

.libro {
z-index: 1; 
position: relative;
top: -150px; 
left: -115px; 
width: 120px; 
padding: 2px 12px; 
height: 20px; 
background: #ffdb01 url(images/orange-gradient.gif) repeat-y; 
border-color: #c25b08; 
color: black;
}
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
	border: 1px solid black;
	z-index: 0px;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#000000 none repeat scroll 0%;
	border-right: 2px solid #000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.bio a {
	background: url(images/biografia.jpg) repeat scroll 0%;
}

#imageMenu ul li.multimedia a {
	background: url(images/multimedia.jpg) repeat scroll 0%;
}

#imageMenu ul li.trayectoria a {
	background: url(images/trayectoria.jpg) repeat scroll 0%;
}

#imageMenu ul li.calendario a {
	background: url(images/calendario.jpg) repeat scroll 0%;
}

#imageMenu ul li.contacto a {
	background: url(images/noticias.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

/*************************************************************/

/* ---------- gallery video images styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 30px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery li:hover img {
	border:2px solid #f3cb43;/*#000;*/
}
.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallery em {
	background: #fff url(images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 130px;
	left: 29px;
	border: 1px solid #999;
	border-left-color: #888;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}


/*************************************************************/

/* ---------- gallery styles start here ----------------------- */
.galler {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galler li {
	margin: 35px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.galler img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.galler span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}
.galler a {
	text-decoration: none;
}

/*************************************************************/

/* ---------- gallery styles start here ----------------------- */
.galle {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galle li {
	margin: 30px;
	padding: 0;
	float: left;
	position: relative;
	width: 100px;
	height: 75px;
}
.galle img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.galle span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 20px;
	background: url(images/tape.png) no-repeat;
}
.galle a {
	text-decoration: none;
}


/*Calendario*/

#calendar {
	width: 500px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #000; /*#A2ADBC;*/
	font: normal 32px/40px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: transparent;
}

.navleft, .navleft a {
	font: bold 28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	float: left;
	text-decoration: none;
}	

.navright, .navright a {
	font: bold 28px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	float: right;
	text-decoration: none;
}


caption {
	height: 25px;
	margin: 0;
	padding: 0;
	width: 500px;
	/*background: #A2ADBC;*/
	color: #fff;	 
	font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

th {
	font: bold 31px/40px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1 url('./images/glossy-gradient2.png') no-repeat;
	border-right: 1px solid  #000; /*#A2ADBC;*/
	border-bottom: 1px solid  #000; /*#A2ADBC;*/
	border-top: 1px solid  #000; /*#A2ADBC;*/
	text-align: center;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #000;
	font-weight: bold;
	background: #DF9496 url('./images/glossy-gradient2.png') no-repeat;
}

.today2, td.today2 a, td.today2 a:link, td.today2 a:visited {
	color: #000;
	font-weight: bold;
	background: #e4ffd6 url('./images/glossy-gradient2.png') no-repeat;
}

.today3, td.today3 a, td.today3 a:link, td.today3 a:visited {
	color: #000;
	font-weight: bold;
	background: #ffebb7 url('./images/glossy-gradient2.png') no-repeat;
}

.today4, td.today4 a, td.today4 a:link, td.today4 a:visited {
	color: #000;
	font-weight: bold;
	background: #e5e2ff url('./images/glossy-gradient2.png') no-repeat;
}

td {
	border-right: 1px solid  #000; /*#A2ADBC;*/
	border-bottom: 1px solid  #000; /*#A2ADBC;*/
	width: 71px;
	height: 41px;
	
	text-align: center; 
}

td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td a:link, td a:visited {	
	color: #608194;
}

td a:hover, td a:active {
	color: #6aa3ae;
}