label {display:block;font-weight:bold;}
legend {font-size:120%;}
fieldset {border:1px solid #666666;}
input, textarea {border:1px solid #000; text-align:center;}
input:focus, textarea:focus {background:#FFF799; outline:1px solid red;}
form span {display:block; font-size:90%;}
form p {margin:0;}
div#datos {margin:30 auto 0;width:700px;border:1px solid #000; font-size:8pt;}
form img {float:right;}

a:link {color: #000000; text-decoration:none}
a:hover {color: #0000FF; text-decoration:none; font-weight:bold;}
a:link:hover {color: #0000FF; text-decoration:none; font-weight:bold;}
a:visited:hover {color: #0000FF; text-decoration:none; font-weight:bold;}
a:visited {color: #000000; text-decoration:none}
a:active {color: #000000; text-decoration:none}
a:focus {color: #000000; text-decoration:none}

body {text-align:center;}

#logotipo {
  position:absolute;
  background-color:#EEEEEE;
  left:5px;
  top:8px;
  *top:15px;
  padding:5px;
  height:80px;
  *height:90px;
}

#saludo {
  position:absolute;
  left:5px;
  top:120px;
  *top:125px;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;
  width:262px;
  text-align:center;
  border:1px #000000;
}

#actualizado {
  position:absolute;
  right:5px;
  top:100px;
  *top:105px;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.6em;
  text-align:right;
/*  border:1px #000000;*/
}

#cabecera{
  background-color:#EEEEEE;
  padding:5px;
  font-size:2em;
  font-weight:bold;
  text-align:center;
  height:80px;
  *height:90px;
  margin-left:135px;
  z-index:1;
}
#logo_promo{
  position:absolute;
  background-color:#EEEEEE;
  font-size:0.9em;
  font-weight:bold;
  text-align:center;
  left:100%;
  width:150px;
  margin-left:-150px;
  top:8px;
  *top:15px;
  z-index:1;
}
#subtitulo{
  font-size:0.5em;
  font-weight:normal;
}

#banderas{
/*  background-color:#EEEEEE;*/
  font-size:0.5em;
  position:absolute;
  left:10px;
  top:100px;
  *top:108px;
  width:262px;
  height:17px;
  vertical-align:top;
}
#tituloContenido{
/*  background-color:#EEEEEE;*/
  font-size:0.5em;
  position:absolute;
  left:0;
  top:100px;
  *top:108px;
  width:100%;
  height:17px;
  vertical-align:top;
  text-align:left;
}

#banderas img{
  opacity: 0.5;
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

#banderas img:hover {
  opacity: 1;
  -moz-opacity:1;
  -khtml-opacity: 1;
}


#contenido{
  position:relative;
  left:0;
  top:50px;
  min-height:350px;
  margin-left:150px;
  text-align:center;
  overflow:visible;
  *width:100%;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;
}
#contenido2{
  position:relative;
  left:0;
  top:50px;
  min-height:350px;
  text-align:center;
  overflow:visible;
  *width:100%;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;
}

#contenido select{
  font-size:0.7em;
}

#contenido submit{
  font-size:0.7em;
  color:#0000FF;
}

div#formulario {
  position:relative;
  left:0;
  top:40px;
  min-height:350px;
  margin-left:150px;
  text-align:center;
  overflow:visible;
  *width:100%;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;

}

.img-shadow {
  position:relative;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: inline;
  position: relative;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  vertical-align:middle;
}

#cab-menu{
  background-color:#FFFFFF;
  position:absolute;
  left:10px;
  top:218px;
  padding-left:5px;
  width:120px;
  *width:135px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  background-image: url('images/sismogr.gif');
  background-repeat:no-repeat;
  background-position:107px;
  font-weight:bold;
  text-align:left;
}
#logo-ign{
  background-color:#FFFFFF;
  position:absolute;
  left:10px;
  top:148px;
  padding-left:5px;
  width:120px;
  *width:135px;
}

#menu{
  display:block;
  background-color:#FFFFFF;
  position: absolute;
  left:10px;
  top:240px;
  padding-left:5px;
  width:120px;
  *width:135px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  background-image: url('images/punto.gif');
  background-repeat: repeat-y;
  background-position: 115px;
  text-align:left;
}

#PieDePagina{
  display:block;
  margin-top:70px;
  font-size:0.7em;
}

table.datos {
background-color:#DDDDDD;
border: 2px solid #000000;
margin-left:auto;
margin-right:auto;
}

table.datos th {
font: bold 0.8em “Trebuchet MS", Tahoma, Arial, sans-serif";
*font-size:0.7em;
color: #0000FF;
background: #AAAAAA;
text-align: center;
padding: 5px;
border-top: 1px solid #eee;
}

