/*
	1.- Etiquetas
	2.- Clases "propias" de donostia
	3.- Clases de "bootstrap"
	4.- Clases de liferay
	5.- Clases de bootstrap-liferay.css
	6.- Nuevas Definiciones
	7.- Layouts tpl

*/

/* =============================================================================== 1.- Etiquetas */

body {
    margin: 0;
    font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    padding: 15px 20px;
    background:  #eee;
}

a {
    color: #003da5;
    text-decoration: none;
}
a:focus,a:hover {
    color: #002159;
    text-decoration: underline;
}

blockquote {
    background-color: #efefef;
    border-color: #ddd;
    margin-top: 15px;
    border-radius: 4px;
    padding: 15px;
}
object {
    max-width: 100%;
}
footer {
    background: #003da5;
    padding: 15px 30px; /*15px 3% 1%;*/
    margin-top: 30px;
}
footer h2 a {
    font: italic 18px/1.2em Georgia,Helvetica,sans-serif;
    font-size: 20px;
    color: #fff;
}
footer ul li a,
footer ul li a:hover,
footer ul li a:active,
footer h2 a,
footer h2 a:hover,
footer h2 a:active {
    color: #fff;
}
footer ul li a:hover,
footer ul li a:active {
    text-decoration: underline;
}

h1 {
    color: #004f6b;
    font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    font-weight: 400;
    padding: 0;
    font-size: 160%;
}
h2 {
    color: #003da5;
    font-size: 110%;
}
h3 {
    color: #003da5; /*#000;*/
    font-size: 100%;
}
h4 {
    color: #003da5; /*#000;*/
    font-size: 90%;
}
h6 {
    color: #003da5; /*#0088b7;*/
    font-weight: bold;
}


/* De donde y porqu� sale esto?
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}
*/

.dtContenidoPpal  h1 {
    font-size: 2.4rem; /*160%;*/
    font-weight: normal;
    color: #003da5; /*#004f6b;*/
    margin: 12px 0px;
}
.titH2,
.dtContenidoPpal h2 {
    font-size: 2.1rem; /*160%;*/
    font-weight: normal;
    color: #003da5; /*#004f6b;*/
    margin: 12px 0px;
}
h3, .titH3,
.dtContenidoPpal h3 {
    font-size: 1.9rem; /*140%;*/
    font-weight: normal;
    color: #003da5; /*#0088b7;*/
	margin-top: 20px;
	margin-bottom: 6px;
}
.titH4,
.dtContenidoPpal h4,
.dtContenidoPpal .titH3 {
    font-size: 1.8rem; /*120%;*/
    font-weight: normal;
    color: #003da5; /*#0088b7;*/
}
.dtContenidoPpal h5,
.dtContenidoPpal .titH4 {
    font-size: 1.6rem; /*110%;*/
    font-weight: normal;
    color: #003da5; /*#0088b7;*/
}
.dtContenidoPpal h6 {
    font-size: 1.4rem;
}
*[class*="titH"] a[name] {
	color: inherit !important;
}

#column-2 ol,
#column-2 ul {
    padding: 0;
    margin: 8px 0 8px 25px;
}
#column-2 ul {
    list-style: disc outside;
}
#column-2 li ul {
	margin-top: 8px 0px 8px 25px;
	list-style-type: circle;
}

caption {
    margin: 8px 0px;
    text-align: center;
    color: #004f6b;
}

/* margen inferior en /web/polloe */
form {
    margin: 0px 0px 16px 0px;
}


dl:not(.dl-horizontal) dt {
	margin-top: 12px;
}
dl dt * {
	color: #0088b7;
}
dl dd {
	padding-left: 12px;
}

legend,
legend.text-info {
	line-height: 32px;
}
.text-info,
legend.text-info {
    color: #3a87ad;
}
legend small {
    font-size: 12px;
    color: #999;
}

blockquote {
	font-size: 1.3rem;
}

/* Modificcaci�n propuesta por JL. 2019-04-25 */
.musikaEskola .journal-content-article li {
	margin-bottom: 8px;
}


/* =============================================================================== 2.- Clases "propias" de donostia */
.oculto {
	position: absolute;
	left: -50000px;
}
.flotaIzq {
	float: left;
}
.flotaDch {
	float: right;
}
.separador {
	clear: both;
}

.caja, .margenSup {
    margin-top: 10px;
}
.cabecera_responsive2 ul li a.btn {
    color: #fff;
}
.cabecera_responsive2 .navbar-nav > li {
    float: left !important;
}
.cabecera_responsive2 div.dropdown-menu {
	padding: 6px;
	font-size: 1.3rem !important;
	background-color: #fff !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.cabecera_responsive2 div.dropdown-menu .btn.btn-default {
	float: right;
}

