#mainContent{
	position:relative;
	z-index: 0;
	margin: 40px;
}

#mainContent .container.index{
	border: 1px solid #d1090c;
}

#mainContent.seccion{
	margin: 0;
}

#mainContent.seccion .container{
	max-width: 1425px;
}

#header{
	position: relative;
	text-align: center;
	margin-top: 5px;
}

#header img{
	height: 225px;
	width: auto;
}
#header .texto_header{
	position: absolute;
	right: 10px;
	top: 0;
}
#header .texto_header.centrado{
	text-align: center;
}


#header .texto_header p{
	margin: 0;
}

#header .logo_inicio{
	position: absolute;
	top: 0;
	
	width: 200px;
}

#header .logo_inicio img{
	width: 100%;
	height: auto;
}


.seccion .header{
	background-color: #d20a11;
	height: 85px;
}

.seccion .header.menuFijo{
	position: fixed;
	top: 0;
}

.seccion .header .row{
	align-items: center;
}
.seccion .header .logo{
	/*height: 85px;*/
	margin-right: 20px;
/*	align-items: center;
	justify-content: center;*/
}
/*.seccion .header .logo a{
	display: block;
	height: 100%;
}*/

.seccion .header img{
	/*height: 60%;
	margin-top:20%;
	width: auto;*/
	height: 50px;
	width: auto;
}

.seccion .contenido .container{
	background: url('../imagenes/hoja.svg') no-repeat;
	min-height: 540px;
}

.seccion .contenido .container .bloque_documentos{
	opacity: 1;
}


.pie{
	margin-top: 2rem;
	padding-bottom: 10px;
}

.pie .borde{
	border-top: 2px solid #d20a11;
}

.pie .bloque_pie{
	text-align: center;
	padding-top: 3px;
	color: #d20a11;
}

.pie .direccion{
	text-align: left;
}

.pie .row{
	padding-top: 0;
}

.tabla{
	display: table;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.celda{
	display: table-cell;
	vertical-align: middle;
}

#mainMenu .titulo{
	border: 1px solid #9a0000;
	padding: 5px 5px;
	color: #FFF;
	text-align: center;
	border-right-width: 0;
	font-size:12px;
	line-height:18px;
	border-top:0px;
	border-bottom:0px;
	text-transform:uppercase;
	letter-spacing: -0.3px;
}
#mainMenu li .titulo:hover{
	background-color:rgba(255,255,255,0.3);
	transition:0.3s all;
}
#mainMenu li:last-child .titulo{
	border-right-width: 1px;
}

#mainMenu .titulo.selected{
	background-color: #e6b9b8;
	color: #000;
}

#mainMenu ul{
	display: table;
	height: 100%;
	margin-bottom: 0;
}

#mainMenu .bloque{
	height: 85px;
	display: table-cell;
	vertical-align: middle;
}

.bloque_documentos{
	padding-top: 3rem;
}
.bloque_documentos .listado{
	list-style: none;
}
.bloque_documentos .listado li{
	width: 25%;
	text-align: center;
	float: left;
	height: 145px;
	margin-bottom: 3rem;
}
.bloque_documentos .listado li .iconos{
	font-size: 120px;
	color: #d20a11;
	margin-bottom: 10px;
}

.bloque_documentos .listado img{
	height: 120px;
	width: auto;
	margin-bottom: 10px;
}

.bloque_documentos .listado .visible{
	display: inherit;
}
.bloque_documentos .listado .oculto{
	display: none;
}

#boton_movil{
	display: none;
}

.salir{
	display: inherit;
	color:#fff;
	align-items: center;
	justify-content: center;
	padding:0 15px;
}

#menu_movil{
	margin-left:-240px;
	display: none;
}
#menu_movil .logo {
    text-align: center;
    padding-bottom: 15px;
}

#menu_movil .logo img{
	height: 90px;
	width: auto;
}


.btn.btn-primary{
	background-color: #d1090c !important;
	border-color: #d1090c !important;
	color: #fff !important;
}
.btn{
	cursor: pointer;
}

.info h2{
	color: #d1090c;
	padding-left: 5rem;
}

.logos{
	margin: 3rem 0;
	text-align: center;
}

.logos img{
	width: 195px;
	max-width: 100%;
	height: auto;
}

.listado_secciones{
	list-style: none;
}
.listado_secciones li{
	border: 1px solid #000;
	width: 48%;
	float: left;
	text-align: center;
	background-color: #cecece;
	margin: 8px 5px;
}
.listado_secciones li a{
	display: block;
	width: 100%;
	padding: 8px;
}

.listado_secciones li i{
	font-size: 54px;
}

.listado_secciones{
	display: none; /*Solo está disponible cuando mostramos el icono del menú móvil.*/
}

#capa_opaca{
	z-index: 15;
	background-color: rgba(255, 255, 255, 0.32);
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
}

