@import url('turismo.css');
@import url('cultura.css');

body {
  font-size:0.9rem;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #263238;
}

img{
  max-width:100%;
  height:auto;
}
.colorbox img{
max-width: 100%;
vertical-align: inherit;
}
.colorbox.col-1, .colorbox.col-2, .colorbox.col-3, .colorbox.col-4, .colorbox.col-5{
max-width:inherit;
padding-left:0px;
padding-right: 6px;
}
/*estilo tabla por defecto*/
table{
  overflow-x: auto;
  font-size: 0.7rem;
  border:none;
}

table thead{
  background-color:#bbb;
  color:#263238;
}

table a{
  color:#0c80df;
}
table th, table td{
  padding: 0.4rem;
  border:1px solid #ddd;
  border:none;
}
table th:not(:last-child), table td:not(:last-child){
  border:1px solid #ddd;
 /* border-right:1px solid #ddd;*/
}
table tbody{
  background-color:#eee;
  color:#263238;
  font-weight:bold;
}
table th{
  padding:0.4rem 0.8rem;
}
/*
.table-1 th::first-letter{
  font-size: 0.9rem;
}*/
.table a{
  color:#263238;
  /*color: #dc2d3c;*/
/*  font-weight:bold;*/
  font-style:italic;
  font-weight: 500;
}
.table td {
   font-weight:normal;
}
.table ul {
  padding: 5px 20px;
}

.table ul li{
  list-style:none;
  border-bottom:1px solid #263238;
  padding: 10px 0 5px 0
}



.views-table{
  width:100%;
}
/*estilo tabla por roja*/
.table-2{
  overflow-x: auto;
  font-size: 0.7rem;
  border:1px solid #ddd;
}

.table-2 thead{
  background-color:#C22620;
  color:white;
}

.table-2 a{
  color:#0c80df;
}
.table-2 th, .table-2 td{
  padding: 0.4rem;
  border:1px solid #ddd;
}

.table-2{
  line-height:1;
  display: block;
}

.table-2 th, .table-2 td{
  padding: 0.4rem;
  border: 1px solid #ddd;
}
/*estilo tabla gris*/
.table-1{
  border:none;
}
.table-1 thead{
  background-color:#bbb;
  color:#263238;
}

.table-1 tbody{
  background-color:#eee;
  color:#263238;
  font-weight:bold;
}
.table-1 th{
  padding:0.4rem 0.8rem;
}
.table-1 th, .table-1 td {
  border:none;
}
/*
.table-1 th::first-letter{
  font-size: 0.9rem;
}*/
.table-1 a{
  color:#263238;
  font-weight:bold;
}

.table-1 ul {
  padding: 5px 20px;
}

.table-1 ul li{
  list-style:none;
  border-bottom:1px solid #263238;
  padding: 10px 0 5px 0
}

.page-title {
  font-size: 2.4rem;
}

/* BREADCRUMBS */
#block-breadcrumbs{
  font-size: 12px;
  position: absolute;
  top: -30px;
}
/* HEADER */
.header-wrapper {
  font-size: 12px;
  z-index: 100;
}

.cart--cart-block {
	display: none;
}
ul.sf-menu>li>a{
  font-size: 12px;
}
ul.sf-menu .sf-depth-1 {
    color: #263238;
    font-weight: bold;
    padding: 24px;
    text-transform: uppercase;
}
ul.sf-menu span{
  display: block;
  padding: 0.75rem 1rem;
}
ul.sf-menu ul li span {
    font-size: 0.778rem;
    font-weight: normal;
    text-transform: none;
}
ul.sf-menu ul span.menuparent::before {
color: #37474f;
    content: "";
  display: inline-block;
    font: 10px/0.6rem FontAwesome;
    margin-top: -6px;
    position: absolute;
    right: 8px;
    text-rendering: auto;
    top: 50%;
}

ul.sf-menu ul li span:hover, ul.sf-menu ul li a:hover {
    color:#000;
}
ul.sf-menu .sf-depth-1::before{
    display: inline-block;
    font: 10px/0.6rem FontAwesome;
    /*margin-top: -6px;*/
    position: absolute;
    right: 8px;
    text-rendering: auto;
    top: 50;
}
ul.sf-menu span.sf-depth-1::before{
  content:"";
}
ul.sf-menu .sf-depth-1 {
    padding-right: 24px;
    position: relative;
}

