/* CSS Document */
html, body {height: 100%;}

#ribon{
margin: 0;
/*margin: 0px auto;*/
width: 750px;
background: white url(ribbon2.gif) top left repeat-x ;
height: 10px;}
#container {
margin: 0;margin-left:17px;
/*margin: 0px auto;*/
width: 90%;
background:#ffffff;
min-height: 90%; /* el valor minimo es la pantalla completa -luego le restamos la altura del fpie- */
height: auto !important; /* con esto funciona para todos los navegadores */
height: 90%; /* puro tramite */
margin: 0 17px -10px; /* el margen es la altura del pie en negativo */
}
#header {

margin-top:10px;
width: 100%;

}


#navigation {
margin-left:-45px;
* margin-left:-5px;

width: 750px;
height: 40px;
text-align: right;
}
#navigation ul {
margin: 0px auto;
list-style: none;
}
#navigation ul li {display: inline; padding-right: 5px;padding-left: 5px;
padding-top: 5px;float:left;letter-spacing:-1px;

}
#navigation ul li a{
text-decoration:none;


}

#navigation ul li a:hover{ background:#FFFFCC;

}
li.current_page_item {

text-transform: uppercase;
font-weight: bold;
}

ul.menu li.current_page_item 
ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active {
background:transparent url(avnav.gif) repeat-x 50% 0px;
text-transform: uppercase;
font-weight: bold;
}

#content {
width: 750px;  vertical-align: top;
}
#content .commentbox {
background-color: #FBF4E2;
padding: 2px 5px 2px 5px;
border-top: solid #D4CBB4 3px;
text-transform: uppercase;

}
#content .left {
float: left;
width: 750px;
}

#content .left p {font-size: 10pt;}
#content .left blockquote {padding: 5px; background-color: #F3F2F2; text-align: justify; font-size: 10pt; width: 600px; font-style: italic; 	border-left: solid #DBDAD5 3px;}
#content .left img {
display: block;
position: relative;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
#content .left a {color:#000033;}
#content .right {
margin-top: 15px;
margin-left: 28px;
padding: 10px;
float: left;
width: 200px;
font-size: 9pt;
text-align: justify;
background-color: #F3F2F2;
border: solid #E6E4E4 1px;
}
#content .right h3 {color:#000033;font-size: 11pt; font-weight: bold; text-transform: uppercase;}
#content .right ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
#content .right li {

padding: 2px;
}
#content .right li a { 
text-decoration: none;
}
#content .right li a:hover {
border-bottom: dashed #8A8A8A 1px;
}
#footer {
clear:both;
text-align: center;
padding: 10px;
font-size: 9pt;
}
#footer a {text-decoration: none;}

images{border:0px; background:none; margin:0px; padding:0px; azimuth:behind;}
.imgfotos{margin-left:3px;}








img{border:3px solid #fffff; azimuth:left; }

#ml{margin-bottom:8px;}
