body.slide-active { overflow-x: hidden }	/* adjust body when menu is open */
.no-margin-top { margin-top: 0px!important }/*first child of #page-content so it doesn't shift around*/
#page-content { position: relative; padding-top: 70px; left: 0; } /*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content.slide-active { padding-top: 0 }

#slide-nav { background: #fff url("../../images/fondo_izquierda.png") repeat-x top center; background-size: auto 5rem; color: #000; }
#slide-nav .container > .navbar-header { padding-left: 9rem; border-bottom: 2px solid #285E8E;}


#slide-nav .container > .navbar-header /* color de fondo de cabecera aqui */
{
	background-color: white;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1565c0', endColorstr='#0d47a1', GradientType=0);
	background-repeat: repeat-x;
	background-repeat: repeat-x;
	color:#fff;
	padding-left: 0px;
	z-index: 100; 
}
#slide-nav .container > .navbar-header  * { color:white;  font-weight:bold; }
#slide-nav .container > .navbar-header  small, #slide-nav .container > .navbar-header  .navbar-brand { font-size:10px; color:#174894 !important; }

#slide-nav .container > .navbar-header .navbar-brand { 
	background: transparent url("../../images/imagen-consejeria.png") no-repeat 5rem 89%;
    background-color: transparent;
	background-size: auto;
	background-size: 63%;
	padding-left: 14rem;
	margin-left: 0px;
	margin-top: 6px;
	font-size: 18px;
	float: right;
	height: 8rem;
	width: 49px;
}

#slide-nav .container > .navbar-header .imagen-anyo-levaniego { 
	background: transparent url("../../images/jubilarSinFondo.png") no-repeat 2rem 50%;
	background-size: auto;
	background-size: auto 71%;
	height: 100px;
	padding: 15px 9rem;
	margin-left: 2px;
	font-size: 18px;
	float: right;
}
	
#slide-nav .container > .navbar-header .imagen-40-anio-autonomia { 
	background: transparent url("../../images/logo-40-anivers-rgb-horizontal.png") no-repeat 2rem 50%;
	background-size: auto;
	background-size: auto 47%;
	height: 100px;
	padding: 15px 9rem;
	margin-left: 0px;
	font-size: 16px;
	float: right;
	width: 18%;
}

#slide-nav .container > .navbar-header .imagen-logo-fse { 
	background: transparent url(../../images/LOGO_FSE.jpg) no-repeat 1rem 50%;
	background-size: auto;
	background-size: auto 53%;
	height: 100px;
	padding: 15px 9rem;
	margin-left: 0px;
	font-size: 16px;
	float: right;
	width: 18%;
}
	
#slide-nav .container > .navbar-header .navbar-brand-emcan { 
	background: transparent url("../../images/emcan.png") no-repeat 2rem 50%; 
	background-size: auto 75%; 
	padding-left: 14rem; 
	margin-left: 0px; 
}

.divNombreAplicacion *{
	 background-size: auto 75%; 
	 padding-left: 3rem; 
	 margin-left: 0px; 
	 float: left;
	 color:#174894 !important;
	 text-shadow: unset !important;
}

.divNombreAplicacion > h5 {
	margin-top: -4px;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a { color: #174894 !important; background-color: transparent !important; text-shadow: unset !important; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover { color: #fff !important; background-color: #337ab7 !important; background-image: unset !important; filter: unset !important; box-shadow: unset !important;}


#logout {
    float: right;
	font-size: 1.5rem;
	color: #fff;
	margin: 1.25rem -0.5rem 0 0.5rem !important;
	padding: 0.25rem;
	border-radius: 0.25rem;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2rem;
    padding-left: 4px;
    background-color: #1B4B95;
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #1B4B95 100%);
	background-image: -o-linear-gradient(top, #337ab7 0%, #1B4B95 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#1B4B95));
	background-image: linear-gradient(to bottom, #337ab7 0%, #1B4B95 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#1B4B95', GradientType=0);
	background-repeat: repeat-x;
	background-repeat: repeat-x;
}

#logout:hover { 
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #F9534f 100%);
	background-image: -o-linear-gradient(top, #d9534f 0%, #F9534f 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#F9534f));
	background-image: linear-gradient(to bottom, #d9534f 0%, #F9534f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#F9534f', GradientType=0);
	background-repeat: repeat-x;
}


/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    display: block;
    background: transparent;
    position: relative;
    float: left;
    margin: 5px 2px 0 3px;
    padding: 10px 3px 0 0;
    border: 0;
    height: 4px;
	width: 27px;
}

#slide-nav .navbar-menu {
	float: right; 
	margin-right: 0.5rem;
}
	
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    /* tres barras horizontales */
    
	width: 100%;
	display: block;
	margin: 0;
	background-color: transparent !important;
	border-top: 3px solid #174894;
	height: 9px;
    
    /* tres barras verticales */
    /*width: 4px;
	display: block;
	height: 30px;
	margin: 5px 2px 0 3px;
	float: left;*/
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: #fff; /*#EEA338;*/
}

.navbar-header {
    position: relative
}

.user_info_box {
    font-size: 1rem;
    padding-top: 1rem;
    text-align: right;
    position: absolute;
    right: 6rem;
}

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}

