/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/*
 * Center the page.
 */

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?1f6xqt');
	src:url('fonts/icomoon.eot?#iefix1f6xqt') format('embedded-opentype'),
		url('fonts/icomoon.woff?1f6xqt') format('woff'),
		url('fonts/icomoon.ttf?1f6xqt') format('truetype'),
		url('fonts/icomoon.svg?1f6xqt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e9bd";
}

#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

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

#header,
#content,
.region-content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

#header,
#navigation {
	padding: 0px;
}

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

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

/*
 * Navigation bar
 */

div#navigation ul.links li a {
	width: auto;
	float: none;
}

div#navigation {
  background-color: white;
  border-width: 0px;
}

div#navigation ul.links li, 
div#navigation ul.menu li {
	display: inline-block;
	width: 16.66%;
	float: none;
	margin-left: -4px;
}

div#navigation ul.links {
	/*border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;*/
  border-bottom: 1px solid #ebebeb;
  /*border-top: 1px solid #ebebeb;*/
}

div#navigation ul.links li:first-child {
	margin-left: 0px;
}

.menu-togle {
	display: none;
}

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

#navigation {
  	position: absolute;
	top: 0;
	margin-left: 10px;
	margin-right: 10px;
	left: 0;
	 right: 0;
}

.region-bloqueizq {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.region-bloqueizq > div {
  margin-right: 9px;
}

.region-bloqueder {
    width: 50%;
    float: right;
    box-sizing: border-box;
}

.region-bloqueder > div {
  margin-left: 9px;
}

@media(max-width: 767px) {
  .region-bloqueizq,
  .region-bloqueder {
    width: auto;
    float: none;
  }

  .region-bloqueizq > div,
  .region-bloqueder > div {
    margin: 0px;
  }

	#navigation #main-menu {
		display: none;
		height: 0px;
		transition: height 0.5s;
		overflow: hidden;
	}

	#navigation #main-menu.visible {
		height: auto;
		display: block;
		position: relative;
		z-index: 10;
	}

	div#navigation ul.links li, 
	div#navigation ul.menu li {
		display: block;
		width: 100%;
		margin: 0px;
		border-bottom: 1px solid #efefef;
	}

	div#navigation ul.links,
	div#navigation ul.menu {
		border-top-width: 0px;
	}

	div#navigation ul.links li:last-child, 
	div#navigation ul.menu li:last-child {
		border-width: 0px;
	}

	div#navigation ul.links li a {
		text-align: left;
		padding: 10px 15px;
	}

	div#navigation ul.links li a:hover {
		background-color: #f9f9f9;
	}

	.menu-togle {
		display: block;
		width: 100%;
		border: 1px solid #efefef;
		text-align: right;
		background-color: #fff;
		padding: 3px 1px;
	}

	.menu-togle .icon-menu {
		margin-right: 4px;
		color: #222;
		font-size: 28px;
	}

}


@media all and (max-width: 759px) {
    div.field-name-imagen-reducida {
		text-align: center;
	}
	/* Noticias region horizontal */
	.region-bloqueizq , .region-bloqueder {
    width: 100% !important;
  }

  .region-horizontal .view-carpeta .views-row, .region-horizontal2 .view-carpeta .views-row {
		width: 100% !important;
	}
	.region-horizontal .view-carpeta .views-row, .region-horizontal2 .view-carpeta .views-row{
		padding: 10px 0px !important;
		border-bottom: 1px dotted #efefef;
	}
	.region-horizontal, .region-horizontal2 {
		padding: 0px 10px !important;
	}

  .noticias-horizontal {
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-top: 0;
    padding-bottom: 0;
  }

}

/*
 * Use 3 grid columns for smaller screens.
 */

@media all and (min-width: 760px) and (max-width: 959px) {

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

  .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }

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

  .sidebar-second #content,
  .sidebar-second .region-content { /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 66.667%;
    margin-left: 0%;
    margin-right: -66.667%;
    border: none;
  }

  /* Linea vertical para panel derecho si no es portada*/
    .not-front.sidebar-second #content, .not-front.sidebar-second .region-content { 
    border-right: 1px dotted #efefef;
  }

  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }

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

  .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }
  .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *position: relative;
    *zoom: 1;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  .two-sidebars .region-sidebar-second:before,
  .two-sidebars .region-sidebar-second:after {
    content: "";
    display: table;
  }
  .two-sidebars .region-sidebar-second:after {
    clear: both;
  }
  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 33.333%;
    margin-right: -66.667%;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }
}

/*
 * Use 5 grid columns for larger screens.
 */

@media all and (min-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. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }

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

  .sidebar-second #content,
  .sidebar-second .region-content { /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 66.667%;
    margin-left: 0%;
    margin-right: -66.667%;
    border: none;
  }
  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }

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

  .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }
  .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
}



@media all and (max-width: 768px) {

  .region-bloqueizq,
  .region-bloqueder {
    width: 100%!important;
  }

  .region-bloqueizq .views-row {
    padding:  0 0 10px 0!important;
  }

  .region-bloqueder .views-row {
    padding:  0 0 10px 0!important;
  }

}







































/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/*
 * Center the page.
 */

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?1f6xqt');
	src:url('fonts/icomoon.eot?#iefix1f6xqt') format('embedded-opentype'),
		url('fonts/icomoon.woff?1f6xqt') format('woff'),
		url('fonts/icomoon.ttf?1f6xqt') format('truetype'),
		url('fonts/icomoon.svg?1f6xqt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e9bd";
}

#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

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

#header,
#content,
.region-content,
#navigation-sup,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

#header,
#navigation-sup {
	padding: 0px;
}

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

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

/*
 * Navigation bar
 */

