/* CSS Document creado por green ray el 10/11/05 */
body {
	margin:0;
	text-align:center;
	font-family:  Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	background-image:url(activos/mosaico1.png);
	background-repeat: repeat;}
h1 { font-size: 1.3em; font-weight: 700; color: #CC0000; margin: 0.6em 0 1.2em 0;}
h2 {font-size: 1.2em; font-weight: 800; margin: 0.9em 0 0.5em 0;}
h3 {font-size: 1.1em; font-weight: 700; margin: 0.8em 0 0.4em 0;}
h4 {font-size: 1em; font-weight: 500; margin: 0.7em 0 0.3em 0;}
li {line-height: 150%; font-weight: 400; text-indent: 0.2em; list-style-position: outside; list-style-type: disc;}
img {border: none;}
a {text-decoration: none; font-style: italic; font-weight: 600;}
/* a:link { color: #003366; background-color: #FFFFFF;}
a:visited {color: #666699; background-color: #FFFFFF;}
a:hover {color: #CC0000; background-color: #FFFFFF; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline; background-color: #FFFFFF;} 
Con verdes: a:link color: #006666 #009999 destacado: #009999*/
a:link { color: #006666; background-color: #FFFFFF;}
a:visited {color: #009999; background-color: #FFFFFF;}
a:hover {color: #CC0000; background-color: #FFFFFF; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline; background-color: #FFFFFF;}
.fuentegrande {font-size: 1.6em;}
.colA {	float: left; width: 47%; text-align: justify; margin: 0 ; bottom: 0;}
.colB {	float: right; width: 47%; text-align: justify; margin: 0 ; bottom: 0;}
.menu { width: 100%; text-align: right; font-size:1em;}
.menu a { font-weight: 600; font-style: normal;}
.menu p {margin: 0.6em 0;}
.menu a:link {color: #666666;}
.menu a:visited {color: #999999;}
.menu a:hover {color: #CC0000; text-decoration: none;}
.menu a:active {color: #000000; text-decoration: none;}
.menu gorri {color:#CC0000; font-size: 1.2em;}
.menu a { font-weight: 600; font-style: normal;}
.menu p {margin: 0.6em 0;}
.gorri {color:#CC0000; font-size: 1.2em;}
.gorri a:link {color:#CC0000;}
.gorri a:visited {color:#CC0000;}
.ampliarmas {font-size: 0.8em; text-align: right;}
.cuadrofoto1 {
	margin: 0;
	padding: 0.4em 3em 1em 0em;
	position: relative;
	height: auto;
	width: auto;
	float: left;
	visibility: visible;}
.cuadrofoto2 {
	margin: 0;
	padding: 0.4em 2em 0.8em 0em;
	position: relative;
	height: auto;
	width: auto;
	float: left;
	visibility: visible;}
.cuadrofoto3 {
	margin: 0em 0em 2em 0em;
	position: relative;
	height: auto;
	width: 100%;
	float: left;
	visibility: visible;}
.cuadrofoto4 {
	margin: 0;
	padding: 1em 2em 3em 2em;
	position: relative;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	visibility: visible;
}
.cuadrofoto5 {
	margin: 0;
	padding: 0.4em 1em 1em 0em;
	position: relative;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	visibility: visible;
}
.cuadroentero { width: 100%; margin: 0 auto 0 0; display: block;}
.cuadrocentro {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	display: inline-table;
}
.gris {	color: #666666;	font-style: italic; background-color: #FFFFFF;}
.titulosA {text-align: justify;}
.titulosA h1, h2 {text-align:left;}
.botones1{ width: 100%; margin: 2em 0 2em; text-align: left; cursor: pointer;}
.parrafobajo {font-size: 1.1em;}
.parrafobajo p {font-size: 0.8em;}
.parrafobajo a {font-size: 1em;	font-style: normal;	font-weight: 600;}
.destacado {
	color:#CC6633;
	font-weight: 600;
}
#contenedor {
	display: block;
	margin: 0 auto;
	width : 96%;
	height: 100%;
	max-width: 940px;
	min-width: 500px;
	text-align:left;
	position: relative;
	visibility: visible;
	z-index: 2;
}
#cuerpo { display: block; width: 100%; text-align: left; height: auto; z-index: 3; margin: 0;}
#contenido {
	display: block;
	text-align: left;
	width: 100%;
	height: 100%;
	z-index: 4;
	margin-top: 0em;}
#banner {
	position: absolute;
	visibility: visible;
	left: 170px;
	top: 10px;
}
#columnaizda {
	display: block;
	float: left;
	width: 150px;
	font-size: 1em;
	z-index: 11;
	height: 100%;
	text-align: right;
	margin: 2em 0 0 0;
	z-index: 5;
	position: absolute;
	visibility: visible;
	z-index: 30;
	top: 0px;
	left: 0;
}
#menuizda { width: 100%; height: auto; margin: 60px 0 70px 0;}
#botones { position: relative; margin: 0 0 0 0; width: 100%; bottom: 0; cursor: pointer;}
#cajacentro { display: block; width: auto; margin: 1.5em 0 0 0; text-align: justify; height: 100%;}
#centro {width: auto; margin: 0px 205px 0 195px; padding: 106px 0 0 0; text-align: left; height: 100%; top: 0;}
#centro .gorri p {margin: 0.5em 0;}
#centro h1 {text-align:right;}
#centro h2 {text-align:left;}
#centro h3 {text-align:left;}
#centro h4 {text-align:left;}
#centro h5 {text-align:left;}
#centro .gorri {text-align:right;}
#columnadcha {
	display: block;
	float: right;
	width: 170px;
	text-align: left;
	margin: 1em 0 0 0;
	height: 100%;
	font-size:0.9em;
	z-index: 6;
}
#columnadcha p:hover {background-color:#FFFFFF;}
#columnadcha .menu {font-size: 1.1em; text-align: left; margin: 0 0 1em 0;}
#columnadcha .gorri {font-size: 1em;}
#columnadcha h1 {text-align:left; font-size: 1.1em;}
#columnadcha h2 {text-align:left; font-size: 1em;}
#columnadcha h3 {text-align:left;}
#columnadcha h4 {text-align:left;}
#lista { position: absolute; vertical-align: top; top: 195px; width: 150px;}
#logoimpre {
	position: absolute;
	float: left;
	margin: 0em;
	width: 150px;
	height: 56px;
	z-index: 20;
	top: 10px;
	vertical-align: middle;
	right: 600px;
	display: none;
}	
/* p	#pie { float: left; width: 100%; margin: 3em 0 0 0; bottom: 0; text-align: center; font-size: 0.8em; vertical-align: middle; height: auto; z-index: 7;}*/
#pie {
	float: left; width: 100%; margin: 5em 0 0 0; bottom: 0; text-align: center; font-size: 0.8em; vertical-align: middle; height: auto; z-index: 7;
}
#final {width:100%; text-align: center; z-index: 8;}
.grismini { font-size: 1em;	color: #999999;	text-align: center;	margin: 0px; background-color: #FFFFFF;}
/* imagenes comentadas con marcos*/
      #imagencomentada {
	width: 400px;
	height: 300px;
	position: relative;
	background-image: url(datos/todoslosponentes2.jpg);
	background-repeat: no-repeat;
}
      .cuadrofoto1 .cuadrofoto2 a{ color:#000; text-decoration:none;
      position: absolute; /*Muy Importante*/
      width: 100px; /*Tamanio de todos los rectangulos*/
      height: 120px; /*Tamanio de todos los rectangulos*/
      }
      a:hover .cuadrofoto1 .cuadrofoto2{
      border: 1px solid #fff;/*Borde interior Blanco*/
      cursor: auto;
      }
      /*Borde exterior amarillo*/
      .contorno{
      display: block;
      width: 104px;
      height: 124px;
      position: absolute;
      top: -3px;
      left: -3px;
      }
      a:hover .contorno {
       border: 1px solid #D4D82D;
      }
      /*Posicion de cada nota*/
      .uno a{
      top: 25px;
      left: 8px;
      }
      .dos a {
      top: 30px;
      left: 102px;
      }
      .tres a {
      top: 10px;
      left: 195px;
      }
      .cuatro a {
      top: 25px;
      left: 280px;
      }
      /*Reglas para mostrar el texto de cada nota*/
      .texto {
      position: absolute;
      left: -10000px;
      text-align:center;
      background-color:#FFFFD3;
      width: 100px;
      bottom: -20px;
      -moz-border-radius: 8px; /*Bordes redondeados, solo FF*/
      }
      a:hover .texto{
      left: 0;}