@charset "UTF-8";
/* CSS Document */

/* 
	Inspired by the Zen Garden, in particular http://www.csszengarden.com/?cssfile=011/011.css for the color scheme and gradients,
	and also by http://www.csszengarden.com/?cssfile=001/001.css for the "fake" transparency effects. 
*/

/* general elements */

body {
	margin: 0;	/* contrarrestra el efecto de los navegadores */
	padding:0;
	border: 0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background: white;*/
	/*background-image:url(../img/lin_diag.gif);*/
	background: #cccbcc;
}

/* id elements */

.rsme #contenedor {
	width:900px; /* On the PC the tab bar has a shorter width. This may be due to the dpi setting. */
	margin: 0 auto;  /* the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #fafefc url(../img/fondo-g.png) no-repeat 0px 0px;
	/*border-right: 3px solid #999899;*/
}

.rsme #cabecera {
	padding-top:100px;
}

.rsme #lateral {
	float:left;
	width:199px;
	margin: 70px 0 0 0;
	/*border-left:2px solid #3CF;*/
	/*font-style:italic;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.rsme #principal {
	margin: 56px 6px 0 225px;
	border-left: 6px double #e6e5e6;
	padding: 0px 15px 0 15px;
}

.rsme #piedepagina {
	padding: 0px 0px 0px 0px; 
}

.rsme #parrafo {
	text-align:justify;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Gill Sans, Verdana, Arial, Helvetica, sans-serif;
}

.rsme #imagebar {
	text-align:left;
	background:#eef url(../img/piedepagina.png) repeat-y;
	color:#2121dd;
	padding:6px;
}

/* misc */

.rsme img {
      border: 0; /* remove blue border from linked images */
}

.logotipo {
	padding:10px;
}

.rsme span.tmp {
	font-weight:bold !important;
	font: 80% Verdana, Arial, Helvetica, sans-serif !important;
	color:#F00 !important;
}




/* tablas ----------------------------------------------------------------------------------------- */


.rsme table {
	width:100%;
	text-align:left;
	border-collapse:separate;
	table-layout:auto;
	/*border: 0px solid #dadafe;*/
	/*font: 80% Verdana, Arial, Helvetica, sans-serif;*/
	color: #070065;
}

.rsme table.marco  {
	width: 100%;
	text-align:left;
	border-collapse:separate;
	table-layout: auto;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.rsme table.conferencia  {
	text-align:left;
	border: 0px solid #d2d2fe;
	font:90%;
	color: #001644;
}

.rsme td {
	border-bottom: 10px solid #ddf;
	padding-right:18px;
}

.rsme td.cabecera {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border-bottom: 6px solid #aaf;
	padding-bottom: 6px;
}

.rsme td.counter {
	font:60% sans-serif;
	padding-right: 10px;
	text-align:center;
	color:#99F;
}

.rsme table.marco td {
	vertical-align: top;
	border-bottom: none;
	padding: none;
}

.rsme td.resaltada {
	font: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 6px solid #a2d2fe;
	padding-bottom: 6px;
}

.rsme td.plenaria {
	font: 100% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #001965;
	padding-bottom: 6px;
	border-bottom: 6px solid #b4c7FF;
}

.rsme td.autor {
	padding-right:18px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #c4c7FF;
}

.rsme td.comunicacion {
	font: 100% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#006;
	padding-right:18px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #c4c7FF;
}

.rsme td.abstract-p {
	color: #001965;
	padding-bottom: 6px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #A3a6FF;
	text-align:center;
}

.rsme td.abstract {
	color:#006;
	padding-right:0px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #d4c7FF;
	text-align:center;
}





/* listas ----------------------------------------------------------------------------------------- */




/* listas en cualquier parte */


.rsme ul, ol {
	list-style-image: url(../img/bullet8.png);
	/*list-style-position: inside;*/
}

.rsme li.nuevo {
	color:#C00;
	background-color:#FFEBEB!important;
	margin-bottom: 4px !important;
}

.rsme li.emph {
	color:#00A;
	padding:4px;
}

.rsme ul.enmarcada {
	width: auto!important;
	font-size: 80%!important;
	border:0px!important;
	margin:0px!important;
	padding:0px!important;
	background-color: #86868f;
	/*text-indent: 10px;*/
	border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
	list-style-position: inside!important;
}

.rsme ul.enmarcada>li {
	border:0px!important;
	margin:0px!important;
	padding:10px 4px 10px 10px!important;
	color: white!important;
}


/* listas en el principal */


.rsme #principal ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.rsme #principal ul {
	border:0px;
	margin:20px;
	padding:0px;
}

