/*documentos*/
 
 /*ajustes para la página de noticias, si, no es muy elegante, lo sé, agradecimientos al programador del click*/
body.not-front.no-sidebars  , body.not-front.page-todos-los-eventos{
    margin-top: -52px;
 }

/*Eliminamos el margen superior solo para la página 'MAPA WEB'*/
body.not-front.not-logged-in.no-sidebars.page-sitemap {
    margin-top: 0px;
}

body.not-front.no-sidebars  div#content,  body.not-front.page-todos-los-eventos div#content{
    padding-left: 10px;
}
 
body.not-front.no-sidebars  div#content .view-content, body.not-front.page-todos-los-eventos div#content .view-content{
    width: 100%;
}
html{
    overflow-x: hidden;
} 

.view-imas .view-bannerimas {
    left: -220px;
    top: -50px;
}
.view-id-residencias_vista{
    margin-top: 0px;
}
/*ajustes residencias*/
body.not-front div#content div.view-residencias-vista .view-content{
     margin-top: 30px;
 }

.view-bannerresidencia {
    margin-top: -30px;
}

.view-bannerresidencia h1{
    margin-top: 50px;
}

/*fin ajustes residencias*/
 
body.not-front.no-sidebars  div#content .view-noticia .view-content{
    width: 70%; 
}
body.not-front.no-sidebars div#content .view-atencio-al-ciutad- .view-content, body.not-front.no-sidebars div#content .view-eventosagenda .view-content{
    width:70%;    
}
body.not-front.no-sidebars div#content .view-atencio-al-ciutad- .view-header{
    margin-bottom: 40px;
}
.views-field-field-subtitulo {
     font-style: italic;
     font-size: 1.2em;
     line-height: 1.5em;
 }
 .view-todas-las-noticias .page-todas-las-noticias, .view-todos-los-eventos .page-todos-los-eventos{
    margin: -70px 0 0 0;   
}
.view-todos-los-eventos{
    margin: 0;   
} 
.view-todos-los-eventos div.item-list ul{
    margin-top: 50px;
}
.view-todos-los-eventos .view-content h3  {
    
}
.views-field-field-documents table td{
     padding: 7px 10px;        
 }
 .view-BannerPrograma, .view-BannerArea{
    position: relative;    
    left: -218px;   
    width: 980px;
    height: 20px;
    margin-top: -35px;    
}
.view-bannerimas,view-BannerArea  {
  
    position: relative;
}
.view-banner-at-ciudadania{
    margin:0;
}
.sidebar-first #block-views-areas-block ,.sidebar-first #block-views-imas-menu-block{
   position: relative;
   top: -80px;
   left: 10px;
   background: #eaeaea;
   padding: 20px;  
}
#edit-submit{ border: none; }
#page,
.region-bottom {
  /* If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. */
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}



#block-views-imas-menu-derecho-block{
      background-color: #eaeaea;
      padding: 20px;
      margin-top: 20px;
      margin-left: 10px;
  }
  
  
  
  #block-views-imas-menu-derecho-block{
      margin-top: -45px;
  }
  #block-views-imas-menu-derecho-block{
      margin-top: -20px;
  }
  
  #block-views-imas-menu-derecho-block li{
      margin-bottom: 10px;
  }
  



.view-bannerimas .views-field-title{
    position: relative;
    top:-140px;   
}

.view-imas .view-bannerimas{
    
   left:-221px;
   top: -80px;
}


/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
  border: 0 !important;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  position: relative;
  zoom: 1;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/*
 * Navigation bar
 */

#main {
  padding-top: 3em; /* Move all the children of #main down to make room. */
  position: relative;
}

#navigation {
  position: absolute;
  top: 0; /* Move the navbar up inside #main's padding. */
  height: 3em;
  width: 960px;
}

/*
 * The layout when there is only one sidebar, the left one.
 */

.sidebar-first #content {
  /* Span 4 columns, starting in 2nd column from left. */
  
  width: 790px; 
  padding-top: 20px; 
  margin-left: 0px;
  
}



div#content article{
    padding-top: 60px;
    width: 550px; 
    margin-left: 0;
}

.sidebar-first .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 200px;
  margin-left: 0px;
  margin-right: -196px;
  margin-top: 33px;
}

div#content {
    float: right;   
    padding-left: 40px;
}

/*
 * The layout when there is only one sidebar, the right one.
 */


#block-locale-language-content ul li{
    float: none;
    margin: 0 0 0 0;
    padding: 0 9px;   
    background: url('/sites/all/themes/imas/images/miscelanea/separador_menu_utilidades.png') no-repeat 100% 5px;
}

#block-contact-form-blocks-0 h2{
    padding: 20px 0  0 20px;
    margin: 0 0 -30px 0;
}

.resizable-textarea .grippie{
    display: none;
} 
.sidebar-second .region-sidebar-second {             
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 176px;
  margin-left: 784px;
  margin-right: -980px;
}

/*
 * The layout when there are two sidebars.
 */

.two-sidebars #content {
  /* Span 3 columns, starting in 2nd column from left. */
  
  width: 50%;
  border: 1px solid;
  margin: 0 330px 0 0;
  
}

.two-sidebars .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  float: left;
  width: 210px;
  margin-left: 0px;
  margin-right: -196px;
}

.two-sidebars .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  float: left;
  width: 176px;
  margin-left: 784px;
  margin-right: -980px;
}

 #footers{    
    background: url(/sites/all/themes/imas/images/footers-bg.jpg) #183469 repeat-x; 
    width: 100%;
    float: left;
    height: 517px; 
    color: #fff;  
    clear: both;
   
  }
  
  #navigation {
    position: absolute;
    top: 0; /* Move the navbar up inside #main's padding. */
    height: 3em;
    width: 63%;
    margin-left: 36%;
    top: 91px;
  }
  
 
  body {     
      background: url('/sites/all/themes/imas/images/body-header-bg.jpg');
      background-repeat: repeat-x;
      background-position:  0 150px;
      
  }
  
  .view-header{
      /*prueba compass*/
      height: 155px;
  }