#container_social {
    float: right;
    width: 100%;
    vertical-align: top;
    margin: 13px 0;
    padding: 0;
}
#container_social div {
    float: right;
    display: inline;
    padding: 0!important;
    margin: 0 0 0 8px;
}
#container_social .imprimir {
    margin-left: 30px;
    margin-right: 15px;
}
#container_social span {
    /*margin: 8px;
    padding: 8px;*/
    margin: 0px;
    padding: 0px;
}

.no-padding {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.show-grid- div {
    text-align: center;
    background: #eee;
    border-radius: 3px;
    line-height: 40px;
}
.imagen_i {
    float: left;
    margin: 8px 15px 5px 0;
    max-width: 100%;
}
.imagen_i img {
    width: auto;
}
.imagen_d {
    float: right;
    margin: 8px 0 5px 15px;
    max-width: 100%;
}
.imagen_d img {
    width: auto;
}
.imagen_c {
    text-align: center;
    margin: 8px 0;
    max-width: 100%;
}
.descripcion_noticia {
    font-style:italic;
}
.fecha_publicacion {
    text-align: right;
}
#destacados {
    font-size: .9em;
}
#destacados .media-heading {
    margin: 0;
}
#contenido_final li {
    margin-bottom: 12px;
}

#mapa img {
    max-width: none;
}
.notacentro,
.notaderecha,
.notaizquierda {
    background: #ddd;
    border-radius: 8px;
    float: left;
    margin: .3em 1.2em .9em 0;
    padding: 1em;
    width: 30%;
}
.notaderecha {
    float: right;
    margin: .3em 0 .9em 1.2em;
}
.notacentro {
    float: none;
    margin: .3em 0 .9em;
    width: auto;
}
.gaur a {
    color: #000;
}

#logo_pie {
    text-align: center;
}
.pie_texto {
    border-top: 1px dotted #fff;
    padding-top: 8px;
    color: #fff;
    text-align: center;
}
.pie_texto a {
    color: #fff;
}
#pie_udalinfo {
    text-align: left;
}
#pie_licencia {
    text-align: right;
}
.oficina_pie {
    margin-top: 45px;
}
#menu_sup {
    margin-top: 45px;
    margin-left: 0;
    margin-bottom: 4px;
}
#menu_sup [id^="menu"] {
    line-height: 46px;
}
#headerLineMenu  {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#menu_sup li a {
    font-weight: 700;
}
#logo_normal {
    max-height: 80px;
}
.dropdown-menu {
    padding: 15px;
}

.cabecera_responsive {
  	padding-left: 12px;
}

.cabecera_responsive2 {
  	padding-left: 12px;
  	padding-right: 12px;
}

.cabecera_responsive2 ul li a {
    color: #003da5!important;
}
.cabecera_responsive2 ul li a.btn {
    color: #fff!important;
}
.cabecera_responsive2 .nav li a:focus,
.cabecera_responsive2 .nav li a:hover {
    text-decoration: none;
    background-color: #003da5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff!important;
}
.cabecera_responsive2 .navbar {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
}
#Tiempo {
    min-width: 60px;
}
.idiomas-phone .dropdown-menu {
    padding: 5px 0;
}

.navegacion {
	z-index:2;
	background-color: #003da5;
	min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-width: 0;
    border-radius: 0;
}

.navegacion > ul > li > a:hover {
    color: #003da5;
    background: #eee;
}

.navegacion > ul > li > a,
.navegacion > ul > li > a:focus,
.navegacion > ul > li > a:hover {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    ;
}

.navegacion ul {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 5px 10px 0 0;
}

.navegacion li .active {
    color: #003da5;
    background-color: #fff;
    text-decoration: none;
} 
@media (max-width: 991px) {
	#menu_sup {
		text-align: right;
	}
}


.bloqueResaltado {
    background-color: #efefef;
    border-color: #ddd;
    margin-top: 15px;
    border-radius: 4px;
    padding: 15px;
    margin: 0px 0px 0px 16px;
    border-left: 5px solid #ddd;
}

table.tablaDatos {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px auto;
}
table.tablaDatos th,
table.tablaDatos td {
	padding: 6px;
	border: 1px solid #333;
}
table.tablaDatos td[rowspan] {
	vertical-align: top;
}

section.DtTarifasKirolak table.tablaDatos {
	margin: 20px auto 20px 10px;
}
section.DtTarifasKirolak table.tablaDatos tr td {
	min-width: 110px;
}
section.DtTarifasKirolak table.tablaDatos tr td:first-child {
	width: 380px;
}

