a {
    color: #555;
}
#mainmenu a {
    color: #555;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}

.padding-left-20{
	padding-left:20px;
}
.padding-left-40{
	padding-left:40px;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-top-30{
	margin-top:30px;
}
.entry-content{
	text-align: justify;
}
.text-slides {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.text-participar{
	position: absolute;
    transform: translate(0, -120%);
    width: 100%;
    text-align: center;
    font-size: 24px;
    color:#fff;
}
.text-participar2{
	position: absolute;
    transform: translate(0, -110%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    color:#fff;
}
.no-transform:hover{
    transition: initial !important;
    transform: initial !important;
}
/*#mainmenu .home {
    color: #0070c0;
}*/
.homepage-two #navigation .navbar{
    background-color: #FFFFFF;
}
.top-add {
    margin: 0px 0; 
} 
.navbar-brand {
	height:100px;
}
.top-add .navbar-header {
    margin-top: 3px;
}

.sticky-nav img.main-logo, .sticky-nav .hide-sticky {
	display:none;
}
.navbar img.main-logo2{
	display:none;
}
.sticky-nav img.main-logo2{
	display:block;
	margin-top:-5px;
}
.sticky-nav .slogan{
	display: none;
}
.sticky-nav{
	background-color: #0070c0 !important;
}
.ban-duda{
	margin-top: 30px;
}
.ban-duda #ban-duda-2{
	display: none;
}
.ban-participar #img-bases2, .ban-participar #img-enviar-trabajos2{
	display: none;
}
.listing-news .post {
    max-height: 262px;
}
.texto-azul{
	color: #0070c0;
}
.fondo-gris{
	background-color: #eaebed;
}
.fondo-gris2{
	background-color: #e6e7e8;
}
.fondo-gris3{
	background-color: #f2f3f5;
}
.fondo-blanco{
	background-color: #fff;
}

.copyright{
	background-color: #1f2021;
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
}
.copyright a{
	color: #fff;
}
.search-form {
    background-color: #fefefe;
    width: 219px;
    float: right;
}
.page-breadcrumbs {
	margin: 0;
}
.share-link li{
	padding:0;
}
.at-resp-share-element .at-share-btn {
    margin: 0 1px 5px !important;
}
#mainmenu .navbar-nav .active .linkblanc{
	font-weight: bold;
	/*color: #0070c0;*/
	color: #333;
}
.navbar-nav .active .dropdown-menu a{
	font-weight: normal;
    color: #aeaeae;
}
/* Dropdowns simples (NO mega-menu) */
.navbar-nav .active .dropdown-menu:not(.mega-menu) li.active a{
	font-weight: bold;
    color: #fff;
}
/* Mega-menu con fondo blanco - texto debe ser oscuro */
.navbar-nav .active .mega-menu li.active a{
	font-weight: bold;
    color: #0070c0;
}
#datetimepicker{
    border: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.detalles{
	padding-bottom:10px;
}
.list-post li {
    border-bottom: 1px solid #eee;
    margin-top: -1px;
}
li.trabajos a{
	padding: 10px 30px 5px 0;
	font-weight: bold;
}


#latest-interviews .post {
    margin-right: 30px;
    position: relative;
}
.social-icons li {
    margin-right: 12px !important;
    width: auto !important; 
}

.entry-content {
	color:#333;
}
.entry-content a{
	color:#0070c0;
}
.entry-content a:hover{
	color:#004d84;
}
.entry-content a.btn-primary{
	color:#fff;
}
.entry-content a.btn-primary:hover{
	color:#fff;
}
.img-llista{
	    max-width: 200%;
    width: 170%;
    position: relative;
    left: -38%;
}
.btn-llista{
	display: inline-block; !important;
	padding: 5px 20px !important;
	color: #fff !important;
	margin-left:0px;
}
.btn-fixes{
	width: 100px; 
	text-align: center; 
	padding: 5px 0 !important;
}
.btn-contacto{
	margin-left: 20px;
	/* font-weight: bold; */
	border: 1px solid #fff;
	padding: 5px 12px;
}
.btn-contacto:hover{
	background-color: rgba(255,255,255,0.5);
}
.modal-footer {
    border-top: 0px solid #e5e5e5;
}

.add:before {
    content: "";
}
.team-members .single-member {
    height: 250px;
}
.bg-pluma{
	background: url(https://s3-eu-west-1.amazonaws.com/contenidos.institutoroche.es/static/images/pluma-desenfocada.png) no-repeat;
    background-position: 570px -230px;
    background-color: #fff;
}
.bg-gray--hover:hover{
	background-color: #333;
}
.texto-recortado{
    width: 100%;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}
.navbar-toggle {
    margin-top: 40px;
}
.calendari{
	margin-top:30px;
}
.add img {
    margin-top: 5px;
}
.ellipsis {
  	overflow: hidden;
	line-height: 25px;
	/*margin: 20px;*/
	/*border:1px solid #AAA; */
	text-align: justify;
	/*height: 50px;*/
	height: 73px;
	/*font-size:14px;
	line-height: 1.7em;*/
}
.height-noticias{
	height: 80px;
	line-height: 1.4em;
}
.height-actividades{
	height: 130px;
	line-height: 1.4em;
}
.height-entrevistas{
	height: 84px;
	line-height: 1.3em;
	margin-top:10px;
	text-align: left;
}

/* Ellipsis moderno para entrevistas con line-clamp */
.ellipsis-entrevistas {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	min-height: calc(1.4em * 4);
	max-height: calc(1.4em * 4);
	text-align: left;
	margin-top: 10px;
}

.ellipsis:before {
	content:"";
	float: left;
	width: 5px; 
	/*height: 50px; */
	height: 74px;
}
.ellipsis.height-noticias:before{
	height: 81px;
}
.ellipsis.height-actividades:before{
	height: 124px;
}
.ellipsis.height-entrevistas:before{
	height: 84px;
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px; }		

.ellipsis:after {
	content: "\02026";

	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;

	float: right; position: relative;
	top: -25px; left: 100%;
	width: 2em; margin-left: -2em;
	padding-right: 5px;

	text-align: right;


  	background-size: 100% 100%;
  	/* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cs347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);

	background: -webkit-gradient(linear, left top, right top,
		from(rgba(255, 255, 255, 0)), to(white), color-stop(60%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 60%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 60%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 60%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 60%, white);
}
.posicion_angleright{
	float:none !important;
	position: absolute;
    right: 40px;
    margin-top: 3px;
}

.img-banner-home{
	height: 215px;
    width: auto !important;
    max-width: none;
}

.post .entry-title {
    text-transform: none;
}
.listing-news .post-content {
    padding: 25px 30px 10px;
}
.listing-news .post-content h2 {
    margin-bottom: 15px;
}

#breaking-news span a{
    color: #fff;
}
#breaking-news span a:hover{
    color: #aeaeae;
}
.pagination li:nth-child(2) a {
    padding-left: 15px;
}

.titol_consentimiento H2
{
	font-size: 16px;
	padding-bottom: 30px;
	/*[disabled]font-family:Calibri, Helvetica;*/
	font-family: "Trebuchet MS";
	height: 10px;
	text-align: left;
	color: #FFFFFF;
}
.titol_consentimiento H1
{
	font-size: 20px;
	line-height: 1.2em;
	/*[disabled]font-family:Calibri, Helvetica;*/
	font-family: "Trebuchet MS";
	text-align: left;
	color: #FFFFFF;
}
.titol_consentimiento
{
	/*width: 720px;*/
	margin: 0 auto;
	border: 1px solid #0A6FA7;
	padding: 10px 40px;
	=padding: 20px 40px 0;
	background: #0A6FA7 url(#);
	color: #FFFFFF;
}
.consentimiento TABLE TD DIV
{
	color: #333333;
}
.consentimiento
{
	/*width: 720px;*/
	border: 1px solid #999999;
	padding: 10px 40px 40px;
	margin: 0 auto;
	color: #333333;
	text-align: justify;
}
.aviso2
{
	text-align: center;
	/*width: 450px;*/
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #0A6FA7;
	background: #FBFAFF;
	font-weight: bold;
	padding: 10px;
	color: #333333;
}
.aviso
{
	text-align: center;
	/*width: 450px;*/
	margin: 20px auto 0;
	border: 1px solid #E53D24;
	background: #FFFBFA;
	font-weight: bold;
	padding: 10px;
	color: #E53D24;
}
.capcalera #introduccio
{
	/*width: 650px;*/
	text-align: justify;
	margin: 0 auto;
}
.capcalera
{
	/*width: 700px;*/
	margin: 0 auto;
	/*[disabled]border:1px solid #000000;*/
}
.capcalera H2
{
	color: #0A6FA7;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 20px;
	margin-bottom:0px;
}
.titol_consentimiento h1{
	margin-top:0px;
}
.titol_consentimiento h2{
	margin-bottom:0px;
}
.fletxa_baixa_off
{
	/*width: 801px;*/
	background: url(../images/barra_baixa_off.png);
	height: 45px;
	cursor: pointer;
}
.fletxa_baixa_on
{
	/*width: 801px;*/
	background: url(../images/barra_baixa_on.png);
	height: 45px;
	cursor: pointer;
}
.fletxa_puja_off
{
	/*width: 801px;*/
	background: url(../images/barra_puja_off.png);
	height: 45px;
	cursor: pointer;
}
.fletxa_puja_on
{
	/*width: 801px;*/
	background: url(../images/barra_puja_on.png);
	height: 45px;
	cursor: pointer;
}

.consentimiento .alert a{
	font-weight: bold;
}
.capcalera h2{
	text-align: center;
	font-weight: bold;
}
.a-no-padding a{
	padding:0px !important;
	color: #0070c0 !important;
	font-weight: normal;
}

#accordion h1, #accordion h2, #accordion h3, #accordion h4, #accordion h5{
    text-transform: none;
}

