/* @import url('../fonts/cantarell-family.css') screen; */
@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700,700italic,400italic) screen;

body,p,td
{
  font-size: 9pt;
  /* border: 1px dotted #ccc; */
}
body
{
  background: white;
  text-align: justify;
  padding: 0;
  margin: 8pt;  
}
@media screen {
  body
  {
    background: white url('../img/cabildo-background.png');
    background-repeat: no-repeat;
  }
}
td, th
{
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0px none;
}
body,p,h6,h5,h4,h3,h2,h1,td,th
{
  color: #333;
}
@media screen {
  body,p,h6,h5,h4,h3,h2,h1,td,th
  {
    font-family: Cantarell,Tahoma,Verdana,"Bitstream Vera Sans","DejaVu Sans","Nimbus Sans L",Arial,Helvetica,sans-serif;
  }
}
@media print {
  body,p,h6,h5,h4,h3,h2,h1,td,th
  {
    font-family: "Bitstream Vera Sans","DejaVu Sans",Verdana,"Nimbus Sans L",Helvetica,Arial,sans-serif;
  }
}
h3,h2
{
  border-bottom: 1pt solid #5d8fd3;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

h1,h2,h3,h4,h5,h6 {
  text-align: left;
}
a:link { color: #000099; text-decoration: none }
a:visited { color: #000099; text-decoration: none }
a:active { color: #000099; text-decoration: none }
a:hover { color: #993300; text-decoration: none }

/* elementos con letras pequeñas */
.footer,
div.menu-item,
*.leyenda {
  font-family: "Nimbus Sans L",Arial,Helvetica,sans-serif;
  font-size: 7pt;
}

.footer
{
  text-align: left;
  padding: 2pt;
  border-top: solid 1px #d4e6ff;
  margin-top: 2em;
}

td[class=color-info]
{
  width: 5pt;
  height: 5pt;
  border: 2pt solid white;
  padding: 1pt;
  margin: 0pt;
}

div.menu-title
{
  border-bottom: 1px solid #d4e6ff;
 /* font-size: 7pt;*/
}

div.menu-item
{
  /* color: #fc3; */
  color: #5d8fd3;
  background: #eee;
  padding-left: 8pt;
}

div.remark {
  background: rgba(255,255,255,0.5);
  border-radius: 3pt;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.6);
  padding: 3pt;
}

.rounded-box,div.leyenda {
  background: rgba(255,255,255,0.5);
  border-radius: 4pt;
  box-shadow: 0px 0px 4pt rgba(0,0,0,0.6);
  padding: 3pt;
}

div.leyenda
{
  border: solid 2px #5d8fd3;
  position: absolute;
  background: white;
  margin-right: 0.5em;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
}

*.leyenda
{
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
}
*[class=footnote]
{
  font-weight: normal;
  border-top: 1pt solid rgba(0,0,0,0.25);
  margin-top: 4pt;
  padding-top: 2pt;
}

h3 .subtitle {
  font-size: 90%;
}

div.menu
{
  margin: 2pt;
}

div.building
{
  position: fixed;
  left: 60%;
  top: 5%;
  background: none;
  font-size: 7pt;
  font-weight: bold;
  text-shadow: black 0px 0px 5px;
  border: solid 2px #f33;
  padding: 3pt;
  text-align: center;
}
div.link
{
  text-align: left;
}
img.icon
{
  margin-top: 0em;
  padding-right: 0.5mm;
  padding-left: 0.5mm;
  border: 0;
}

img.building
{
  float: left;
  margin-top: -0.75em;
  margin-right: 8pt;
  border: 0;
}