*,html,body{margin:0;padding:0}
html{height:100%;position:relative}
body{height:100%;position:relative;text-align:center}

#header{
  background:transparent url('/images/top_bg.png') repeat-x top;
  height:143px;
  margin-bottom:-143px;
  width:100%;
  z-index:0;
  position:relative;
}
.header_height{height:152px}
#header_content{position:relative}
#container{
  margin:0 auto;
  min-height:100%;
  position:relative
}
#footer{  /*color degradado inferior*/
          /*definir altura en clase footer_height*/
          position:relative;
          border-top:1px solid #CCC;
          background-color:#F4F4F4;
          margin:0px;
          text-align:center;
          clear:both;
}
#footer_content{position:relative;height:100%}
/* clearfix */
.clearfix:after {
  content: ".";
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
-->

/*960 css framework

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display:inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: left;
  position: relative
}
.menu{float:right;height:30px;margin-bottom:0px}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0}
.omega {margin-right:0}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {width:70px}
.container_12 .grid_2 {width:150px}
.container_12 .grid_3 {width:230px}
.container_12 .grid_4 {width:310px}
.container_12 .grid_5 {width:390px}
.container_12 .grid_6 {width:470px}
.container_12 .grid_7 {width:550px}
.container_12 .grid_8 {width:630px}
.container_12 .grid_9 {width:710px}
.container_12 .grid_10 {width:790px}
.container_12 .grid_11 {width:870px}
.container_12 .grid_12 {width:950px}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left:80px}
.container_12 .prefix_2 {padding-left:160px}
.container_12 .prefix_3 {padding-left:240px}
.container_12 .prefix_4 {padding-left:320px}
.container_12 .prefix_5 {padding-left:400px}
.container_12 .prefix_6 {padding-left:480px}
.container_12 .prefix_7 {padding-left:560px}
.container_12 .prefix_8 {padding-left:640px}
.container_12 .prefix_9 {padding-left:720px}
.container_12 .prefix_10 {padding-left:800px}
.container_12 .prefix_11 {padding-left:880px}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right:80px}
.container_12 .suffix_2 {padding-right:160px}
.container_12 .suffix_3 {padding-right:240px}
.container_12 .suffix_4 {padding-right:320px}
.container_12 .suffix_5 {padding-right:400px}
.container_12 .suffix_6 {padding-right:480px}
.container_12 .suffix_7 {padding-right:560px}
.container_12 .suffix_8 {padding-right:640px}
.container_12 .suffix_9 {padding-right:720px}
.container_12 .suffix_10 {padding-right:800px}
.container_12 .suffix_11 {padding-right:880px}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear, .clear_form, .clear2 {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0
}
.clear{height:10px}
.clear_form{width:100%;height:15px}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Mi ComparaOnline */
.campo_texto{margin-bottom:10px}
.spacer{clear:both;height:10px}
.spacer_15{clear:both;height:15px}