/* CSS Document */
{margin:0;padding:0}
html {background:#fff}
/*body {color:#000;font:100.01%/1.1 "Lucida Sans", Arial, "Times New Roman", Times, sans-serif}*/
body {color:#666666;font:100.01%/1.1  verdana, "Lucida Grande", tahoma, "Lucida Sans", Times, sans-serif}
h1 {font-size:1.2em;margin-bottom:10px;font-weight:bold;margin-bottom:8px;color:#000;}
h2 {font-size:1.05em;border-left:5px solid #666;padding-left:5px;margin-top:5px;color:#000;}
/*h1,h2 {margin-left:10px;font-weight:normal}*/
code {display:block;margin-left:25px;padding-bottom:20px}
ol {margin:0 0 0 10px}
ol li {display:inline;margin-right:5px}
ul {margin-left:10px;margin-top:10px}
ul li {margin-right:9px;list-style:none}
img {border:0;margin:10px}
#sub-section div {text-align:center}
p {margin:10px 10px}
pre {white-space:normal}
#header{padding:0px 0; font:100.01%/1.1 "Arial Black", verdana, "Lucida Grande", tahoma; font-size:.9em}
#menu,#content,#sub-section,#footer {padding:10px 0;font-size:.9em}
#menu{font: "Arial Narrow", verdana, "Lucida Grande", tahoma; font-size:.7em; text-align: left;}
#footer {font-size:.5em}
#content div {margin:10px;}

/* *************************************** */
#header {background:#fff;}
#footer {background:url(img/skyline.gif) 100% 0}
#content ul li {margin-left:20px;list-style:disc !important}
#content div {margin-right:20px}
#content div img {display:inline;vertical-align:middle}
#body {min-width:640px}
/*
MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers,
the overflow declaration is to make sure the containers do not drop below siblings
if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)
*/
#header,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block}
#header,#footer  {width:100%} /* safari and opera need this */
#menu,#content,#sub-section {float:left;padding-bottom: 9em;}
#content {width:70%;display:inline}
/* opera 7 shoots this container at the top left corner of the viewport */
#menu {width:15%;display:inline}
#sub-section {width:15%;display:inline}

/*#footer {clear:both}*/
#footer {position: relative; margin-top: -7.5em;}

/* *************************************** */

.bold {margin:10px 10px;padding:3px;border:1px dotted #666}
.bold2 {margin:10px 10px;padding:3px; font: "Arial Narrow", verdana, "Lucida Grande", tahoma; font-size:1em; text-align: justify; line-height:20px;}
.highlight {background-color:#ffc}

/*
.uno
{
background-image:url('../img/refuerzo.png' );
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
}

.dos
{
background-image:url('../img/refuerzo.png' );
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
}

.tres
{
background-image:url('../img/refuerzo.png' );
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
}

.cuatro
{
background-image:url('../img/refuerzo.png' );
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
}

.pilar
{
background-image:url('../img/pilar.gif' );
background-repeat:repeat-y;
background-position:center;
background-color:#fff;
}
*/
#footer {
background-image:url('../img/skyline.gif' );
background-repeat:repeat-x;
background-position:center;
background-color:#fff;
}

/* ************************************ */

a:link {text-decoration: none; color:#ff6504;}
a:visited {text-decoration: none; color:#ff6504;}
a:active {text-decoration: none; color:#ff6504;}
a:hover {text-decoration: none; color: white;}