section.ktTramitar li {
	margin-bottom: 20px;
	list-style: none;
}
section.ktTramitar li ul {
	margin-left: 0px !important;
}
section.ktTramitar li li {
	padding-left: 38px;
}
section.ktTramitar li span {
	display: block;
	padding-left: 38px;
	margin-top: 10px;
}

section.ktOrdutegia h4 {
	display: block;
}
section.ktOrdutegia .imgIzda,
section.ktGratuitas .imgIzda {
	display: inline-block;
	width: 180px;
}
section.ktOrdutegia .imgIzda + ul,
section.ktGratuitas .imgIzda + div {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 180px - 10px);
}


.listadoTitulares li {
	list-style: none;
	padding: 6px 0px;
}

.listadoOrdenado ol {
	counter-reset: item
}
.listadoOrdenado ol ol {
	margin-top: 2px !important;
}
.listadoOrdenado ol li {
	display: block;
}
.listadoOrdenado ol li:before {
	content: counters(item, ".") ".- ";
	counter-increment: item
}


/* Adpataci�n de estilos de "Tr�mites" del men� de la izquierda #mas_utilizados */

.menuSecundarioIzq,
.te_puede_interesar {
	background: #f8f8f8;
	padding: 0.5em;
	margin-bottom: 2em;
}
.menuSecundarioIzq h2,
.te_puede_interesar h2 {
	background: #003da5;
	color: #fff;
	margin: 0px 0px 0.2em 0px;
	padding: 0px 0.5em;
	border-radius: 4px;
	font-size: 1em;
	line-height: 32px;
}
.menuSecundarioIzq img,
.te_puede_interesar img {
	height: 10px;
}
.menuSecundarioIzq ul,
.te_puede_interesar ul {
	margin: 0px;
	padding: 0em;
}
.menuSecundarioIzq ul li,
.te_puede_interesar ul li {
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
	background: url(../images/flechaDch.png) no-repeat 4px 10px;
	padding: 0.8em 0em 0.8em 22px;
	list-style-type: none;
}


/* Banners peque�os laterales */
.dtBannerLateral {
	/*position: relative;*/
	width: 274px;
	min-height: 100px;
	padding: 70px 0px 0px 0px; /*44px 0px 0px 0px;*/
	margin: 12px 0px;
	border: 1px solid #7f9ed2;
	border-radius: 6px;
	background-color: transparent;
	background-repeat: none;
	background-size: 100%;
	background-position: 0px 0px;
}
.dtBannerLateral p {
	/*position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	*/
	width: 100%;
	min-height: 32px;
	margin: 0px;
	padding: 8px; /*24px 8px 8px 8px;*/
	background-color: #f5f5f5;
	/*
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,1) 40%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,1) 40%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 20%,rgba(255,255,255,1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	*/
	border-radius: 6px;
}
.dtBannerLateral p span {
	display: block;
	font-size: 1.8rem;
	/*font-size: 1.4rem;*/
	line-height: 2rem;
	color: #003da5;
	padding-left: 16px;
	background: transparent url(../images/flechaDch.png) no-repeat 0px 2px;
}

/* Modificaciones propuestas por JL, 2019-04-25 */
.dtBannerLateral {
	min-height: 90px;
	padding: 60px 0px 0px 0px;
}
.dtBannerLateral p span {
	font-size: 1.5rem;
	line-height: 1.6rem;
	background-size: 10px;
}
/*-----------*/


.dtAcordeon {
	padding-left: 10px;
}
.dtAcordeon dt a {
	display: block;
	color: #003da5;
	padding-left: 15px;
	background: transparent url(../images/icoAcordeonOn.png) no-repeat left 5px;
}
.dtAcordeon dt a.collapsed {
	background: transparent url(../images/icoAcordeonOff.png) no-repeat left 5px;
}
.dtAcordeon dd {
	padding: 6px 0px 6px 18px;
}


/* Para insertar videos de youtube al 100% de ancho */
.dtContenedorVideo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.dtContenedorVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =============================================================================== 3.- Clases de "bootstrap" */

/*
.row {
	margin: 0;
	padding: 0;
}
.row {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 10px;
}
*/
#main-content::after {
	content: " ";
	display: block;
	clear: both;
}

header .glyphicon {
	color: #6b6b6b;
}

header > *[class*="row"],
#main-content > *[class*="row"] {
	margin: 0px 15px 10px 15px; /*0px 0px 10px 0px;*/
}
	
