/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

html, body { margin: 0pt; padding: 0pt; }

body { background: rgb(224, 225, 235) none repeat scroll 0% 50%;
  font-family: sans-serif;
  line-height: 1.3;
  font-size-adjust: none;
  text-align: center;
  padding-bottom: 20px;
  }

p { margin-top: 0pt; }

img { border-width: 0pt; }

h1, h2, h3 { font-weight: normal; }

h1 { margin: 0pt; padding: 0pt; font-size: 180%; }

h2 { font-size: 140%; }

h3 { font-size: 110%; font-weight: bold; font-variant: small-caps; }

div#backheader { margin: 0px auto;
  width: 100%;
  background-color: rgb(49, 51, 77);
  padding-top: 10px;
  height: 80px;
  }

div#title { margin: 0px 5%;
  padding: 0pt;
  }

div#title_right { margin: 0px auto;
  height: 40px;
  max-width: 600px;
  max-height: 40px;
  overflow: hidden;
  text-align: center;
  color: rgb(255, 255, 255);
  }

div#title_left { margin: 0pt;
  padding: 10px 5px 0px;
  float: left;
  background-color: rgb(255, 255, 255);
  height: 80px;
  width: 128px;
  }

div#menu { margin: 3px 0px 0px;
  padding-top: 10px; 
  padding-bottom: 0px;
  float: right;
  width: 500px;
  height: 26px;
  min-height: 26px;
  }

ul#nav, ul#nav li { margin: 0pt;
  padding: 0pt;
  list-style-type: none;   
  height: 26px;
  }

ul#nav { float: right;
  font-size: 80%;
  }

ul#nav li { float: left;
  margin-left: 3px;
  text-align: center;
  }

ul#nav a { padding: 5px 0pt;
  background: rgb(255, 168, 38) none repeat scroll 0% 50%;
  float: left;
  width: 95px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  min-height: 22px;
  }

ul#nav a:hover { background: rgb(224, 225, 235) none repeat scroll 0% 50%;
  color: rgb(49, 51, 77);
  }

ul#nav li.activelink a, ul#nav li.activelink a:hover { 
  background: rgb(255, 255, 255) none repeat scroll 0% 50%;
  color: rgb(49, 51, 77);
  }

div#container { margin: 0px 5% 10px;
  background: rgb(255, 255, 255) none repeat scroll 0% 50%;
  text-align: justify;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: both;
  }

div#content { 
  margin-left: 10px;
  margin-right: 200px;
  padding: 5px;
  }

div#contentcat { 
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  }

div#content h2, div#contentcat h2 { margin: 0px 0px 10px;
  color: rgb(44, 171, 50); 
  }

div#side { padding: 10px 10px 0px;
  background: rgb(224, 225, 235);
  float: right;
  display: inline;
  width: 160px;
  margin-right: 10px;
  }

div#side p { width: 160px;
  }

p#cita { font-size: 80%;
  font-style: italic;
  color: rgb(43, 107, 132);
  }

div#side div { margin: 0pt;
  width: 160px;
  }

div#sidecontent { width: 160px;
  text-align: center;
  }

ul#navside, ul#navside li { margin: 0pt;
  padding: 0pt;
  list-style-type: none;
  }

ul#navside { float: right;
  font-size: 80%;
  }

ul#navside li { float: left;
  text-align: center;
  width: 160px;
  margin-bottom: 5px;
  }

ul#navside a { padding: 5px 0pt;
  background: rgb(255, 168, 38) none repeat scroll 0% 50%;
  float: left;
  text-decoration: none;
  color: rgb(255, 255, 255);
  width: 160px;
  }

ul#navside a:hover { background: rgb(49, 51, 77) none repeat scroll 0% 50%;
  color: rgb(255, 255, 255);
  }

ul#navside li.activelink a, ul#navside li.activelink a:hover { background: rgb(255, 255, 255) none repeat scroll 0% 50%;
  color: rgb(49, 51, 77);
  }

ul#aviso, ul#aviso li { margin: 5px 0pt;
  padding: 0pt;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 160px;
  float: left;
  }

ul#aviso li { margin: 0pt;
  padding: 0pt;
  }

ul#aviso h3 { margin: 0px;
  padding: 0pt;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(49, 51, 77);
  }

