@charset "UTF-8";
/* CSS Document */

/* menu */
.contenedor_general{width: 100%; margin: 0 auto;}

.bg-reforma{background-color: #1594f3;}
.color-reforma{color: #1594f3;}
.color-mural{color: #D1212D;}
.color-norte{color: #1594F3;}

.container-menu{
  position: fixed;
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
  width: 100%;
  /*max-width: 1200px;*/
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #fff;
  overflow: hidden;
  -webkit-overflow-scrolling:touch;
  z-index: 10000000000;
}
.container-menu.active{
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-overflow-scrolling:touch;
  height: 100%;
}
.header-menu{
  height: 50px;
  width: 100%;
  display: inline-block;
  line-height: 50px;
  position:fixed;
}
.cerrar-menu{
  height: 100%;
  width: 15%;
  float: left;
  text-align: center;
}
.cerrar-menu svg{
  cursor: pointer;
}
.hd_menu {
  width: 35px;
  cursor: pointer;
}
.hd_usuario {
  cursor: pointer;
}
.logo-plaza{
  width: 70%;
  height: 100%;
  float: left;
  text-align: center;
  top: 12px;
  position: relative;
}
.logo-plaza img{
  width: 100%;
  max-width: 185px;
  vertical-align: middle;
}
.icono-usuario{
  text-align: center;
  width: 15%;
  float: left;
}
.icono-usuario img{
  width: 100%;
  max-width: 25px;
  vertical-align: middle;
}
.cerrar-menu svg {
  border: 0 solid red;
  height: 100%;
  width: 30px;
}
.close-x {
  stroke: white;
  fill: white;
  stroke-linecap: round;
  stroke-width: 4;
}
.inner-wrapper-menu{
  height: 100%;
  z-index: 15;
  overflow-y: auto;
}
.wrapper-menu{
  margin-top: 50px;
}
.wrapper-menu, .menu-legales{
  padding: 1rem 8rem;
  clear: both;
}
.titulo_menu span{
  font-family: "Oswald";
  font-weight: 300;
  color: #1594f3;
  background-color: #ffffff;
  padding-right: 5px; 
}
.titulo_menu hr{
  border-bottom: solid 2px #1594f3;
  margin-top: -8px;
}
.menu-secciones ul{
  padding: 0;  
  margin: 16px 0;
}
.menu-secciones ul li{
  list-style: none;
  font-family: "Oswald";
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 25px;
  padding: 0;
}
.menu-secciones ul li a{
  text-decoration: none;
  color: #999999;
}
.menu-secciones ul li.activo a{
  font-weight: 400;
  color: #5f5f5f;
}
.ado-menu{padding: 7px 8rem; margin-top: 1rem;}
.ado-menu span{
  font-family: "Oswald";
  font-weight: 400;
  font-size: 14px;
  padding: 7px 15px;
  background-color: #d50024;
  color: #f0ed00;
  float: left;
}
.ado-menu a{
  color: #f0ed00;
}
.ado-menu .esquelas{
  background: #000000
}
.esquelas a{
  color: #ffffff;
}
.menu-legales ul{
  padding: 0;
  margin-top: 0;
}
.menu-legales ul li{
  text-align: center;
  list-style: none;
  font-family: "Oswald";
  font-weight: 300;
  font-size: 14px;
}
.menu-legales ul li a{
  color: #999999;
}
.trademark{
  text-align: center;
  font-family: "Oswald";
  font-weight: 300;
  font-size: 14px;
  color: #999999;
}

.urlMovil { display:none; }
.urlDesktop { display:block; }

@media screen and (max-width: 960px){
.wrapper-menu, .ado-menu{padding:0 4rem;}
.menu-legales{padding:1rem 4rem;}
}
@media screen and (max-width: 780px){
.wrapper-menu, .ado-menu{padding:0 3rem;}
.menu-legales{padding:1rem 3rem;}
}
@media screen and (max-width: 640px){
.wrapper-menu, .ado-menu{padding:0 2rem;}
.menu-legales{padding:1rem 2rem;}
}
@media screen and (max-width: 414px){
.urlMovil { display:block; }
.urlDesktop { display:none; }
}
@media screen and (max-width: 480px){
.wrapper-menu, .ado-menu{padding: 1rem 1rem 0 1rem;}
.menu-legales {padding: 1rem; clear: both;}
.ado-menu{padding: 1rem 1rem 0 1rem;}
}
@media screen and (max-width: 320px){
.ado-menu{padding: 7px 1rem;}
.container-menu{overflow: scroll;}
}
@media (max-width: 980px) and (orientation: landscape) {
  .container-menu{overflow: scroll;}
}

.ado-menu .ESQUELAS {
    background: #000000;
}

.ESQUELAS a {
    color: #ffffff;
}

.ado-menu .ARISTEGUI {
    background: #b6222c;
}

.ARISTEGUI a {
    color: #ffffff;
}

.SUSCRÍBETE, .SUSCRIBETE {
    background: #ff8400;
    color: #ffffff!Important;
    border-radius: 7px;
    text-align: center;
    max-width: 100px;
}

/* modal */

#linkDesktop
{
	display:block;
	padding-top:15px;		
}

.modal {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000000002;
}

.contenedor{
	margin: 0 auto;
    width: 270px;
    margin-top: 160px;
}

.box-form {
    background: white;
    border: #fff solid 5px;
}


.btn-cerrar:hover {
    opacity: 0.7;
}

.btn-go{
	text-align: center;
	cursor: pointer;
	height: 50px;
	line-height:50px;
}

.btn-cerrar {
    text-align: right;
}
.btn-cerrar img{
    cursor: pointer;
}
.auto-adjust{
	max-width:100%;
	max-height:100%;
}
.back-reforma{
	background: #1594f3;
}
.back-elnorte{
	background: #1594f3;
}
.back-mural{
	background: #700000;
    background: -moz-linear-gradient(top, #700000 0%, #a50000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(100%,#a50000));
    background: -webkit-linear-gradient(top, #700000 0%,#a50000 100%);
    background: -o-linear-gradient(top, #700000 0%,#a50000 100%);
    background: -ms-linear-gradient(top, #700000 0%,#a50000 100%);
    background: linear-gradient(to bottom, #700000 0%,#a50000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700000', endColorstr='#a50000',GradientType=0 );
}

.white-text{
	color: white;
    font-size: 14px;
    font-family: sans-serif;
    padding: 15px 70px;
}
.white-text:hover{
	color:white!important;
}

.hd_idReforma img {margin: 0 auto; display: block; height: 35px!Important;}	

@media screen and (max-width: 780px){
/* HD MENU id reforma*/   /******************************************************/
.hd_idReforma img {height: 30px!Important;}	
}

@media screen and (max-width: 480px){
/* HD MENU id reforma*/    /***************************************/
.hd_idReforma img {height: 26px!Important;}	
}

@media screen and (max-width: 320px){
/* HD MENU id reforma*/    /***************************************/
.hd_idReforma img {height: 23px!Important;}
}