@media (min-width: 768px) {
	
	#main-content > *[class*="row"] + *[class*="row"] {
		margin-bottom: 0px;
	}
	*[class*="portlet-column"] *[class*="row"] {
		margin: 0px 0px 10px 0px;
	}
	
	.portlet-column-first {
		padding-left: 0px !important;
	}
	.portlet-column-last {
		padding-right: 0px !important;
	}
	.journal-content-article > *[class*="row"] {
		margin-right: 0px;
		margin-left: 0px;
	}
	.journal-content-article > div[class*="row"] div[class*="col-"]:first-of-type {
		padding-left: 0px;
	}
	.journal-content-article > div[class*="row"] div[class*="col-"]:last-of-type {
		padding-right: 0px;
	}
}
.nav.hidden-md > li {
	float: left;
}

.dtBerriaPestanas .navbar,
.navbar {
    min-height: 0px;
}
.navbar .navbar-btn {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
    background-color: #ededed;
    background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
    background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);
    background-repeat:repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #e5e5e5;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
}

.dtBerriaPestanas .navbar.navbar-default {
	padding-left: 20px;
	padding-right: 20px;
    min-height: 0px;
}

.dtBerriaPestanas .navbar .nav.navbar-nav,
.navbar .nav.navbar-nav {
    position: relative;
    margin: 5px 0px 0px 0px; /*5px 10px 0px 0px;*/
}
.dtBerriaPestanas .navbar .nav li a,
.navbar .nav li a {
    color: #fff;
}
.dtBerriaPestanas .navbar .nav > li > a,
.navbar .nav > li > a {
    float: none;
    padding: 12px 15px;
    line-height: 16px;
}