.iframeR {
	border: 0;
	overflow: hidden;
}
.author-listing .single-author {
	height: 250px;
}
.navbar{
	/*background-image: url('../images/bg_cap3.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;*/
	/*background-size:contain;*/
	/*background-color: #F2F3F5 !important;*/
}
.slogan{
	text-align: center;
    font-size: 20px;
    /*color: #0070c0;*/
    color: #000;
    margin: 38px auto 0;
    padding-right: 60px;
    width: 340px;
    line-height: 1.4em;
    /*padding-right: 200px;*/
    /*background-image: url('../images/bg_slogan.jpg');
	background-repeat:no-repeat;
	background-position:right;*/
}
/*
.slogan1{
	font-size:28px;
}
.slogan2{
	font-size:29px;
}*/
.homepage-two #menubar {
    background-color: #0070c0;
}
#mainmenu .linkblanc, .linkblanc{
    color: #ffffff;
}
#mainmenu .linkblau, .linkblau{
    color: #0070C0;
}
#mainmenu .linkblanc .active a, .linkblanc .active a {
    color: #000000;
}

.feature-post .post-content, .feature-post:hover .post-content{
	background: rgba(0,112,192,1);
}
/*
.feature-post:hover .post-content{
	background: linear-gradient(to bottom, rgba(0,112,192,0) 0%,rgba(0,112,192,0.20) 18%,rgba(0,112,192,0.42) 36%,rgba(0,112,192,0.85) 70%,rgba(0,112,192,0.95) 87%,rgba(0,112,192,1) 100%);
}
.feature-post .post-content {
	background: linear-gradient(to bottom, rgba(0,112,192,0) 0%,rgba(0,112,192,0.20) 18%,rgba(0,112,192,0.42) 36%,rgba(0,112,192,0.85) 70%,rgba(0,112,192,0.95) 87%,rgba(0,112,192,1) 100%);
}
*/

.site-logo {
    position: relative;
    /*text-align: center;*/
    height: 78px;
    padding: 10px 0;
}
.site-logo .logo a {
    /*display: block;
    width: 200px;
    height: 78px;
    background-size: 100%;*/
}
.site-logo .logo {
    width: 200px;
    margin: -5px 0 0;
    padding: 0;
    float: left;
}
.hidden-content {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
.site-logo .date-home {
    display: inline-block;
    /*font-size: 13px;
    color: #4A4A4A;*/
    float: left;
    margin: 0;
    position: relative;
    padding-top: 25px;
}
.tools-header {
    /*font-size: 15px;*/
    height: 60px;
    /*position: absolute;
    right: 0;
    top: 0;*/
    float: right;
}
.tools-header .ediciones {
    float: left;
    top: inherit;
}
.tools-header>ul {
    position: relative;
    margin: 14px 0;
}
.ediciones {
    display: inline-block;
    margin-right: 14px;
    position: relative;
    top: 7px;
}
.tools-header .ediciones li {
    margin-right: 30px;
}
.tools-header>ul li {
    margin: 0;
    float: left;
    line-height: 100%;
    vertical-align: middle;
}
.tools-header .tools-header-corporative {
    float: right;
}
.tools-header>ul {
    position: relative;
    margin: 30px 0 0;
}
.tools-header .tools-header-corporative .tools-corporative-login {
    margin: 10px 0 0 20px;
}
.sticky-nav .hide-scroll{
	display: none;
}
/*.tools-corporative-login>a {
    text-align: center;
    text-decoration: none;
    position: relative;
    width: auto;
    height: auto;
    display: block;
    float: left;
    font-size: 15px;
    padding: 12px 18px;
}*/

.homepage-two #weather, .homepage-two .searchNlogin li {
    border-left: 0px solid #dedfe0;
}
.homepage-two .search {
    right: 45px;
    border-left: 0px solid #dedfe0;
}
.homepage-two .search-form {
    height: 34px
}
.homepage-two .searchNlogin {
    position: relative;
    top: 8px;
}
#breaking-news {
	margin: 10px 0 0;
}

.homepage-two.fixed-nav .sticky-nav .top-add {
    width: 100%;
}
.sticky-nav .navbar-toggle .icon-bar, .navbar-fixed-top .navbar-toggle .icon-bar {
    background-color: #fff;
}
.sticky-nav .navbar-toggle, .navbar-fixed-top .navbar-toggle {
    border: 1px solid #fff;
}

