@import url('https://fonts.googleapis.com/css?family=Varela+Round');
section .contenido{
	width:100%;
}
/* Menú */
.fullwidthbanner-container{
	z-index:3;
}
.contenedor-1{
	width:100%;
	margin:0 auto;
}
.topnav {
  overflow: hidden;
  width:1460px;
  margin:0 auto;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 5px;
  width:220px;
  text-decoration: none;
  font-size: 14px;
  background:#2a3e57;
  margin:5px;
  font-family: 'Varela Round', sans-serif;
}
.topnav .icon {
  display: none;
}
/* Menú */
.menu-2{
	text-align: right;
	margin: 10px;
	}
.menu-2 .btn-link{
	border:none;
}
.menu-2 a{
	color:#2a3e65;
}
.btn-link:hover {
    background: #eee;
}
/*--------------------*/
h2{
	text-align: center;
	font-family: spinnaker;
	font-size: 29px;
	color: #2A3E57;
	margin: 30px 0;
	padding-top:3%;
}
.contacto{
	width: 100%;
	margin: 0 auto;
}
.inf-1{
	text-align:center;
	color: #2a3e57;
	font-size: 20px;
	font-family: spinnaker;
}
.inf-2{
	text-align:center;
}
.inf{
	color: #2a3e57;
	font-size: 17px;
	font-family: spinnaker;
}
.cont{
	border: 1px solid #2A3E57;
	margin: 0px auto;
}
.cont div{
	padding: 10px;
	font-family: spinnaker;
	font-size: 17px;
	color: #000000;
}
.cont form{
	padding:15% 0;
	text-align:center;
}
.cont input{
	line-height: inherit;
	margin: 5px;
	width: 85%;
}
.manuales{
	background: #AFCDD7;
	min-height: 350px;
}
.manual{
	width:80%;
	margin:4% auto;
	padding:0 0 30px 0;
	justify-content: center;
}
.manual .btn{
	font-size: 18px;
	font-family: spinnaker;
	color: #2A3E57;
	white-space: inherit;
	background:none;
}
.manual-1{
	text-align:center;
}
.manual-1 .txt{
	padding:5px;
}
.peticion{
	width: 48%;
	margin: 2% auto;
}
.peticion img{
	width: 100%;
}
.modal-dialog{
	max-width: 80%;
}
.modal-body p{
	margin:10px 0px;
	font-size: 17px;
	font-family:Spinnaker;
	color: #212121;
}
.modal-body a{
	font-family: spinnaker;
	font-size: 17px;
}
.modal-footer .btn, .modal-header, .close{
	color: #fff;
	background: #2a3e57;
}
/*-----------------------------------*/
.menu_5{
	display:none;
}
/*-----------------------------------*/
.preguntas h2{
	text-align: center;
	font-family: spinnaker;
	font-size: 29px;
	color: #D78C6F;
	margin-top: 30px;
}
.preguntas ul{
	width:95%;
	margin:0 auto;
	padding:0;
}
.preguntas .btn{
	width:100%;
	margin:0 auto;
	text-align:left;
}
.btn:hover {
    text-decoration: none;
}
.cau, .cau-estados-ti{
	border-top: 10px solid #d78c6f;
	background:#eee;
	margin:30px 0 0 0;
}
.columnas{
	margin:0 auto;
	font-size: 18px;
	font-family: spinnaker;
	color: #333333;
	width:75%;
	padding:20px;
}
.menu-2{
	display:none;
	}