.dtBerriaPestanas .navbar .nav > li > a:focus,
.dtBerriaPestanas .navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    /*background-color: transparent;*/
    color: #333;
    text-decoration: none;
    
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
.dtBerriaPestanas .navbar .nav > .active > a,
.dtBerriaPestanas .navbar .nav > .active > a:focus,
.dtBerriaPestanas .navbar .nav > .active > a:hover,
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus,
.navbar .nav > .active > a:hover {
    color: #003da5!important;
    text-decoration: none;
    font-weight: 700;
    
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.dtBerriaPestanas .nav .active > a,
.dtBerriaPestanas .nav .active > a:focus,
.dtBerriaPestanas .nav .active > a:hover,
.nav .active > a,
.nav .active > a:focus,
.nav .active > a:hover {
    color: #003da5;
    background-color: #fff;
    
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.breadcrumb > li + li:before {
    content: "/ ";
}



p img.pull-right {
    margin-left: 8px;
    margin-bottom: 8px;
}
p img.pull-left {
    margin-right: 8px;
    margin-bottom: 8px;
}
.container-fluid {
    border:1px solid #ddd;
    padding: 10px 0px 0px 0px !important;
    margin: 0px auto !important;
    max-width: 1200px;
    background: #fff;
}
.navbar-default .container-fluid {
    border: none;
	background: transparent;
	padding-top: 0px !important;
}
/* De donde y porqu� sale esto?
.navbar .container-fluid {
    padding: 0px 0px 0px 0px !important;
}
*/
.navbar-default .navbar-collapse .dropdown-menu a:focus,
.navbar-default .navbar-collapse .dropdown-menu a:hover,
.navbar-default .navbar-collapse .navbar-nav > li > a:focus,
.navbar-default .navbar-collapse .navbar-nav > li > a:hover {
    color: #003da5;
    background: #eee;
}
.navbar-default .navbar-collapse .navbar-nav .active {
    color: #003da5;
}

.nav-menu ul {
    padding: 0;
    margin: 0;
    width: 100%;
}
.nav-menu li {
    line-height: 15px;
    list-style-type:none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.nav-menu a:hover {
    text-decoration: none;
}
.nav-menu li a {
    line-height: 15px;
    padding: 3px 15px;
    display: block;
}
.nav-menu li a:hover {
    text-decoration: none;
    background-color: #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.nav-menu h2 {
    display: block;
    padding: 6px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    color: #999;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    text-transform:uppercase;
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.nav-menu h2 a {
    color: #004f6b;
}
.nav-menu h2 a:focus,.nav-menu h2 a:hover {
    color: #000;
}
.nav-menu li a.selected {
    color: #fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.2);
    background-color: #003da5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.navbar-nav .nav li a {
    color: #fff;
}

.navbar-default {
	background: #003da5;
	border-radius: 0px;
	border: none;
}

.navbar-default .nav .active > a,
.navbar-default .nav .active > a:focus,
.navbar-default .nav .active > a:hover {
	color: #003da5;
    background-color: #fff;
}

.navbar .nav.pull-right.hidden-xs {
    /*float: right;*/
    margin-right: 0px;
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff;
}
.nav > li > a {
    display: block;
}

/* navbar-search parece NO existir.
En cambio, la b�squeda de la cabecera est� en .navbar-form */
.navbar form.navbar-search {
    position:relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}
.navbar .navbar-form {
	padding: 0px 0px;
	margin-top: 5px;
	/*margin-right: 15px;*/ /*2019-04-15 */
}

.navbar-default {
	z-index: 0;
}

.btn.btn-default{
	background-color: #0038a5;
	color: #fff;
}

/* De donde y porqu� sale esto?
ul.menu_superior li i.glyphicon {
                color:#6b6b6b;
}
*/


select[id*="Playa"] {
	margin-bottom: 6px;
}
select + .help-block {
	margin: 0px !important;
}

/**QUITAR LOS NOMBRES DE LOS PORTLETS POR DEFECTO*/
.portlet-content .portlet-title-text,
.portlet-title-text {
	display: none !important;
}
	

/* Media Queries */

@media (max-width: 380px) {    
}

@media (max-width: 480px) {
    body {
        padding-left: 15!important;
        padding-right: 15!important;
    }
    
    .cabecera_responsive {
		width: 174px;
		padding-right: 0px;
		padding-left: 0px;
		position: absolute;
		top: 22px;
	}
	.cabecera_responsive img {
		max-width: 100%;
	}	
	.cabecera_responsive2 {
		width: 75%;
		float:right;
		padding-left: 0px;
    	padding-right: 0px;
	}
	.cabecera_responsive2 div.dropdown-menu {
		top: 22px !important;
	}
	.cabecera_responsive2 .navbar {
		margin-top: -10px;
	}
    .cabecera_responsive2 ul li a {
        padding: 3px!important
    }
    .cabecera_responsive2 ul li {
        padding: 0!important
    }
    .cabecera_responsive2 ul li i {
        padding-right: 5px
    }
    .cabecera_responsive2 #Tiempo {
        padding-left: 0!important;
        margin-top: -10px
    }
    .cabecera_responsive2 .navbar-nav {
        padding: 0;
        height: 20px
    }
    .cabecera_responsive2 .divider-vertical {
        display: none
    }
    .nav-collapse {
        -webkit-transform:translate3d(0,0,0)
    }
    .page-header h1 small {
        display: block;
        line-height: 16px
    }
    input[type=radio],input[type=checkbox] {
        border:1px solid #ccc
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-list {
        padding-top: 0
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }
    .modal {
        top: 10px;
        left: 10px;
        right: 10px
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px
    }
    .carousel-caption {
        position:static
    }
}

@media (max-width: 767px) {
    body {
        padding: 0px 0px 0px 0px;
        background: #fff;
    }
    .container-fluid {
	    border: none;
    }
    #destacados,#destacados2,
    #fotoportada_canal_A,
    #fotoportada_canal_B,
    #fotoportada_canal_C,
    #fotoportada_canal_S,
    #fotoportada_oficina,
    .nav-list {
        display: none
    }
    
    header {
    	padding: 0px 6px 6px 6px;
    }
    
    #menu_sup {
    	text-align: right;
    }
    #menu_sup #Tiempo {
    	display: none;
    }
    #menu_sup li a {
        padding: 5px;
        background-color: #eee;
        border-radius: 3px
    }
    #menu_sup #Tiempo a {
        background: 0 0
    }
    .navbar-static-top {
        margin: 0
    }
    .cabecera_responsive2 div.dropdown-menu {
		position: absolute !important;
		top: 40px;
		left: 0px;
		z-index: 1100;
	}
	.cabecera_responsive2 .navbar-nav > li {
	    background-color: #fff;
	}
    .cabecera_responsive2 #Tiempo {
        padding-left: 30px
    }
    
}