.logo_inicio.tabla{
	display: block;
}

.hamburger{
	padding: 0;
	color: #FFF;
}
.hamburger-inner, 
.hamburger-inner::after, 
.hamburger-inner::before{
	background-color: #FFF;
	width: 28px;
}

.hamburger:hover{
	opacity: 1;
}

#pdf_modal .modal-dialog{
	max-width: 55% !important;
}


#pdf{
	width: 100%;
	max-width: 100%;
	height: 600px;
	max-height: 100%;
	/*margin: 2em 0;*/
}

#aviso_legal_modal .checkbox label::before{
	margin-top: 4px;
}

#aviso_legal_modal .modal-body{
	font-size: 14px;
}

#aviso_legal_modal .listado_aviso_legal{
	padding-left: 4rem;
}

#aviso_legal_modal .modal-dialog{
	max-width: 60%;
}




@media screen and (max-width: 1425px) {
	.header .logo{
		padding-left: 0;
	}
	#mainMenu .titulo{
		padding: 5px 15px;
	}	
}

@media screen and (max-width: 1215px) {
	
	#mainMenu .titulo{
		padding: 5px 10px;
	}
}

@media screen and (max-width: 1200px) {
	.pie .direccion{
		text-align: center;
	}
	
	#aviso_legal_modal .modal-dialog{
		max-width: 80%;
	}
}

@media screen and (max-width: 1170px) {
	.pie{
		padding-bottom: 10px;
	}
	#mainMenu .titulo{
		padding: 5px 7px;
		font-size:11px;
	}
	.salir{
		font-size: 14px;
		padding-right: 0px;	
		padding-left:7px;
	}
}

@media screen and (max-width: 1100px) {
	#mainContent{
		margin: 25px;
	}
	#header img{
		height: 170px;
	}
	
	.info h2{
		font-size: 35px;
		margin: 15px 0;
	}
	
	.header{
		position: fixed;
		top: 0;
		z-index: 11;
		width: 100%;
	}
	
	.contenido{
		/*margin-bottom: 5rem;*/
		margin-top: 100px;
		
	}
	.contenido .container{
		padding-bottom: 60px;
	}
	.seccion .contenido .container{
		min-height: 480px;
	}
	
	.pie{
		position: fixed;
		bottom: 0;
		background-color: #FFF;
	}
	
	.seccion .header .logo{
		margin-right: 8px;
	}
	
	#pdf_modal .modal-dialog{
		max-width: 75% !important;
	}
	
	.seccion .header .logo a{
		padding-top:11px;
	}
	.seccion .header .logo img{
		max-height:60px;
	}
	
	
/*	.seccion .header,
	.seccion .header .logo,
	#mainMenu .bloque {
    	height: 90px;
	}*/
}

@media screen and (max-width: 1000px) {
	#menu_movil{
		position: fixed;
		left: 0;
		top: 0px;
		width: 240px;
		height: 100%;
		-moz-transition: margin-left 0.3s;
		-o-transition: margin-left 0.3s;
		-webkit-transition: margin-left 0.3s;
		transition: margin-left 0.3s;
		background-repeat: repeat;
		z-index: 99;
		
		display: flex !important;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-webkit-flex-direction: column !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		background-color: #263238;
		color: #fff;
		padding-top:15px;
		overflow:scroll;
	}
	#menu_movil.visible{
		margin-left:0px;	
	}
	#capa_opaca.visible{
		display: inherit;
	}
	#menu_movil .enlaces_social a{
		margin:10px 7px;
		margin-bottom:0px;	
		font-size:30px;	
		display:inline-block;
	}
	#menu_movil a{
		color:#fff;	
	}
	#menu_movil ul{
		padding:0px;
		margin:0px;
		list-style:none;	
	}
	#menu_movil ul li a{
		padding: 10px 20px;
		color: rgba(255, 255, 255, 0.85);
		font-weight: 300;
		font-size: 14px;
		display:block;
		transition: all 0.3s;
		border-top:#666 1px solid;
	}
	
	#menu_movil ul li ul li a{
		padding-left: 35px;
		background-color: #263e4b;
	}
	
	
	.header{
		position: inherit;
		top: inherit;
		z-index: 11;
	}
	.seccion .contenido{
		margin-top: inherit;
	}
	.seccion .contenido .container{
		min-height: inherit;
	}
	
	.pie{
		position: inherit;
		bottom: inherit;
		background-color: inherit;
	}
	
	#mainMenu .titulo{
		padding: 5px 3px;
		font-size:10px;
	}
	
}
@media screen and (max-width: 890px) {
/*	.seccion .header, 
	.seccion .header .logo, 
	#mainMenu .bloque{
		height: 75px;
	}*/
	
	.seccion .header{
		height: auto;
		padding: 15px;
	}
}