.contingutflex{
	display: flex; 
	align-items: flex-end;
}
.entry-header.listado-peque{
	width: 35% !important;
}
.entry-header.listado-peque2{
	width: 25% !important;
}
.post-content.listado-peque{
	width: 65% !important;
}
.post-content.listado-peque2{
	width: 75% !important;
}
.author-listing .single-author .author-bg {
    height: 10px;
    overflow: hidden;
    min-height: initial;
}
.author-listing .single-author .author-image{
	margin-top: 10px;
}
.author-listing .single-author .author-info{
	padding: 10px 5px;
}
.author-listing .single-author .author-info h2 {
    font-size: 22px;
}
.zona-registro{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 30px;
    height: 300px;
    background-color: #fff;
    text-align: center;
    /*background-image: url('../images/bg-zonaregistro.jpg');*/
    /*background-image: url('../images/bg_registro.jpg');
    background-position: -200px 0px;
    background-repeat: no-repeat;*/
    border: 0px solid #0070c0;
    border-radius: 3px;
    overflow: hidden;
    text-transform: uppercase;
    position: relative;
}
.zona-registro h3{
	text-transform: uppercase !important;
	color: #525b6e;	
	font-size: 16px;
}
.zona-registro .btn-primary{
	background-color: rgba(255,255,255,1);
    border: 1px solid #0070c0;
    color: #0070c0;
	white-space: initial;
	width: 85%;
	padding: 10px 10px;
	margin-bottom:10px;
}
.zona-registro .btn-primary:hover{
	background-color: #0070c0;
    color: #fff;
}
.registro-enlaces{
	font-size: 13px; 
	padding: 10px 15px; 
	line-height: 1.2em;
}
.registro-enlaces a{
	color: #555;
	/*text-shadow: 1px 1px #aaa;*/
}
.registro-enlaces a:hover{
	color: #000;
}
.zona-registro h3{
	color: #0070c0;
	font-weight: bold;
}
.img-registro{
	height: 120px; overflow: hidden;
	margin:0 auto;
}
.btn-registrate{
	width: 154px;
    padding: 10px 0;
    text-align: center;
}
.posicio-datos{
	position: absolute;
    right: 6px;
    bottom: -6px;
}
.shadow{
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
}
.sombra-oncologia{
	/*box-shadow: 10px 10px #001d3d;*/
	box-shadow: 5px 5px 4px rgba(0,29,61,0.5);
}
.novedades-home{
	height: 73px;
}

.home .linkblanc:hover,
.instituto .linkblanc:hover,
.actividades .linkblanc:hover,
.formacion .linkblanc:hover,
.recursos .linkblanc:hover,
.prensa .linkblanc:hover
{
	color: #B5B5B5 !important;
}
#mainmenu .home, #mainmenu .home h2, #mainmenu .home h2 a, 
#mainmenu .instituto, #mainmenu .instituto h2, #mainmenu .instituto h2 a,
#mainmenu .actividades, #mainmenu .actividades h2, #mainmenu .actividades h2 a,
#mainmenu .formacion, #mainmenu .formacion h2, #mainmenu .formacion h2 a,
#mainmenu .recursos, #mainmenu .recursos h2, #mainmenu .recursos h2 a,
#mainmenu .prensa, #mainmenu .prensa h2, #mainmenu .prensa h2 a{
    color: #333;
}
#mainmenu .home h2 a:hover, #mainmenu .home a:hover, 
#mainmenu .instituto h2 a:hover,#mainmenu .instituto a:hover,
#mainmenu .actividades h2 a:hover,#mainmenu .actividades a:hover,
#mainmenu .formacion h2 a:hover,#mainmenu .formacion a:hover,
#mainmenu .recursos h2 a:hover,#mainmenu .recursos a:hover,
#mainmenu .prensa h2 a:hover,#mainmenu .prensa a:hover{
    color: #0070C0;
}
.owl-controls .owl-pagination {
    margin-top: -33px;
}

.author-image img{
	border: 5px solid #fff;
}
.author-listing .single-author .author-image img {
    height: 92px;
    width: 92px;
}
.author-info{
	margin-top:-10px;
}
.author-bg img{
	margin-top:-10px;
}
.login-form{
	width:100%; 
	padding: 6px 10px; 
	border: 1px solid #eee;
}
.errorMessage{
	clear: both;
    border: 1px solid #E73B21;
    color: #E73B21;
    padding: 3px 10px;
    text-align: center;
    margin: 10px 0 15px;
    border-radius: 2px;
}

#cookie-bar a {
    background-color: #0070C0;
}


.carousel-perso .carousel-caption{
	bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 0;
    width: 100%;
    border: 1px solid black;
}
.carousel-perso i{
	top: 50%;
    position: absolute;
}
.carousel-perso .item img{
	margin: auto;
}
p.centrada, h1.centrada, h2.centrada, h3.centrada, h4.centrada, h5.centrada {
	text-align: center;
}
img.centrada {
	display: block;
	margin: auto;
}
img.sombra {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.polaroid {
	background-color: white;
	padding: 25px;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.polaroid div, div.polaroid div {
	text-align: center;
	padding:20px;
}
div.polaroid {
	display: inline-block;
	margin: 40px auto;
	max-width: 760px;
	background-color: white;
	padding: 25px;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cartell_video{
	position: relative;
    float: right;
    margin-bottom: -30px;
    background-color: #0070C0;
    color: white;
    display: inline-block;
    margin-right: 12px;
    top: 9px;
    padding: 0px 5px;
    font-size: 14px;
    /* font-weight: bold; */
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

#descarga{
position: relative;
	height: 80px;
	padding: 20px 10px;
	background: url(/images/interface/fondo_descarga2.png) repeat-x ;
	border-bottom: 1px solid #f3f3f3;
}

#descarga h4{
	width: 80%;
	color: #333;
}
#descarga h4:hover{
	color: #000;
}
#descarga img{
	position: absolute;
	right: 10px;
	top: 10px;
}

#descarga a{
	/*color: red;*/
}

.bottom-widgets {
    background-color: #E6E7E8;
    padding: 0;
    /*border-top: 1px solid #ccc;*/
}
.bottom-widgets .container{
	border-top: 1px solid #ddd;
	padding: 30px 0;
}
.bottom-widgets h2{
	margin:0;
	color: #27292A;
	margin: 0 0 15px;
	font-size: 20px;
}

/* Trabajos IR ADMIN */
.trabajosIRAdmin .videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
  }
  .trabajosIRAdmin .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  .trabajosIRAdmin .pagination .active {
	background: beige;
  }
.trabajosIRAdmin .flex-row {
	display: flex;
	flex-wrap: wrap;
}  

.flex-row .element {
	margin-top: 5px;
	padding: 5px;
}

.element .elementInner {
	padding: 15px;
	background-color: white;
}
.finestra-observatorio{
	position: absolute; 
	bottom: 15px; 
	left: 15px; 
	width: 50%; 
	background-color: white; 
	padding: 30px; 
	font-size: 18px; 
	text-align: justify;
	/*height: 433px;*/
	box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
	color: #0070c0;
    font-style: italic;
}
.logo-observatorio{
	/*margin: 10px 0;*/
	width: 50%;
	max-width: 300px;
}
.finestra-observatorio h2{
	margin: 0;
}
.tags-glosari{
	margin-right: 10px;
	padding: 5px 10px;
    color: #0070c0;
    font-size: 14px;
    border: solid 1px #0070c0;;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.tags-glosari:hover{
	color: white;
	background-color: #0070c0;;
}
.tags-enlinea{
	display: inline-block !important;
    padding: 0px 0px !important;
}

