@charset "utf-8";
/* CSS Document */
html, body { height:100%;}
body { margin:20px 0 0 0; background-color:#FFFFFF;}
body, a { font:normal 14px Arial, Helvetica, sans-serif;  color:#667; line-height: 18px;}

h1 em{ display: none;}
object { float:right; display:inline; margin: 0;}
UL { margin: 0px; padding-left:0px; top: 10px; left: 5px;}
li {list-style:none; position: relative;}

a:active, a:focus{ outline: 0px;}

#accesible {display:none;}
#standar, #accesible { position:absolute; right:20px; font-weight: bold;}
#accesibilidad a:hover, #accesibilidad a:focus { color:#D70; }
object#sonido { margin-right:20px;}

#contenedor { display: table; width: 750px; height:100%; margin: auto; padding: 50px 0 0 0; background: repeat-y url(images/bodyBG.gif) top left;}
#contenedor h1 { position:absolute; margin:16px 0 0 36px; z-index:5;}

#menu { border: solid #223; border-width: 1px 0 1px 0; width:100%; background: repeat-x url(images/menuBG.gif) top; background-color: #334; position:absolute; top: 120px; clear: both;}
#menu ul.botonera { width:750px;  margin:auto; padding:0;}
#menu ul.botonera li { display:inline; padding: 5px 0 4px 15px; font-size: 10px; line-height:25px; background: no-repeat url(images/Separador.gif) top left;}
#menu ul.botonera a {color:#FFF; text-decoration:none;}
#menu ul li { margin: 0;}

#menu a {  padding: 0 29px 0 16px;  text-decoration:none;}
#menu a:hover, #menu a:focus  { background: no-repeat  url(images/bolo.gif) left;}
#actual { background: no-repeat  url(images/bolo_gris.gif) left;}

.recuadros { padding:15px 0 15px 15px; margin-top:0; position:absolute; background-color:#FFF; border:solid  1px #CCC; border-top: 0px; visibility:hidden; font-size:16px; z-index:10; white-space:nowrap; }


#linksmenu { width:290px; margin: 0px 10px; padding: 80px 10px 10px 15px; background-color:#FFF; border: solid 1px #123;}
#linksmenu li li a { display:block; padding:2px 2px 2px 10px; text-decoration:none;  background-color: #FFF;}
#linksmenu p {margin: 10px;  font-size: 14px;}
#linksmenu a:hover, #linksmenu a:active,  #linksmenu a:focus { color:#D70;}
ul.links a:hover, ul.links a:active, ul.links a:focus { background: no-repeat url(images/boloaccesible.gif) right;}

#linksmenu UL UL LI a:visited {color:#787899; background: no-repeat url(images/Visto.gif) right; }
#linksmenu UL UL LI:hover a:visited, #linksmenu UL UL LI a:focus {color:#D70; background: no-repeat url(images/boloaccesible.gif) right;}
#linksmenu UL {margin: 0px; top: 10px; left: 5px;}
#linksmenu UL h2{ text-indent: 2px; font-size: 18px; line-height: 20px; margin: 5px 0;}
#linksmenu UL UL  {margin-left: 0px; margin-bottom: 15px; padding-left:0px; top: 10px; left: 5px;}
#linksmenu UL UL DIV { background:#FFF; color:#123; border: dashed 1px #123; font-size:14px; left: 107%; width: 250px; position: absolute; TOP: 0px; display: none;  padding:10px 160px 10px 10px; }
#linksmenu UL UL LI:hover DIV{ display: block;}
#linksmenu UL UL img, #linksmenu UL OL img {  display: none; position: absolute; top: -20px; right: -432px; z-index: 20;}
#linksmenu UL UL LI:hover img { display: block; float:right; }
#linksmenu LI{ position: relative;}
#linksmenu UL UL LI { margin: 0px; padding: 0px;}
#linksmenu UL LI span { color: #000;}
#linksmenu UL LI span:hover { cursor: pointer; color: #F90;}
#linksmenu UL LI span:hover em {display: inline !important; color: #112;}

/*elementos de formulario en linksmenu*/
input, textarea { margin:5px 10px; padding: 2px 5px; border: solid 1px #667; font: normal 14px Arial, Helvetica, sans-serif; color:#667;}
input#button { background: url(images/boton.gif) #F90; color:#123;}
input#button:hover { cursor:pointer;}
textarea {width:256px; height: 50px;}

/*para no confundir a IE*/
#linksmenu UL UL a:focus + div { display: block;}