.rsme #principal ol {
	border:1px solid red;
	padding:6px;
	/*list-style-position:inside;*/
}

.rsme #principal li.listheader {
	font-weight:bold;
	border:1px solid green;
	padding:6px;
	display:block;
}

.rsme #principal li {
	border:0px;
	margin:0;
	padding:4px;
	list-style-image: url(../img/bullet8.png)!important;
	/*list-style:disc;*/
}

.rsme #principal ol>li {
	padding:2px;
	list-style-type: decimal;
	list-style-position:inside;
}


/* listas en el lateral */


.rsme #lateral ul, ol {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	font-size: 110%;
	list-style-image: url(../img/bullet8.png);
	list-style-position: inside;
}

.rsme #lateral img { /* padding for images in navigation area */
	padding: 6px;
}

.rsme #lateral li {
	padding:0px;
	margin: 0px;
	text-shadow: #b3b2b3 2px 2px 2px;
	text-indent: 10px;
	margin-left: 3px;
	/*background: #dbe4ff;*/
}

.rsme #lateral li.active {
	background:url(../img/gradiente-azul-t.png) repeat-y;
	color:white;
	text-indent: 10px;
	border-radius: 16px 0px 16px 0px;
    -moz-border-radius: 16px 0px 16px 0px;
    -webkit-border-radius: 16px 0px 16px 0px;
    -khtml-border-radius: 16px 0px 16px 0px;
}

.rsme #lateral li:hover {
	background:url(../img/gradiente-azul-claro-t.png) repeat-y; 
	color:white;
	border-radius: 16px 0px 16px 0px;
    -moz-border-radius: 16px 0px 16px 0px;
    -webkit-border-radius: 16px 0px 16px 0px;
    -khtml-border-radius: 16px 0px 16px 0px;
}

.rsme #lateral li.special {
	list-style-image: none;
	color: white;
	background:url(../img/gradiente-verde2.png) repeat-y;
	text-indent: 10px;
	margin-left: 3px;
	border-radius: 0px 16px 0px 16px;
    -moz-border-radius: 0px 16px 0px 16px;
    -webkit-border-radius: 0px 16px 0px 16px;
    -khtml-border-radius: 0px 16px 0px 16px;
}

.rsme #lateral li.special:hover {
	background:url(../img/gradiente-verde.png) repeat-y; 
	border-radius: 0px 16px 0px 16px;
    -moz-border-radius: 0px 16px 0px 16px;
    -webkit-border-radius: 0px 16px 0px 16px;
    -khtml-border-radius: 0px 16px 0px 16px;
}

.rsme #lateral li.special>a {
	color: white;
}

.rsme #lateral li.special>a:active {
	color: #eef;
}


/* listas en la cabecera */


.rsme #cabecera ul {
	border-bottom:solid 1px #DEDEDE;
	height:29px;
}

.rsme #cabecera li {
	float:left;
	margin-right:2px;
}




/* enlaces ----------------------------------------------------------------------------------------- */


/* enlaces en cualquier parte */


.rsme a.nuevo, *.nuevo a {
	/*color:#C00;*/
	text-decoration: none!important;
	color: #fdeaeb!important;
	padding: 2px;
	/*background-color:#FFEBEB!important;*/
}

.rsme a.nuevo:hover, *.nuevo a:hover {
	color: #ffdadb !important;
	/*background-color:#FFA1A2!important;*/
}

.rsme a.nuevo:active, *.nuevo a:active {
	color: whitesmoke!important;
	/*background-color: #ff7072!important;*/
}


/* enlaces activos en la cabecera */


.rsme #cabecera .active a:link, #cabecera .active a:visited, #cabecera .active a:visited, #cabecera .active a:hover {
	background:url(../img/tab-round.png) right 0px no-repeat;
	color:#fff;
}

.rsme #cabecera .active a span, #cabecera .active a:hover span {
	background:url(../img/tab-round.png) left 0px no-repeat;
}

/* enlaces en el lateral */


.rsme #lateral a {
	text-decoration:none;
	display:inline-block;
	padding:5px;
}

.rsme #lateral .active a {
	color:white;
}

.rsme #lateral a:hover {
	color:white;
}

.rsme #lateral a:active {
	color:#eef;
}

.rsme #lateral a:visited {
	color: slateblue;
}


/* enlaces en el bloque principal */


.rsme #principal a:link {
	text-decoration: none;
	color: #226bd7;
}

