/* provides basic layout */

html, body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

#container {
  position:relative;
  background: #dedfe0 url('/con/cms/images/bg-light.png') repeat-y top center;
}

* html #header {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/con/cms/images/gradient.png', sizingMethod='scale');
  background-image:none;
}

#header {
  background: #dedfe0 url('/con/cms/images/bg-light.png') repeat-y top center;
}

#header .wrapper {
  overflow:hidden;
  position:relative;
}

#header #logo {
  margin: 0 45px 0 0;
  float:left;
}

#teaser {
  background: #bdbcc1 url('/con/cms/images/bg-dark.png') repeat-y top center;
}

* html #logo img  {
   behavior: url('/con/cms/htc/pngbehavior.htc');
}

#title {
    clear: right;
    float: left;
    width: 715px;
    margin-top: 25px;
}
.wrapper {
  margin:0 auto;
}

#meta {
 float: right;
 margin-top: 12px;
}

#content {
  overflow:hidden;
  background: #dedfe0 url('/con/cms/images/bg-light.png') repeat-y top center;
}

#main {
  float:right;
}

body.home #main {
  float: none;
}

#sidebar {
  float:left;
}

#footer {
  clear:both;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #bdbcc1 url('/con/cms/images/bg-footer.png') no-repeat top center;
}

#footer .colophon {
  clear: both;
  display: block;
  text-align: center;
}

#contenido_notification {
  position:absolute;
  left:10px;
  top:10px;
  z-index:10;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

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