ul#aviso p { margin: 0pt;
  padding: 5px 0pt;
  background-color: rgb(255, 255, 255);
  font-size: 80%;
  font-weight: bold;
  color: rgb(49, 51, 77);
  }

div.seccion { margin-bottom: 10px;
  padding: 0pt;
  background-color: rgb(228, 248, 230); 
  text-align: justify; 
  width: 100%;
  }

div.seccion h3 { margin: 0pt;
  padding: 0pt 0pt 0pt 10px;
  color: rgb(255, 255, 255);
  background-color: rgb(44, 171, 50); 
  }

div.seccion p { margin: 0pt;
  padding: 5px 10px 10px;
  }

div.seccion ul { margin-top: 0px; margin-bottom: 5px;   
  }

div.seccion a { font-weight: bold;
  color: rgb(44, 171, 50);
  text-decoration: none;
  }

div.seccion a:hover { color: rgb(49, 51, 77);
  text-decoration: underline;
  }

div#footer { padding: 10px 0pt;
  background: rgb(49, 51, 77) none repeat scroll 0% 50%;
  clear: both;
  color: rgb(255, 255, 255);
  text-align: center;
  margin: 10px 10px 0px;  
  }

div#footer p { margin: 0pt;
  font-size: 80%;
  }

div#footer a { color: rgb(255, 168, 38);
  text-decoration: none;
  font-weight: bold;
  }

div#footer a:hover { color: rgb(255, 255, 255);
  text-decoration: underline;
  }

div#formbuscar { margin: 5px 0px;
  padding: 5px 0px;
  background-color: rgb(255, 255, 255);
  float: left;
  width: 160px;
  max-width: 160px;
  clear: none;
  }

form#buscar { margin: 0px;
  padding: 0px 5px;
  width: 150px;
  max-width: 150px;
  height: 18px;
  max-height: 18px;
  }

input#buscartext { border-style: none;
  border-width: 0px;
  margin: 0px auto;
  padding: 0px;
  background-color: rgb(255, 255, 255);
  color: rgb(49, 51, 77);
  text-align: left;
  width: 136px;
  max-width: 136px;
  }

input#buscarimage { margin: 0px 0px -2px;
  padding: 0px;
  width: 14px;
  max-width: 14px;
  }

.sh { font-weight: bolder; color: red; }
.fr { font-weight: bolder; color: green; }
.ad { font-weight: bolder; color: blue; }

.pr { font-size: 30px; color: #F09F26; text-decoration: none;}
.ac { font-size: 30px; color: #FF4FA7; text-decoration: none;}

table.prog tr.gru  td {   color: rgb(255, 255, 255);
  background-color: rgb(44, 171, 50); padding-left: 3px;}
table.prog td.ico { width: 35px; background-color: rgb(255, 255, 255); vertical-align:top;}
table.prog tr.inf {  background-color: rgb(228, 248, 230); text-align: center; }
table.prog td.nom { text-align: left; padding-left: 3px;}
tr.inf > td.so  { width: 35px; } 
tr.inf > td.idi { width: 35px; } 
tr.inf > td.lic { width: 35px; } 
tr.inf > td.fsa { width:  8ex; }
tr.inf > td.tam { width: 10ex; }
tr.inf > td.fec { width:  8ex; }
tr.inf > td.enl { width: 35px; }
/* Utilizo el selector > porque IE no hace caso de width y no centra el contenido */
/* pero como tampoco hace caso de > así sale bien en IE y en Mozilla */
table.prog td.desc { padding: 0 10px 5px 10px; text-align: justify }

p.gru { background-color: peachpuff; margin-bottom: 5px; padding-left: 2px; }
p.inf { background-color: #DBF1F4; margin: 5px 0px 5px 1em; padding-left: 2px;}
p.desc { margin: 5px 1em 5px 2em; }

/* Para listado corto */
div.seccion p.gruc { xbackground-color: ; text-decoration: underline; 
  margin: 10px 0px 0px 5px; padding: 0px 0px 0px 2px; font-weight: bold; }
div.seccion p.infc { margin: 0px 0px 0px 20px; padding: 2px; }
div.seccion p.infc a { text-decoration: none; color: black; font-weight: normal; }

.centrado { text-align: center; }

address { padding: 5px; }