.nav.navbar-nav .divider
{
	height: 0.1rem;
	margin-bottom: 1rem !important;
	border-bottom: 1px solid #174894;
	width: 90% !important;
	margin-left: 5% !important;
}

/* OJO: si esta es max-width: 1024px, la siguiente es min-width: 1025px; */
@media (max-width:409600px) { 
	
	form .ui-tabs { width: 98.25%; }
	
	#main-content { padding: 8rem 0 0 3rem !important; width: 99%; margin-top: 0px;}
	#main-content.slide-active { padding-top: 0px !important; margin-top: -2rem;  }
	
	.navbar > .container .navbar-brand { margin-left: 0px; color: #174894 !important; padding-left: 4rem; }
	.navbar-toggle { display: block; margin-left: 2rem !important; }

	#slidemenu .navbar-nav > li		{ width: 100%; margin: 0; }
	#slidemenu .navbar-nav > li a,
	#slidemenu .navbar-nav .navbar-nav > li a { line-height: 1.2rem; font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
	.dropdown-menu{font-size: 13px;}
	#slide-nav .user_info_box 
	{
		width: auto;
		min-width: 12rem;
		padding-left: 1rem;
		color: #174894;
		position: relative;
		top: unset;
		right: unset;
		font-size: 1rem;
		padding-top: 1rem;
		margin-top: 0.5rem;
		float: right;
		text-align: right;
		padding-right: 1rem;
	}
	
	#slide-nav .menu-item .dropdown-menu {
    width: 100%;
    border-radius: 0px;
    border-left: 0px none;
    border-right: 0px none;
    position: relative; /* pisamos con el valor por defecto */
    top: 0px; /* ponemos a 0 por si acaso; deberia alinear contra su li contenedor */
    background-color: transparent;  /* pisamos con valor transparente explicitamente  */
    box-shadow: none; /* quitamos el efecto de sombra */ }

	#slide-nav .menu-item .dropdown-menu	{ width: 100%; border-radius: 0px; border-left: 0px none; border-right: 0px none; position: unset; top: unset; background-color: unset; }
	#slide-nav .menu-item .dropdown-menu a	{ color:#174894 !important; }
	#slide-nav .menu-item .dropdown-menu a:hover	{ color: #1b4b95; }
	#slide-nav .container 
	{
	    margin: 0;
	    padding: 0!important;
	    width: 100%;
	    background-image: none;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	    width: 100%;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 30rem;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 30rem;
	    min-width: 0;
	    position: fixed;
	    padding: 0;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 4rem 0 0 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    
	    white-space: normal;
	}
	.navbar-nav > li.menu-item.secundario, .navbar-nav > li.menu-item.secundario > a {
	    font-size: 1.2rem !important;
	    line-height: 1.2rem !important;
	    padding: 0.25rem 0 0.25rem 0.75rem !important;
	    margin: 0px;
	}

	#slide-nav {
	    border: 0px none;
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: white;
	    padding-top: 6rem;
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 34rem;
	    left: -30rem;
	    background: #eee;
	    padding-top: 5rem;
	}
	#slide-nav.navbar-inverse #navbar-height-col {	/* color de fondo de menu desplegable aqui */
	    background-color: white;
		/*background-image: -webkit-linear-gradient(top, #0d4aa5 0%, #1e88e5 100%);
		background-image: -o-linear-gradient(top, #0d4aa5 0%, #1e88e5 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#0d4aa5), to(#1e88e5));
		background-image: linear-gradient(to bottom, #0d4aa5 0%, #1e88e5 100%);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d4aa5', endColorstr='#1e88e5', GradientType=0);
		background-repeat: repeat-x;*/
		z-index: 1;
		border: 0;
		margin-top: 84px;
		padding: 0;
		border-right: 2px solid #285E8E;
		/*opacity: 0.85;*/
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: sticky;
	}
}/* fin max-width: 1024px; min-width +1 la siguiente */
@media ( min-width: 409601px )
{
	#main-content { margin-top: 7rem; margin-left: 0px !important; }
	.navbar-brand { padding-left: 3rem; }
	#slide-nav .container { width: 100% !important; }
	#page-content
	{
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
	.user_info_box {}
}


#slide-nav .container > .navbar-header .navbar-brand.customName{  font-size: 35px;}  
/*.h3CabeceraLogOut{margin-top: 2%;}
.logo40AniosLogOut{width: 27% !important;}
.divLogosLogOut{padding-top: 0px!important;}

.heightHeader{max-height: 200px !important;}
.topMenu{margin-top: 172px !important}  
.leftCabecera{padding-left: 1%!important;}
.rightIconsCabecera{padding-right: 1% !important;}
#slide-nav #slidemenu .navbar-nav{margin-top: 38%;}
#main-content{margin-top:7%;}
.iconUnionEuropea{width: 26%!important;}
.icon40anio{width: 30%!important;}
.icon40anios{width: 17%!important;}
.iconUnionEuropea{width: 15%!important;}
*/


.cabeceraConvoca{max-width: 48%; margin-top: 0.5%; float: right;}