/* hacks varios, adivinen para q browser... */
/* reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}



html, body, #contenedor {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body #contenedor {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body {
    background-color: #ffffff;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #bbbbbb;
    }
a{
    color: #bbbbbb;
}
a:hover{
    color: #bbbbbb;
}

h1{
   font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #bbbbbb;
}	

h2{
   font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #bbbbbb;
}	
	
	
#contenedor {
    position: absolute;
    top: 0;
    left: 0;
}

#principal {
    height: auto;
    padding: 0 0 0 0;
    padding-bottom: 77px;   /* con este  padding el footer nunca toca el contenido */
    width: 100%;
    margin: 0 auto;
}


/*HEADER*/
#header {
	width: 100%;
	height: 75px;
	background-color : #FFFFFF;
}
#header_content{
  margin: 0 auto;
  width: 990px; 
  height: 65px;
}
#header_content_left{
  margin: 0px; 
  padding: 30px 0 0 32px;  
  width: 368px; 
  height: 35px;
  float: left;
}
#header_content_right{
  margin: 0px; 
  padding: 0 0 0 0;  
  width: 590px; 
  height: 65px;
  text-align: right;
  float: left;
}





/*FOOTER*/
#footer {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
	width: 100%;
	height: 27px;
}
#footer_download {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
	width: 100%;
	height: 77px;
}
#footer_software{
    position: absolute;
    bottom: 0;
    margin: 0 auto;
	width: 100%;
	height: 77px;
}

#footer_white_project {
    height: 50px;
	background: url('../images/zigzag_bottom_project.gif') repeat-x top center;
	background-color: #ffffff;
}
#footer_white {
    height: 50px;
	background: url('../images/zigzag_bottom.gif') repeat-x top center;
	background-color: #ffffff;
}
#footer_white_content {
  margin: 0 auto;
  width: 990px; 
  height: 50px;
}
#footer_white_content_left{
  margin: 0px; 
  padding: 15px 0 0 32px;  
  width: 708px; 
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #5f5f5f;
  float: left;
}
#footer_white_content_right{
  margin: 0px; 
  width: 250px; 
  text-align: right;
  float: left;
}

#footer_black {
    height: 27px;
	background: url('../images/footer_bg.gif') repeat-x top center;
}
#footer_black_content{
  margin: 0 auto;
  width: 990px; 
  height: 27px;
}
#footer_black_content_left{
  margin: 0px; 
  padding: 6px 0 0 32px;  
  width: 828px; 
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #5f5f5f;
  float: left;
}
#footer_black_content_left a{
  color: #5f5f5f;
  text-decoration: none;
}
#footer_black_content_left a:hover{
  color: #83c4d0;
}
#footer_black_content_right{
  margin: 0px; 
  width: 130px; 
  height: 27px;
  text-align: right;
  float: left;
}