.pdf-normatividad img{
	padding: 10px 15px 5px 5px;

}
.pdf-normatividad p{
	color: #444;
}
@media (max-width:1500px){
	.manual{
		width:95%;
	}
	.columnas{
		width:90%;
	}
}
@media (max-width:1460px){
	.topnav{
	width:100%;
	}
	.topnav a{
	width:15%;
	}
}
@media (max-width:1027px){
	.topnav a{
		height:50px;
		width:18.3%;
	}
	.topnav .btn-manual, .topnav .btn-cau, .topnav .btn-contacto{
		padding:15px;
	}
	.topnav .btn-google{
		padding:10px;
	}
}
@media (max-width:907px){
	.topnav .btn-google{
		padding:5px;
	}
}
@media (max-width:880px){
	.preguntas ul{
		width:50%;
	}
}
@media (max-width:767px){
	.manual{
	width:85%;
	}
	.contacto {
	margin: 10px auto;
	width: 95%;
}
	.cont {
    margin: 10px auto;
	}
	.columnas{
		width:100%;
	}
}
@media (max-width:708px){
	.topnav .btn-cau{
		padding:9px;
	}
}
@media (max-width:650px){
	.preguntas ul{
		width:70%;
	}
}
@media (max-width:610px){
	.topnav .btn-cau{
		padding:6px;
	}
}
@media (max-width:588px){
	.menu1{
		display:none;
	}
	.menu-2{
		display:block;
	}
}
@media (max-width:575px){
	.manual {
		width: 50%;
		margin: 0 auto;
	}
	.columnas{
		margin: 0 auto;
}
	.modal-dialog{
		max-width: 100%;
	}
}
@media (max-width:510px){
	.cont input {
		margin: 1px;
		width: 95%;
		font-size: 10px;
	}
	.preguntas .btn{
		width:100%;
		white-space: normal;
	}
}
@media (max-width:450px){
	.preguntas ul{
	padding:0;
	}
	.preguntas .btn{
	padding:0;
	}
	.manual-1{
		padding:0px;
	}
	.manual-1 .btn{
		padding:0;
	}
}
@media (max-width:399px){
	/*.preguntas ul{
	width:85%;
	}*/
}
/*---------------------------------------*/
/*********************** SEGUNDO NIVEL *********************************/
/********************** Filtro ******************************************/
.posgfiltro--close--overlay{
	display: inline-block;
    position: relative;
    height: 20px;
    float: right;
    padding: 13px 0px;
}
.posgfiltro--close--overlay button { 
    background: transparent url("/images/plantillas/iconos/icon_cerrar.svg");
    background-repeat: no-repeat;
	width: 50px;
	height: 26px;
	padding: 0px;
	border: 0;
}
.posgfiltro--close--overlay button:hover { 
	cursor: pointer;
	background-color: #FFF;
}
.overlay-content-accesos .container-menu{
	position: relative;
	width: 220px;
	height: 310px;
	margin: 0 auto;
	display: block;
	max-width: 220px;
}
.menu-main h4, .posg_tePuedeInteresar h4{
	font-size: 25px;
	font-family: 'Spinnaker';
	color: #b61b1b;
	text-transform: uppercase;
}
.menu-main .posg_filtro_tit, .posg_tePuedeInteresar .posg_filtro_tit{
    font-size: 19px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #4d4d4d;
}

@media (max-width: 720px){
	#myNav .overlay-content{
		width: 85%;
	}
	#myNav .overlay-content .container-menu{
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 700px){
	#myNav .menu-container .container-menu{
		display: block;
	}
	#myNav .menu-main-list a {
    font-size: 18px;
    font-family: 'Spinnaker';
    color: #2a3e57;
	}
}
.container-menu ul{
	list-style: none;
	padding: 0px;
	font-size: 13px;
	font-family: 'Montserrat';
	color: #4d4d4d;
}
.container-menu ul label{	
	font-weight: 400;
}

@media (max-width: 380px){
	.container_menu{
		width: 1620px;
		margin: 0 auto;
		max-width: 1620px;
	}
}
@media(max-width:400px){
	div.embed-responsive.embed-responsive-16by9{
		height: 500px;
	}
	div#outerContainer div#mainContainer div#viewerContainer div#viewer.pdfViewer div.page{
		margin-top: 5px;
	}
}
#cau-estados{
	margin-top: 80px;;
	width: 100%;
	padding: 5%;
	background-color: #212529;
}