* { padding:0;margin:0;} /* elimina el gran espacio entre parrafos o titulos */

/*  Para IE */
* html #contenedor {height: 630px;}/* heigh minimo del Contenedor para IE,no ponerlo con los otros*/

h2{font-size:23px}
h4{font-size:16px}
body{	
	margin:0px;
	padding:0px;
	text-align:center; /* centrando Contenedorwidth IE */
	background-color:#eee;
	color:#555555;
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
	}

#contenedorwidth{
	width:820px;	
	margin:0 auto 0 auto; /*centrando Contenedorwidth Firefox */
	}

#contenedor{
	min-height:630px;/*  Para Firefox, Safari, Opera y otros */
	_height:630px; /* mini height IE 6 */
	border:1px solid black;
	border-top:;
	border-right:;
	border-bottom:;
	border-left:;
	background-color:;
	margin:0px 0px 15px 0px;/* espacio debajo entre la pagina  y el monitor (IE/FF) */
	padding:0;
	text-align:left;
	}

#cabezawidth{
	display:block;
	}
#cabeza{
	height:;
	margin:0px;
	padding:0px;
	}
	/*poner padding en un div separado que contenga al div con margin, border,  - windows y w3c interpretan diferente el width */


	#cabezatop{
		display:block;
		width:100%;
		height:70px;
		min-height:60px;
		border:;
		margin:0px;
		padding:0px;
		}

	#cabezatopleft{
		display:inline;
		float:left;
		width:;
		height:70px;
		background-color:;
		margin:0px;
		padding:0px;
		text-align:left;
		font-family:times new roman;
		font-weight:bold;
		font-size:22px;
		color:#0082bd;#0066ee;
		}

	#cabezatopcent{
		font-family:Verdana,Geneva,Arial;
		}
	#cabezatopright{
		display:inline;
		float:left;
		width:;
		height:70px;
		background-color:;
		margin:0px;
		padding:0px;
		text-align:left;
		font-family:times new roman;
		font-weight:bold;
		font-size:22px;
		color:#0082bd;#0066ee;
		}
	#cabezamiddle{
		clear:both;
		width:100%;
		height:;
		margin:0px;
		padding:0px;
		text-align:left;
		font-size:150%;
		}
	
	
	#navegadorhori{
		clear:both;
		width:100%;
		height:20px;
		background-color:#0082bd;
		color:#fff;
		margin:0px;
		padding-top:6px;
		padding-right:;
		text-align:center;
		font-size:120%;
		}

#cuerpo{clear:both;
	display:block; /* evitar espacio debajo de las imagenes */
	width:100%; /* sin esto los bordes laterales no se ven en IE */
	height:;
	min-height:;
	_height:;
	}


#cuerpoizq{
	display:inline; /* prepara ubicacion cuerpocen */
	float:left;
	width:15%;
	min-height:500px;
	_height:500;
	}

	#navegadorvert{
		letter-spacing:1px;
		}
	.titlat{
		background-color:#fff;
		border-left:1px solid #0082bd;
		border-right:1px solid #0082bd;
		color:#006688;
		padding: 3px 0px;
		text-align: center;
		font-size: 12px;
		font-weight:bold;
		letter-spacing:2px;
		}

	
	.borde{ border-top:1px solid #0082bd; /* truco para adelgazar el borde */
		border-bottom:1px solid #ffffff;
		background-color:#0082bd;
		}
	
	/* propiedades de los links del navegador vertical */
		#navegadorvert a		{display:block;margin:0;padding:5px 0 5px 5px;}
		#navegadorvert a:link		{color:#ffffff;text-decoration:none}
		#navegadorvert a:visited	{color:#ffffff;text-decoration:none}
		#navegadorvert a:hover		{color:#ffffff;background-color:#006688}
		#navegadorvert a:active		{color:none}
		#navegadorvert input.focus	{background-color:#006688}

	
	
	
	

	


#cuerpocen{
	display:inline;
	float:left;
	width:83%;
	min-height:500px;
	_height:500px;
	}

	#info{
		margin:0 auto;
		text-align:justify;
		width:90%;
		padding-top:15px;
		font-size:15px;
		}
	.centrado{
		margin:0 auto;
		text-align:justify;
		width:90%;
		padding-top:15px;
		font-size:15px;
		}	
	
	
	#slideshowwidth{display:block;}
	.artists{margin-top:8px;margin-bottom:8px;border:1px solid gray; text-align:center;font-weight:bold;}
	#sponsors{clear:both;display:block;padding:5px 0 0 0;}
	#sponsors img{border:none;}

#cuerpoder{
	display:inline;
	float:right;
	width:24%;
	min-height:500px;
	_height:500px;
	}

#pie{	clear:both;
	width:100%;
	height:15px;
	border-top:1px solid #ffffff;
	text-align:center;
	}


/* pone color blanco a los links */

a.link_white,
        a.link_white:VISITED,
        a.link_white:LINK{color:#ffffff;text-decoration:none;font-size:px;font-weight:;},
	a.link_white:FOCUS{color:#ffffff;text-decoration:underline;font-weight:bold}
	a.link_white:HOVER{color:#dd8822;text-decoration:underline;font-weight:bold}
	a.link_white:ACTIVE{color:#ffffff}


/* caracteristicas del navegador horizontal */

a.enlacenav{text-decoration:none;}
	a.enlacenav:visited,
    a.enlacenav:link	{color:#eee;},
	a.enlacenav:focus	{color:#fa0;}
	a.enlacenav:hover	{color:#fa0;}
	a.enlacenav:active	{color:#eee;}


a.quote,
	a.quote:link	{color:#666;font-weight:bold;text-decoration:none;}
	a.quote:visited	{color:#666;font-weight:bold;text-decoration:none;}
	a.quote:hover	{color:#666;font-weight:bold;text-decoration:none;}
	a.quote:focus	{color:#666;font-weight:bold;text-decoration:none;}
	a.quote:active	{color:#666;font-weight:bold;text-decoration:none;}
	
a.quoteblank,
	a.quoteblank:link	{color:#555555;text-decoration:underline;}
	a.quoteblank:visited{color:#555555;text-decoration:underline;}
	a.quoteblank:hover	{color:#555555;text-decoration:underline;}
	a.quoteblank:focus	{color:#555555;text-decoration:underline;}
	a.quoteblank:active	{color:#555555;text-decoration:underline;}



	


	
/*
Stylesheet: Slideshow.css - CSS for Slideshow.
License: MIT-style license.
Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

/*
These styles are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
}
.slideshow-images {
	display: block;
	/* height: height_of_slideshow_or_default_image */
	overflow: hidden; visible !important;
	position: relative;
	/* width: width_of_slideshow_or_default_image */
	}		

.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/*
The images div is where the slides are shown.
Customize these classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images-visible { 
	left: 0; 
	opacity: 1; 
	top: 0; 
}	
.slideshow-images-next { 
	left: 0; 
	opacity: 0; 
	top: 360px; 
}
.slideshow-images-prev { 
	left: 0; 
	opacity: 0; 
	top: -360px; 
}

/*
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
Lo primero que cambie para el tamagno de la foto
*/

.slideshow {
	/* cambie el height y el width */
	height:;
	margin: 0;
	width:480;
}
.slideshow a img {
	border: 0;
}

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
	text-align:center;/* centra el caption */
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-image: url(controller-play.gif);
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

.slideshow-images img { 
	float: left;
}	

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
/*
Use the !important keyword to override any on-going javascript FX without affecting performance.
*/
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}