/* Punto de corte para el men� principal */
@media (max-width: 1240px) {
	.navbar-fixed-bottom,
    .navbar-fixed-top {
        position:static
    }
    .navbar-fixed-top {
        margin-bottom: 16px
    }
    .navbar-fixed-bottom {
        margin-top: 16px
    }
    .navbar .container {
        width: auto;
        padding: 0
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }
    .navbar-default .navbar-inner {
    	background: #003da5;
	}
    .navbar-collapse {
        clear:both
    }
    
    .navbar-collapse .navbar-nav {
        float: none;
        margin: 0 0 8px
    }
    .navbar-collapse .navbar-nav > li {
        float: none
    }
    .navbar-collapse .navbar-nav > li > a {
        margin-bottom: 2px
    }
    .navbar-collapse .navbar-nav > .divider-vertical {
        display: none
    }
    .navbar-collapse .navbar-nav .nav-header {
        color: #777;
        text-shadow: none
    }
    .navbar-collapse .dropdown-menu a,
    .navbar-collapse .navbar-nav > li > a {
        padding: 9px 15px;
        font-weight: 700;
        color: #003da5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .navbar-collapse .btn {
        padding: 4px 10px;
        font-weight: 400;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .navbar-collapse .dropdown-menu li+li a {
        margin-bottom: 2px;
    }
    .navbar-collapse .dropdown-menu a:focus,
    .navbar-collapse .dropdown-menu a:hover,
    .navbar-collapse .navbar-nav > li > a:focus,
    .navbar-collapse .navbar-nav > li > a:hover {
        background-color: #f2f2f2;
        color: #003da5 !important;
    }
    .navbar-default .nav-collapse .dropdown-menu a,
    .navbar-default .nav-collapse .navbar-nav > li > a {
        color: #fff
    }
    .navbar-default .nav-collapse .dropdown-menu a:focus,
    .navbar-default .nav-collapse .dropdown-menu a:hover,
    .navbar-default .nav-collapse .nav > li > a:focus,
    .navbar-default .nav-collapse .nav > li > a:hover {
        background-color: #003da5
    }
    .navbar-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0
    }
    .navbar-collapse .dropdown-menu {
        position:static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border:none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none
    }
    .navbar-collapse .open > .dropdown-menu {
        display: block
    }
    .navbar-collapse .dropdown-menu .divider,
    .navbar-collapse .dropdown-menu:after,
    .navbar-collapse .dropdown-menu:before,
    .navbar-collapse .navbar-nav > li > .dropdown-menu:after,
    .navbar-collapse .navbar-nav > li > .dropdown-menu:before {
        display: none
    }
    .navbar-collapse .navbar-form,
    .navbar-collapse .navbar-search {
        float: none;
        padding: 8px 15px;
        margin: 8px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
    }
    .navbar-default .navbar-collapse .navbar-form,
    .navbar-default .navbar-collapse .navbar-search {
        border-top-color: #003da5;
        border-bottom-color: #003da5
    }
    .navbar-nav .navbar-collapse .navbar-nav.pull-right {
        float: none;
        margin-left: 0
    }
    .navbar-collapse,.navbar-collapse.collapse {
        overflow:hidden;
        /*height: 0*/
    }
    .navbar-nav .navbar-btn {
        display: block;
        margin-bottom: 6px
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }
    
    .navbar.navbar-default {
		min-height: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.navbar.navbar-default,
    .navbar.navbar-default .container-fluid {
    	background: #003da5;
		border: none;
	}
	.navbar-collapse .navbar-nav > li > a {
		color: #fff !important;
	}
	.navbar-default .navbar-toggle {
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,.25);
		background-color: #093d97;
		background-image: -moz-linear-gradient(top,#0f449f,#00348c);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#0f449f),to(#00348c));
		background-image: -webkit-linear-gradient(top,#0f449f,#00348c);
		background-image: -o-linear-gradient(top,#0f449f,#00348c);
		background-image: linear-gradient(to bottom,#0f449f,#00348c);
		background-repeat: repeat-x;
		border-color: #00348c #00348c #00173f;
		border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	
	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}
	.navbar-toggle {
	    display: block;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-nav {
	    /*float: none!important;*/
	    margin-top: 7.5px;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.collapse.in{
	    display:block !important;
    }
}

@media (min-width: 1240px + 1) {
    .navbar-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
}

@media print {
    a[href]:after {
        content:none
    }
    #Tiempo,
    #destacados,
    .leyenda_mostrar,
    .menu_superior,
    .navbar-nav,footer {
        display: none
    }
}

/* =============================================================================== 4.- Clases de liferay */
#column-2 {
	min-height: 10px;
}
.portlet-column .portlet-column-content.empty {
    padding: 0px;
}
.journal-content-article::after {
	display: block;
	content: " ";
	clear: both;
}
.thumbnails,
ul.thumbnails,
#column-2 ul.thumbnails {
	margin: 8px 0px;
}
.thumbnails,
.thumbnails > li {
	list-style: none;
}
.thumbnails,
.thumbnails > li {
	list-style: none;
}
.thumbnails::after {
	content: " ";
	display: block;
	clear: both;
}
.thumbnails > *[class*="col-"]:first-child {
	padding-left: 0px;
}
.thumbnails > *[class*="col-"]:last-child {
	padding-right: 0px;
}

.alert-info {
	color: #000;
	padding: 8px 35px 8px 14px;
}
.alert-info h5 {
	margin: 8px;
	font-size: 1.3rem;
	font-weight: 700;
}


/* =============================================================================== 5.- Clases de bootstrap-liferay.css */
/* Definiciones que provienen de bootstrap-liferay.css, modificadas para LR7 */
.list-menu ul {
    padding: 0px;
    padding-left: 0px !important;
    margin: 0px;
    width: 100%;
}

.list-menu li {
    line-height: 15px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.list-menu a:hover {
    text-decoration: none;
}

.list-menu li a {
    line-height: 15px;
    padding: 3px 15px;
    display: block;
}

.list-menu li a:hover {
    text-decoration: none;
    background-color: #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.list-menu h2 {
    display: block;
    padding: 6px 15px;
    margin-top: 0px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    text-transform: uppercase;
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.list-menu h2 span {
	position: absolute; 
	left: -50000px;
}

.list-menu h2 a {
    color: #004F6B;
}

.list-menu h2 a:focus,
.list-menu h2 a:hover {
    color: #000;
}

.list-menu li a.selected {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #003da5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.navbar .btn.btn-navbar em {
	position: absolute;
	left: -50000px;
}

/* =============================================================================== 5.1.- Gardentasuna */
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 16px;
    margin-bottom: 16px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress .progress-bar {
    width: 0;
    height: 100%;
    line-height: 16px;
    color: #fff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress .progress-bar+.progress-bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-striped .progress-bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress .bar-danger,
.progress-danger .progress-bar {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x
}

.progress-danger.progress-striped .progress-bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress .progress-bar-success,
.progress-bar-success .progress-bar {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x
}

.progress-striped .progress-bar-success,
.progress-bar-success.progress-striped .progress-bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress .progress-bar-info,
.progress-info .progress-bar {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x
}

.progress-info.progress-striped .progress-bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress .progress-bar-warning,
.progress-warning .progress-bar {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x
}

.progress-striped .progress-bar-warning,
.progress-warning.progress-striped .progress-bar {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.panel-group {
    margin-bottom: 16px
}

.panel.panel-default {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.panel-heading {
    border-bottom: 0
}

.panel-heading .panel-toggle {
    display: block;
    padding: 8px 15px
}

.panel-toggle {
    cursor: pointer
}

.panel-body {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #FFF6BF;
    border: 1px solid #FCEB77;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert,
.alert h3,
.alert h4 {
    color: #000
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 16px
}

.alert-success {
    background-color: #E5F8CE;
    border-color: #D0F1A6;
    color: #000
}

.alert-success h4 {
    color: #000
}

.alert-danger,
.alert-error {
    background-color: #FAD0D0;
    border-color: #F6ABAB;
    color: #000
}

.alert-danger h4,
.alert-error h4 {
    color: #000
}

.alert-info {
    background-color: #D1ECF7;
    border-color: #BCDFEF;
    color: #000
}

.alert-info h4 {
    color: #000
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}
.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #51a351;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success.active,
.btn-success.disabled,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

.btn-success.active,
.btn-success:active {
    background-color: #408140 \9
}

.accion .btn-sm {
    padding: 2px 10px;
    font-size: 11.05px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.accion strong {display: none;}
.accion p {color: #333;}
.accion h5 {
    color: #000;
}

/* http://www.donostia.eus/atari2/es/web/aurrekontuak/indarrean-dagoen-proiektua/diru-sarrerak */

.badge,
.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #999
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.badge:empty,
.label:empty {
    display: none
}

a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-important,
.label-important {
    background-color: #b94a48
}

.badge-important[href],
.label-important[href] {
    background-color: #953b39
}

.badge-warning,
.label-warning {
    background-color: #f89406
}

.badge-warning[href],
.label-warning[href] {
    background-color: #c67605
}

.badge-success,
.label-success {
    background-color: #468847
}

.badge-success[href],
.label-success[href] {
    background-color: #356635
}

.badge-info,
.label-info {
    background-color: #3a87ad
}

.badge-info[href],
.label-info[href] {
    background-color: #2d6987
}

.badge-inverse,
.label-inverse {
    background-color: #333
}

.badge-inverse[href],
.label-inverse[href] {
    background-color: #1a1a1a
}

.btn .badge,
.btn .label {
    position: relative;
    top: -1px
}

/* http://www.donostia.eus/atari2/es/web/aurrekontuak/indarrean-dagoen-proiektua/diru-sarrerak */

/* =============================================================================== 6.- Nuevas Definiciones */

.sesionesGobierno #listadoSesiones h3 {margin:20px 0;}
.sesionesGobierno #listadoSesiones #urtea {
    background-color: #003da5;
    padding: 6px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
}
.sesionesGobierno #listadoSesiones .alert-info {
    background-color: #D1ECF7;
    border-color: #BCDFEF;
    color: #000;
    border-left: 3px solid #003da5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom:20px;
}
.sesionesGobierno #listadoSesiones #sesionesYear span {color: #003da5; font-weight: bold;}
.sesionesGobierno #listadoSesiones #tabla_junta{
    margin-top: 20px;
    padding: 20px;
    background-color: #f5f5f5;
}
.sesionesGobierno #listadoSesiones #tabla_junta table {width:100%; background-color:#fff;}
.sesionesGobierno #listadoSesiones #tabla_junta table thead tr th,
.sesionesGobierno #listadoSesiones #tabla_junta table tbody tr td {
    text-align: center;
    border-right: 2px #f5f5f5 solid;
    border-bottom: 2px #f5f5f5 solid;
    width: 29%;
    padding: 5px 0;
    background-color: #003da5;
    color: #fff;
    text-transform : uppercase;
    font-weight: normal;
}
.sesionesGobierno #listadoSesiones #tabla_junta table thead tr th:last-child {border-right: 0;}
.sesionesGobierno #listadoSesiones #tabla_junta table thead tr th:nth-child(2) {width:40%;}
.sesionesGobierno #listadoSesiones #tabla_junta table tbody tr td {
    background-color: #fff;
    color: #000;
    text-transform: none;
}
.sesionesGobierno #listadoSesiones #tabla_junta table tbody tr:last-child td {border-bottom: 0};
.sesionesGobierno #listadoSesiones #tabla_junta table tbody tr:hover td {background-color: #D1ECF7;}

#acuerdosAprobados h3 {margin: 0 0 20px;}
#acuerdosAprobados #acuerdosAprobadosTitle {margin: 40px 0 20px;}
#acuerdosAprobados #listadoAcuerdosAprobados {
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}



/* En el repositorio esta definici�n est� comentada. 2018-09-12
div[class^="portlet-"] span:empty {
	display: none;
}
 */
 
.portlet-content,
.portlet-minimized .portlet-content-container {
	padding: 0px !important;
}

/*estilos carrusel
.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333;
    background: rgba(0,0,0,0.75);
}
.carousel-control {
    position:absolute;
    top:40%;
    left:15px;
    width:40px;
    height:40px;
    margin-top:-20px;
    font-size:60px;
    font-weight:100;
    line-height:30px;
    color:#fff;
    text-align:center;
    background:#222;
    border:3px solid #fff;
    -webkit-border-radius:23px;
    -moz-border-radius:23px;
    border-radius:23px;
    opacity:.5;
    filter:alpha(opacity=50)
}
.carousel-control.right {
    left:auto;
    right:15px
}
.carousel-control:focus,.carousel-control:hover {
    color:#fff;
    text-decoration:none;
    opacity:.9;
    filter:alpha(opacity=90)
}*/
/*end-estilos carrusel*/



/* =============================================================================== 7.- Layouts tpl */
@media (max-width: 767px) {
    .donostia1_2columnas #column-1 .portlet-column-content-first > div {
        width: 48%;
		float: right;
		margin: 0px 1%;
    }
    .donostia1_2columnas #column-1 .portlet-column-content-first > div:first-child {
		/*float: left;*/
    }
    
    .navbar-nav .open .dropdown-menu {
    	position: absolute;
		background-color: #fafafa;
		min-width: 0px;
		width: 100%;
		top: 0px;
		left: 0px;
		padding: 44px 4px 4px 4px;
		z-index: 1000;
		
		-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.4);
		box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.4);
    }
    .navbar .nav > li > a {
	    z-index: 1100;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
	    padding: 7px 15px;
	}
}
@media (max-width: 480px) {
    .donostia1_2columnas #column-1 .portlet-column-content-first > div {
        width: 98%;
		float: none;
		margin: 0px 1%;
    }  
}

/* De donde y porqu� sale esto?
body {
	position: inherit !important;
}
*/

/*Estilos usados en Gardentasuna*/
h1.titleSombreado{
	color:#0088b7;
	font-size:170%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0088b7+100&0+54,0.81+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzc1YmZkOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg4YjciIHN0b3Atb3BhY2l0eT0iMC44MSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(117,191,216,0) 54%, rgba(0,136,183,0.81) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(54%,rgba(117,191,216,0)), color-stop(100%,rgba(0,136,183,0.81))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(117,191,216,0) 54%,rgba(0,136,183,0.81) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(117,191,216,0) 54%,rgba(0,136,183,0.81) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(117,191,216,0) 54%,rgba(0,136,183,0.81) 100%); /* IE10 preview */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(117,191,216,0) 54%,rgba(0,136,183,0.81) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cf0088b7',GradientType=1 ); /* IE6-8 */
	padding:3px 0 3px 5px;
}


/* POPUP COOKIES */

.cookies-bg {
    background-color: #fff;
    position: relative;
    z-index: 3;
    padding: 20px;
}

div#avisoCookies {
    position: fixed;
    z-index: 3;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

div#avisoCookies::after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0px;
    opacity: 0.4;
    z-index: 1;
}

.popup-cookies-content {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 5;
}