table.datos td {
font-family: arial;
font-size: 0.6em;
color: #000000;
background: #CCCCCC;
text-align: center;
padding: 2px;
border-top: 1px solid #eee;
}

table.cuerpo {
  width:100%;
  text-align:center;
  margin-left:0;
  margin-top:30px;
/*  *margin-left:-67px;*/
  border:2px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
}

.redondeado {
/*Elementos de los que se puede prescindir*/
  background:#AAAAAA;
  margin-left:auto;
  margin-right:auto;
  width:450;
  padding:4px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  /*Aquí empieza la parte importante*/
  border: 1px solid #0000FF; /*definición del borde*/
  -moz-border-radius:10px; /*Para que funcione en Mozilla*/
  -khtml-border-radius:10px; /*Para Konqueror y Safari */
  -webkit-border-radius:10px;
  *border-radius:10px; /*Forma normalizada*/
}

.redondeado-grande {
/*Elementos de los que se puede prescindir*/
  background-color:#FF0000;
  margin-left:auto;
  margin-right:auto;
  width:550;
  padding:4px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  /*Aquí empieza la parte importante*/
  border: 1px solid #0000FF; /*definición del borde*/
  -moz-border-radius:10px; /*Para que funcione en Mozilla*/
  -khtml-border-radius:10px; /*Para Konqueror y Safari */
  -webkit-border-radius:10px;
  *border-radius:10px; /*Forma normalizada*/
}

.redondeado-medio {
/*Elementos de los que se puede prescindir*/
  background:#AAAAAA;
  margin-left:auto;
  margin-right:auto;
  width:150;
  padding:4px;
  font-size:1em;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  /*Aquí empieza la parte importante*/
  border: 1px solid #0000FF; /*definición del borde*/
  -moz-border-radius:10px; /*Para que funcione en Mozilla*/
  -khtml-border-radius:10px; /*Para Konqueror y Safari */
  -webkit-border-radius:10px;
  *border-radius:10px; /*Forma normalizada*/
}

#marcoMapas {
  float:none;
  margin: 0 auto 0 auto;
  width:460px;
  *width:435px;
  text-align:center;
}

img.marcoMapas {
  margin: 0 auto 0 auto;
}

#sismogramas {
  position:absolute;
  *position:relative;
  top:230px;
  *top:0;
  left:50%;
  *left:0;
  margin-left:-375px;
  *margin-left:0;
  text-align:center;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:8pt;

}

#sismogramas a:link {text-decoration:none;}

#login{
  display:none;
  margin-left:10px;
  margin-right:10px;
  font-size:0.9em;
  background-color:#00FFFF;
  color:#0000FF;
  text-align:center;
}
.mapa{
  display:none;
  margin-left:50px;
  text-align:center;
  margin-bottom:30px;
  *width:100%;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;
}

.fases{
  display:none;
  margin-left:0;
  text-align:center;
  margin-bottom:30px;
  *width:100%;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:0.8em;
}
.fases pre{
  font-size:0.8em;
  *font-size:0.6em;
}

.trans{
      background-color:#00BB00;
      color:#FFFFFF;
      border: 3px solid #00F;
      position:absolute;
      text-align:center;
      width:500px;
      height:230px;
      top:50;
      left:50%;
      margin-left:-250px;
      *margin-left:-280px;
      font-size:14pt;
      font-weight:bold;

}

table.wiki {
width:90%;
height:300px;
background-color:#FFFFFF;
border: 0;
margin-left:auto;
margin-right:auto;
}

table.wiki td {
font-family: arial;
font-size: 0.6em;
color: #000000;
background: #CCCCCC;
text-align: center;
padding: 6px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.comentario
{
height: 0;
width: 0;
border-bottom: 12px solid #ffffff;
border-left: 12px dotted transparent;
border-right: 12px dotted transparent;
*border-bottom: 6px solid #ffffff;
*border-left: 6px dotted transparent;
*border-right: 6px dotted transparent;
left: 0;
top: 0px;
margin-left: 20px;
z-index: 10;
}
.comentario2
{
position: relative;
left: -10px;
*left: 0px;
top: 2px;
*top:6px;
height: 0;
width: 0;
border-bottom: 10px solid #9999ff;
border-left: 10px dotted transparent;
border-right: 10px dotted transparent;
z-index: 11;
}
.divComentario
{
background-color: #9999ff;
border: solid 1px #ffffff;
position: relative;
top: -1px;
left: 20px;
z-index: 9;
width: 500px;
padding: 4px;
font-size:1em;
}
.divComentarioBase
{
background-color: #ccccff;
width:550px;
padding: 8px;
text-align:left;
font-size:0.9em;
}

.ifr{
width:100%;
height:100%;
*height:450px;
}