@media screen and (max-width: 870px) {
	.texto_header,
	#header .texto_header.centrado{
		width: 35%;
		text-align: right;
	}
	#mainMenu .titulo{
		font-size:9px;
	}
	.salir{
		font-size:12px;
	}
}

@media screen and (max-width: 801px) {
	.seccion .header img{
		width: auto;
	}
	
	/*.seccion .header, 
	.seccion .header .logo, 
	#mainMenu .bloque{
		height: 65px;	
	}*/
	
	#capa_opaca{
		top: 65px;
	}
	
	#mainMenu{
		display: none;
	}
	
	.salir{
		display:none;	
	}
	
	#boton_movil{
		display: inherit;
		position: absolute;
		right: 20px;
		top: 25%;
	}
	#boton_movil a{
		font-size: 30px;
		color: #FFF;
	}
	
	.listado_secciones{
		display: inherit; /*Solo está disponible cuando mostramos el icono del menú móvil.*/
	}
	
	
	#mainContent{
		margin: 10px;
		margin-bottom: 18px;
	}
	.info h2{
		padding-left: 0;
	}
	.logos{
		margin: 1rem 0;
	}
	.logos div{
		margin-bottom: 2rem;
	}
	
	.bloque_documentos .listado li{
		width: 50%;
		height: 70px;
	}
	
	.bloque_documentos .listado img{
		height: 70px;
	}
	.bloque_documentos .listado li .iconos{
		font-size: 70px;
	}
	
	.bloque_documentos{
		padding-top: 1rem;
	}
	
	.pie .bloque_pie{
		font-size: 16px;
	}
	.seccion .header .logo a{
		padding-top:4px;
	}
}

@media screen and (max-width: 600px){
	#header .logo_inicio{
		width: 150px;
	}
}

@media screen and (max-width: 500px){	
	#header{
		text-align: left;
	}
	.info h2{
		font-size: 32px;
	}
	
	#loginModal .modal-dialog,
	#user_config .modal-dialog,
	#aviso_legal_modal .modal-dialog{
		margin: 60px 15px;
	}
	
	#aviso_legal_modal .modal-dialog{
		max-width: 100%;
	}
	
	#pdf_modal .modal-dialog{
		max-width: inherit !important;
		margin: 15px 15px;
	}
	
	.texto_header{
		width: 47%;
	}
	
	.seccion .contenido .container{
		min-height: 448px;
	}
	
	.bloque_documentos .listado img{
		height: 80px;
	}
	.bloque_documentos .listado li .iconos{
		font-size: 80px;
	}
	
	/*.seccion .header, .seccion .header .logo, #mainMenu .bloque{
		height: 50px;
	}*/
	
	#capa_opaca{
		top: 50px;
	}
	
	#boton_movil a{
		font-size: 23px;
		top: 26%;
	}
	
	.bloque_documentos .listado li a{
		font-size: 14px;
		word-wrap: break-word;
	}
	
	.pie .bloque_pie{
		font-size: 14px;
	}
	
	.logos div{
		margin-bottom: 1rem;
	}
	
	.logos{
		margin-bottom: 0;
	}
	
	.logos img{
		height: 100px;
		width: auto;
	}
	
	.texto_header {
		width: 52%;
		font-size: 14px;
		text-align: right;
	}
	
	.listado_secciones li{
		width: 100%;
	}
	
	#header .logo_inicio{
		left: inherit;
		top: 50px;
		right: 10px;
	}
	
	#header .logo_inicio.tabla{
		display: table;
		height: 95px;
	}
	
	#aviso_legal_modal .listado_aviso_legal{
		padding-left: 2rem;
	}
}

@media screen and (max-width: 460px){
	#formulario_aviso_legal .checkbox,
	#formulario_aviso_legal input[type="submit"]{
		float: none;
		width: 100%;
	}
	
	#formulario_aviso_legal .checkbox{
		margin-bottom: 1rem;
	}
	
	
}

@media screen and (max-width: 400px) {	
	#header img{
		height: 120px;
	}
	
	.info{
		margin-top: 10px;
	}
	.info h2{
		font-size: 17px;
	}
	
	#header .logo_inicio{
		top: 50px;
		width: 125px;
	}
	
	.modal-body #viewerContainer .page,
	.modal-body #viewerContainer .page .canvasWrapper,
	.modal-body #viewerContainer .page .canvasWrapper canvas,
	.modal-body #viewerContainer .page .textLayer{
		width: 100% !important;
		height: auto !important;
	}
	
}

@media screen and (max-width: 380px) {
	#formulario_aviso_legal .checkbox{
		padding-left: 20px;
	}
}

@media screen and (max-width: 360px) {
	.bloque_documentos .listado img{
		height: 70px;
	}
	.bloque_documentos .listado li .iconos{
		font-size: 70px;
	}	
}