.rsme #principal a:hover {
	color: #7a0041;
	/*background-color:#CCF;*/
}

.rsme #principal a:active {
	color: white;
	/*background-color: #b8b8ff;*/
}

.rsme #principal .active a {
	color:#66F;
	/*background-color: #fff;*/
}

.rsme #principal .active a:hover {
	color: #7a0041;
	background-color:#CCF;
}

.rsme #principal .active a:active {
	color:#30F;
	background-color:#9CF;
}

.rsme #principal a:visited {
	color:gray;
}


/* enlaces en una tabla enmarcada */


.rsme #principal ul.enmarcada a:link {
	text-decoration: none;
	/*color: #6b66fc;*/
	color: #dbfefe;
}

.rsme #principal ul.enmarcada a:hover {
	text-decoration: none;
	/*color: #6b66fc;*/
	color: #3dfffd;
}

.rsme #principal ul.enmarcada a:active {
	text-decoration: none;
	/*color: #6b66fc;*/
	color: whitesmoke;
}

.rsme #principal ul.enmarcada a:visited {
	color: honeydew;
}

/* enlaces en la barra de imagenes */


.rsme #imagebar a:link, #imagebar a:active, #imagebar a:hover, #imagebar a:visited {
	color:transparent;
	background-color:transparent;
}




/* headers ----------------------------------------------------------------------------------------- */


h1 {
	padding: 6px;
	text-indent: 10px;
	color: #14407e;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-shadow: #b3b2b3 2px 2px 2px;
	/*background: url(../img/gradiente-azul-a1.png) repeat-y;*/
	border-bottom: 1px solid #c6b7fd;
	/*border-left: 6px solid #c6b7fd;*/
	background-color: #eeedfe;
	border-radius: 8px 32px 8px 32px;
    -moz-border-radius: 8px 32px 8px 32px;
    -webkit-border-radius: 8px 32px 8px 32px;
    -khtml-border-radius: 8px 32px 8px 32px;
}

h2 {
	padding: 2px;
	color: #3f057e;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-shadow: #b3b2b3 2px 2px 2px;
	background:url(../img/gradiente-azul-a2.png) repeat-y;
	border-left: 10px solid #dddafe;
}

h3 {
	padding: 2px;
	color: #35048f;
	/*font: bold small-caps 16px Verdana, Arial, Helvetica, sans-serif;*/
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 2px silver;
	background:url(../img/gradiente-azul-a3.png) repeat-y;
}

h4 {
	padding: 2px;
	color: #0f047e;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-shadow: #999899 1px 1px 1px;
	background:url(../img/gradiente-azul-a4.png) repeat-y;
	/*display:inline-block;*/
}




/* tooltips ----------------------------------------------------------------------------------------- */


/* tooltips! from http://loadaveragezero.com/vnav/labs/CSS/tooltips.php */
/* css/tooltip.css -- fancy tooltips */


span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */

/* 
lmn - in IE (5-7) if the tooltip box overlaps another line of text, the z-index is not respected,
the underlying text overlaps the tooltip. Overlapping its own line does not show this problem.
My solution, which actually looks better on the page, displays the tooltip in a long thin box
of fixed width to the left of the text.
*/

span.tool:hover span.tip {
	display: block;
	z-index: 100;
	position: absolute;
	top: 0;
	left: -240px;
	width: 240px;
	/*width: auto;*/
	padding: 6px;
	border: none;
	text-align: center;
	color: white;
	font: bold 75% Verdana, Arial, Helvetica, sans-serif;
	background: #090;
	background: url(../img/bezel.png);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*
span.tool:hover span.tip:before {
	content: url(../img/user-info.png);
}
*/




/* thumbnails ----------------------------------------------------------------------------------------- */


/* Image thumbnail expansion URL: http://www.dynamicdrive.com/style/ */
/* Credits: Dynamic Drive CSS Library */

.thumbnail {
	position: relative;
	z-index: 0;
}

.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e6e6e6;
	padding: 5px;
	left: -1000px;
	border: 2px solid white;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -60px; /*position where enlarged image should offset horizontally */
}



/* generales ----------------------------------------------------------------------------------------- */


.hideFromIE { 
	display: inline; /* this is used for images */
} 


.rsme p.nota {
	font-style: italic;
	font-size: 75%;
	padding: 4px;
}

.rsme sup {
	font-size: 75% !important;
	/*background-color: #CFC;*/
	color: #096;
}

.rsme *.enf {
	color:#C00!important;
	/*background-color:#FFEBEB!important;*/
}