/* votacio premio periodismo */
.votacion-bloque{
	margin-top:20px;
	padding-bottom: 0px;
}
.votacion{
	display: flex;
	justify-content: space-around;
	
}
.votacion .puntuacion{
	text-align: center;
    width: 100%;
    background-color: #00678F;
    border: 1px solid #fff;
    color: #fff;
    cursor:pointer;
    padding: 5px;
}
.votacion .puntuacion:hover{
	background-color: #5cb85c;
}
.votacion .puntuacion.selected{
	background-color: #5cb85c;
}
.votacion .puntuacion.error{
	background-color: #f00;
}
/* fi votacio premio periodismo */

/* glosario de genetica */
.section-terminoDelDia{
	margin-bottom: 0px;
}
.glossary_home1{
	
	position: absolute; 
	left: 12%; 
	top: 12%; 
	width: 73%; 
	text-align: center; 
	color: white; 
	font-size: 16px; 
	font-family: arial;
    font-weight: bold;
}
.glossary_home1-quadrat{
	border: 4px double white; 
	background-color: rgba(0,112,192,0.65); 
	display: flex; 
	flex-direction: column; 
	justify-content: space-around;
	height: 128px; 
	margin-top: 20px;
}
.glosario_firma{
	color: rgba(255,255,225,0.33);
}
.glosario_mas{
	margin: 0 10px 0 -125px;
	background-color: white;
	text-transform: uppercase;
	font-size: 12px;
	color: #0070c0;
	font-family: 'Signika Negative', sans-serif;
	font-style: normal;
	padding: 2px 10px;
}
.glosario_mas:hover{
	color: white;
	background-color: #0070c0;
}
.glossary_home2{
	background-color: rgba(0,112,192,0.65); 
	position: absolute; 
	left: 0%; 
	top: 0%; 
	width: 100%; 
	text-align: center; 
	color: white; 
	font-size: 16px; 
	height: 220px; 
	display: flex; 
	flex-direction: column; 
	justify-content: space-around;
	padding: 20px;
	display: none;
	
}
.glossary_definicion{
	font-size: 17px;
	text-align: justify;
	padding: 0 85px;
	line-height: 1.4em;
}
.glossary_definicion::first-letter{
	color: #e58e1a;
	font-size: 45px;
}
.glosario_definicion_tit{
	color: white; 
	font-weight: bold;
	font-size: 22px; 
	text-transform: uppercase;
}
#glosario_buscador{
	position: absolute; 
	left: 19%; 
	top: 10%; 
	width: 62%; 
	color: white; 
	font-size: 16px; 
	height: 170px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center;
	font-family: arial;
	font-weight: bold;
	justify-content: space-around;
}

#glosario_buscador input{
	font-size: 24px; 
	font-weight: bold; 
	background-color: rgba(0,112,192,0.65); 
	color: white;  
	/*padding: 42px 20px; */
	padding: 22px 20px; 
	border-left: 0px;
}
#glosario_buscador input::placeholder{
	color: white;
}
.glosario_lupa{
	float: left; 
	background-color:white; 
	opacity: 0.8; 
	padding: 10px 25px; 
	/*font-size: 48px;*/
	font-size: 20px;
	color: #0070c0;
}
.glosario_colaboracion{
	text-align: right;  
	margin: 15px 0 10px;
}
.glosario_IR{
	/*text-align: left; 
	background-color: rgba(0,112,192,0.60); 
	display: inline-table; 
	padding: 0 5px; 
	margin:15px 0 0 -15px;
	*/
	font-size: 38px; 
	font-weight: bold; 
	color: white;  
	text-align: center;
}
img.author-image{
	width: 92px;
	display: block;
	margin: 0 auto;
}
.firstUL{
    padding:3px 30px 2px 30px;
    margin:0px;
    /*margin-top: -3px;*/
    /*background-color:#a4cfe8;*/
    /*background-color:#0070c0;*/
    background-color:white;
}

.firstUL li {
    display:inline;
    font-size:14pt;
    padding:4px 8px;
    /*line-height:40px;*/
    cursor:pointer;
    margin: 0 -2px;
}

.firstUL li.selected{
    color:#ffffff;
    font-weight:bold;
    background-color: #0070c0;
    
}
.firstUL li:hover{
    /*background-color: white;*/
    color: #9c9c9c;
}
.firstUL li a{
	color: #000000;
}
.firstUL li a:hover{
	color: #9c9c9c;
}


.glossary-container{
    clear:both;
}
.glosario_boto_reset{
	float: right; 
	background-color:#999; 
	color: white; 
	padding: 10px 25px;
}
.glosario_boto_reset:hover{
	background-color:#0070c0; 
}
a.glosario_termino{
	display: initial !important;
	padding: 0px !important;
	color: #306DBD !important;
	font-weight: bold;
}
a.glosario_termino:hover{
	color: black !important;
}
.termino-del-dia{
	font-size: 26px;
}
.accordion{
    height:100%;
    width:span12;
    overflow:auto;
    
    font-size:10pt;
    clear:both;

}

.accordion div{
    padding-left:10px;
    border-bottom:1px #666666 solid;
    overflow:none;
}

.accordion div h2{
    margin-top:0px;
}

.accordion p.return-to-top{
    color:#0066FF;
    text-decoration:underline;
    text-align:right;
    margin-right:10px;
    cursor:pointer;
}

.accordion div {
    border: 0px;
}
/* fi glosario de genetica*/
.autores-glosario{
	margin-top: 20px;
}
.autores-glosario a{
	color: #0070c0;
}
.autores-glosario p{
	padding-top: 5px;
	font-size: 13px;
	text-align: center;
}
.autores-glosario p strong, .autores-glosario p i{
	font-size: 16px;
}
.resultados{
	border: 1px solid #ccc;
    padding: 10px;
    font-size: 0.8em;
    margin-top: 20px;
    border-radius: 5px;
}

.banda-principal{
	/*background-color: #0070c0;*/
	/*color: white;*/
	color: #0070c0;
	padding: 20px 80px 30px;
}
.banda-principal.inactivo{
	/*background-color: #999;*/
}
.banda-principal i{
	font-size: 58px;
    float: left;
    padding: 0 20px;
    margin-top: -15px;
}
.banda-principal a{
	/*color: white;*/
	color: #0070c0;
}
.banda-principal a:hover{
	color: #ccc;
}
.banda-principal .texto1{
	font-size: 17px;
}
.banda-principal .texto2{
	font-size: 26px;
	font-style: italic;
}
.buscador_menu{
	margin-bottom: 50px;
	margin-top: -5px;
}
.buscador_menu .searchNlogin{
	float: left;
	left: 15px;
}
.buscador_menu .search{
	left: -37px;
	width: 500px;
}
.buscador_menu .search-form{
	width: 419px;
}
#mapa{
	height:350px; 
	margin-bottom:30px; 
	border-radius:3px;
}
.trabajo-descartado{
	background-color: #fdd !important;
	opacity: 0.5;
}
.trabajosIRAdmin .pagination li:nth-child(11) a {
	padding-right: 12px;
}
.banda-premio{
	background-color: #0070C0;
	color: white;
	padding: 20px 0;
	margin: 10px 0;
	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}
.btn-secundary {
	color: #0070C0;
	background-color: white;
	border: 0;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 45px;
	outline: none;
	text-transform: uppercase;
}
.g-color-white{
	color: white;
}
.g-color-gray--hover:hover{
	color: #9c9c9c;
}
.g-color-primary{
	color: #0070c0 !important;
}
a.g-color-primary:hover{
	color: #ccc;
}