.sidr ul.menu span {
    border-bottom: 1px solid rgba(176, 190, 197, 0.2);
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 15px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

.sidr ul.menu li.menu-item--expanded > span::before {
    color: #ffffff;
    content: "";
    display: inline-block;
    font: 0.6rem/0.6rem FontAwesome;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    text-rendering: auto;
    top: 50%;
}
.sidr ul.menu li.menu-item--expanded ul span{
   color: #263238;
}
.region-header-secondary-menu, .region-header-secondary-menu div {
	float: left;
	position: relative;
}
/* FOOTER */
.footer-wrapper{display:none;}
.footer-bottom-wrapper {
	font-size: 12px;
}

.region-footer-bottom-second, .region-footer-bottom-second div {
	float: left;
	position: relative;
}
.region-header-social-menu div{
	float: left;
	position: relative;
}

/*.region-footer-bottom-first ul.sf-menu>li>a {
	color: white;
}
*/
.footer-bottom-wrapper {
	background-color: #3e3e3c;
	color: white;
}

.region-footer-bottom-second .inline-separator ul,
	.region-footer-bottom-second .block-language ul li a,
	.region-footer-bottom-second .inline-separator ul li a,
	.region-footer-bottom-second .block-language ul li a {
	color: white;
}
/*menu principal en footer*/
menu--menu-principal-turismo-
.footer-bottom-wrapper .menu--main > ul.menu::after,
.footer-bottom-wrapper .menu--menu-principal-turismo- > ul.menu::after,
.footer-bottom-wrapper .menu--menu-principal-cultura- > ul.menu::after {
    clear: both;
    content: "";
    display: block;
}
.footer-bottom-wrapper .menu--main ul.menu,
.footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu,
.footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu {
  list-style: outside none none;
  z-index: 10;
  line-height: 1;
}
.footer-bottom-wrapper .menu--main ul.menu, .footer-bottom-wrapper .menu--main ul.menu ul, .footer-bottom-wrapper .menu--main ul.menu li,
.footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu, .footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu ul, .footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu li,
.footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu, .footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu ul, .footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu li{
   /* margin: 0;*/
    padding: 0;
}
.footer-bottom-wrapper .menu--main > ul.menu > li,
.footer-bottom-wrapper .menu--menu-principal-turismo- > ul.menu > li,
.footer-bottom-wrapper .menu--menu-principal-cultura- > ul.menu > li {
    transition: background 0.2s ease 0s;
    /*white-space: nowrap;*/
    float: left;
    z-index: 498;
    list-style: outside none none;
    max-width:215px;
}

.footer-bottom-wrapper .menu--main > ul.menu > li > a,
.footer-bottom-wrapper .menu--menu-principal-turismo- > ul.menu > li > a,
.footer-bottom-wrapper .menu--menu-principal-cultura- > ul.menu > li > a,
.footer-bottom-wrapper .menu--main > ul.menu > li > span,
.footer-bottom-wrapper .menu--menu-principal-turismo- > ul.menu > li > span,
.footer-bottom-wrapper .menu--menu-principal-cultura- > ul.menu > li > span {
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 15px 14px;
    text-transform: uppercase;
    display:block;
}
.footer-bottom-wrapper .menu--main ul.menu > li > a,
.footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu > li > a,
.footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu > li > a{
    color: white;
    font-size: 12px;
}

.footer-bottom-wrapper .menu--main ul.menu a,
.footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu a,
.footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu a{
    cursor: pointer;
    padding: 0.75rem 1rem;
    text-decoration: none;
}
.footer-bottom-wrapper .menu--main ul.menu a, .footer-bottom-wrapper .menu--main ul.menu span.nolink,
.footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu a, .footer-bottom-wrapper .menu--menu-principal-turismo- ul.menu span.nolink,
.footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu a, .footer-bottom-wrapper .menu--menu-principal-cultura- ul.menu span.nolink{
    display: block;
    padding: 0.5em 1.5em;
}
/* INLINE MENU CON SEPARADOR BARRA */
.inline-separator {
	float: left;
	position: relative;
	padding: 0px 15px;
}

.inline-separator ul {
	list-style: outside none none;
	cursor: pointer;
	text-decoration: none;
	color: #263238;
	margin: 0px;
	padding: 0px;
}

.inline-separator ul li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.inline-separator ul li a {
	color: #263238;
	padding: 15px 2px 15px 0px;
}

.inline-separator ul li:not(:first-child ):before {
	content: " | ";
}

/* LANGUAGE SWITCHER */
.block-language {
	padding: 0px 15px;
}

.block-language ul {
	list-style: outside none none;
}

.block-language ul li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.block-language ul li a {
	cursor: pointer;
	text-decoration: none;
	color: #263238;
	padding: 15px 2px 15px 0px;
}

.block-language ul li:not (:first-child ):before {
	content: " | ";
}

/* ARTICLES */
.field--name-node-post-date {
	color: rgba(38, 50, 56, 0.87);
	font-size: 0.667rem;
	margin-top: 0.5rem;
}

.field--name-field-mg-image {
	margin-bottom: 10px;
}

/* CSS PROPIOS */
/* ICONOS ROJOS PANTALLA INICIO*/
.icon-text-link {
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.icon-text-link span {
	white-space: nowrap;
}

.icon-text-link img {
	margin-right: 10px;
}

.icon50-text-link {
	line-height: 50px;
	height: 50px;
}

.icon50-text-link img {
	height: 50px;
	width: 50px;
}

/* AREAS COLLAPSABLES INICIO */
ul.areas {
	list-style: none;
	text-align:center;
	display:inherit;
	width:100%;
	padding:0;
}

ul.areas > li {
	margin-bottom: 2.5rem;
	display:inline-flex;
	text-align:left;
	width:auto;
}

ul.areas ul {
	list-style-type: none;
}

.no-touch .area .mas-area::after {
	display: none;
}

.area {
	background-color: white;
	color: #696973;
	display: block;
	height: 252px;
	width:100%;
	min-height: 252px;
	overflow: hidden;
	position: relative;
}
.area.full-width img{
	width: auto
  /*height: auto;*/
}
.area.full-width strong{
	width: auto;

}
.area.full-width .action-link {
	max-width:auto;
}

.area img {
	display: block;
	/*    width: 100%;*/
	width: 344px;
	height: 141px;
}

.area strong {
	background-color: white;
	color: #000;
	display: block;
	font-size: 1rem; /*2*/
	font-weight: 400;
	line-height: 1rem; /*2*/
	padding: 2.4rem 3.6rem 2.4rem 2.1rem;
	position: relative;
	transition: all 0.7s ease 0s;
	max-width: 344px;
}

.area strong span {
	transition: all 0.4s ease 0s;
}

.area strong::after {
	color: #696973;
	content: "\02C6"; /*"";*/
	font-family: "icoajuntament";
	font-size: 2.2rem;
	position: absolute;
	right: 1.8rem;
	top: 2.4rem;
	transition: all 0.4s ease 0s;
}

.area .mas-area {
	background: white none repeat scroll 0 0;
	height: 100%;
	left: 0;
	padding: 1.4rem 5.6rem 1.4rem 2.4rem;
	position: absolute;
	top: 0;
	transform: translate(0px, 100%);
	transition: all 0.7s ease 0s;
	width: 100%;
}

.area .mas-area ul {
	font-size: 0.8rem; /*1.6*/
	padding: 0;
}

.area .mas-area ul li {
	line-height: 1rem; /*2*/
	margin-bottom: 0 !important;
	padding-left: 8px;
	position: relative;
}

.area .mas-area ul li::before {
	color: #323946;
	content: "· ";
	font-size: 1.8rem; /*2.8*/
	left: -0.2rem;
	line-height: 0.9rem;
	position: absolute;
	top: 0.1rem; /*0.65*/
}

.area .mas-area::after {
	color: #696973;
	content: "\02C7"; /*"";*/
	/*    font-family: "icoajuntament";*/
	font-size: 2.2rem;
	position: absolute;
	right: 1.8rem;
	top: 1.2rem;
}

.area .action-link {
	background: #DC2D3C none repeat scroll 0 0;
	bottom: 0;
	color: #fff;
	font-size: 0.6rem; /*1.6*/
	font-weight: 600;
	left: 0;
	padding: 0.7rem 1.5rem;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	transform: translate(0px, 85%);
	transition: all 0.7s ease 0s;
	width: 100%;
}

.area .action-link span {
	display: inline-block;
	opacity: 0;
	transform: translate(-20%, 0px);
	transition: all 0.7s ease 0.5s;
}

.area .action-link::after {
	content: "\203a"; /*"";*/
	display: inline-block;
	font-family: "icoajuntament";
	margin-left: 0.4rem;
	opacity: 0;
	transform: translate(-75%, 0px);
	transition: all 0.7s ease 0.5s;
	vertical-align: text-bottom;
}

.area .action-link.alert {
	border: medium none;
	border-radius: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.area .action-link.alert::after {
	content: none;
}

.area .action-link:hover:not (.alert ) {
	background-color: #483d7d;
	text-decoration: none;
}

.area .action-link-1 {
	background: #79c5c0 none repeat scroll 0 0;
}

.area .action-link-1:hover:not (.alert ) {
	background-color: #3c918c;
}

.area .action-link-2 {
	background: #302783 none repeat scroll 0 0;
}

.area .action-link-2:hover:not (.alert ) {
	background-color: #0a0536;
}

.area .action-link-3 {
	background: #FCC740 none repeat scroll 0 0;/*#B97300*/
}

.area .action-link-3:hover:not (.alert ) {
	background-color: #FCC740;/*#875400;*/
}

.area .action-link-4 {
	background: #694100 none repeat scroll 0 0;
}

.area .action-link-4:hover:not (.alert ) {
	background-color: #362100;
}

.area .action-link-5 {
	background: #AFAFAF none repeat scroll 0 0;
}

.area .action-link-5:hover:not (.alert ) {
	background-color: #635050;
}

.area .action-link-6 {
	background: #83D0F5 none repeat scroll 0 0;
}

.area .action-link-6:hover:not (.alert ) {
	background-color: #4098c2;
}

.area .action-link-7 {
	background: #E3DEEF none repeat scroll 0 0;
}

.area .action-link-7:hover:not (.alert ) {
	background-color: #998abd;
}

.area .action-link-8 {
	background: #C1202B none repeat scroll 0 0;
}

.area .action-link-8:hover:not (.alert ) {
	background-color: #8f000a;
}

.area .action-link-9 {
	background: #009540 none repeat scroll 0 0;
}

.area .action-link-9:hover:not (.alert ) {
	background-color: #00612a;
}

.area .action-link-10 {
	background: #001F64 none repeat scroll 0 0;
}

.area .action-link-10:hover:not (.alert ) {
	background-color: #000f30;
}

.area .action-link-11 {
	background: #FB3B38 none repeat scroll 0 0;
}

.area .action-link-11:hover:not (.alert ) {
	background-color: #c70704;
}

.area .action-link-12 {
	background: #F6C04E none repeat scroll 0 0;
}

.area .action-link-12:hover:not (.alert ) {
	background-color: #c28b17;
}

.area:hover strong {
	height: 100%;
	transform: translate(0px, -100%);
}

.area:hover strong span {
	opacity: 0;
}

.area:hover strong::after {
	opacity: 0;
}

.area:hover .mas-area {
	transform: translate(0px, 0px);
}

.area:hover .action-link {
	text-decoration: none;
	transform: translate(0px, 0px);
}

.area:hover .action-link span {
	opacity: 1;
	transform: translate(0px, 0px);
}

.area:hover .action-link::after {
	opacity: 1;
	transform: translate(0px, 0px);
}

.area:focus strong {
	height: 100%;
	transform: translate(0px, -100%);
}

.area:focus strong span {
	opacity: 0;
}

.area:focus strong::after {
	opacity: 0;
}

.area:focus .mas-area {
	transform: translate(0px, 0px);
}

.area:focus .action-link {
	transform: translate(0px, 0px);
}

.area:focus .action-link span {
	opacity: 1;
	transform: translate(0px, 0px);
}
.area:focus .action-link::after {
	opacity: 1;
	transform: translate(0px, 0px);
}

/* TIMELINE DE REDES SOCIALES */
div.light .dpSocialTimeline_filter button, div.light .dpSocialTimeline_layout button{
    background:none;
    border:none;
}
div.light .dpSocialTimeline_divider{
    border-top: 4px solid #AFAFAF;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item{
    background: #fff;/*#e6e6e6;*/
/*    border:none;*/
    box-shadow:none;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentHead{
    background: #fff;/*#e6e6e6;*/
    border:none;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentFoot{
    background-color: #fff; /*#e6e6e6;*/
    border:none;
}
div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContent{
    padding:0px 15px;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item a.img_link{
    margin-left: -15px;
    margin-right: -15px;
}
div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContent img{
    width:100%!important;
    padding:0;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContent img{
    box-shadow:none;
}
div.dpSocialTimeline .dpSocialTimeline_item .user{ 
    width:80%;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentHead {
    min-height:25px;
}

/*crop images*/
div.light div.dpSocialTimeline .dpSocialTimeline_item a.img_link {
  position: relative;
  /*width: 100px;*/
  height: 100px;
  overflow: hidden;
}
div.light div.dpSocialTimeline .dpSocialTimeline_item a.img_link img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;/*100%*/
  width: 100%;/*auto*/
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
/*div.light div.dpSocialTimeline .dpSocialTimeline_item a.img_link img.portrait {
  width: 100%;
  height: auto;
}*/
/**/

div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText{
    margin-top:10px;
}
/*
div.dpSocialTimeline span.favicon.twitter, div.dpSocialTimeline_filter span.favicon.twitter{ background:rgba(0, 0, 0, 0) url("../images/favicons/twitter.png") no-repeat scroll 0 0}
div.dpSocialTimeline span.favicon.facebook, div.dpSocialTimeline_filter span.favicon.facebook{}
*/

div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em;
  min-height: 40px;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineText:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

div.dpSocialTimeline .dpSocialTimeline_item.facebook div.dpSocialTimelineText,
div.dpSocialTimeline .dpSocialTimeline_item.youtube div.dpSocialTimelineText{ margin-bottom:27px;}

/* Paragraph types */
div.paragraph {
  margin: 40px 0 0;
}

/* BOP */
div.field--name-field-ail-bop-contenido {
  margin-bottom: 40px;
}

div.field--name-field-mg-document {
  margin: 20px 0 0;
}

/* CKEditor-responsive (no carga css) */
/* 4.85%;  } /* grid_1  */
.onecol,
.grid-1 {
  width: 5.801104972%;
}

/* 13.45%; } /* grid_2  */
.twocol,
.grid-2 {
  width: 14.364640883%;
}

/* 22.05%; } /* grid_3  */
.threecol,
.grid-3 {
  width: 22.928176794%;
}

/* 30.75%; } /* grid_4  */
.fourcol,
.grid-4 {
  width: 31.491712705%;
}

/* 39.45%; } /* grid_5  */
.fivecol,
.grid-5 {
  width: 40.055248616%;
}

/* 48%;    } /* grid_6  */
.sixcol,
.grid-6 {
  width: 48.618784527%;
}

/* 56.75%; } /* grid_7  */
.sevencol,
.grid-7 {
  width: 57.182320438000005%;
}

/* 65.4%;  } /* grid_8  */
.eightcol,
.grid-8 {
  width: 65.74585634900001%;
}

/* 74.05%; } /* grid_9  */
.ninecol,
.grid-9 {
  width: 74.30939226%;
}

/* 82.7%;  } /* grid_10 */
.tencol,
.grid-10 {
  width: 82.87292817100001%;
}

/* 91.35%; } /* grid_11 */
.elevencol,
.grid-11 {
  width: 91.436464082%;
}

/* 100%;   } /* grid_12 */
.twelvecol,
.grid-12 {
  width: 99.999999993%;
}

.cke_editable .onecol,
.cke_editable .twocol,
.cke_editable .threecol,
.cke_editable .fourcol,
.cke_editable .fivecol,
.cke_editable .sixcol,
.cke_editable .sevencol,
.cke_editable .eightcol,
.cke_editable .ninecol,
.cke_editable .tencol,
.cke_editable .elevencol,
.cke_editable .twelvecol,
.cke_editable .grid-1,
.cke_editable .grid-2,
.cke_editable .grid-3,
.cke_editable .grid-4,
.cke_editable .grid-5,
.cke_editable .grid-6,
.cke_editable .grid-7,
.cke_editable .grid-8,
.cke_editable .grid-9,
.cke_editable .grid-10,
.cke_editable .grid-11,
.cke_editable .grid-12 {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
  border: dashed 1px #aaa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  position: relative;
  float: left;
  margin-left: 2.762430939%;
}

.cke_editable .ckeditor-col-container {
  background-color: #ffbcbc;
  overflow: hidden;
  margin-bottom: 1em;
}
.ckeditor-col-container {
  background-color: none;
}

.first-col {
  margin-left: 0;
}

.last-col {
  margin-right: 0;
}

/* LISTADO DE ACTAS */
.downloable-files .item-list ul li > div:before{
  /*content: url("images/pdf_ico.png");
   padding-right: 25px;*/
  background-image: url('images/pdf_ico.png');
  background-repeat:no-repeat;
  background-size: 50px 60px;
  display: inline-block;
  width: 50px;
  height: 61px;
  content:"";
  float: left;
  margin-right:25px;

}
.downloable-files .item-list ul li{
  padding-bottom:10px;

  /*margin:-10px;*/
}
.downloable-files .item-list ul li > div{
  /*background-color: #eee;*/
  padding: 5px;
  font-size:12px;
  min-height: 76px;
  border-bottom: 1px dashed #dc2d3c;
}

.downloable-files .item-list ul li div .views-field-field-archivo-1{
  margin-left: 15px;
  font-size:14px;
  font-weight:bold;
}

.downloable-files .item-list ul li div .views-field-field-archivo-1 .file--application-pdf {
    background-image: none;/*url("sites/default/files/css/images/pdf_ico.png");*/
    padding-left:0px;
    display:inline;
}
.downloable-files .item-list ul li div .views-field-field-fecha-documento .field-content:before{
  /*content:url("images/cal_grey_16x16.png");*/
}

.downloable-files .item-list ul li div .views-field-field-fecha-documento{
  /*color: #263238;*/

}

/* CSS DE BOTONES, DESPLEGABLES, CAMPOS DE TEXTO DE FILTROS */
.btn-primary {
    background-color: white;
    border-color: #dc2d3c;
    color: #dc2d3c;
    font-size: 12px;
    line-height: 6px;
}
.btn-primary:hover{
    background-color:#dc2d3c;
    border-color: #dc2d3c;
    color:white;
}
.form-control{
    font-size: 12px;
    line-height: 12px;
    padding: 4px 0.75rem;
}
select.form-control:not([multiple]){
    height:26px!important;
}
label{
    font-size:12px;
}
.view-filters label{
  font-size:0.7rem!important;
}

/* ENCUESTAS */
.poll-view{ border-bottom: 1px dashed #dc2d3c; }
.poll-view.block-poll{ border-top: 1px dashed #dc2d3c;padding-top: 10px; }
.poll-view .percent, .poll-view .total{ font-size:12px;}
.poll-view > div{ padding: 30px 10px; }
.poll-view h2.block-title::after, .poll-view h2.block-title::before{border:0;}
.poll-view h2.block-title{ font-size:20px;text-align:left;text-transform:none;margin-bottom:0px;}
.poll-view h3{ font-size:24px;}
.poll-view h3.poll-results-title{ font-size:16px;}
.poll-view .poll{ margin-bottom:20px;}
.poll-view .poll .bar .foreground { background-color: #dc2d3c;}
.poll-view .fieldgroup { margin-left: 20px;}
.poll-view .form-group { margin-bottom: 0;}

/* BANNERS PAGINA INICIO */
/*div.views-element-container.block.block-views.block-views-blockslider-banners-slider-1*/
div.contextual-region.block.block-block-content.block-block-content6d5cf11b-75e5-4441-9c75-b28988ff83c1{ margin-bottom: 0px; /*22px*/}
#slick-views-slider-banners-slider-1-2 .slick-dotted.slick-slider{ margin-bottom: 0px;}
div.block-views-blockslider-banners-slider-1{  margin-bottom: 0px; }
/* MINIWEBS */
.menu-right ul{
  padding-left:15px;
}
.menu-right li{
  border-left: 2px solid #dc2d3c;
  font-size: 12px;
  list-style: outside none none;
  margin: 5px 0;
  padding-left: 10px;
  text-transform: uppercase;
}
.menu-right li:hover{
  cursor:pointer;
}
.menu-right li a{
  color:#546e7a;
}
.menu-right li a:hover{
  text-decoration:none;
  font-weight:bold;
  color:#546e7a;
}
.menu-right .menu-item--active-trail > a, .menu-right .menu-item--active-trail.is-active{
  font-weight:bold;
}

.menu-right.area-1 li{
  border-left:2px solid #79c5c0;
}

.menu-right.area-2 li {
  border-left:2px solid #302783;
}

.menu-right.area-3 li{
  border-left:2px solid #B97300;
}

.menu-right.area-4 li{
  border-left:2px solid #694100;
}

.menu-right.area-5 li{
  border-left:2px solid #AFAFAF;
}

.menu-right.area-6 li{
  border-left:2px solid #83D0F5;
}

.menu-right.area-7 li{
  border-left:2px solid #E3DEEF;
}

.menu-right.area-8 li{
  border-left:2px solid #C1202B;
}

.menu-right.area-9 li{
  border-left:2px solid #009540;
}

.menu-right.area-10 li{
  border-left:2px solid #001F64;
}

.menu-right.area-11 li{
  border-left:2px solid #FB3B38;
}

.menu-right.area-12 li{
  border-left:2px solid #F6C04E;
}
/*Responsive Styles*/
/* ESTILO EN FORMATO DE CONTENIDO DE TAXONOMY TERM TEMAS-AREAS*/
/*Style 'show menu' label button and hide it by default*/
.show-menu-right {
    text-decoration: none;
    display: none;
}

@media screen and (max-width : 991px){
  /*Make dropdown links appear inline*/
  .menu-right{
    background-color: #eee;
    display: none;
    padding: 10px;
    position: fixed;
    top: 122px;
    z-index:9999;
  }
  .show-menu-right {
        display:block!important;
	/*display: inline;*/
	float: left;/*right;*/
	margin-top: 0px;/*-20px*/
	margin-bottom:0px;
	font-size:1rem;
	line-height:1rem;
  }
}
/* LISTADO DE EVENTOS */
.view-id-eventos article{
  padding:20px 0;
  border-bottom: 1px dashed #dc2d3c;
}

/* NOTICIAS */
.view .more-link{
   margin-top: -20px;
   text-align: right;
}
.field--name-field-mg-summary{
   font-weight:bold;
}
.category-icon-wrapper{ margin-right:20px;}

/* LISTADO DE EVENTOS*/
.event-list li{
	padding:15px 0;
	border-top: 1px dashed #cfd8dc;
}

.feed-icon {
    background: rgba(0, 0, 0, 0) url("../../../../misc/feed.svg") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
}


/* CONTENIDOS */
.node__content {
  text-align: justify;
}

/*ESTILOS PAGINA DETALLE BOP*/
.layout-region--middle .field--name-field-ail-bop-contenido{
    border-top: 3px solid #CF142B;
    padding-top:20px;
}
.layout-region--top-middle .field--name-field-ail-bop-fecha-publicacion{
   float:right;
}

/* OFFCANVAS-SIDEBAR */
.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded > a::before, 
.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded > .nolink::before,
.sidr ul.menu li.menu-item--expanded ul li.menu-item--expanded > span::before{
	color:#263238;
}
.sidr ul.menu li.menu-item--expanded > a::before, 
.sidr ul.menu li.menu-item--expanded > .nolink::before,
.sidr ul.menu li.menu-item--expanded > span::before {
    color: #ffffff;
    content: "";
    display: inline-block;
    font: 0.6rem/0.6rem FontAwesome;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    text-rendering: auto;
    top: 50%;
}
.sidr ul.menu li.menu-item--expanded ul a,
.sidr ul.menu li.menu-item--expanded ul .nolink,
.sidr ul.menu li.menu-item--expanded ul span {
    border-bottom: 1px solid #cfd8dc;
    color: #263238;
    font-weight: normal;
    padding: 10px 20px 10px 40px;
    text-transform: none;
}
/*PAGINA DE BUSQUEDA*/
.search-advanced .form-type-checkbox {
    float: left;
    padding-right: 25px;
}
.search-advanced fieldset fieldset legend {
    font-size: 0.9rem;
}

.search-results h3, .search-results .h3 {
    font-size: 1.25rem;
}