div#navigation-sup ul.links li a {
	width: auto;
	float: none;
}

div#navigation-sup {
  background-color: white;
  border-width: 0px;
  display: none;
}

div#navigation-sup ul.links li, 
div#navigation-sup ul.menu li {
	display: inline-block;
	width: 20%;
	float: none;
	margin-left: -4px;
}

div#navigation-sup ul.links {
	border-bottom: 1px solid #efefef;
  	border-right: 1px solid #efefef;
  	border-top: 1px solid #efefef;
}

div#navigation-sup ul.links li:first-child {
	margin-left: 0px;
}

.menu-togle {
	display: none;
}

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

#navigation-sup {
  	/*position: relative;*/
	top: 0;
	margin-left: 5px;
	margin-right: 10px;
	left: 0;
	right: 0;
	float: left;
}

.region-bloqueizq {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.region-bloqueizq > div {
  margin-right: 9px;
}

.region-bloqueder {
    width: 50%;
    float: right;
    box-sizing: border-box;
}

.region-bloqueder > div {
  margin-left: 9px;
}

@media(max-width: 1020px) {
  .region-bloqueizq,
  .region-bloqueder {
  }


  .region-bloqueizq .views-row {
    padding:  0 10px 10px 0;
  }

  .region-bloqueder .views-row {
    padding:  0 0 10px 10px;
  }

  .region-bloqueizq > div,
  .region-bloqueder > div {
    margin: 0px;
  }

	#navigation-sup #main-menu-sup {
		display: none;
		height: 0px;
		transition: height 0.5s;
		overflow: hidden;
	}

	#navigation-sup #main-menu-sup.visible {
		height: auto;
		display: block;
		position: absolute;
		z-index: 10;
		width: 97%;
    margin-top: 32px;
	}

	div#navigation-sup ul.links li, 
	div#navigation-sup ul.menu li {
		display: block;
		width: 100%;
		margin: 0px;
		border-bottom: 1px solid #efefef;
	}

	div#navigation-sup ul.links,
	div#navigation-sup ul.menu {
		border-top-width: 0px;
	}

	div#navigation-sup ul.links li:last-child, 
	div#navigation-sup ul.menu li:last-child {
		border-width: 0px;
	}

	div#navigation-sup ul.links li a {
		text-align: left;
		padding: 10px 15px;
	}

	div#navigation-sup ul.links li a:hover {
		background-color: #f9f9f9;
	}

	#navigation-sup .menu-togle .icon-menu {
	    color: #939999;
	}
	#navigation-sup .menu-togle {
	    /*background-color: rgb(59, 59, 59);*/
	    border: 0px none;
      z-index: 1;
	}
	div#navigation-sup{
	    display: inherit !important;
	}
	#navigation{
	    display: none;
	}
	.barra_superior .buscador {
	    vertical-align: middle;
	}
	#main{
	    padding-top: 0px !important;
	}
  .region-main {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .region-main.banner-publicidad {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
	.menu-togle {
		display: block;
		width: 100%;
		border: 1px solid #efefef;
		text-align: right;
		background-color: #fff;
		padding-left: 0px;
	}

	.menu-togle .icon-menu {
		margin-right: 3px;
		color: #222;
		font-size: 28px;
	}
}


@media all and (max-width: 759px) {
    div.field-name-imagen-reducida {
    text-align: center;
  }
  /* Noticias region horizontal */
  .region-horizontal .view-carpeta .views-row, .region-horizontal2 .view-carpeta .views-row {
      width: 100% !important;
  }

  /* Noticias region horizontal3-1 y horizontal3-2 */
  .region-horizontal3-1 .view-carpeta .views-row, .region-horizontal3-2 .view-carpeta .views-row {
      width: 100% !important;
  }

  .region-main {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }

  .region-horizontal .view-carpeta .views-row, .region-horizontal2 .view-carpeta .views-row {
    border-bottom: none;
  }

  .region-bloqueizq .views-row {
    margin-bottom: 0!important;
  }

  .region-bloqueder .views-row {
    margin-bottom: 5px!important;
  }

  .group-noticias-relacionadas {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
  }
}

/*
 * Use 3 grid columns for smaller screens.
 */

@media all and (min-width: 760px) and (max-width: 959px) {

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

  .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }

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

  .sidebar-second #content,
  .sidebar-second .region-content { /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 66.667%;
    margin-left: 0%;
    margin-right: -66.667%;
    border: none;
  }

  /* Linea vertical para panel derecho si no es portada*/
    .not-front.sidebar-second #content, .not-front.sidebar-second .region-content { 
    border-right: 1px dotted #efefef;
  }

  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }

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

  .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }
  .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    *position: relative;
    *zoom: 1;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  .two-sidebars .region-sidebar-second:before,
  .two-sidebars .region-sidebar-second:after {
    content: "";
    display: table;
  }
  .two-sidebars .region-sidebar-second:after {
    clear: both;
  }
  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 33.333%;
    margin-right: -66.667%;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }
}

/*
 * Use 5 grid columns for larger screens.
 */

@media all and (min-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. */
    float: left;
    width: 66.667%;
    margin-left: 33.333%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.333%;
    margin-left: 0%;
    margin-right: -33.333%;
  }

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

  .sidebar-second #content,
  .sidebar-second .region-content { /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 66.667%;
    margin-left: 0%;
    margin-right: -66.667%;
    border: none;
  }
   /* Linea vertical para panel derecho si no es portada*/
    .not-front.sidebar-second #content, .not-front.sidebar-second .region-content { 
    border-right: 1px dotted #efefef;
  }


  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 33.333%;
    margin-left: 66.667%;
    margin-right: -100%;
  }

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

  .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }
  .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
}