.u-btn-outline-lightgray{
	color: #333;
	border-color: #eeeeee;
	background-color: transparent;
}
.u-btn-outline-lightgray:hover{
	color: #333;
	background-color: #eee;
}
.g-my-5{
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
.g-my-10{
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.g-my-20{
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}
.g-my-30{
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}
.g-my-40{
	margin-bottom: 40px !important;
	margin-top: 40px !important;
}
.g-mb-5{
	margin-bottom: 5px !important;
}
.g-mb-10{
	margin-bottom: 10px !important;
}
.g-mb-20{
	margin-bottom: 20px !important;
}
.g-mb-30{
	margin-bottom: 30px !important;
}
.g-mb-40{
	margin-bottom: 40px !important;
}
.g-mt-5{
	margin-top: 5px !important;
}
.g-mt-10{
	margin-top: 10px !important;
}
.g-mt-20{
	margin-top: 20px !important;
}
.g-mt-30{
	margin-top: 30px !important;
}
.g-mt-40{
	margin-top: 40px !important;
}
.g-mx-5{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.g-mx-10{
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.g-mx-20{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.g-mx-30{
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.g-mx-40{
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.g-ml-5{
	margin-left: 5px !important;
}
.g-ml-10{
	margin-left: 10px !important;
}
.g-ml-20{
	margin-left: 20px !important;
}
.g-ml-30{
	margin-left: 30px !important;
}
.g-ml-40{
	margin-left: 40px !important;
}
.g-mr-5{
	 margin-right: 5px !important;
 }
.g-mr-10{
	  margin-right: 10px !important;
  }
.g-mr-20{
	margin-right: 20px !important;
}
.g-mr-30{
	margin-right: 30px !important;
}
.g-mr-40{
	margin-right: 40px !important;
}
.g-hidden-xs-up{
	display: none !important;
}
.g-font-size-24{
	font-size: 24px;
}
.g-font-size-22{
	font-size: 22px;
}
.g-font-size-20{
	font-size: 20px;
}
.g-font-size-19{
	font-size: 19px;
}
.g-font-size-18{
	font-size: 18px;
}
.g-font-size-17{
	font-size: 17px;
}
.g-font-size-16{
	font-size: 16px;
}
.g-font-size-15{
	font-size: 15px;
}
.g-font-size-14{
	font-size: 14px;
}
.g-font-size-13{
	font-size: 13px;
}
.g-font-size-12{
	font-size: 12px;
}
.g-font-size-11{
	font-size: 11px;
}
.g-font-size-10{
	font-size: 10px;
}
.g-font-size-9{
	font-size: 9px;
}
.g-font-size-8{
	font-size: 8px;
}

.font-weight-bold{
	font-weight: bold;
}
.font-weight-normal{
	font-weight: normal;
}

/* paginacio boles */
.g-pa-12-19 {
	padding: 0.85714rem 1.5rem !important;
}
.g-rounded-50 {
	border-radius: 50px !important;
}
.u-pagination-v1-1 {
	color: #999;
	border-color: #999;
}
.u-pagination-v1__item--disabled {
	opacity: .5;
	pointer-events: none;
}
.u-pagination-v1__item {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: solid 1px transparent;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #fff;
	background-color: #b0b0b0;
}
.u-pagination-v1__item:hover{
	text-decoration: none;
	color: #fff;
}
.respuesta-correcta{
	background-color: #72c02c;
	color: white;
}
.respuesta-correcta:hover, .respuesta-correcta:focus{
	background-color: #5ca21d;
	color: white;
	text-decoration: none;
}
.respuesta-incorrecta{
	background-color: #c02c2c;
	color: white;
}
.respuesta-incorrecta:hover, .respuesta-incorrecta:focus{
	background-color: #a21d1d;
	color: white;
	text-decoration: none;
}
/* fi paginacio boles */

/* flex */
.row-flex {
	display: flex;
	flex-wrap: wrap;
}
/* fi flex */
.bg-white{
	background-color: #ffffff;
}
.w-100{
	width: 100% !important;
}
.h-100{
	height: 100%;
}
.g-px-5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.g-px-10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.g-px-15{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.g-px-20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.g-px-25{
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.g-px-30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.g-py-5{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.g-py-10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.g-py-15{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.g-py-20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.g-py-25{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.g-py-30{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.g-pt-5{
	padding-top: 5px !important;
}
.g-pt-10{
	padding-top: 10px !important;
}
.g-pt-15{
	padding-top: 15px !important;
}
.g-pt-20{
	padding-top: 20px !important;
}
.g-pt-25{
	padding-top: 25px !important;
}
.g-pt-30{
	padding-top: 30px !important;
}
.g-pr-5{
	padding-right: 5px !important;
}
.g-pr-10{
	padding-right: 10px !important;
}
.g-pr-15{
	padding-right: 15px !important;
}
.g-pr-20{
	padding-right: 20px !important;
}
.g-pr-25{
	padding-right: 25px !important;
}
.g-pr-30{
	padding-right: 30px !important;
}
.g-pb-5{
	padding-bottom: 5px !important;
}
.g-pb-10{
	padding-bottom: 10px !important;
}
.g-pb-15{
	padding-bottom: 15px !important;
}
.g-pb-20{
	padding-bottom: 20px !important;
}
.g-pb-25{
	padding-bottom: 25px !important;
}
.g-pb-30{
	padding-bottom: 30px !important;
}
.g-pl-5{
	padding-left: 5px !important;
}
.g-pl-10{
	padding-left: 10px !important;
}
.g-pl-15{
	padding-left: 15px !important;
}
.g-pl-20{
	padding-left: 20px !important;
}
.g-pl-25{
	padding-left: 25px !important;
}
.g-pl-30{
	padding-left: 30px !important;
}
.position-relative{
	position: relative !important;
}
.position-absolute{
	position: absolute !important;
}

.top-0{ top: 0px !important; }
.top-5{ top: 5px !important; }
.top-10{ top: 10px !important; }
.top-15{ top: 15px !important; }
.top-20{ top: 20px !important; }
.top-25{ top: 25px !important; }
.top-30{ top: 30px !important; }

.bottom-0{ bottom: 0px !important; }
.bottom-5{ bottom: 5px !important; }
.bottom-10{ bottom: 10px !important; }
.bottom-15{ bottom: 15px !important; }
.bottom-20{ bottom: 20px !important; }
.bottom-25{ bottom: 25px !important; }
.bottom-30{ bottom: 30px !important; }

.right-0{ right: 0px !important; }
.right-5{ right: 5px !important; }
.right-10{ right: 10px !important; }
.right-15{ right: 15px !important; }
.right-20{ right: 20px !important; }
.right-25{ right: 25px !important; }
.right-30{ right: 30px !important; }

.left-0{ left: 0px !important; }
.left-5{ left: 5px !important; }
.left-10{ left: 10px !important; }
.left-15{ left: 15px !important; }
.left-20{ left: 20px !important; }
.left-25{ left: 25px !important; }
.left-30{ left: 30px !important; }

.border-radius-0{ border-radius: 0px !important; }
.border-radius-5{ border-radius: 5px !important; }
.border-radius-10{ border-radius: 10px !important; }
.border-radius-15{ border-radius: 15px !important; }
.border-radius-20{ border-radius: 20px !important; }
.border-radius-25{ border-radius: 25px !important; }

.box-shadow-5{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.box-shadow-12{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.box-shadow-18{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.box-shadow-25{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.fondo-objetivos{
	position: relative;
}
.fondo-objetivos::before{
	background: url('/images/interface/bg_logo_FIR.jpg') top center; background-size: 40%;
	content: "";
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	/*z-index: -1;*/
}

.altura-glosario{
	/*height: 274px;*/
	height: 200px;
	margin-top: 20px;
}
.altura-glosario .cnio-logo{
	margin: 20px auto;
}

.i-16 i{
	font-size: 16px;
}
.g-bg-blue {
	background-color: #3398dc !important;
}
.g-bg-softgreen {
	background-color: #e5eed9 !important;
}
.g-bg-yellow {
	background-color: #eebe2c !important;
}
.g-bg-red {
	background-color: #a31002 !important;
}
.g-bg-gris {
	background-color: #d4d4d4 !important;
}
.g-color-white {
	color: #fff !important;
}

.caixa-flex {
	overflow: hidden;
}
.caixa-flex > [class*='col-'] {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.equal {
	display: flex !important;
	display: -webkit-flex !important;;
	flex-wrap: wrap !important;;
}

.panel-default > .panel-heading {
	border-bottom: 1px solid #ddd;
}

div#onetrust-banner-sdk * {
	font-size: 12px !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
	color: #333 !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy {
	font-family: 'Signika Negative', sans-serif !important;
	font-size: 15.6px !important;
	line-height: 20px !important;
	font-weight: 300 !important;
	color: #333 !important;
}
#ot-sdk-cookie-policy div, #ot-sdk-cookie-policy span, #ot-sdk-cookie-policy h1, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy p, #ot-sdk-cookie-policy img, #ot-sdk-cookie-policy svg, #ot-sdk-cookie-policy button, #ot-sdk-cookie-policy section, #ot-sdk-cookie-policy a{
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}
#ot-sdk-cookie-policy-v2 .ot-sdk-cookie-policy-group{
	color: #333 !important;
	font-weight: bold !important;
	font-size: 14px !important;
}

.a2a_kit{
	top: 150px;
	left: -15px;
}
.a2a_kit a .a2a_svg{
	box-shadow: 0px 2px 3px rgb(0 0 0 / 50%);
}
#mainmenu .dropdown-menu> li> a {
	text-transform: initial;
}
.mt-xs-20{
	margin-top: 0;
}
.show-xl{
	display: none;
}
.cat-menu .active.dropdown.open ul li:not(.active) a{
    border-bottom: 0px;
}

/* Estilos para items activos en submenu */
.world-nav.cat-menu .active > a,
.world-nav.cat-menu .active.dropdown > a {
    color: #0070c0;
    font-weight: bold;
}

/* Items activos dentro del dropdown del submenu - texto blanco */
.world-nav.cat-menu .dropdown-menu li.active > a {
    color: #fff !important;
    font-weight: bold;
}

/* Asegurar que todos los dropdowns simples tengan el mismo estilo (fix para premios) */
@media (min-width: 1000px) {
    #navigation .instituto.dropdown > .dropdown-menu,
    #navigation .prensa.dropdown > .dropdown-menu,
    #navigation .premios.dropdown > .dropdown-menu {
        padding: 15px 0;
        border-top: 1px solid;
        min-width: 160px;
        border-radius: 0;
        background-color: #fff;
        margin-top: -2px;
    }
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
}

/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
	.a2a_kit:hover {
		animation-name: addthis_animacion;
		animation-duration: 0.5s;
		left: 0px;
	}

	@keyframes addthis_animacion {
		from {
			left: -15px;
		}
		to {
			left: 0px;
		}
	}
}
/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
	.a2a_kit{
		/*left:0px;*/
		top: 270px;
	}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.col-sm-3.is_stuck {
	    width: 292.5px;
	}
	.show-xl{
		display: block;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.altura-glosario{
		height: 217px;
	}
	.altura-glosario .post-content{
		margin-top: 0px;
	}
	.col-sm-3.is_stuck {
	    width: 242.5px;
	}
	.text-participar{
	    transform: translate(0, -110%);
	    /*font-size: 20px;*/
	}
	.text-participar2{
	    transform: translate(0, -100%);
	    font-size: 18px;
	}
	.homepage-two .searchNlogin {
	 	right: 0;
	    top: 4px;
	}
	.sticky-nav .searchNlogin li {
	    padding: 6px 15px;
	}
	.sticky-nav .expanded .search {
	    width: 250px;
	}
	.zona-registro{
	    height: 288px;
	}
	.search-form {
	    width: 169px;
	}
	.btn-registrate{
		width: 105px;
	}
	.novedades-home{
		height: 47px;
	}
	.author-listing .single-author .author-info h2 {
	    font-size: 19px;
	}
	.finestra-observatorio{
		font-size: 16px;
    	/*height: 352px;*/
	}
	/*.glossary_home1{
		height: 140px; 
	}*/
	.glossary_home1-quadrat{
		height: 108px; 
		margin-top: 10px;
	}
	.termino-del-dia{
		font-size: 1.4em;
	}
	.glossary_home2{
		height: 181px; 
	}
	.glossary_definicion{
		font-size: 15px;
		line-height: 1.2em;
		padding: 0 50px;
	}
	#glosario_buscador{
		height: 140px; 
	}
	/*#glosario_buscador input{
		font-size: 30px; 
		padding: 36px 20px; 
	}
	.glosario_lupa{
		padding: 10px 25px; 
		font-size: 39px;
	}*/
	.glosario_colaboracion {
	    margin: 0px 0 5px;
	}
	.glosario_IR {
	    font-size: 32px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.altura-glosario{
		height: 129px;
	}
	.altura-glosario .post-content{
		margin-top: 8px;
		padding-top: 0;
	}
	.altura-glosario .cnio-logo{
		margin: 0px auto;
	}

	.col-sm-3.is_stuck {
	    width: 187.5px;
	}
	.text-participar{
	    transform: translate(0, -105%);
	    font-size: 20px;
	}
	.text-participar2{
	    transform: translate(0, -95%);
	    font-size: 16px;
	}
	.img-banner-home{
		height: 225px;
	}
	.small-post img {
	    width: 170%;
	}
	.site-logo .logo {
		margin-left: 0px;
	}
	.navbar-toggle {
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin-top: 37px;
	}
	.sticky-nav .navbar-toggle {
	    margin-top: 7px;
	}
	.tools-header>ul {
	    /*margin-right: 50px;*/
	}
	.listing-news .post {
	    max-height: none;
	}
	.author-listing .single-author .author-bg {
	    /*height: 80px;*/
	}
	.author-listing .single-author {
	    height: 250px;
	}
	.post-content.listado-peque, .entry-header.listado-peque, .post-content.listado-peque2, .entry-header.listado-peque2{
		width: 100% !important;
	}
	.entry-header.listado-peque img, .entry-header.listado-peque2 img{
		margin: 0 auto;
	}
	.zona-registro{
	    height: 270px;
	}
	.zona-registro .btn-primary{
		width: 65%;
	}
	.btn-registrate{
		width: 105px;
	}
	.novedades-home{
		height: 56px;
	}
	.finestra-observatorio{
		width: 55%; 
		padding: 25px;
		font-size: 14px;
    	/*height: 262px;*/
	}
	.finestra-observatorio h2{
		font-size: 20px;
	}
	.section-terminoDelDia{
		margin-bottom: 20px;
	}
	/*.glossary_home1{
		height: 145px; 
	}*/
	.glossary_home1-quadrat{
		height: 108px; 
		margin-top: 10px;
	}
	.termino-del-dia{
		font-size: 1.2em;
	}
	.glossary_home2{
		height: 187px; 
	}
	.glossary_definicion{
		font-size: 15px;
		line-height: 1.2em;
		padding: 0 50px;
	}
	#glosario_buscador{
		height: 145px; 
	}
	/*#glosario_buscador input{
		font-size: 30px; 
		padding: 36px 20px; 
	}
	.glosario_lupa{
		padding: 10px 25px; 
		font-size: 39px;
	}*/
	.glosario_colaboracion {
	    margin: 0px 0 5px;
	}
	.glosario_IR {
	    font-size: 32px;
	}
	
}
/* Landscape phones and portrait tablets */
@media (max-width:767px){
	.ban-duda #ban-duda-2{
		display: block;
	}
	.ban-duda #ban-duda-1{
		display: none;
	}
	.ban-participar{
		padding-top:10px;
	}
	.ban-participar #img-bases2, .ban-participar #img-enviar-trabajos2{
		display: block;
	}
	.ban-participar #img-bases1, .ban-participar #img-enviar-trabajos1{
		display: none;
	}
	.text-participar{
	    transform: translate(0, -130%);
	    /*font-size: 24px;*/
	}
	.text-participar2{
		transform: translate(0, -120%);
	    font-size: 24px;
	}
	.homepage-two .navbar-right {
	    margin-top: 80px;
	}
	.small-post img {
	    width: 170%;
	}
	.site-logo .logo {
		margin-left: 0px;
	}
	.tools-header>ul {
	    margin-right: 60px;
	}
	.navbar-toggle {
	    margin-top: 37px;
	}
	.sticky-nav .navbar-toggle {
	    margin-top: 7px;
	}
	.contingutflex{
		align-items: start-end;
		flex-direction: column;
	}
	.listing-news .post {
	    max-height: none;
	}
	.author-listing .single-author {
	    height: 205px;
	}
	.post-content.listado-peque, .entry-header.listado-peque, .post-content.listado-peque2, .entry-header.listado-peque2{
		width: 100% !important;
	}
	.zona-registro{
	    height: 280px;
	}
	.zona-registro .btn-primary{
		width: 65%;
	}
	.btn-registrate{
		width: 105px;
	}
	.novedades-home{
		height: 47px;
	}
	.img-banner-home{
	height: auto;
    width: 100% !important;
	}
	.feature-post .post-content {
		/*top: 80%;*/
	}
	.finestra-observatorio{
		width: 100%;
	    margin: -15px 0 0 -15px;
	    font-size: 14px;
	    height: auto;
	    position: inherit;
	}
	.section-terminoDelDia{
		margin-bottom: 20px;
	}
	.glosario_mas{
		width: inherit !important;
		margin: 0 10px 0 0px;
	}
	/*.glossary_home1{
		height: 200px; 
	}*/
	.glossary_home1-quadrat{
		height: 150px; 
		margin-top: 10px;
	}
	.termino-del-dia{
		font-size: 1.6em;
	}
	.glossary_home2{
		height: 314px; 
	}
	.glossary_definicion{
		font-size: 0.8em;
		line-height: 1.4em;
		padding: 0 50px;
	}
	#glosario_buscador{
		height: 190px; 
		width: 80%;
		left: 10%;
	}
	.glosario_IR {
	    line-height: 1em;
	    font-size: 1.5em;
	}
	/*#glosario_buscador input{
		font-size: 26px; 
		padding: 36px 20px; 
	}
	.glosario_lupa{
		padding: 10px 25px; 
		font-size: 39px;
	}*/
	.buscador_menu .search{
		left: -19px;
		width: 481px;
	}
	.buscador_menu .search-form {
		height: 32px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width:480px){
	.glosario_mas{
		width: inherit !important;
		margin: 0 10px 0 0px;
		font-size: 0.8em;
	}
	.glossary_home1{
		top: 5%;
		width: 90%;
    	left: 5%;
    	font-size: 0.9em;
	}
	.glossary_home1-quadrat{
		height: 125px; 
		margin-top: 5px;
	}
	.termino-del-dia{
		font-size: 1.2em;
	}
	.glossary_home2{
		height: 166px;
    	font-size: 0.9em;
	}
	.glosario_definicion_tit {
	    font-size: 1.5em;
	}
	.glossary_definicion{
		font-size: 1.0em;
	}
	#glosario_buscador{
		height: 155px;
	    top: 0%;
	    left: 5%;
	    width: 90%;
	    font-size: 0.9em;

	}
	/*#glosario_buscador input{
		font-size: 20px;
    	padding: 36px 10px;
	}
	.glosario_lupa{
		padding: 10px 25px; 
		font-size: 39px;
	}*/
	.termino-del-dia{
		font-size: 1.5em;
	}
	.buscador_menu .search{
		left: 67px;
		width: 250px !important;
	}
	.buscador_menu .search-form{
		width: 274px;
	}
	.xs-width-100{
		width: 100% !important;
		margin: 0 0 20px !important;
	}

	.navbar-nav{
		margin-left: 20px;
	}
	.mt-xs-20{
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	.row.equal {
		display: flex;
		flex-wrap: wrap;
	}
}

/* User menu positioning within nav */
/* #mainmenu .usuario-desktop {
	margin-right: 20px;
}

#mainmenu .usuario-desktop a.dropdown-toggle {
	padding: 15px 20px;
	border-left: 1px solid #ebecee;
	color: white !important;
}

#mainmenu .usuario-desktop a.dropdown-toggle:hover {
	color: #525b6e !important;
} */

/* Fix search positioning to not overlap with user menu */
/* .searchNlogin .search {
	right: 110px !important;
} */

/* Spinner for premio periodismo admin */
.spinner {
	margin: 20px auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #00678F;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* ============================================
   ESTILOS ESPECÍFICOS PARA JORNADAS
   ============================================ */

/* Formularios de jornadas */
.form-jornadas {
	width: 100%;
	margin-bottom: 15px;
	padding: 6px 10px;
}

/* Login form */
.login-form {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #eee;
}

/* Registration and Login Page */
.reg-page,
.login-page {
	overflow: hidden;
	margin: 0 auto;
	background: #fcfcfc;
	border: solid 1px #eee;
	box-shadow: 0 0 7px #eee;
}

.reg-page {
	min-width: 30%;
	padding: 30px 50px 30px;
}

.reg-page h3 {
	margin-bottom: 25px;
}

/* Purchase section */
.purchase {
	padding: 10px 0 20px;
	box-shadow: inset 0 0 4px #eee;
}

.purchase .container {
	padding: 0 20px;
}

.purchase .container .span9 {
	margin-right: 20px;
}

.purchase span {
	color: #666;
	display: block;
	font-size: 32px;
	line-height: 35px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* Acordeón - Estilos base */
.accordion {
	margin-bottom: 20px;
}

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

.accordion-heading {
	border-bottom: 0;
}

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

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}

/* Acordeón de jornadas */
.acc-home a.accordion-toggle {
	color: #686868;
	font-size: 18px;
	background: none;
	padding: 5px 15px;
	background: #fafafa;
	border-bottom: solid 1px #eee;
	text-decoration: none !important;
}

.acc-home a.active,
.acc-home a.accordion-toggle:hover {
	color: #92d556;
	text-decoration: none !important;
}

.acc-home .accordion-group {
	border: none;
	margin: 0 !important;
}

.acc-home .accordion-heading,
.acc-home .accordion-inner {
	border: none;
}

.acc-home .accordion-inner {
	border: none;
	padding-top: 3px;
}

.acc-home .collapse.in {
	margin-top: -1px;
	margin-bottom: 20px;
	background: #fdfdfd;
	border-bottom: solid 1px #007AC2;
}

/* Sección de descarga */
#descarga {
	position: relative;
	height: 80px;
	padding: 20px 10px;
	background: url(../images/interface/fondo_descarga2.png) repeat-x;
	border-bottom: 1px solid #f3f3f3;
}

#descarga h4 {
	width: 80%;
	color: #333;
}

#descarga h4:hover {
	color: #000;
}

#descarga img {
	position: absolute;
	right: 10px;
	top: 10px;
}

/* Listas horizontales */
.dl-horizontal dt {
	margin-top: 6px;
	width: 90px;
}

.dl-horizontal dd {
	margin-top: 5px;
	margin-left: 110px;
}

/* Ajustes del slider de jornadas */
.da-slide h2, .da-slide p {
    margin-left: 0;
}

.da-slide .da-img {
    margin-left: -10%;
    top: 10px;
}

.da-slide h2 {
    line-height: 40px;
}

.da-slide p i {
	background: none;
	padding: 0;
}

/* Sticky lateral de jornadas */
.is_stuck.jornadas-lateral {
	margin-top: 50px;
}

/* Botón de compra/inscripción de jornadas */
.purchase a.btn-buy {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
	border-radius: 2px;
	background: #007AC2;
	display: inline-block;
	text-decoration: none;
	padding: 12px 28px 9px;
}

.purchase a.btn-buy:hover {
	color: #fff;
	background: #68af28;
	text-decoration: none;
	box-shadow: 0 0 5px #c0c2c1;
}

/* Mapa de jornadas */
#mapa {
	width: 100%;
	height: 250px;
}

/* Botones de registro */
.buttons-type-register {
	display: none;
	width: 100%;
}

.button-blau {
	background-color: #007AC2;
	padding: 15px 5px;
	color: #fff;
	margin: 5px;
	font-size: 17px;
	text-align: center;
	float: left;
	width: 43%;
}

.button-blau:hover {
	background-color: #51A00B;
}

.selectedd a {
	color: #fff !important;
	background-color: #FD5555;
}

/* Dropdown menu hover */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
	color: #fff;
	text-decoration: none;
	/*background-color: #0070C0;*/
}

/* Estilos responsive para jornadas */
@media (max-width: 991px) {
	#mapa {
		height: 200px;
	}

	.dl-horizontal dt {
		margin-top: 6px;
		width: 50px;
	}

	.dl-horizontal dd {
		margin-top: 5px;
		margin-left: 60px;
	}
}

@media (max-width: 450px) {
	.buttons-type-register {
		display: block;
	}
}

/* ============================================
   UTILIDADES DE ESPACIADO (MARGINS Y PADDINGS)
   ============================================ */

/* MARGINS - Todas las direcciones (m = margin) */
.m-0 { margin: 0px !important; }
.m-10 { margin: 10px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }

/* MARGINS - Top (mt = margin-top) */
.mt-0 { margin-top: 0px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

/* MARGINS - Right (mr = margin-right) */
.mr-0 { margin-right: 0px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }

/* MARGINS - Bottom (mb = margin-bottom) */
.mb-0 { margin-bottom: 0px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }

/* MARGINS - Left (ml = margin-left) */
.ml-0 { margin-left: 0px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }

/* MARGINS - Horizontal (mx = margin-left + margin-right) */
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mx-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mx-50 { margin-left: 50px !important; margin-right: 50px !important; }

/* MARGINS - Vertical (my = margin-top + margin-bottom) */
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

/* PADDINGS - Todas las direcciones (p = padding) */
.p-0 { padding: 0px !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }

/* PADDINGS - Top (pt = padding-top) */
.pt-0 { padding-top: 0px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }

/* PADDINGS - Right (pr = padding-right) */
.pr-0 { padding-right: 0px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }

/* PADDINGS - Bottom (pb = padding-bottom) */
.pb-0 { padding-bottom: 0px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }

/* PADDINGS - Left (pl = padding-left) */
.pl-0 { padding-left: 0px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }

/* PADDINGS - Horizontal (px = padding-left + padding-right) */
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-10 { padding-left: 10px !important; padding-right: 10px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-30 { padding-left: 30px !important; padding-right: 30px !important; }
.px-40 { padding-left: 40px !important; padding-right: 40px !important; }
.px-50 { padding-left: 50px !important; padding-right: 50px !important; }

/* PADDINGS - Vertical (py = padding-top + padding-bottom) */
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

.display-block{
	display: block;
}

.dl-horizontal dt {
    margin-top: 6px;
    width: 90px;
}
.dl-horizontal dd {
    margin-top: 5px;
    margin-left: 110px;
}

/* Alert neutro/gris para estados cerrados o inactivos */
.alert-neutral,
.alert-grey {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #6c757d;
}
.alert-neutral strong,
.alert-grey strong {
    color: #495057;
}
/* Centrar imágenes responsive procesadas por ContentHelper */
.img-responsive {
    margin-left: auto;
    margin-right: auto;
}

/* Estilos para dropdown headers en submenú */
.dropdown-menu .dropdown-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    padding: 10px 20px 5px;
    border-top: 2px solid #0070c0;
    margin-top: 5px;
    background-color: #f5f5f5;
}

.ragister-account{
	margin-top: 20px;
	margin-bottom: 20px;
}
.ragister-account .btn-primary {
    margin-top: 0px;
}

.btn-primary, .btn-secondary, .btn-danger, .btn-warning, .btn-success, .btn-info {
    border: 0;
    font-size: 12px;
    font-weight: 700;
    /* padding: 10px 45px; */
    outline: none;
    text-transform: uppercase;
}

/* Dropdowns simples - texto blanco */
#mainmenu .dropdown-menu:not(.mega-menu) li.active a {
    color: #fff;
}

/* Mega-menus - texto azul Instituto Roche */
#mainmenu .mega-menu li.active a {
    color: #0070c0;
}
/* ============================================
   Estilos de Paginación - Componente pagination.blade.php
   IMPORTANTE: Estos estilos sobrescriben los de template/css/main.css
   ============================================ */

.pagination-wrapper {
    margin: 30px 0;
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

/* Sobrescribir estilos de main.css con mayor especificidad */
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 12px 15px !important;  /* Sobrescribir main.css */
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;  /* Sobrescribir main.css */
    text-decoration: none;
    background-color: #fff !important;  /* Sobrescribir main.css */
    border: 1px solid #ddd !important;  /* Sobrescribir main.css */
    font-size: 14px !important;  /* Asegurar tamaño de fuente */
    min-width: 44px;
    text-align: center;
    box-sizing: border-box;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c !important;  /* Sobrescribir main.css */
    background-color: #eee !important;  /* Sobrescribir main.css */
    border-color: #ddd !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #337ab7 !important;  /* Sobrescribir main.css */
    border-color: #337ab7 !important;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777 !important;
    cursor: not-allowed;
    background-color: #fff !important;
    border-color: #ddd !important;
}